@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.page-wrapper{padding:var(--space-10) var(--space-10);flex:1;overflow-y:auto}.page-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 var(--space-1)}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-8)}*,:before,:after{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{width:100%;height:100vh}h1,h2,h3{font-family:var(--font-sans);margin:0}p{margin:0}@keyframes blink-warn{0%,to{box-shadow:0 0 0 2px #ef4444}50%{box-shadow:none}}:root{--calm-canvas:#fbfcfe;--calm-sidebar:#f2f5f8;--calm-surface:#fff;--calm-border:#e3e9ef;--calm-border-strong:#bcc9d6;--calm-text:#24303f;--calm-text-secondary:#687687;--calm-text-muted:#96a2ae;--calm-red:#f3192b;--accent:#4779bd;--calm-radius:13px;--calm-shadow:0 1px 2px #1018280a;--calm-font:"Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--snav-width-open:230px;--snav-width-collapsed:64px}html.dark{--calm-canvas:#171b20;--calm-sidebar:#1d232a;--calm-surface:#20262d;--calm-border:#303943;--calm-border-strong:#536170;--calm-text:#eef2f5;--calm-text-secondary:#aab5c0;--calm-text-muted:#7f8b97;--calm-shadow:none;--accent:#4779bd}.calm-app-shell .sample-button--primary{background:var(--accent)}.calm-app-shell{height:100vh;font-family:var(--calm-font);display:flex}.calm-app-content{background:var(--calm-canvas);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden auto}.calm-page-header{padding:var(--space-8) var(--space-10) 0;background:var(--calm-surface);border-bottom:1px solid var(--calm-border)}.snav{background:var(--calm-sidebar);border-right-color:var(--calm-border);font-family:var(--calm-font)}.snav-brand{border-bottom-color:var(--calm-border);background:0 0;min-height:88px;padding:15px 18px}.snav-brand-logo{flex:none;width:158px;height:auto;display:block}.snav-brand-compact{background:var(--calm-red);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:600;display:none}.snav-items{padding:14px 10px}.snav-item,.snav-theme-toggle{color:var(--calm-text-secondary);border-radius:9px;gap:11px;margin-bottom:2px;padding:9px 11px;font-size:13px}.snav-label,.snav-brand-text{font-weight:400}.snav-item--active{background:var(--calm-surface);color:var(--calm-text);box-shadow:var(--calm-shadow);font-weight:500}.snav-item:hover,.snav-theme-toggle:hover,.snav-toggle:hover{background:var(--calm-surface);color:var(--calm-text)}.snav-reference,.snav-bottom,.snav-toggle,.snav-brand{border-color:var(--calm-border)}.snav-reference{padding:0 10px 6px}.snav-section-label{color:var(--calm-text-muted);letter-spacing:.13em;padding:8px 11px 5px;font-size:9px;font-weight:500}.snav-bottom{padding:8px 10px}.snav-toggle{color:var(--calm-text-muted)}.snav--collapsed .snav-brand{justify-content:center;min-height:70px;padding:16px 10px}.snav--collapsed .snav-brand-logo{display:none}.snav--collapsed .snav-brand-compact{display:grid}.calm-home{width:100%;max-width:1100px;margin:0 auto;padding:42px}.calm-home__intro{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.calm-home .page-title{color:var(--calm-text);font-family:var(--calm-font);letter-spacing:-.035em;margin-bottom:7px;font-size:28px;font-weight:500}.calm-home .page-subtitle{color:var(--calm-text-secondary);margin:0;font-size:13px}.calm-home__status{color:#537166;white-space:nowrap;background:#f4faf7;border:1px solid #dceae4;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.calm-home__status-dot{background:#4ca17d;border-radius:50%;width:6px;height:6px}html.dark .calm-home__status{color:#a9d2bf;background:#203a31;border-color:#345548}.calm-home__tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.calm-tool-card{border:1px solid var(--calm-border);border-radius:var(--calm-radius);background:var(--calm-surface);min-height:164px;box-shadow:var(--calm-shadow);color:inherit;flex-direction:column;padding:18px;text-decoration:none;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.calm-tool-card:hover{border-color:var(--calm-border-strong);transform:translateY(-1px);box-shadow:0 5px 16px #10182812}.calm-tool-card:focus-visible{outline:2px solid var(--calm-red);outline-offset:3px}.calm-tool-card__icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.calm-tool-card__symbol{font-family:Material Symbols Outlined;font-size:19px;font-weight:400;line-height:1}.calm-tool-card__icon--red{color:#e71b2d;background:#fff0f1}.calm-tool-card__icon--blue{color:#4779bd;background:#edf4ff}.calm-tool-card__icon--green{color:#38806d;background:#edf8f4}.calm-tool-card__icon--amber{color:#a87129;background:#fff6e8}.calm-tool-card__icon--violet{color:#765da7;background:#f3efff}.calm-tool-card__icon--slate{color:#60707c;background:#eff3f5}.calm-tool-card__title{color:var(--calm-text);font-family:var(--calm-font);margin:15px 0 6px;font-size:14px;font-weight:500}.calm-tool-card__description{color:var(--calm-text-secondary);margin:0;font-size:12px;line-height:1.5}.calm-tool-card__action{color:var(--calm-text-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:10.5px;display:flex}.calm-tool-card__action span{font-family:Material Symbols Outlined;font-size:16px;transition:transform .14s}.calm-tool-card:hover .calm-tool-card__action span{transform:translate(2px)}@media (width<=900px){.calm-home__tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){:root{--snav-width-open:64px}.snav-brand-logo,.snav-label,.snav-section-label{display:none}.snav-brand-compact{display:grid}.calm-home{padding:28px 22px 80px}.calm-home__intro{display:block}.calm-home__status{width:max-content;margin-top:16px}.calm-home__tools{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.calm-tool-card,.calm-tool-card__action span{transition:none}}.sample-orders-page{width:100%;max-width:none;padding:0}.sample-orders-header{width:100%}.sample-orders-content{width:100%;max-width:1180px;padding:var(--space-6) var(--space-10) var(--space-10);margin:0 auto}.sample-orders-page form{gap:var(--space-4);display:grid}.sample-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);box-shadow:var(--shadow-xs)}.sample-card h2{margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.sample-grid{gap:var(--space-4);margin-top:var(--space-4);display:grid}.sample-grid:first-of-type{margin-top:0}.sample-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.sample-orders-page label{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);display:grid}.sample-field-hint{color:var(--text-muted);font-weight:var(--font-normal)}.sample-orders-page input,.sample-orders-page select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;min-height:40px;color:var(--text-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--font-normal);outline:none;padding:8px 11px}.sample-orders-page input:focus,.sample-orders-page select:focus{border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb, var(--text-muted) 18%, transparent)}.sample-orders-page input[aria-invalid=true]{border-color:#b91c1c}.sample-section-heading,.sample-actions{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.sample-section-heading h2{margin-bottom:var(--space-1)}.sample-section-heading p,.sample-actions>span{color:var(--text-secondary);font-size:var(--text-xs)}.sample-sheet{margin-top:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.sample-sheet-row{background:var(--bg-primary);grid-template-columns:44px minmax(220px,1fr) 120px 80px;align-items:start;display:grid}.sample-sheet-row+.sample-sheet-row{border-top:1px solid var(--border)}.sample-sheet-header{background:var(--bg-secondary);min-height:34px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);align-items:center}.sample-sheet-header span{padding:0 10px}.sample-sheet-row label{display:block}.sample-sheet-row input{border:0;border-left:1px solid var(--border);min-height:42px;box-shadow:none;border-radius:0}.sample-sheet-row input:focus{z-index:1;position:relative;box-shadow:inset 0 0 0 2px #5c7a5c}.sample-sheet-row input[type=number]{border-right:1px solid var(--border)}.sample-sheet-row input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.sample-sheet-row input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.sample-sheet-row input[type=number]{appearance:textfield}.sample-row-number{color:var(--text-muted);font-size:var(--text-xs);text-align:center;padding-top:13px}.sample-sku--checking{background:#fffbeb!important}.sample-sku--valid{color:#166534!important;background:#f0fdf4!important}.sample-sku--invalid{color:#991b1b!important;background:#fef2f2!important}.sample-field-error{color:#b91c1c;font-size:11px;font-weight:var(--font-normal)}.sample-button,.sample-icon-button{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-weight:var(--font-semibold);border:0}.sample-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;font-size:var(--text-sm);padding:9px 14px;display:inline-flex}.sample-button span,.sample-icon-button span{font-family:Material Symbols Outlined;font-size:18px;font-weight:var(--font-normal)}.sample-button--primary{color:#fff;background:#5c7a5c}.sample-button--secondary{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary)}.sample-action-buttons{gap:var(--space-2);display:flex}.sample-action-buttons a{text-decoration:none}.sample-section-footer{margin-top:var(--space-3);justify-content:flex-end;display:flex}.sample-clear-link{color:var(--text-secondary);cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);background:0 0;border:0;padding:0;text-decoration:underline}.sample-clear-link:hover{color:var(--text-primary)}.sample-icon-button{width:40px;height:40px;color:var(--text-secondary);background:0 0}.sample-row-actions{justify-content:center;align-items:center;display:flex}.sample-icon-button:disabled,.sample-button:disabled{cursor:not-allowed;opacity:.45}.sample-form-error{border-radius:var(--radius-md);color:#991b1b;font-size:var(--text-sm);background:#fef2f2;border:1px solid #fca5a5;padding:10px 14px}.sample-failsafe{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-secondary);display:flex}.sample-failsafe strong{color:var(--text-primary);font-size:var(--text-sm)}.sample-failsafe p,.sample-failsafe>div>span{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}.sample-failsafe a,.sample-link-button{color:var(--text-secondary);font:inherit;font-weight:var(--font-semibold);text-decoration:underline}.sample-link-button{cursor:pointer;background:0 0;border:0;padding:0}.sample-mobile-label{display:none}@media (width<=900px){.sample-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-sheet-row{grid-template-columns:40px minmax(180px,1fr) 100px 80px}}@media (width<=640px){.sample-orders-header,.sample-orders-content{padding-right:var(--space-5);padding-left:var(--space-5)}.sample-grid--two,.sample-grid--three,.sample-grid--four{grid-template-columns:1fr}.sample-sheet{overflow-x:auto}.sample-sheet-row{min-width:520px}.sample-actions,.sample-failsafe{flex-direction:column;align-items:stretch}.sample-action-buttons{flex-direction:column}}