@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--sidebar:#17262c;--ink:#263339;--muted:#899297;--line:#e8ecee;--accent:#dd8144;--accent-dark:#c46a2d;--accent-soft:#fff3e9;--canvas:#f5f7f8;--green:#38977b;--blue:#567fba;--red:#d36a5b;--shadow:0 12px 36px #192d3510;font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:15px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e58b4777;outline-offset:3px}svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--sidebar);color:#a6b1b5;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40;padding:35px 19px 0;overflow-y:auto}.brand{display:flex;align-items:center;gap:13px;color:#f2f4f4;margin:0 11px;font-size:23px;font-weight:600;letter-spacing:2px;white-space:nowrap}.brand small{display:block;font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:1.8px;color:#9aa8ac;margin-top:5px}.brand-mark{font-family:'Barlow Condensed',sans-serif;font-size:45px;line-height:1;font-weight:600;position:relative;color:#e49a63;display:block;transform:scaleX(.9);width:31px}.brand-mark:after{position:absolute;content:'';width:29px;height:3px;background:var(--sidebar);left:1px;top:28px;transform:rotate(-27deg)}.brand-mark>span{position:absolute;left:-5px;top:27px;width:39px;height:2px;background:#e49a63;transform:rotate(-27deg)}.corp-label{display:flex;align-items:center;font-size:12px;gap:7px;letter-spacing:.3px;margin:32px 11px 31px;padding:12px 0;border-top:1px solid #ffffff09;border-bottom:1px solid #ffffff09;color:#8c9ba1}.online-dot,.clock-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#d19c61;flex-shrink:0}.corp-code{margin-left:auto;font-family:'Barlow Condensed',sans-serif;font-size:12px;color:#64777f;letter-spacing:1px}.nav-caption{font-size:12px;color:#687f89;padding:0 15px;letter-spacing:1px;margin-bottom:11px}.nav-caption.second{margin-top:35px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{height:43px;display:flex;gap:13px;align-items:center;padding:0 15px;border-radius:5px;font-size:14px;letter-spacing:.5px;transition:.15s}.sidebar nav a>span:first-child{color:#81949d}.sidebar nav a svg{width:17px;height:17px}.sidebar nav a:hover{background:#ffffff06;color:#fff}.sidebar nav a.active{background:#dd81441a;color:#e6a06e;box-shadow:inset 3px 0 #e49760}.sidebar nav a.active>span:first-child{color:#e6a06e}.nav-count{margin-left:auto;font-size:12px;color:#e4a474;min-width:22px;text-align:center;background:#dd814419;border:1px solid #e4976014;padding:2px 5px;border-radius:4px}.nav-count.subtle{color:#95a6ae;background:#ffffff08;border-color:#ffffff06}.sidebar-bottom{margin-top:auto;padding-top:60px}.industry-emblem{display:flex;gap:10px;margin:0 9px 26px;color:#778d96;align-items:center;font-size:12px}.industry-emblem svg{width:27px;height:27px;stroke-width:1}.industry-emblem small{font-family:'Barlow Condensed',sans-serif;display:block;color:#526a74;font-size:11px;letter-spacing:.7px;margin-top:6px}.connection{margin:0 -19px;border-top:1px solid #ffffff09;padding:18px 27px;display:flex;align-items:center;gap:7px;font-size:11px;color:#7d9199}.connection i{width:4px;height:4px;background:#6f9d88;border-radius:50%}.connection small{margin-left:auto;font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:1px;color:#4e6671}.workspace{margin-left:232px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 37px}.breadcrumbs{font-size:13px;display:flex;gap:14px;align-items:center;letter-spacing:.3px}.breadcrumbs>span:first-child{color:#9ba1a5}.breadcrumb-slash{color:#cbd1d4}.breadcrumbs strong{font-weight:500;color:#5d6a70}.topbar-right{display:flex;align-items:center;gap:22px}.eve-clock{display:flex;gap:7px;align-items:center;font-variant-numeric:tabular-nums;color:#5f7078;font-size:13px}.eve-clock .clock-dot{width:4px;height:4px;background:#6ea38c}.eve-clock small{font-size:11px;color:#a6adb1;margin-left:3px}.topbar-divider{height:28px;width:1px;background:var(--line)}.profile-wrap{position:relative}.profile-button{display:flex;align-items:center;gap:10px;border:0;background:none;padding:4px 0;text-align:left}.avatar{background:#e7ecea;color:#657c74;width:32px;height:32px;display:grid;place-items:center;border:1px solid #d9e2df;border-radius:50%;font-size:14px;font-weight:600}.profile-text strong{display:block;font-size:13px;font-weight:600}.profile-text small{display:block;color:#939da2;font-size:11px;margin-top:3px}.profile-button>span:last-child svg{width:12px;height:12px;margin-left:10px;color:#9da6ab}.profile-menu{position:absolute;right:0;top:48px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;width:190px;padding:6px;z-index:50}.profile-menu-heading{font-size:12px;color:#a0a8ac;padding:8px 10px 12px}.profile-menu button{display:flex;gap:10px;align-items:center;width:100%;padding:10px;border:0;text-align:left;background:#fff;color:#5d6b72;font-size:13px;border-radius:4px}.profile-menu button:hover{background:var(--canvas)}.profile-menu svg{width:14px;height:14px}main{flex:1;padding:32px 37px 20px;max-width:1720px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-family:'Barlow Condensed',sans-serif;letter-spacing:2px;color:#b9a28c;font-size:12px;font-weight:500;margin-bottom:8px}.page-heading h1{font-size:27px;letter-spacing:1px;line-height:1.3;margin:0;font-weight:600}.page-heading p{font-size:13px;letter-spacing:.3px;line-height:1.7;color:#939da2;margin:8px 0 0}.button{border:1px solid #dce2e5;background:#fff;color:#5e6d74;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border-radius:5px;padding:9px 14px;font-size:13px;font-weight:500;white-space:nowrap;transition:.15s}.button svg{width:14px;height:14px}.button:hover{background:#f7f8f8;border-color:#cbd4d8}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 8px #dd81441b}.button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.button.primary.big{min-height:39px;padding:10px 17px}.button.danger{color:#c96658;border-color:#ebd4d0}.button.ghost{border:0;background:transparent;box-shadow:none}.button.small{min-height:29px;padding:6px 10px;font-size:12px}.button.soft{color:#cb7c44;background:#fff6ee;border-color:#f0dccb}.button.green{background:#edf7f3;border-color:#d8ebe3;color:#41856d}.icon-button{border:0;background:transparent;color:#88979e;display:grid;place-items:center;width:30px;height:30px;border-radius:4px}.icon-button:hover{background:#f1f4f5}.mobile-menu{display:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:26px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:19px 20px 17px;position:relative;min-height:115px;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#839098;letter-spacing:.4px}.stat-icon{width:28px;height:28px;background:#faf5ef;color:#d99b6c;display:grid;place-items:center;border-radius:6px}.stat-icon svg{width:15px;height:15px}.stat-card:nth-child(2) .stat-icon{color:#6a89b1;background:#f0f4fa}.stat-card:nth-child(3) .stat-icon{color:#8b80aa;background:#f5f2f8}.stat-card:nth-child(4) .stat-icon{color:#6b9c88;background:#f0f7f3}.stat-value{font-size:31px;font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-1px;margin-top:6px;display:flex;align-items:baseline;gap:7px;line-height:1.2}.stat-value small{font-family:'Noto Sans SC',sans-serif;font-size:12px;color:#a3abb0;font-weight:400;letter-spacing:0}.stat-note{font-size:11px;color:#a1abb0;margin-top:8px;display:flex;align-items:center;gap:5px}.stat-note .tiny-dot{width:4px;height:4px;background:#d4a279;border-radius:50%}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.panel-header{padding:20px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-header h2{font-size:15px;font-weight:600;margin:0;letter-spacing:.5px}.panel-header h2 small{font-size:12px;font-weight:400;color:#a5adb1;letter-spacing:0;margin-left:10px}.panel-head-right{display:flex;gap:13px;align-items:center;color:#a4aeb3;font-size:12px}.panel-head-right svg{width:13px;height:13px}.tabs{display:flex;align-items:center;gap:26px;padding:0 23px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tab{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#929da3;font-size:13px;position:relative;min-height:51px;padding:0;white-space:nowrap}.tab.active{color:#ce8048;font-weight:600}.tab.active:after{position:absolute;content:'';height:2px;left:0;right:0;bottom:0;background:#df8e55}.tab-count{font-size:11px;color:#a0a9ae;padding:1px 5px;background:#f2f5f6;border-radius:3px;min-width:18px;text-align:center}.tab.active .tab-count{color:#cb8753;background:#fff2e7}.filter-row{display:flex;gap:10px;align-items:center;padding:17px 23px}.search-field{position:relative;flex:1;max-width:295px;min-width:130px}.search-field svg{position:absolute;top:10px;left:11px;width:14px;height:14px;color:#a6b0b6;pointer-events:none}.search-field input{width:100%;height:34px;border:1px solid #e5eaed;border-radius:4px;padding:7px 10px 7px 34px;background:#fff;color:#53656e;font-size:12px}.search-field input::placeholder{color:#adb6bc}.filter-select{height:34px;border:1px solid #e5eaed;border-radius:4px;padding:0 29px 0 11px;color:#829098;background:#fff;font-size:12px;max-width:160px}.filter-spacer{flex:1}.sort-label{font-size:12px;color:#a0a9af;white-space:nowrap}.table-scroller{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#f8fafb}th{font-size:11px;font-weight:500;color:#93a0a7;letter-spacing:.4px;padding:13px 12px;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}th:first-child,td:first-child{padding-left:23px}th:last-child,td:last-child{padding-right:23px}td{font-size:12px;color:#78868e;border-bottom:1px solid #edf0f2;padding:17px 12px;vertical-align:middle}tbody tr{transition:background .12s}tbody tr:hover{background:#fbfcfd}tbody tr:last-child td{border-bottom:0}.item-cell{display:flex;align-items:center;gap:12px;min-width:200px}.item-icon{width:39px;height:39px;background:radial-gradient(circle at 60% 25%,#3a4e57,#1e2a32);border:1px solid #dce4e8;border-radius:5px;position:relative;overflow:hidden;display:grid;place-items:center;color:#c6d2d5;font-size:17px;flex-shrink:0}.item-icon img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.item-name{font-size:13px;color:#3e4d55;font-weight:600;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.item-sub{font-size:11px;color:#a3adb2;margin-top:5px;display:flex;gap:7px;align-items:center}.item-sub .order-id{font-family:'DM Sans',sans-serif;font-size:10px;color:#a7b0b5}.item-sub .item-separator{width:2px;height:2px;background:#b6c0c5}.quantity{font-size:14px;font-weight:500;color:#50616a;font-variant-numeric:tabular-nums}.quantity small{font-size:10px;color:#b0b8bc;margin-left:4px}.price-main{font-size:13px;color:#566771;font-weight:500;font-variant-numeric:tabular-nums}.price-main small{font-size:10px;color:#a0acb2;margin-left:3px}.price-sub{font-size:10px;color:#a9b2b8;margin-top:5px}.location-main{display:flex;align-items:center;gap:5px;color:#63757f;font-size:12px}.location-main svg{width:11px;height:11px;color:#a0afb7}.location-sub{font-size:10px;color:#acb6bb;margin-top:5px;margin-left:16px}.date-main{font-size:12px;color:#75858e;font-variant-numeric:tabular-nums}.date-sub{font-size:10px;color:#a5afb6;margin-top:5px}.date-sub.urgent{color:#cf8466}.date-sub.overdue{color:#cd695b}.assignee{display:flex;align-items:center;gap:6px;font-size:11px;color:#7b8d97}.mini-avatar{width:21px;height:21px;background:#eef1f4;border:1px solid #e4e9ed;color:#8c9da7;border-radius:50%;display:grid;place-items:center;font-size:10px}.unassigned{color:#b6bfc4;font-size:11px}.status-badge{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;border-radius:4px;font-size:11px;line-height:1.2;white-space:nowrap;background:#f2f4f5;color:#929da3}.status-badge:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor}.status-badge.open{background:#fff4e9;color:#ce9561}.status-badge.in_progress{background:#eef4fd;color:#7899c1}.status-badge.delivered{background:#f3effa;color:#9b88b7}.status-badge.completed{background:#eff7f2;color:#70a38a}.status-badge.cancelled{background:#f2f3f4;color:#a0a8ac}.priority-flag{display:inline-flex;font-size:10px;border-radius:2px;font-weight:400;padding:2px 4px;line-height:1.3;letter-spacing:0}.priority-flag.high{background:#fff2e7;color:#d69a6f}.priority-flag.urgent{background:#fcf0ed;color:#d18472}.row-actions{display:flex;gap:10px;align-items:center}.link-button{border:0;background:transparent;color:#9caab2;font-size:12px;padding:4px 0;white-space:nowrap}.link-button:hover{color:var(--accent)}.claim-button{border:1px solid #eedbcc;background:#fff7ef;border-radius:4px;color:#cb8d60;font-size:11px;padding:5px 10px;white-space:nowrap}.claim-button:hover{background:#feecd9}.table-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 23px;font-size:11px;color:#a4afb5;gap:15px}.pagination{display:flex;align-items:center;gap:5px}.pagination button{height:25px;min-width:25px;display:grid;place-items:center;border:1px solid #e5eaed;border-radius:3px;background:#fff;color:#a4afb4;font-size:11px}.pagination button.active{color:#d58b54;border-color:#efcfb5;background:#fff4e9}.pagination svg{width:11px;height:11px}.table-note{display:flex;gap:7px;align-items:center;margin:17px 0 0;color:#a7b1b7;font-size:11px;line-height:1.7}.table-note svg{width:12px;height:12px;color:#b3bdc3;flex-shrink:0}.page-footer{max-width:1720px;width:100%;margin:0 auto;padding:26px 37px 22px;display:flex;align-items:center;justify-content:space-between;color:#b0bac0;font-size:10px;letter-spacing:.4px;gap:20px}.page-footer>span:first-child{font-family:'Barlow Condensed','Noto Sans SC',sans-serif;font-size:11px;letter-spacing:.7px}.page-footer i{font-style:normal;margin:0 9px;color:#c9d0d4}.footer-mark{color:#bd9674;font-size:16px;margin-left:9px}.empty-state{text-align:center;padding:60px 24px;color:#a4b0b7}.empty-state .empty-icon{display:grid;place-items:center;margin:0 auto 15px;color:#c0ccd2;width:50px;height:50px;border-radius:12px;background:#f6f8f9}.empty-state .empty-icon svg{width:25px;height:25px;stroke-width:1.2}.empty-state h3{font-size:15px;font-weight:500;color:#6d818c;margin:0 0 8px}.empty-state p{font-size:12px;line-height:1.8;margin:0}.empty-state button{margin-top:18px}.page-loading{min-height:440px;display:flex;align-items:center;justify-content:center;gap:10px;color:#94a1a9;font-size:14px}.spinner{width:16px;height:16px;border:2px solid #e5e9eb;border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#14273078;backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:22px;overflow:auto}.modal{background:#fff;width:100%;max-width:610px;border-radius:10px;box-shadow:0 20px 100px #0f242c44;max-height:calc(100dvh - 44px);overflow:auto;outline:none}.modal.compact{max-width:430px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 27px 21px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:20px;font-weight:600;margin:0;letter-spacing:.5px}.modal-header p{font-size:12px;color:#98a5ac;margin:7px 0 0;line-height:1.7}.modal-body{padding:23px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-size:13px;font-weight:500;color:#697c86;margin-bottom:8px}.required{color:var(--accent);margin-left:3px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #dfe6e9;border-radius:5px;min-height:37px;padding:9px 11px;color:#536a77;background:#fff;font-size:13px;outline-offset:2px}.form-field textarea{resize:vertical;min-height:90px;line-height:1.8}.form-field input::placeholder,.form-field textarea::placeholder{color:#b5bfc5}.field-hint{font-size:11px;color:#aab5bc;margin:6px 0 0;line-height:1.7}.form-error{color:#cd735f;background:#fff5f2;font-size:13px;line-height:1.8;margin:14px 0 0;padding:9px 11px;border-radius:4px;min-height:0}.form-error:empty{display:none}.modal-footer{display:flex;gap:9px;align-items:center;justify-content:flex-end;padding:17px 27px;border-top:1px solid var(--line);background:#fcfdfd}.modal-total{margin-right:auto;font-size:12px;color:#99a7af}.modal-total strong{color:#cc8957;font-size:16px;font-weight:500;margin-left:7px}.drawer-backdrop{position:fixed;inset:0;background:#1427305c;backdrop-filter:blur(2px);z-index:90}.drawer{position:fixed;inset:0 0 0 auto;width:470px;max-width:100%;background:#fff;z-index:95;display:flex;flex-direction:column;box-shadow:-15px 0 70px #1a2e3824;outline:none;animation:slide-in .2s ease-out}@keyframes slide-in{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}.drawer-header{padding:25px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-header h2{font-size:16px;font-weight:500;margin:0}.drawer-content{padding:25px 28px;overflow:auto;flex:1}.drawer-item{display:flex;align-items:center;gap:15px;margin-bottom:23px}.drawer-item .item-icon{width:60px;height:60px;border-radius:7px}.drawer-item h3{font-size:22px;margin:0 0 7px;font-weight:600}.drawer-item p{color:#9daab2;font-size:12px;margin:0}.drawer-status{display:flex;gap:8px;align-items:center;margin-bottom:27px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;border-top:1px solid var(--line);padding:25px 0}.detail-label{display:block;font-size:12px;color:#a0adb6;margin-bottom:8px}.detail-value{font-size:14px;color:#5a707e;line-height:1.8;overflow-wrap:anywhere}.detail-value strong{font-size:22px;font-weight:500;letter-spacing:-.5px}.detail-value small{font-size:11px;margin-left:4px;color:#a3b0b8}.detail-section{padding:22px 0;border-top:1px solid var(--line)}.detail-section h4{font-size:13px;margin:0 0 12px;font-weight:500;color:#6d838f}.detail-section p{font-size:13px;line-height:1.9;color:#91a1ac;white-space:pre-wrap;margin:0}.timeline{margin:4px 0 0;padding-left:4px;list-style:none}.timeline li{padding:0 0 20px 21px;position:relative;border-left:1px solid #e8edef;font-size:12px;color:#8397a3;line-height:1.8}.timeline li:before{content:'';position:absolute;top:4px;left:-4px;width:7px;height:7px;border-radius:50%;background:#dae5e8;border:2px solid #fff;outline:1px solid #e6edef}.timeline li:first-child:before{background:#dda06f}.timeline li small{display:block;font-size:11px;color:#b0bdc5;margin-top:3px}.timeline li:last-child{padding-bottom:0;border-left:0}.drawer-footer{padding:20px 28px;border-top:1px solid var(--line);background:#fcfdfd;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.toast-region{position:fixed;right:25px;bottom:25px;z-index:200;display:flex;flex-direction:column;gap:9px;max-width:calc(100vw - 40px)}.toast{display:flex;gap:10px;align-items:center;padding:14px 18px;border:1px solid #dce8e2;background:#fff;box-shadow:0 8px 32px #193b431b;border-radius:7px;color:#607a70;font-size:13px;animation:toast-in .2s ease}.toast svg{width:16px;height:16px;color:#70a28a}.toast.error{border-color:#eedbd6;color:#b6796d}.toast.error svg{color:#cf8b7b}@keyframes toast-in{from{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}.login-overlay{position:fixed;inset:0;z-index:150;background:radial-gradient(ellipse at 75% 20%,#34515c,#16262e 68%);display:flex;align-items:center;justify-content:center;padding:30px;overflow:auto}.login-overlay:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#cce0dc22 .7px,transparent .7px);background-size:39px 39px;pointer-events:none}.login-card{position:relative;width:390px;padding:39px;background:#fff;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 25px 100px #07151b55}.login-brand{margin-bottom:26px}.login-brand:after{background:#fff}.login-card .eyebrow{color:#b19b85;font-size:11px;letter-spacing:2.6px}.login-card h1{margin:0;font-size:25px;font-weight:500;letter-spacing:.3px}.login-card>p{font-size:12px;color:#a1adb5;margin:11px 0 28px}.login-card label{display:block;font-size:13px;color:#738894;margin:18px 0 8px}.login-card input{width:100%;border:1px solid #e1e7ea;min-height:40px;padding:10px 12px;border-radius:5px;font-size:13px;color:#5b7280}.login-card input::placeholder{color:#b0bec6}.login-submit{width:100%;margin-top:22px;justify-content:space-between;padding:12px 15px;min-height:42px}.login-note{font-size:11px;color:#a4b0b7;margin-top:24px;display:flex;align-items:center;gap:7px}.login-note .online-dot{background:#9cafa4;width:4px;height:4px}.login-footer{position:absolute;bottom:25px;left:20px;right:20px;text-align:center;font-size:11px;font-family:'Barlow Condensed',sans-serif;color:#617d89;letter-spacing:2px}.demo-banner{background:#fff1df;color:#aa703b;font-size:12px;padding:9px 24px;display:flex;align-items:center;gap:14px;position:relative;z-index:60;border-bottom:1px solid #edd9bf}.demo-banner span{color:#b08b64;font-size:11px}.demo-banner button{margin-left:auto;border:0;background:transparent;font-size:11px;color:#a87846;padding:0;line-height:1.7}.demo-active .sidebar{top:34px}.demo-active .app-shell{min-height:calc(100vh - 34px)}.section-label{font-size:12px;color:#a7b2ba;margin:0 0 14px;letter-spacing:.5px}.overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:22px}.overview-card{padding:24px}.overview-card h2{font-size:16px;font-weight:500;margin:0 0 24px}.progress-row{display:grid;grid-template-columns:66px 1fr 23px;align-items:center;gap:13px;margin:20px 0;font-size:12px;color:#8b9da7}.progress-track{height:6px;background:#f1f4f5;border-radius:8px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:8px;background:#dc9b68;min-width:0}.progress-row.blue .progress-track span{background:#93afd0}.progress-row.purple .progress-track span{background:#b4a5ca}.progress-row.green .progress-track span{background:#91baa6}.quick-actions{display:flex;flex-direction:column;gap:12px}.quick-action{border:1px solid var(--line);display:flex;align-items:center;gap:13px;padding:13px;border-radius:5px;background:#fff;text-align:left;color:#7e939e}.quick-action:hover{background:#fbfcfc}.quick-action>span:first-child{display:grid;place-items:center;width:31px;height:31px;background:#fcf3ec;color:#d39b72;border-radius:5px}.quick-action strong{display:block;font-size:13px;font-weight:500;color:#6b818d}.quick-action small{display:block;font-size:11px;color:#a8b5bd;margin-top:5px}.quick-action>span:last-child{margin-left:auto;color:#bbc7ce}.quick-action svg{width:15px;height:15px}.guide-content{padding:30px 32px;max-width:900px}.guide-step{display:flex;gap:20px;margin-bottom:32px}.guide-step:last-child{margin-bottom:0}.guide-number{color:#d29464;background:#fff4e9;display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:6px;font-family:'DM Sans',sans-serif;font-size:14px}.guide-step h3{font-size:15px;font-weight:500;margin:3px 0 10px}.guide-step p{margin:0;font-size:13px;line-height:2;color:#91a2ad}.guide-tip{border:1px solid #e6ecef;background:#f8fafb;padding:16px 20px;border-radius:5px;color:#8c9fa9;font-size:12px;line-height:2;margin-top:30px}.admin-summary{display:flex;gap:12px;align-items:center;padding:18px 23px;background:#fbfcfd;border-bottom:1px solid var(--line);font-size:12px;color:#98a9b3}.admin-summary svg{color:#a9bbc5;width:16px;height:16px}.danger-text{color:#c98575}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.overlay-open{overflow:hidden}
@media(min-width:1500px){main{padding-top:37px}.stat-card{padding:20px 24px}.item-cell{min-width:240px}td{padding-top:19px;padding-bottom:19px}.page-heading h1{font-size:29px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.workspace{margin-left:210px}.brand{font-size:21px;gap:10px}.brand small{font-size:10px}.sidebar .connection{margin-left:-14px;margin-right:-14px;padding-left:23px;padding-right:23px}.topbar{padding:0 26px}main{padding:27px 26px 15px}.page-footer{padding-left:26px;padding-right:26px}.stat-card{padding:17px 15px}.tabs{gap:23px}.filter-row{flex-wrap:wrap}.search-field{max-width:280px}.filter-spacer{min-width:5px}.sort-label{display:none}.eve-clock small{display:none}td{padding-left:10px;padding-right:10px}.item-cell{min-width:190px}.page-heading p{font-size:12px}}
@media(max-width:950px){.stats-grid{gap:10px}.stat-card{padding:15px 13px}.stat-value{font-size:27px}.stat-top{font-size:12px}.stat-note{font-size:10px}.stat-icon{width:24px;height:24px}.filter-row{gap:8px}.search-field{max-width:none;flex-basis:100%}.filter-select{flex:1;max-width:none}.filter-spacer{display:none}.filter-row>label.filter-select{flex:1}.overview-grid{grid-template-columns:1fr}.topbar-right{gap:14px}.page-heading{margin-bottom:22px}.tabs{gap:20px}.page-footer>span:last-child{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .18s;width:232px}.sidebar.mobile-open{transform:translateX(0)}.mobile-backdrop{position:fixed;inset:0;background:#14273066;z-index:35;backdrop-filter:blur(2px)}.workspace{margin-left:0}.topbar{height:65px;padding:0 20px;gap:12px}.mobile-menu{display:grid;margin-left:-7px}.breadcrumbs{margin-right:auto;font-size:12px;gap:10px}.breadcrumbs>span:first-child{display:none}.breadcrumb-slash{display:none}.topbar-divider{display:none}.profile-text{display:none}.profile-button>span:last-child{display:none}.topbar-right{gap:16px}.eve-clock{font-size:11px}.avatar{width:29px;height:29px;font-size:13px}main{padding:25px 20px 12px}.page-heading h1{font-size:25px}.page-heading p{max-width:260px;font-size:11px}.page-heading .button{font-size:12px;padding:9px 12px}.eyebrow{font-size:11px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:21px}.stat-card{padding:15px 16px;min-height:108px}.stat-value{font-size:29px}.stat-note{font-size:10px}.panel-header{padding:17px 18px}.panel-header h2{font-size:14px}.panel-header h2 small{font-size:11px;margin-left:6px}.panel-head-right{font-size:10px;gap:7px}.tabs{padding:0 18px;gap:24px}.tab{font-size:12px;min-height:47px}.filter-row{padding:14px 18px;gap:8px}.filter-select{font-size:11px;padding-left:9px;height:33px;min-width:0}.search-field input{font-size:11px;height:33px}.table-footer{padding:13px 18px}.table-footer>span{font-size:10px}.page-footer{padding:22px 20px 17px;font-size:10px}.demo-banner{padding:8px 14px;gap:9px;font-size:11px}.demo-banner span{max-width:210px;font-size:10px;line-height:1.6}.demo-active .sidebar{top:39px}.demo-active .app-shell{min-height:calc(100vh - 39px)}.overview-card{padding:22px}.guide-content{padding:25px 21px}.guide-step{gap:15px}.guide-step p{font-size:12px}.modal-overlay{padding:12px}.modal{max-height:calc(100dvh - 24px)}.modal-header{padding:22px}.modal-body{padding:20px 22px}.modal-footer{padding:16px 22px}.form-grid{gap:16px 13px}.form-field input,.form-field select,.form-field textarea{font-size:14px}.login-overlay{padding:22px}.login-card{padding:31px;width:360px}.drawer-header,.drawer-content{padding-left:23px;padding-right:23px}.drawer-footer{padding:17px 23px}.table-note{font-size:10px;align-items:flex-start}.page-heading .eyebrow{font-size:10px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Multi-item manufacturing manifests */
.stat-value{white-space:nowrap}.item-cell>div{min-width:0}.item-name{max-width:295px;white-space:normal;line-height:1.65}.item-sub>span:first-child{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-scroller th:last-child,.table-scroller td:last-child{position:sticky;right:0;background:#fff;z-index:1;box-shadow:-7px 0 12px -10px #283e4b45}.table-scroller th:last-child{background:#f8fafb;z-index:2}.table-scroller tbody tr:hover td:last-child{background:#fbfcfd}.order-modal{max-width:660px}.form-section-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#677d89;margin:25px 0 14px;gap:12px}.form-section-title>span{font-weight:600}.form-section-title small{color:#a8b5bd;font-size:11px;font-weight:400}.order-item-row{border:1px solid #e5eaed;border-radius:6px;padding:16px;margin-bottom:12px;background:#fdfefe}.item-row-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;height:23px}.item-row-heading strong{font-size:12px;font-weight:500;color:#b28a69;letter-spacing:.6px}.item-row-heading .icon-button{width:25px;height:25px;color:#b0bdc5}.item-row-heading .icon-button svg{width:13px;height:13px}.order-item-row .form-grid{gap:13px 15px}.order-item-row .form-field label{font-size:12px;color:#8b9ba5;margin-bottom:7px}.order-item-row input,.order-item-row select{background:#fff;font-size:13px;min-height:35px;padding:8px 10px}.line-subtotal{display:flex;align-items:center;gap:5px;min-height:35px;font-size:16px;color:#c18c62;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.line-subtotal small{font-size:11px;font-weight:400;color:#adbdc5}.item-optional{grid-column:1/-1;font-size:12px;color:#a6b5be;margin-top:3px}.item-optional summary{cursor:pointer;line-height:1.8;color:#9aaab4;font-size:11px;user-select:none;width:fit-content}.item-optional summary span{font-size:10px;color:#bdc7cd;margin-left:5px}.item-optional>.form-grid{margin-top:14px}.add-item-button{width:100%;border-style:dashed;color:#c48c62;border-color:#ead6c5;background:#fffaf5;font-size:12px;min-height:36px}.add-item-button:hover{background:#fff5e9;border-color:#dcb18d}.order-modal .modal-footer{position:sticky;bottom:0;background:#fff;z-index:2}.order-modal .modal-total strong{font-size:14px;max-width:235px;display:block;margin:5px 0 0;font-variant-numeric:tabular-nums}.drawer{width:530px}.drawer-item h3{font-size:21px;line-height:1.6;overflow-wrap:anywhere}.detail-manifest{margin-top:25px;margin-bottom:5px}.manifest-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.manifest-heading h4{font-size:13px;font-weight:500;color:#718793;margin:0}.manifest-heading>span{font-size:11px;color:#a9b7c0}.manifest-item{border:1px solid #e6ecef;border-radius:6px;margin-bottom:11px;overflow:hidden}.manifest-item-main{display:flex;align-items:center;gap:10px;padding:13px 14px}.manifest-item-main .item-icon{width:33px;height:33px;border-radius:4px}.manifest-item-main>div{min-width:0}.manifest-item-main strong{font-size:13px;font-weight:500;color:#657d8b;line-height:1.6;display:block;overflow-wrap:anywhere}.manifest-item-main small{font-size:10px;color:#b1bdc5;display:block;margin-top:4px}.manifest-index{font-family:'DM Sans',sans-serif;font-size:12px;color:#c7d1d7;margin-left:auto;align-self:flex-start;margin-top:2px}.manifest-pricing{display:grid;grid-template-columns:.8fr 1fr 1.25fr;padding:11px 14px;background:#f9fbfc;border-top:1px solid #edf1f3;gap:9px}.manifest-pricing>div{min-width:0}.manifest-pricing small{display:block;font-size:10px;color:#aab9c2;margin-bottom:6px}.manifest-pricing span,.manifest-pricing strong{display:block;font-size:11px;color:#8a9da9;font-weight:400;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.7}.manifest-pricing strong{color:#c2916c}.manifest-total{display:flex;align-items:center;justify-content:space-between;padding:17px 2px 21px;gap:15px}.manifest-total>span{font-size:12px;color:#8c9eaa}.manifest-total strong{font-size:20px;font-weight:500;letter-spacing:-.3px;color:#bf885e;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right}.manifest-total small{font-size:11px;letter-spacing:0;font-weight:400;color:#b0bec6;margin-left:3px}.detail-manifest+.detail-grid{padding-top:23px;padding-bottom:23px}
@media(max-width:1150px){.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:29px}.stat-card{min-height:110px}}
@media(max-width:760px){.order-item-row{padding:13px}.order-modal .modal-body{padding:17px}.order-modal .modal-footer{padding:15px 17px;gap:7px}.order-modal .modal-total{font-size:11px}.order-modal .modal-total strong{font-size:13px;max-width:170px}.order-modal .modal-footer>.button{font-size:12px;padding-left:10px;padding-right:10px}.form-section-title{margin-top:23px}.drawer{width:100%;max-width:530px}.manifest-pricing{padding:10px 12px;gap:8px}.manifest-pricing span,.manifest-pricing strong{font-size:10px}.manifest-total strong{font-size:18px}.item-name{max-width:240px}.table-scroller td:last-child,.table-scroller th:last-child{padding-right:15px;padding-left:12px}.row-actions{gap:9px}}
/* Public ordering and staff account controls */
.guest-profile>span:last-child{display:none}.staff-login-button{font-size:12px;min-height:32px;padding:7px 11px}.login-close{position:absolute;top:15px;right:15px;color:#b0bcc3}.login-back{border:0;background:transparent;color:#99aab4;display:block;width:100%;text-align:center;margin-top:21px;font-size:11px;padding:5px;line-height:1.8}.login-back:hover{color:#cc8a58}.demo-login-note{font-size:11px!important;line-height:1.8!important;color:#a88a6f!important;background:#fff8f1;border:1px solid #f2e5d8;border-radius:4px;padding:9px 10px;margin:17px 0 0!important}.demo-banner select{font-size:11px;color:#996633;background:#fffaf3;border:1px solid #ead6bc;border-radius:3px;min-height:23px;padding:2px 21px 2px 7px}.demo-identity-label{font-size:10px;color:#b4936f;margin-left:auto;white-space:nowrap}.demo-banner button{margin-left:0;white-space:nowrap}.detail-permissions{flex-basis:100%;font-size:11px;line-height:1.9;color:#9cacb7;margin:0 0 5px;text-align:left}.drawer-footer .button{font-size:12px;min-height:33px;padding:8px 10px}.confirmation-copy{font-size:14px;line-height:2;color:#8498a4;margin:0}.confirmation-copy strong{font-weight:500;color:#6b8291}.account-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#79a18e}.account-status i{width:4px;height:4px;border-radius:50%;background:currentColor}.account-status.inactive{color:#b5a097}.user-row-actions{display:flex;gap:14px;align-items:center}.user-row-actions .link-button{font-size:11px}.user-task-slash{color:#c0cbd1;margin:0 12px}.account-protected{font-size:10px;color:#b0bcc5}.account-form-note{grid-column:1/-1;display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.9;color:#9eafb9;background:#f7fafb;border:1px solid #eaf0f3;padding:12px;border-radius:4px}.account-form-note svg{width:13px;height:13px;margin-top:2px;color:#b2c1c9}.account-target{font-size:12px;line-height:1.9;margin:0 0 20px;color:#a3b1bb}.account-target strong{font-weight:500;color:#728a98;margin-left:8px}
@media(max-width:950px){.demo-banner{gap:9px}.demo-banner>span{font-size:10px}.demo-identity-label{display:none}.topbar-right{gap:13px}.topbar .topbar-divider{display:none}.profile-text small{font-size:10px}}
@media(max-width:760px){.demo-banner{padding:7px 12px;gap:8px;flex-wrap:wrap;min-height:38px}.demo-banner>span{display:none}.demo-banner select{margin-left:auto;min-height:22px;font-size:10px}.demo-banner button{font-size:10px;margin-left:2px}.demo-active .sidebar{top:38px}.staff-login-button{font-size:11px;padding:7px 9px;min-height:30px}.topbar-right{gap:11px}.login-card>.login-close{top:12px;right:12px}.login-back{font-size:11px}.user-row-actions{gap:11px}.drawer-footer .button{font-size:11px;min-height:32px;padding:8px 9px}.detail-permissions{font-size:10px}.admin-summary{font-size:11px;line-height:1.9;align-items:flex-start;padding:15px 18px}.admin-summary svg{flex-shrink:0;margin-top:3px}}
@media(max-width:540px){.topbar-right .eve-clock{display:none}.guest-profile .profile-text{display:none}.login-card{padding-top:36px}.login-card h1{font-size:23px}}
/* Readable, quantity-based item catalog workflow */
:root{--demo-banner-height:44px}.demo-active .sidebar{top:var(--demo-banner-height)}.demo-active .app-shell{min-height:calc(100vh - var(--demo-banner-height))}.item-name-primary,.manifest-item-main strong,.item-suggestion-copy strong{font-size:16px;line-height:1.55;font-family:'DM Sans','Noto Sans SC',sans-serif;letter-spacing:0;font-weight:600;overflow-wrap:anywhere}.item-cell{min-width:300px;align-items:flex-start}.item-cell .item-icon{margin-top:3px}.item-name{max-width:360px;align-items:baseline;flex-wrap:wrap;gap:7px}.item-chinese-note{font-size:14px;line-height:1.65;color:#8f9da6;margin-top:5px;max-width:360px;white-space:normal;overflow-wrap:anywhere}.item-sub{font-size:12px;white-space:normal;flex-wrap:wrap;line-height:1.65;max-width:360px}.item-sub>span:first-child{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.item-sub>span:last-child{overflow-wrap:anywhere}.item-sub .order-id{font-size:12px}.quantity{font-size:17px}.quantity-sub{font-size:12px;color:#97a8b2;margin-top:6px;line-height:1.6}.location-main{font-size:13px}.location-sub{font-size:12px;max-width:225px;line-height:1.7;white-space:normal}.row-actions{gap:12px}.link-button,.claim-button{font-size:12px;min-height:34px}.table-note{font-size:12px}.filter-select{height:39px;font-size:13px}.search-field input{height:39px;font-size:14px}.search-field svg{top:12px}.drawer{width:600px;max-width:100%}.drawer-item h3{font-size:22px}.drawer-item p{font-size:14px;line-height:1.8}.manifest-item-main{align-items:flex-start;padding:17px}.manifest-item-main .item-icon{width:43px;height:43px;margin-top:2px}.manifest-item-main strong{font-size:18px}.manifest-item-main small{font-size:14px;color:#899ba8;line-height:1.75;overflow-wrap:anywhere;margin-top:6px}.manifest-quantity{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 17px;background:#f8fafb;border-top:1px solid #eaf0f3;font-size:13px;color:#9aaab5;flex-wrap:wrap}.manifest-quantity strong{font-size:16px;font-weight:500;color:#6e8695;font-variant-numeric:tabular-nums}.manifest-count strong{font-size:17px;line-height:1.7}.detail-section p{font-size:14px;line-height:1.9}.detail-label{font-size:13px}.detail-value{font-size:14px}.detail-permissions{font-size:12px}.drawer-footer .button{font-size:13px;min-height:39px}.order-modal{max-width:760px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{min-width:0}.form-field label,.order-item-row .form-field label{font-size:14px;line-height:1.65}.form-field input,.form-field select,.form-field textarea,.order-item-row input,.order-item-row select{font-size:16px;min-height:43px;line-height:1.5;padding:10px 12px}.form-field textarea{font-size:14px;line-height:1.9;min-height:110px}.field-hint,.item-search-status{font-size:12px;line-height:1.8}.order-item-row{padding:19px;background:#fdfefe}.item-row-heading{height:auto;min-height:29px;margin-bottom:18px}.item-row-heading strong{font-size:13px}.item-row-heading .icon-button{width:31px;height:31px}.item-optional summary{font-size:13px;line-height:1.8}.item-optional summary span{font-size:12px}.add-item-button{font-size:14px;min-height:42px}.form-section-title{font-size:15px;align-items:flex-start;line-height:1.7}.form-section-title small{font-size:12px;text-align:right}.order-quantity-summary{margin-right:auto;font-size:13px;line-height:1.8;color:#96a6b1;overflow-wrap:anywhere}.order-modal .modal-footer{flex-wrap:wrap;gap:10px}.order-modal .modal-footer>.button{font-size:14px;min-height:41px}.item-autocomplete{position:relative}.item-autocomplete input[data-item-search]{font-size:16px;font-family:'DM Sans','Noto Sans SC',sans-serif}.item-suggestions{margin-top:9px;border:1px solid #dde6eb;box-shadow:0 7px 22px #213b4710;background:#fff;border-radius:6px;max-height:310px;overflow:auto;overscroll-behavior:contain}.item-suggestion{border:0;border-bottom:1px solid #eef2f4;background:#fff;display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:13px 14px;color:#5e7786}.item-suggestion:last-child{border-bottom:0}.item-suggestion:hover,.item-suggestion.active{background:#fff6ee}.item-suggestion .item-icon{width:38px;height:38px;margin-top:3px}.item-suggestion-copy{flex:1;min-width:0}.item-suggestion-copy strong{display:block;font-size:16px}.item-suggestion-copy small{font-size:14px;display:block;color:#8b9daa;margin-top:5px;line-height:1.7;overflow-wrap:anywhere}.item-suggestion-category{font-size:12px;color:#b29a84;margin-left:8px;padding-top:4px;white-space:nowrap}.item-search-message{padding:17px;font-size:14px;line-height:1.9;color:#95a7b2}.item-search-message.error{color:#b1917c}.page-footer{font-size:12px;line-height:1.8;flex-wrap:wrap}.page-footer>span:first-child{font-size:12px}.profile-text strong{max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-menu{width:215px}.login-card{max-height:calc(100dvh - 80px);overflow:auto}.login-card input{font-size:16px;min-height:44px}.login-card>p{font-size:14px}.login-card label{font-size:14px}.login-note{font-size:12px;line-height:1.9;align-items:flex-start}.login-note .online-dot{margin-top:8px}.login-back{font-size:12px}.demo-login-note{font-size:12px!important}.demo-banner{font-size:12px;line-height:1.6;min-height:44px}.demo-banner select{font-size:12px;min-height:28px}.demo-banner button{font-size:12px}.staff-login-button{font-size:13px;min-height:37px}.confirmation-copy{font-size:14px}.account-target{font-size:13px}.account-form-note{font-size:12px}.account-status{font-size:12px}.account-protected{font-size:12px}.user-row-actions .link-button{font-size:12px}.admin-summary{font-size:13px;line-height:1.9}
@media(max-width:1150px){.topbar-right{gap:13px}.eve-clock small{display:none}.profile-text strong{max-width:115px}.stat-value{font-size:29px}}
@media(max-width:760px){.topbar{height:72px;padding:0 16px;gap:10px}.topbar-right{gap:9px}.breadcrumbs{font-size:13px}.topbar-right .eve-clock{display:none}main{padding:24px 16px 12px}.page-heading{align-items:flex-start;gap:13px}.page-heading h1{font-size:27px}.page-heading p{font-size:13px;max-width:240px;line-height:1.85}.page-heading .button{font-size:13px;padding:10px 12px;min-height:40px}.stats-grid{gap:10px}.stat-card{padding:16px 14px;min-height:130px}.stat-value{font-size:29px}.stat-top{font-size:13px}.stat-note{font-size:12px;line-height:1.8;align-items:flex-start}.stat-note .tiny-dot{margin-top:7px;flex-shrink:0}.panel-header{padding:17px 16px;gap:10px}.panel-header h2{font-size:15px}.panel-header h2 small{font-size:12px}.panel-head-right>span{display:none}.tabs{padding:0 16px;gap:22px}.tab{font-size:14px;min-height:53px}.tab-count{font-size:12px}.filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 16px;gap:10px}.search-field{grid-column:1/-1;width:100%;max-width:none;min-width:0}.search-field input{font-size:16px;height:42px}.search-field svg{top:14px}.filter-select{font-size:14px;width:100%;max-width:none;min-width:0;height:41px}#sort-filter{grid-column:1/-1}.filter-spacer,.sort-label{display:none}.item-cell{min-width:280px}.item-name{max-width:320px}.item-name-primary{font-size:16px}.item-chinese-note{font-size:14px;max-width:320px}.row-actions{gap:11px}.table-footer{flex-wrap:wrap;font-size:12px;gap:12px}.table-footer>span{font-size:12px}.pagination button{min-width:31px;height:31px;font-size:12px}.table-note{font-size:12px;line-height:1.9}.page-footer{padding:22px 16px 17px;font-size:12px}.page-footer>span:first-child{font-size:12px}.drawer-header,.drawer-content{padding-left:20px;padding-right:20px}.drawer-header h2{font-size:17px;line-height:1.7}.drawer-item h3{font-size:21px}.manifest-heading{align-items:flex-start}.manifest-heading h4{font-size:14px}.manifest-heading>span{font-size:12px;line-height:1.8;text-align:right}.manifest-item-main{padding:15px 13px;gap:11px}.manifest-item-main strong{font-size:17px}.manifest-item-main small{font-size:14px}.manifest-quantity{padding:12px 13px;font-size:13px}.manifest-quantity strong{font-size:15px}.manifest-count{align-items:flex-start}.manifest-count strong{font-size:16px}.drawer-footer{padding:17px 20px}.drawer-footer .button{font-size:13px;min-height:40px}.detail-permissions{font-size:12px}.modal-overlay{padding:10px}.modal{max-height:calc(100dvh - 20px)}.modal-header{padding:22px 19px;gap:10px}.modal-header h2{font-size:21px}.modal-header p{font-size:14px;line-height:1.9}.order-modal .modal-body,.modal-body{padding:20px 18px}.order-item-row{padding:15px}.order-item-row .form-grid{gap:17px 12px}.order-item-row .form-field label{font-size:14px}.form-section-title{font-size:14px}.form-section-title small{font-size:12px}.item-search-status{font-size:12px}.item-suggestions{max-height:285px}.item-suggestion{padding:12px 10px;gap:10px}.item-suggestion .item-icon{width:32px;height:32px}.item-suggestion-copy strong{font-size:16px}.item-suggestion-copy small{font-size:14px}.item-suggestion-category{display:none}.item-search-message{font-size:14px;padding:14px}.order-modal .modal-footer{padding:16px 18px;gap:9px}.order-quantity-summary{flex-basis:100%;font-size:14px;margin:0 0 4px}.order-modal .modal-footer>.button{font-size:14px;min-height:43px;flex:1}.staff-login-button{font-size:12px;padding:8px 10px;min-height:36px}.demo-banner{min-height:44px;padding:7px 12px}.demo-banner select{font-size:12px;min-height:28px}.demo-banner button{font-size:12px}.login-card{padding:35px 25px 25px;max-height:calc(100dvh - 70px)}.login-card h1{font-size:25px}.login-card label{font-size:14px}.login-back{font-size:12px}.account-target{font-size:13px}.user-row-actions{gap:13px}.user-row-actions .link-button{font-size:12px}.admin-summary{font-size:13px}.account-protected{font-size:12px}}
@media(max-width:390px){.page-heading{flex-wrap:wrap}.page-heading .button{width:100%}.form-grid,.order-item-row .form-grid{grid-template-columns:minmax(0,1fr)}.form-field.full,.item-optional{grid-column:1}.stat-value{font-size:29px}.breadcrumbs{font-size:12px}.staff-login-button{font-size:12px}}
.brand-logo{width:52px;height:52px;object-fit:contain;flex-shrink:0;display:block}.brand{gap:11px;margin-left:7px;margin-right:7px;letter-spacing:1.5px}.login-brand-lockup{display:flex;align-items:center;gap:16px;margin-bottom:30px}.login-brand-logo{width:64px;height:64px;object-fit:contain;display:block;flex-shrink:0}.login-brand-lockup strong{font-size:21px;letter-spacing:2px;font-weight:500;display:block;color:#4c6573}.login-brand-lockup span{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:1.7px;color:#a99b8c;display:block;margin-top:7px}
@media(max-width:1200px){.brand-logo{width:48px;height:48px}.brand{gap:10px}}
@media(max-width:760px){.brand-logo{width:52px;height:52px}.login-brand-logo{width:60px;height:60px}.login-brand-lockup{gap:14px}.login-brand-lockup strong{font-size:21px}.login-brand-lockup span{font-size:13px}}
.brand + .nav-caption{margin-top:32px}
/* Personal display preferences and optional production information */
.time-zone-control{display:flex;align-items:center;gap:9px;font-size:12px;color:#9aabb5;white-space:nowrap;min-width:0}.time-zone-control select{min-width:0;width:205px;max-width:100%;border:1px solid #e1e8ec;border-radius:5px;background:#fff;color:#708795;font-size:13px;padding:8px 28px 8px 10px;min-height:36px}.modal-body .time-zone-control{align-items:flex-start;flex-direction:column;gap:8px;font-size:14px;color:#7d939f}.modal-body .time-zone-control select{width:100%;font-size:16px;min-height:43px;padding:10px 12px}.date-main{white-space:normal;min-width:165px;line-height:1.7}.eta-summary{color:#8e9cac;font-size:12px;line-height:1.8;margin-top:7px;max-width:205px;white-space:normal}.production-eta{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;font-size:13px;color:#a0afb8;line-height:1.8;margin:4px 0 15px}.production-eta strong{font-size:14px;color:#758d9a;font-weight:500;text-align:right}.production-notes{font-size:14px!important;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.production-screenshot-link{display:block;width:100%;border:1px solid #e2e9ed;background:#fafcfd;border-radius:6px;text-align:left;position:relative;padding:11px;margin-top:17px;color:#8ba1ae;font-size:13px}.production-screenshot-link:hover{border-color:#d8b493;background:#fffaf5}.production-screenshot-link img{display:block;width:100%;height:190px;object-fit:contain;background:#f0f4f6;border-radius:3px;margin-bottom:11px}.production-screenshot-link>span{display:inline-block;margin:0 3px 2px}.production-screenshot-link>svg{position:absolute;right:15px;bottom:14px;width:15px;height:15px}.production-image-preview{border:1px dashed #dce5e9;border-radius:6px;padding:14px;background:#fafcfd;margin:13px 0;font-size:13px;color:#9aadb8;line-height:1.9}.production-image-preview img{width:100%;max-height:280px;display:block;object-fit:contain;border-radius:4px;background:#edf2f4}.production-image-preview>span{display:block;margin-top:8px;overflow-wrap:anywhere}.production-image-preview>.production-preview-empty{margin-top:0}.production-preview-empty{min-height:55px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:13px}.form-field input[type=file]{font-size:14px;border-style:dashed;padding:11px;background:#fafcfd;cursor:pointer}.form-field input[type=file]::file-selector-button{border:1px solid #dfd1c3;background:#fff6ed;color:#b78c68;border-radius:4px;padding:7px 10px;font:inherit;font-size:13px;margin-right:12px;cursor:pointer}.screenshot-modal{max-width:1100px}.full-image-preview{background:#f5f8fa}.full-image-preview img{display:block;max-width:100%;width:100%;max-height:75dvh;object-fit:contain}.prefer-chinese-items .manifest-item-main small,.prefer-chinese-items .item-chinese-note,.prefer-chinese-items .item-suggestion-copy small{font-size:16px}.panel-head-right .icon-button{flex-shrink:0}.production-section h4{font-size:15px}
@media(max-width:1100px){.panel-header{flex-wrap:wrap;gap:14px}.panel-head-right{margin-left:auto}.time-zone-control select{width:190px}}
@media(max-width:760px){.panel-header{align-items:flex-start;gap:13px}.panel-head-right{width:100%;margin-left:0;justify-content:space-between}.time-zone-control{font-size:12px;flex:1;max-width:calc(100% - 45px)}.time-zone-control select{width:auto;flex:1;font-size:14px;min-height:39px}.modal-body .time-zone-control{max-width:100%;width:100%;flex:none;font-size:14px}.modal-body .time-zone-control select{width:100%;flex:none;font-size:16px}.production-eta{flex-wrap:wrap;gap:7px}.production-eta strong{font-size:14px;text-align:left}.production-screenshot-link img{height:170px}.production-image-preview{padding:11px}.production-preview-empty{font-size:13px}.production-image-preview img{max-height:230px}.form-field input[type=file]{font-size:13px;padding:10px}.form-field input[type=file]::file-selector-button{font-size:12px;margin-right:7px}.full-image-preview{padding:12px}.eta-summary{font-size:12px;max-width:210px}.prefer-chinese-items .manifest-item-main small,.prefer-chinese-items .item-chinese-note,.prefer-chinese-items .item-suggestion-copy small{font-size:16px}}