*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6f8;--bg-alt:#e9edf2;--card-bg:#fff;--card-bg-strong:#fff;--primary:#176b87;--primary-light:#e8f4f7;--primary-hover:#0f5369;--primary-soft:#3a8aa3;--success:#168056;--success-light:#e8f6ef;--warning:#b56a11;--warning-light:#fff4df;--danger:#b42318;--danger-light:#fdecea;--text:#17212b;--text-secondary:#516071;--text-muted:#8a96a3;--text-placeholder:#cbd5e1;--border:#d8dee6;--border-light:#e8edf2;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--radius-sm:6px;--radius:6px;--radius-lg:8px;--radius-xl:8px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}body.theme-dark{--bg:#0f1419;--bg-alt:#171d24;--card-bg:#171d24;--card-bg-strong:#1e2630;--primary:#58b7d1;--primary-light:#17313b;--primary-hover:#7ad0e8;--primary-soft:#4196ad;--success:#54c08a;--success-light:#143225;--warning:#e4a64b;--warning-light:#382817;--danger:#f06a5f;--danger-light:#3a1c1b;--text:#e6edf3;--text-secondary:#b8c3cf;--text-muted:#7f8b98;--text-placeholder:#5f6d7a;--border:#2c3642;--border-light:#222b35;--shadow-sm:0 1px 2px #00000059;--shadow:0 2px 10px #00000047;--shadow-md:0 10px 24px #00000047;--shadow-lg:0 18px 42px #00000059}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.7}*{letter-spacing:0!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.login-gate{z-index:9999;background:#101820;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-gate.hidden{display:none}.login-gate:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.login-box{z-index:1;-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;width:420px;max-width:92vw;padding:48px 40px;position:relative;box-shadow:0 25px 50px -12px #00000080}.login-box .login-icon{background:#4f46e526;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;display:flex}.login-box h2{color:#f1f5f9;letter-spacing:0;margin-bottom:6px;font-size:24px;font-weight:700}.login-box .login-sub{color:#ffffff59;letter-spacing:0;margin-bottom:32px;font-size:14px}.login-box .login-field{text-align:left;margin-bottom:16px}.login-box .login-field label{color:#ffffff8c;letter-spacing:0;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.login-box .login-field input{border-radius:var(--radius);color:#f1f5f9;letter-spacing:0;width:100%;transition:all var(--transition);background:#ffffff0a;border:1px solid #ffffff1a;outline:none;padding:12px 16px;font-size:15px}.login-box .login-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;letter-spacing:0;width:100%;transition:all var(--transition);border:none;margin-top:8px;padding:13px;font-size:16px;font-weight:600;box-shadow:0 4px 14px #4f46e566}.login-box .login-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e580}.login-box .login-btn:active{transform:translateY(0)}.login-box .login-error{color:#fca5a5;min-height:20px;margin-top:12px;font-size:13px}.loading-overlay{z-index:9998;opacity:0;pointer-events:none;background:#101820;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.loading-overlay.show{opacity:1;pointer-events:all}.loading-overlay .loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay .loading-text{color:#fff9;letter-spacing:0;margin-top:20px;font-size:15px}.loading-dots:after{content:"";animation:1.5s steps(3,end) infinite dots}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.header{color:#f1f5f9;z-index:100;-webkit-backdrop-filter:blur(12px);background:#14212b;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff0f,0 4px 18px #0000002e}.header h1{letter-spacing:0;font-size:19px;font-weight:700}.header-actions,.header-controls{align-items:center;gap:12px;display:flex}.header .header-btn{color:#fff;background:#ffffff17;border:1px solid #ffffff2e}.nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:99;background:#ffffffeb;gap:2px;padding:0 24px;display:flex;position:sticky;top:56px;overflow-x:auto}.nav-item{cursor:pointer;color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:0;border-bottom:2px solid #0000;padding:14px 22px;font-size:14px;font-weight:500;position:relative}.nav-item:after{content:"";background:var(--primary);width:0;height:2px;transition:width var(--transition);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.nav-item:hover{color:var(--primary)}.nav-item:hover:after{width:60%}.nav-item.active{color:var(--primary);font-weight:600}.nav-item.active:after{width:60%}.content{max-width:1400px;margin:0 auto;padding:28px}.page{display:none}.page.active{animation:.35s cubic-bezier(.4,0,.2,1) fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-slow);border:1px solid var(--border-light);align-items:center;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;height:3px;transition:opacity var(--transition-slow);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.stat-icon.blue{color:#176b87;background:#e8f4f7}.stat-icon.green{color:#168056;background:#e8f6ef}.stat-icon.red{color:#b42318;background:#fdecea}.stat-icon.yellow{color:#b56a11;background:#fff4df}.stat-icon.purple{color:#536273;background:#eef0f4}.stat-info h3{letter-spacing:0;font-size:30px;font-weight:800;line-height:1.1}.dash-section{margin-top:24px}.dash-section-title{color:var(--text);align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.dash-alerts{flex-direction:column;gap:8px;display:flex}.dash-alert{border-radius:var(--radius);transition:all var(--transition);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.dash-alert:hover{transform:translate(4px)}.dash-alert.danger{background:var(--danger-light);color:#991b1b;border-color:#fecaca}.dash-alert.warning{background:var(--warning-light);color:#92400e;border-color:#fde68a}.dash-alert .alert-icon{flex-shrink:0;font-size:18px}.dash-alert .alert-info{flex:1;min-width:0}.dash-alert .alert-info strong{font-size:13px;display:block}.dash-alert .alert-info span{opacity:.8;font-size:12px}.dash-alert .alert-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:700}.alert-badge.expired{color:#dc2626;background:#fee2e2}.alert-badge.soon{color:#b45309;background:#fef3c7}.alert-badge.overdue{color:#dc2626;background:#fee2e2}.dash-alert.empty{background:var(--card-bg);border-color:var(--border-light);color:var(--text-muted);cursor:default}.dash-alert.empty:hover{transform:none}.toolbar{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:14px 18px;display:flex}.search-box{flex:1;min-width:200px;position:relative}.search-box input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:all var(--transition);background:var(--bg);color:var(--text);outline:none;padding:9px 14px 9px 40px;font-size:14px}.search-box input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #4f46e514}.search-box .search-icon{color:var(--text-muted);pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}select{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:var(--bg);color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;min-width:90px;padding:9px 32px 9px 12px;font-family:inherit;font-size:14px}select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e514}.btn{white-space:nowrap;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);letter-spacing:0;border:1px solid #0000;outline:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#b45309;transform:translateY(-1px);box-shadow:0 4px 12px #d977064d}.btn-outline{color:var(--text-secondary);border:1px solid var(--border);background:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-sm{padding:6px 12px;font-size:13px}.btn-xs{border-radius:4px;padding:3px 8px;font-size:12px}.btn-group{gap:6px;display:flex}.table-wrapper{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:0;padding:13px 14px;font-size:13px;font-weight:600}th:hover{color:var(--primary)}th .sort-icon{color:var(--text-muted);margin-left:4px;font-size:11px}td{border-bottom:1px solid var(--border-light);text-overflow:ellipsis;max-width:200px;color:var(--text);padding:12px 14px;overflow:hidden}tbody tr{transition:background .15s}tr.cal-expired{border-left:3px solid #dc2626}tr.cal-soon{border-left:3px solid #f59e0b}tbody tr.cal-expired{background:#fef2f2}tbody tr.cal-soon{background:#fffbeb}tbody tr:hover td{background:0 0}.badge{white-space:nowrap;letter-spacing:0;border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-normal{background:var(--success-light);color:#065f46}.badge-abnormal{background:var(--danger-light);color:#991b1b}.badge-scrapped{color:#64748b;background:#f1f5f9}.badge-instore{background:var(--primary-light);color:#3730a3}.badge-out{background:var(--warning-light);color:#92400e}.badge-repair{color:#6d28d9;background:#faf5ff}.badge-returned{background:var(--success-light);color:#065f46}.badge-partial{color:#9a3412;background:#fff7ed}.badge-pending{color:#075985;background:#eef6ff}.badge-rejected{background:var(--danger-light);color:#991b1b}.badge-standby{color:#52616f;background:#eef2f6}body.theme-dark .badge-normal,body.theme-dark .badge-returned{color:#b7f4d1}body.theme-dark .badge-abnormal,body.theme-dark .badge-rejected{color:#ffb4ad}body.theme-dark .badge-scrapped,body.theme-dark .badge-standby{color:#b8c3cf;background:#242f3a}body.theme-dark .badge-instore{color:#b6ecfb}body.theme-dark .badge-out,body.theme-dark .badge-partial{color:#ffd28a}body.theme-dark .badge-repair{color:#d8c2ff;background:#2d2440}body.theme-dark .badge-pending{color:#b6e8ff;background:#123143}.badge-upload{color:#536273;background:#eef0f4}.badge-reviewing{background:var(--warning-light);color:#8a520e}body.theme-dark .badge-upload{color:#c0c9d2;background:#242f3a}body.theme-dark .badge-reviewing{color:#ffd28a}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0f172a80;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.show{display:flex}.modal{background:var(--card-bg);border-radius:var(--radius-lg);width:90%;max-width:660px;max-height:85vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-light);background:var(--card-bg);z-index:1;border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.modal-header h3{letter-spacing:0;font-size:17px;font-weight:700}.modal-close{cursor:pointer;width:34px;height:34px;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-light);background:var(--card-bg);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:var(--text-secondary);letter-spacing:0;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);background:var(--bg);color:var(--text);outline:none;padding:9px 12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #4f46e514}.form-group input:read-only{background:var(--surface-subtle,var(--bg));color:var(--text-muted);cursor:not-allowed}.form-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.form-group textarea{resize:vertical;min-height:60px}.required:after{content:" *";color:var(--danger)}.multi-select-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;max-height:300px;overflow-y:auto}.multi-select-list .ms-item{border-bottom:1px solid var(--border-light);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.multi-select-list .ms-item:last-child{border-bottom:none}.multi-select-list .ms-item:hover{background:#f8fafc}.multi-select-list .ms-item.checked{background:var(--primary-light)}.multi-select-list .ms-item input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);flex-shrink:0}.multi-select-list .ms-item .ms-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.multi-select-list .ms-item .ms-code{color:var(--text);font-size:13px;font-weight:600}.multi-select-list .ms-item .ms-detail{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ms-select-all{border-bottom:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#f8fafc;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;display:flex}.ms-select-all input[type=checkbox]{accent-color:var(--primary)}.ms-count{color:var(--primary);margin-top:6px;font-size:13px;font-weight:600}.order-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow var(--transition);margin-bottom:14px;overflow:hidden}.order-card:hover{box-shadow:var(--shadow-md)}.order-card-header{cursor:pointer;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;transition:background .15s;display:flex}.order-card-header .order-id{color:var(--primary);white-space:nowrap;letter-spacing:0;font-family:SF Mono,Consolas,Monaco,monospace;font-size:15px;font-weight:700}.order-card-header .order-meta{flex-wrap:wrap;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.order-card-header .order-meta span{color:var(--text-secondary);white-space:nowrap;font-size:13px}.order-card-header .order-actions{align-items:center;gap:8px;display:flex}.order-card-header .expand-icon{color:var(--text-muted);transition:transform var(--transition);font-size:14px}.order-card.expanded .expand-icon{transform:rotate(90deg)}.order-card-body{border-top:1px solid var(--border-light);background:#f8fafc;padding:14px 20px 18px;display:none}.order-card.expanded .order-card-body{display:block}.order-card-body table{width:100%;font-size:13px}.order-card-body th{color:var(--text-secondary);border-bottom:1px solid var(--border);background:#f1f5f9;padding:10px 14px;font-size:12px;font-weight:600}.order-card-body td{border-bottom:1px solid var(--border-light);padding:8px 14px;font-size:13px}.modal-search{border-bottom:1px solid var(--border-light);margin-bottom:6px;padding:10px 14px}.modal-search input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;transition:all var(--transition);outline:none;padding:9px 14px;font-size:14px}.modal-search input:focus{border-color:var(--primary);background:#fff}.user-table th{cursor:default}.user-table th:hover{color:var(--text-secondary)}.user-role-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 12px;font-size:12px;font-weight:600;display:inline-flex}.admin-stack{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.admin-section{border-bottom:1px solid var(--border)}.admin-section:last-child{border-bottom:none}.admin-section>summary{cursor:pointer;background:var(--card-bg);align-items:center;gap:12px;min-height:58px;padding:14px 20px;font-size:15px;font-weight:700;list-style:none;display:flex}.admin-section>summary::-webkit-details-marker{display:none}.admin-section>summary:before{content:"›";color:var(--text-muted);transition:transform var(--transition);font-size:22px;line-height:1;transform:rotate(0)}.admin-toolbar{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;display:flex}.settings-row{align-items:flex-end;gap:10px;max-width:760px;display:flex}.settings-row .form-group{flex:1}.approval-config-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:900px;display:grid}.approval-config-actions{justify-content:flex-end;max-width:900px;margin-top:14px;display:flex}.upload-order-ref{border-left:3px solid var(--primary);background:var(--primary-light);color:var(--text-secondary);margin-bottom:18px;padding:10px 12px;font-size:13px}.upload-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.upload-field{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:0;padding:16px}.upload-field label{margin-bottom:5px;font-size:14px;font-weight:700;display:block}.upload-field p{color:var(--text-muted);margin-bottom:12px;font-size:12px}.upload-field input[type=file]{width:100%;color:var(--text-secondary);font-size:13px}.upload-field input[type=file]::file-selector-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);cursor:pointer;margin-right:10px;padding:7px 11px}.upload-selection{color:var(--text-secondary);min-height:20px;margin-top:10px;font-size:12px}.upload-progress{border-top:1px solid var(--border-light);margin-top:16px;padding-top:14px}.upload-progress[hidden]{display:none}.upload-progress-heading{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.upload-progress-heading strong{min-width:42px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.upload-progress-track{background:var(--bg-alt);border-radius:4px;height:8px;margin-top:9px;overflow:hidden}.upload-progress-track span{border-radius:inherit;background:var(--primary);width:0;height:100%;transition:width .18s ease-out;display:block}.upload-progress-bytes{min-height:18px;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px}.upload-progress.complete .upload-progress-heading strong,.upload-progress.complete .upload-progress-bytes{color:var(--success)}.upload-progress.complete .upload-progress-track span{background:var(--success)}.upload-progress.failed .upload-progress-heading,.upload-progress.failed .upload-progress-heading strong{color:var(--danger)}.upload-progress.failed .upload-progress-track span{background:var(--danger)}.status-trigger{cursor:pointer;border:0;font-family:inherit}.status-trigger:hover{outline:2px solid color-mix(in srgb, var(--primary) 25%, transparent)}.approval-summary{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:20px;display:grid}.approval-summary-item{background:var(--card-bg);min-width:0;padding:12px 14px}.approval-summary-item span{color:var(--text-muted);font-size:12px;display:block}.approval-summary-item strong{overflow-wrap:anywhere;margin-top:2px;font-size:14px;display:block}.approval-section-title{margin:20px 0 10px;font-size:14px}.approval-timeline{padding-left:8px;position:relative}.approval-step{grid-template-columns:30px minmax(0,1fr);gap:12px;min-height:74px;display:grid;position:relative}.approval-step:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:28px;bottom:0;left:14px}.approval-step-marker{border:2px solid var(--border);background:var(--card-bg);width:28px;height:28px;color:var(--text-muted);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.approval-step.done .approval-step-marker{background:var(--success);border-color:var(--success);color:#fff}.approval-step.active .approval-step-marker{background:var(--warning);border-color:var(--warning);color:#fff}.approval-step.rejected .approval-step-marker{background:var(--danger);border-color:var(--danger);color:#fff}.approval-step-content{min-width:0;padding:3px 0 16px}.approval-step-title{justify-content:space-between;gap:10px;font-size:14px;font-weight:700;display:flex}.approval-step-title span{color:var(--text-muted);font-size:12px;font-weight:500}.approval-step-meta{color:var(--text-secondary);margin-top:3px;font-size:12px}.approval-step-comment{color:var(--text);overflow-wrap:anywhere;margin-top:5px;font-size:13px}.attachment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.attachment-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:0;overflow:hidden}.attachment-preview{aspect-ratio:4/3;background:var(--bg-alt);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.attachment-preview img{object-fit:cover;width:100%;height:100%}.attachment-info{padding:8px 10px}.attachment-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.attachment-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.approval-action{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.approval-action textarea{min-height:72px}.approval-action-buttons{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.stat-card:hover,.action-card:hover,.btn:hover{transform:none}.action-icon{background:var(--bg-alt)!important;color:var(--primary)!important;border-radius:var(--radius)!important}.header-user{color:#ffffffd9;align-items:center;gap:12px;font-size:13px;display:flex}.header-user .user-avatar{background:#ffffff1a;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.header-user .user-name{font-weight:600}.toast-container{z-index:300;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;right:24px}.toast{border-radius:var(--radius);pointer-events:auto;letter-spacing:0;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:500;animation:.4s cubic-bezier(.4,0,.2,1) toastIn,.3s 2.8s forwards toastOut;display:flex;box-shadow:0 10px 25px -5px #00000026,0 4px 10px -6px #0000001a}@keyframes toastIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.toast.success{color:#fff;background:#065f46}.toast.error{color:#fff;background:#991b1b}.toast.warning{color:#fff;background:#92400e}.toast.info{color:#fff;background:#3730a3}.history-table{margin-top:16px}.history-table th{cursor:default}.history-table th:hover{color:var(--text-secondary)}.pagination{justify-content:center;align-items:center;gap:6px;padding:18px 0;display:flex}.pagination button{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--text-secondary);background:#fff;padding:7px 14px;font-size:13px;font-weight:500}.pagination button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.pagination button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.pagination span{color:var(--text-muted);font-size:13px}body.theme-dark thead,body.theme-dark .order-card-body th,body.theme-dark .ms-select-all{background:#1d2630}body.theme-dark tbody tr:hover,body.theme-dark .order-card-header:hover,body.theme-dark .multi-select-list .ms-item:hover{background:#202a34}body.theme-dark tbody tr.cal-expired{background:#2a1718}body.theme-dark tbody tr.cal-soon{background:#2a2315}body.theme-dark tbody tr.cal-expired:hover{background:#351c1d}body.theme-dark tbody tr.cal-soon:hover{background:#362c18}body.theme-dark .btn-outline,body.theme-dark .pagination button,body.theme-dark .multi-select-list{background:var(--card-bg-strong);color:var(--text-secondary);border-color:var(--border)}body.theme-dark .btn-outline:hover,body.theme-dark .pagination button:hover{background:var(--primary-light);color:var(--primary-hover);border-color:var(--primary)}body.theme-dark .search-box input,body.theme-dark .form-group input,body.theme-dark .form-group select,body.theme-dark .form-group textarea,body.theme-dark .modal-search input,body.theme-dark select,body.theme-dark #settingsSiteName{color:var(--text);border-color:var(--border);background:#101821!important}body.theme-dark .search-box input:focus,body.theme-dark .form-group input:focus,body.theme-dark .form-group select:focus,body.theme-dark .form-group textarea:focus,body.theme-dark .modal-search input:focus,body.theme-dark select:focus{background:#121c26!important}body.theme-dark .order-card-body,body.theme-dark .modal-footer,body.theme-dark .dash-alert.empty{background:var(--bg-alt)}body.theme-dark tr.sub-row,body.theme-dark tr.group-row{background:#1b2530!important}.empty-state{text-align:center;color:var(--text-muted);padding:64px 20px}.empty-state .icon{opacity:.5;margin-bottom:16px;font-size:52px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:17px;font-weight:600}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:28px;display:grid}.action-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid var(--border-light);transition:all var(--transition-slow);align-items:center;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.action-card:after{content:"";border-radius:var(--radius-lg);transition:border-color var(--transition-slow);pointer-events:none;border:2px solid #0000;position:absolute;inset:0}.action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card:hover:after{border-color:var(--primary)}.action-card .action-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.action-card .action-text h4{letter-spacing:0;margin-bottom:4px;font-size:15px;font-weight:700}.action-card .action-text p{color:var(--text-secondary);font-size:13px;line-height:1.5}.table-wrapper.mobile-card-view{box-shadow:none;background:0 0;border:none;border-radius:0}.table-wrapper.mobile-card-view table{display:block}.table-wrapper.mobile-card-view thead{display:none}.table-wrapper.mobile-card-view tbody{flex-direction:column;gap:12px;display:flex}.table-wrapper.mobile-card-view tr{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);flex-direction:column;padding:14px 16px;display:flex}.table-wrapper.mobile-card-view td{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;max-width:none;padding:7px 0;font-size:14px;display:flex}.table-wrapper.mobile-card-view td:last-child{border-bottom:none;padding-top:8px}.table-wrapper.mobile-card-view td:before{content:attr(data-label);color:var(--text-secondary);flex-shrink:0;min-width:80px;margin-right:12px;font-size:13px;font-weight:600}.table-wrapper.mobile-card-view tr:hover{background:var(--card-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.table-wrapper.mobile-card-view td:hover{background:0 0}.table-wrapper.mobile-card-view .btn-group{justify-content:flex-end;gap:6px;width:100%;display:flex}.table-wrapper.mobile-card-view .btn-xs{min-height:36px;padding:6px 12px;font-size:13px}@media (max-width:768px){.content{padding:12px}.header{flex-wrap:wrap;gap:8px;padding:12px 16px}.header h1{letter-spacing:0;font-size:14px}.header>div{justify-content:space-between;width:100%}.header .btn-outline{padding:5px 10px;font-size:12px}.header-user{gap:6px;font-size:12px}.header-user .user-avatar{width:28px;height:28px;font-size:12px}.header-user .user-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.header .btn-xs{padding:2px 6px;font-size:11px}.nav{-webkit-overflow-scrolling:touch;padding:0 8px;top:auto;overflow-x:auto}.nav-item{white-space:nowrap;padding:10px 14px;font-size:13px}.nav-item.active{border-bottom-width:2px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{gap:12px;padding:14px 16px}.stat-icon{border-radius:10px;width:40px;height:40px;font-size:18px}.stat-info h3{font-size:24px}.stat-info p{font-size:12px}.toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.toolbar h3{font-size:16px}.search-box{min-width:auto}.search-box input{padding:10px 14px 10px 40px;font-size:16px}select,.btn{min-height:44px;padding:10px 14px;font-size:14px}.quick-actions{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.action-card{gap:12px;padding:16px}.action-card .action-icon{width:40px;height:40px;font-size:18px}.action-card .action-text h4{font-size:14px}.action-card .action-text p{font-size:12px}.table-wrapper.mobile-card-view{box-shadow:none;background:0 0;border:none;border-radius:0}.table-wrapper.mobile-card-view tr{padding:12px}.table-wrapper.mobile-card-view td{font-size:13px}.table-wrapper.mobile-card-view td:before{min-width:70px;font-size:12px}.group-row{border-top:2px solid #e2e8f0;background:#f8fafc!important}.group-row:hover{background:#eef2ff!important}.group-row td{font-weight:500}.sub-row{background:#f5f7ff!important}.sub-row td{color:var(--text-secondary);font-size:13px}.sub-row:hover td{background:#eef2ff!important}.pagination{flex-wrap:wrap;gap:6px;padding:12px 0}.pagination button{min-height:40px;padding:8px 14px;font-size:14px}.pagination span{text-align:center;order:-1;width:100%;margin-bottom:4px;font-size:13px}.order-card{margin-bottom:10px}.order-card-header{flex-direction:column;gap:6px;padding:12px 14px}.order-card-header>div:first-of-type{text-align:center!important}.order-card-header .order-meta{flex-wrap:wrap;justify-content:center;gap:6px}.order-card-header .order-meta span{font-size:12px}.order-card-header .order-actions{gap:4px}.order-card-body{padding:10px 14px 14px}.order-card-body table{font-size:12px}.order-card-body th,.order-card-body td{white-space:nowrap;padding:6px 8px}.order-card-body .table-wrapper{overflow-x:auto}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:95%;max-width:none;max-height:90vh}.modal-overlay.show{align-items:flex-end}.modal-header{padding:14px 18px}.modal-header h3{font-size:16px}.modal-body{padding:16px}.modal-footer{flex-wrap:wrap;gap:8px;padding:12px 18px}.modal-footer .btn{flex:1;justify-content:center;min-width:0;min-height:44px;font-size:15px}.modal-search input{padding:10px 14px;font-size:16px}.multi-select-list{max-height:240px}.multi-select-list .ms-item{padding:10px 14px}.multi-select-list .ms-item .ms-code{font-size:14px}.multi-select-list .ms-item .ms-detail{font-size:12px}.form-grid{grid-template-columns:1fr;gap:12px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:16px}.form-group label{font-size:14px}.user-table table{min-width:0}.user-table th,.user-table td{padding:8px 10px;font-size:13px}.toast-container{inset:auto 12px 20px}.toast{text-align:center;justify-content:center;padding:12px 16px;font-size:14px}@keyframes toastIn{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(120%)}}.login-box{max-width:95vw;padding:36px 28px}.login-box h2{font-size:22px}.login-box .login-field input{padding:12px 14px;font-size:16px}.login-box .login-btn{padding:14px;font-size:17px}.mobile-hide{display:none!important}.history-table .table-wrapper{overflow-x:auto}.history-table table{min-width:600px}.history-table td,.history-table th{padding:8px 10px;font-size:13px}.admin-section>summary{padding:12px 14px}.admin-section-content{padding:0 12px 14px}.settings-row,.approval-config-grid,.upload-grid{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.approval-summary{grid-template-columns:1fr}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-step-title{flex-direction:column;gap:2px}}:root{--bg:#f5f7f7;--bg-alt:#edf1f0;--card-bg:#fff;--card-bg-strong:#fff;--primary:#0f766e;--primary-light:#e5f5f2;--primary-hover:#115e59;--primary-soft:#2f8f87;--success:#16805a;--success-light:#e8f5ef;--warning:#b66a0a;--warning-light:#fff4df;--danger:#b9382f;--danger-light:#fbeceb;--text:#18201f;--text-secondary:#566361;--text-muted:#87918f;--text-placeholder:#aab3b1;--border:#d9dfde;--border-light:#e8eceb;--shadow-sm:none;--shadow:0 10px 30px #14232014;--shadow-md:0 18px 48px #1423201f;--shadow-lg:0 24px 64px #14232029;--radius-sm:4px;--radius:6px;--radius-lg:8px;--radius-xl:8px;--sidebar-width:232px;--header-height:64px;--transition:.18s ease;--transition-slow:.22s ease}body.theme-dark{--bg:#0f1413;--bg-alt:#171d1b;--card-bg:#171d1b;--card-bg-strong:#1d2422;--primary:#5fc9bb;--primary-light:#173531;--primary-hover:#82d8cc;--primary-soft:#3ba99b;--success:#62c895;--success-light:#173327;--warning:#e2aa55;--warning-light:#352817;--danger:#ee766e;--danger-light:#391d1c;--text:#edf2f0;--text-secondary:#b3bfbc;--text-muted:#7f8c89;--text-placeholder:#63706d;--border:#303a38;--border-light:#252e2c;--shadow:0 14px 36px #00000057;--shadow-md:0 20px 56px #00000075}html{background:var(--bg)}body{background:var(--bg);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;line-height:1.55;overflow-x:hidden}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.lucide{stroke-width:1.8px;flex:none;width:17px;height:17px}.login-gate{background:#e9eeee;align-items:center;padding:24px}.login-gate:before{display:none}.login-shell{z-index:1;width:min(100%,404px);position:relative}.login-brand{color:#18201f;align-items:center;gap:12px;margin:0 0 22px 2px;display:flex}.login-brand>div{flex-direction:column;line-height:1.25;display:flex}.login-brand strong{font-size:15px;font-weight:700}.login-brand span:not(.login-mark){color:#697572;margin-top:3px;font-size:11px}.login-mark,.nav-brand-mark{background:var(--primary);color:#fff;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.login-mark .lucide{width:20px;height:20px}.login-box{text-align:left;color:#18201f;-webkit-backdrop-filter:none;background:#fff;border:1px solid #d3dcda;border-radius:8px;width:100%;max-width:none;padding:34px;box-shadow:0 24px 70px #1b2f2b1f}.login-heading{margin-bottom:28px}.login-heading p{color:#0f766e;margin-bottom:5px;font-size:12px;font-weight:700}.login-box h2{color:#18201f;margin:0;font-size:22px;font-weight:700;line-height:1.35}.login-box .login-field{margin-bottom:17px}.login-box .login-field label{color:#485653;margin-bottom:7px;font-size:13px;font-weight:600}.input-with-icon{position:relative}.input-with-icon>.lucide{color:#83908d;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.login-box .login-field input{color:#18201f;background:#fff;border:1px solid #cfd8d6;border-radius:6px;width:100%;min-height:44px;padding:10px 12px 10px 40px;font-size:14px}.login-box .login-field input::placeholder{color:#a2adaa}.login-box .login-field input:focus{background:#fff;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.login-box .login-btn{min-height:44px;box-shadow:none;background:#0f766e;border-radius:6px;margin-top:4px;padding:10px 14px;font-size:15px}.login-box .login-btn:hover{box-shadow:none;background:#115e59;transform:none}.login-box .login-error{color:#b9382f;text-align:center;margin-top:10px}.login-footer{color:#697572;text-align:center;margin-top:18px;font-size:12px}body.theme-dark .login-gate{background:#0d1211}body.theme-dark .login-brand{color:#edf2f0}body.theme-dark .login-brand span:not(.login-mark),body.theme-dark .login-footer{color:#899692}body.theme-dark .login-box{color:#edf2f0;background:#171d1b;border-color:#303a38;box-shadow:0 28px 80px #0000005c}body.theme-dark .login-box h2{color:#edf2f0}body.theme-dark .login-box .login-field label{color:#b8c3c0}body.theme-dark .login-box .login-field input{color:#edf2f0;background:#111715;border-color:#36413e}body.theme-dark .login-box .login-field input:focus{background:#111715;border-color:#5fc9bb}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:var(--header-height) minmax(0, 1fr);grid-template-areas:"nav header""nav content";min-height:100vh;display:grid}.header{height:var(--header-height);background:var(--card-bg);color:var(--text);border-bottom:1px solid var(--border);box-shadow:none;z-index:90;-webkit-backdrop-filter:none;grid-area:header;padding:0 28px;top:0}body.theme-dark .header{background:var(--card-bg)}.header-title{flex-direction:column;min-width:0;line-height:1.25;display:flex}.header-title>span{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.header h1{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.header-controls{gap:8px}.icon-btn{border:1px solid var(--border);background:var(--card-bg);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:6px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.header .header-btn{background:var(--card-bg);width:34px;height:34px;color:var(--text-secondary);border-color:var(--border);padding:0}.header .header-btn:hover{color:var(--primary);background:var(--primary-light);border-color:var(--primary)}.header-user{border-left:1px solid var(--border);gap:7px;margin-left:2px;padding-left:8px}.user-avatar{background:var(--primary-light);width:30px;height:30px;color:var(--primary);border-radius:50%;font-size:12px;font-weight:750}.user-name{color:var(--text);margin-right:2px;font-size:13px}.nav{z-index:100;width:var(--sidebar-width);color:#d8e0de;-webkit-backdrop-filter:none;background:#121a18;border:0;flex-direction:column;grid-area:nav;align-items:stretch;gap:3px;height:100vh;min-height:620px;padding:18px 14px;display:flex;position:sticky;top:0;overflow:hidden}body.theme-dark .nav{background:#0a0f0e}.nav-brand{align-items:center;gap:11px;padding:2px 6px 25px;display:flex}.nav-brand-mark{color:#10211e;background:#5fc9bb;width:34px;height:34px}.nav-brand-mark .lucide{stroke-width:2px;width:19px;height:19px}.nav-brand>div{flex-direction:column;min-width:0;display:flex}.nav-brand strong{color:#f2f6f5;font-size:14px;font-weight:700}.nav-brand span{color:#6f827d;margin-top:2px;font-size:9px;font-weight:650}.nav-label{color:#61736f;padding:10px 11px 5px;font-size:10px;font-weight:700}.nav-item{color:#9eadaa;text-align:left;cursor:pointer;width:100%;min-height:40px;transition:background var(--transition), color var(--transition);background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;padding:9px 11px;font-size:13px;font-weight:500;display:flex}.nav-item:after{display:none}.nav-item:hover{color:#f2f6f5;background:#ffffff0e}.nav-item.active{color:#fff;background:#5fc9bb24;font-weight:650}.nav-item.active:before{content:"";background:#5fc9bb;border-radius:0 2px 2px 0;width:2px;height:18px;position:absolute;left:0}.nav-item .lucide{color:#80928e;width:18px;height:18px}.nav-item.active .lucide{color:#69d1c3}.nav-footer{color:#6f827d;border-top:1px solid #ffffff0f;align-items:center;gap:7px;margin-top:auto;padding:14px 10px 4px;font-size:10px;display:flex}.nav-status-dot{background:#53b98a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #53b98a1a}.content{grid-area:content;width:100%;min-width:0;max-width:1660px;margin:0 auto;padding:28px 32px 48px}.page.active{animation:.18s ease-out pageReveal}@keyframes pageReveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;min-height:62px;margin-bottom:22px;display:flex}.page-header>div:first-child{min-width:0}.page-kicker{color:var(--primary);margin-bottom:3px;font-size:11px;font-weight:700}.page-header h2{color:var(--text);font-size:21px;font-weight:700;line-height:1.3}.page-meta{color:var(--text-muted);margin-top:4px;font-size:12px}.page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn{min-height:34px;box-shadow:none;border-radius:6px;gap:7px;padding:7px 13px;font-size:13px;font-weight:600}.btn:hover{box-shadow:none;transform:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:none;transform:none}.btn-success{background:var(--success);border-color:var(--success)}.btn-success:hover{box-shadow:none;background:#116b4b;transform:none}.btn-danger:hover,.btn-warning:hover{box-shadow:none;transform:none}.btn-outline{background:var(--card-bg);color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover{color:var(--primary);background:var(--primary-light);border-color:color-mix(in srgb, var(--primary) 55%, var(--border))}.btn-xs{min-height:28px;padding:4px 8px;font-size:12px}.btn-sm{min-height:30px;padding:5px 10px}.btn.icon-only{justify-content:center;width:28px;min-width:28px;padding:0}.btn.icon-only .lucide{width:14px;height:14px}.btn.danger-quiet{color:var(--danger)}.btn.danger-quiet:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-light)}input,textarea,select{border-radius:6px}select{background-color:var(--card-bg);min-height:36px;padding:7px 31px 7px 11px}select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.stats-grid{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-bottom:18px;display:grid;overflow:hidden}.stat-card{border:0;border-right:1px solid var(--border-light);min-height:90px;box-shadow:none;background:0 0;border-radius:0;gap:13px;padding:17px 18px}.stat-card:last-child{border-right:0}.stat-card:before{display:none}.stat-card:hover{box-shadow:none;background:var(--bg);transform:none}.stat-icon{border-radius:6px;width:34px;height:34px;font-size:14px}.stat-icon .lucide{width:17px;height:17px}.stat-icon.blue{background:var(--primary-light);color:var(--primary)}.stat-icon.green{background:var(--success-light);color:var(--success)}.stat-icon.yellow{background:var(--warning-light);color:var(--warning)}.stat-icon.red{background:var(--danger-light);color:var(--danger)}.stat-icon.purple{background:var(--bg-alt);color:var(--text-secondary)}.stat-info h3{font-variant-numeric:tabular-nums;font-size:23px;font-weight:720;line-height:1.05}.stat-info p{color:var(--text-muted);margin-top:5px;font-size:12px;font-weight:500}.dashboard-layout{grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);align-items:start;gap:18px;display:grid}.dashboard-main,.dashboard-side{gap:18px;min-width:0;display:grid}.workspace-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:14px 17px;display:flex}.panel-header h3{color:var(--text);font-size:15px;font-weight:680}.panel-header p{color:var(--text-muted);margin-top:2px;font-size:11px}.panel-link{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.panel-link .lucide{width:14px;height:14px}.dash-section{margin:0}.dash-section-title{display:none}.dash-alerts{gap:0}.dash-alert{border:0;border-bottom:1px solid var(--border-light);min-height:58px;color:var(--text);background:0 0;border-radius:0;margin:0;padding:12px 17px}.dash-alert:is(button){width:100%;font:inherit;text-align:left;cursor:pointer}.dash-alert:last-child{border-bottom:0}.dash-alert:hover{background:var(--bg);transform:none}.dash-alert.danger,.dash-alert.warning,.dash-alert.empty{color:var(--text);border-color:var(--border-light);background:0 0}.dash-alert .alert-icon{background:var(--bg-alt);width:28px;height:28px;color:var(--text-secondary);border-radius:6px;place-items:center;font-size:12px;display:grid}.dash-alert.danger .alert-icon{background:var(--danger-light);color:var(--danger)}.dash-alert.warning .alert-icon{background:var(--warning-light);color:var(--warning)}.dash-alert .alert-icon .lucide{width:15px;height:15px}.dash-alert .alert-info strong{color:var(--text);font-size:13px;font-weight:630}.dash-alert .alert-info span{color:var(--text-muted);opacity:1;font-size:11px}.alert-badge,.badge{border-radius:5px}.dash-alert .alert-badge{border-radius:5px;padding:3px 7px;font-size:10px}.activity-row{border-bottom:1px solid var(--border-light);cursor:pointer;grid-template-columns:minmax(120px,.8fr) minmax(160px,1fr) auto;align-items:center;gap:14px;min-height:58px;padding:11px 17px;display:grid}.activity-row:last-child{border-bottom:0}.activity-row:hover{background:var(--bg)}.activity-id{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.activity-main strong{color:var(--text);font-size:13px;font-weight:600;display:block}.activity-main span,.activity-date{color:var(--text-muted);font-size:11px}.inventory-overview{padding:17px}.availability-number{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.availability-number strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:720;line-height:1}.availability-number span{color:var(--text-muted);font-size:11px}.availability-track{background:var(--bg-alt);border-radius:4px;height:7px;margin:14px 0 17px;overflow:hidden}.availability-track>span{background:var(--primary);border-radius:inherit;height:100%;display:block}.inventory-breakdown{gap:10px;display:grid}.inventory-breakdown-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.inventory-breakdown-row>span{align-items:center;gap:7px;display:flex}.status-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.status-dot.success{background:var(--success)}.status-dot.warning{background:var(--warning)}.status-dot.danger{background:var(--danger)}.status-dot.primary{background:var(--primary)}.inventory-breakdown-row strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px}.storage-overview{padding:17px}.storage-number{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.storage-number>div{min-width:0}.storage-number strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:720;line-height:1}.storage-number>div span,.storage-number>span{color:var(--text-muted);font-size:11px}.storage-track{background:var(--bg-alt);border-radius:4px;height:7px;margin:14px 0 12px;overflow:hidden}.storage-track>span{border-radius:inherit;background:var(--primary);height:100%;transition:width var(--transition-slow);display:block}.storage-overview.warning .storage-track>span{background:var(--warning)}.storage-overview.danger .storage-track>span{background:var(--danger)}.storage-overview.warning .storage-number strong{color:var(--warning)}.storage-overview.danger .storage-number strong{color:var(--danger)}.storage-details{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.storage-details span{align-items:center;gap:5px;display:inline-flex}.storage-details .lucide{width:13px;height:13px}.storage-unavailable{min-height:104px;color:var(--text-muted);align-items:center;gap:11px;padding:17px;display:flex}.storage-unavailable>.lucide{color:var(--warning)}.storage-unavailable>div{flex-direction:column;display:flex}.storage-unavailable strong{color:var(--text);font-size:12px}.storage-unavailable span{margin-top:2px;font-size:11px}.compact-actions-panel .panel-header{min-height:48px}.maintenance-action{width:100%;min-height:48px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:11px 17px;display:flex}.maintenance-action:hover{color:var(--danger);background:var(--danger-light)}.maintenance-action>span{align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.toolbar{background:var(--card-bg);border:1px solid var(--border);box-shadow:none;border-radius:8px;gap:8px;margin-bottom:14px;padding:11px}.search-box{min-width:230px}.search-box input,.modal-search input{background:var(--card-bg);border-color:var(--border);border-radius:6px;min-height:36px;padding:7px 12px 7px 37px;font-size:13px}.search-box input:focus,.modal-search input:focus{background:var(--card-bg);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.search-box .search-icon{place-items:center;display:grid;left:12px}.search-box .search-icon .lucide{width:15px;height:15px}.table-wrapper{background:var(--card-bg);border:1px solid var(--border);box-shadow:none;border-radius:8px}table{font-size:13px}thead{background:var(--bg)}th{height:40px;color:var(--text-secondary);border-bottom-color:var(--border);padding:9px 12px;font-size:11px;font-weight:680}td{border-bottom-color:var(--border-light);height:44px;color:var(--text);padding:9px 12px}tbody tr:hover{background:color-mix(in srgb, var(--primary) 4%, var(--card-bg))}tbody tr.cal-expired,tbody tr.cal-soon{background:0 0}tbody tr.cal-expired:hover{background:var(--danger-light)}tbody tr.cal-soon:hover{background:var(--warning-light)}tr.cal-expired{border-left-color:var(--danger)}tr.cal-soon{border-left-color:var(--warning)}.badge{border:1px solid #0000;min-height:22px;padding:2px 7px;font-size:11px;font-weight:650}.badge-normal,.badge-instore,.badge-returned{background:var(--success-light);color:var(--success)}.badge-abnormal,.badge-rejected{background:var(--danger-light);color:var(--danger)}.badge-out,.badge-reviewing,.badge-partial{background:var(--primary-light);color:var(--primary)}.badge-standby,.badge-upload,.badge-pending{background:var(--warning-light);color:var(--warning)}.status-trigger{cursor:pointer}.pagination{margin-top:14px}.pagination button{border-radius:5px;justify-content:center;align-items:center;gap:4px;min-width:32px;min-height:32px;display:inline-flex}.pagination button .lucide{width:14px;height:14px}#borrowOrdersList{gap:10px;display:grid}.order-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:none;border-radius:8px;margin:0;overflow:hidden}.order-card:hover{box-shadow:none;border-color:color-mix(in srgb, var(--primary) 32%, var(--border))}.order-card-header{background:0 0;gap:12px;min-height:78px;padding:14px 16px}.order-card-header:hover{background:var(--bg)}.order-card-header .order-id{color:var(--text);font-size:13px;font-weight:700}.order-card-header .order-meta{gap:5px 15px;margin-top:5px}.order-card-header .order-meta span{color:var(--text-secondary);font-size:11px}.order-card-header .order-meta .meta-label{color:var(--text-muted)}.order-card-header .order-actions{gap:6px}.order-card-header .expand-icon{color:var(--text-muted);font-size:15px}.order-card-body{background:var(--card-bg);padding:0 16px 16px}.order-card-body .table-wrapper{border-radius:6px}.order-card-body th,.order-card-body td{padding:7px 10px}.client-install-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:150px;padding:24px;display:flex}.client-app-identity{align-items:center;gap:18px;min-width:0;display:flex}.client-app-identity img{width:72px;height:72px;box-shadow:var(--shadow-sm);border-radius:14px;flex:none}.client-app-identity h3{color:var(--text);font-size:18px;font-weight:700}.client-app-identity p{color:var(--text-secondary);margin-top:4px;font-size:13px}.client-install-button{justify-content:center;min-width:148px;min-height:40px}.client-install-button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}.admin-stack{border:1px solid var(--border);box-shadow:none;background:0 0;border-radius:8px;overflow:hidden}.admin-section{background:var(--card-bg);border-bottom-color:var(--border)}.admin-section>summary{min-height:58px;color:var(--text);align-items:center;gap:12px;padding:13px 17px 13px 42px;font-size:14px;display:flex}.admin-section>summary:before{content:"›";width:auto;height:auto;color:var(--text-muted);border:0;font-size:18px;top:50%;left:18px;transform:translateY(-50%)}.admin-section[open]>summary:before{transform:translateY(-50%)rotate(90deg)}.admin-section>summary:hover{background:var(--bg)}.admin-section>summary span{font-weight:680}.admin-section>summary small{color:var(--text-muted);margin-left:auto;font-size:11px;font-weight:400}.admin-section-content{padding:3px 17px 20px}.admin-storage-section{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin-top:16px;padding:16px 0}.admin-storage-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-storage-heading>div{flex-direction:column;gap:2px;display:flex}.admin-storage-heading strong{color:var(--text);font-size:13px}.admin-storage-heading span{color:var(--text-muted);font-size:11px}.admin-storage-heading>.lucide{width:17px;height:17px;color:var(--text-muted)}.admin-storage-section .storage-overview{padding:14px 0 2px}.admin-storage-section .storage-unavailable{min-height:86px;padding:14px 0 0}.admin-toolbar{margin:8px 0 12px}.admin-toolbar-split{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-section-note{color:var(--text-muted);font-size:12px}.admin-subtitle{color:var(--text-secondary);margin:22px 0 10px;font-size:12px;font-weight:680}.user-role-badge{border:1px solid #0000;border-radius:5px;padding:2px 7px;font-size:11px}.user-role-badge.admin{background:var(--danger-light);color:var(--danger)}.user-role-badge.user{background:var(--primary-light);color:var(--primary)}.approval-config-intro{max-width:900px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-light);border-radius:6px;align-items:center;gap:11px;margin:10px 0 17px;padding:12px 14px;display:flex}.approval-config-intro>.lucide{color:var(--primary)}.approval-config-intro>div{flex-direction:column;display:flex}.approval-config-intro strong{color:var(--text);font-size:12px}.approval-config-intro span{color:var(--text-muted);margin-top:2px;font-size:11px}.approval-level-setting{justify-content:space-between;align-items:flex-end;gap:18px;max-width:900px;margin-bottom:14px;display:flex}.approval-level-setting>div{flex-direction:column;gap:3px;display:flex}.approval-level-setting label{color:var(--text);font-size:13px;font-weight:650}.approval-level-setting span{color:var(--text-muted);font-size:11px}.approval-level-setting select{flex:0 0 150px;width:150px}.approval-config-grid [hidden]{display:none}.approval-config-grid{gap:12px}.step-number{background:var(--primary-light);width:20px;height:20px;color:var(--primary);border-radius:50%;place-items:center;margin-right:6px;font-size:10px;display:inline-grid}.settings-row{border-bottom:1px solid var(--border-light);align-items:end;padding:12px 0 20px}.data-maintenance{justify-content:space-between;align-items:center;gap:16px;padding:18px 0 2px;display:flex}.data-maintenance>div:first-child{flex-direction:column;display:flex}.data-maintenance strong{color:var(--text);font-size:13px}.data-maintenance span{color:var(--text-muted);margin-top:3px;font-size:11px}.form-grid{gap:15px 16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:620}.form-group input,.form-group select,.form-group textarea{background:var(--card-bg);border-color:var(--border);min-height:38px;color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:none;background:#09100e94;padding:20px}.modal{border:1px solid var(--border);background:var(--card-bg);width:min(100%,640px);max-height:min(90vh,900px);box-shadow:var(--shadow-md);border-radius:8px;flex-direction:column;animation-duration:.18s;animation-timing-function:ease-out;display:flex;overflow:hidden}.modal-header{background:var(--card-bg);border-bottom-color:var(--border);min-height:58px;padding:13px 18px}.modal-header h3{font-size:15px;font-weight:680}.modal-close{width:32px;height:32px;color:var(--text-muted);border-radius:5px}.modal-close .lucide{width:17px;height:17px}.modal-body{min-height:0;padding:19px;overflow-y:auto}.modal-header,.modal-footer{flex:none}.modal-footer{background:var(--bg);border-top-color:var(--border);min-height:58px;padding:11px 18px}.multi-select-list{border-color:var(--border);border-radius:6px}.ms-item{border-bottom-color:var(--border-light)}.ms-item:hover{background:var(--bg)}.upload-order-ref{background:var(--bg);border-color:var(--border);border-radius:6px}.upload-field{background:var(--card-bg);border-color:var(--border);border-radius:6px}.upload-field:hover{border-color:var(--primary);background:var(--primary-light)}.approval-summary{background:var(--border);border:1px solid var(--border);border-radius:6px;gap:1px;overflow:hidden}.approval-summary-item{background:var(--card-bg)}.approval-section-title{font-size:13px}.approval-step{gap:12px}.approval-step-marker{width:28px;height:28px;font-size:11px}.approval-step:not(:last-child):before{left:13px}.approval-step-title{font-size:13px}.approval-step-content{padding-bottom:14px}.attachment-item{border-color:var(--border);background:var(--card-bg);border-radius:6px}.attachment-preview{background:var(--bg);width:100%;color:var(--text-secondary);cursor:zoom-in;border:0;padding:0;display:block;position:relative;overflow:hidden}.attachment-preview:hover{background:var(--bg-alt)}.attachment-preview:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.attachment-preview-placeholder{align-content:center;place-items:center;gap:6px;height:100%;display:grid}.attachment-preview-placeholder .lucide{width:25px;height:25px;color:var(--text-muted)}.attachment-preview-placeholder small{font-size:10px;font-weight:700}.attachment-preview-action{color:#fff;opacity:0;width:28px;height:28px;transition:opacity var(--transition), transform var(--transition);background:#0a1210c7;border-radius:5px;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(3px)}.attachment-preview:hover .attachment-preview-action,.attachment-preview:focus-visible .attachment-preview-action{opacity:1;transform:none}.attachment-preview-action .lucide{width:14px;height:14px}.attachment-viewer-modal{width:min(96vw,1100px);max-width:1100px;height:min(90vh,860px)}.attachment-viewer-modal .modal-header h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachment-viewer-body{color:#dfe8e5;background:#0b100f;flex:auto;place-items:center;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.attachment-viewer-body img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:absolute;inset:0}.attachment-viewer-body iframe{background:#fff;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.attachment-viewer-loading,.attachment-viewer-error{color:#b9c6c2;align-items:center;gap:10px;padding:28px;font-size:13px;display:flex}.attachment-viewer-loading .lucide{animation:.8s linear infinite spin}.attachment-viewer-error{text-align:center;flex-direction:column}.attachment-viewer-error .lucide{width:26px;height:26px;color:var(--danger)}.approval-action{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:16px}.empty-state{padding:52px 24px}.empty-state .icon{background:var(--bg-alt);width:36px;height:36px;color:var(--text-muted);opacity:1;border-radius:6px;place-items:center;margin:0 auto 12px;font-size:15px;display:grid}.empty-state .icon .lucide{width:18px;height:18px}.empty-state h3{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.empty-state p{color:var(--text-muted);font-size:12px}.toast-container{top:76px;right:20px}.toast{min-width:280px;box-shadow:var(--shadow);border-radius:6px;padding:11px 14px;font-size:12px}.toast.success{background:#145f46}.toast.error{background:#96332d}.toast.warning{background:#8a560e}.toast.info{background:#244c48}body.theme-dark thead,body.theme-dark tbody tr:hover,body.theme-dark .order-card-header:hover,body.theme-dark .admin-section>summary:hover{background:var(--bg-alt)}body.theme-dark .btn-outline,body.theme-dark .search-box input,body.theme-dark .modal-search input,body.theme-dark select,body.theme-dark .form-group input,body.theme-dark .form-group select,body.theme-dark .form-group textarea{background-color:var(--card-bg);color:var(--text)}body.theme-dark .stat-icon.blue,body.theme-dark .stat-icon.green,body.theme-dark .stat-icon.yellow,body.theme-dark .stat-icon.red,body.theme-dark .stat-icon.purple{background:var(--bg-alt)}body.theme-dark tbody tr.cal-expired,body.theme-dark tbody tr.cal-soon,body.theme-dark .order-card-body,body.theme-dark .modal-footer{background:var(--card-bg)}body.theme-dark .dash-alert.danger,body.theme-dark .dash-alert.warning,body.theme-dark .dash-alert.empty{color:var(--text);background:0 0}@media (max-width:1180px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border-bottom:1px solid var(--border-light)}.stat-card:nth-child(3n){border-right:0}.dashboard-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr)}}@media (max-width:900px){:root{--sidebar-width:204px}.content{padding:24px 22px 42px}.dashboard-layout{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--header-height:58px}.app-shell{min-height:100vh;padding-top:var(--header-height);display:block}.header{height:var(--header-height);padding:0 13px;position:fixed;top:0;left:0;right:0}.header-title>span{display:none}.header h1{max-width:44vw;font-size:13px}.header-controls{gap:5px}.header-user{gap:5px;padding-left:5px}.user-name{display:none}.user-avatar{width:28px;height:28px}.header .header-btn,.icon-btn{width:32px;height:32px}.nav{z-index:500;width:100%;height:68px;min-height:0;padding:5px max(6px, env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom));border-top:1px solid #ffffff12;flex-direction:row;justify-content:space-around;align-items:stretch;gap:1px;display:flex;position:fixed;inset:auto 0 0;overflow:visible}.nav-brand,.nav-label,.nav-footer{display:none!important}.nav-item{text-align:center;border-radius:5px;flex-direction:column;flex:20%;justify-content:center;gap:2px;min-width:0;min-height:54px;padding:5px 2px;font-size:10px}.nav-item.active:before{border-radius:0 0 2px 2px;width:24px;height:2px;top:-5px;left:50%;transform:translate(-50%)}.nav-item .lucide{width:18px;height:18px}.content{width:100%;max-width:none;padding:20px 13px calc(88px + env(safe-area-inset-bottom))}.page.active{animation:none}.page-header{flex-direction:column;align-items:flex-start;gap:13px;min-height:0;margin-bottom:17px}.page-header h2{font-size:19px}.page-actions{justify-content:flex-start;width:100%}.page-actions .btn{flex:auto;justify-content:center;min-height:38px}.stats-grid{border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);min-height:76px;padding:13px}.stat-card:nth-child(2n){border-right:0}.stat-card:last-child{border-bottom:0;grid-column:1/-1}.stat-info h3{font-size:21px}.dashboard-side{grid-template-columns:1fr}.panel-header{min-height:56px;padding:12px 14px}.dash-alert,.activity-row{padding:11px 14px}.activity-row{grid-template-columns:minmax(95px,.8fr) minmax(130px,1fr)}.activity-date{display:none}.toolbar{gap:7px;padding:9px}.toolbar .search-box,.toolbar .search-box[style]{flex:1 0 100%;min-width:0;max-width:none!important;margin:0!important}.toolbar select{flex:calc(50% - 4px);min-width:0}.toolbar>.btn{flex:auto;justify-content:center}.order-card-header{text-align:left;align-items:stretch;min-height:0;padding:13px}.order-card-header>div:first-of-type{text-align:left!important}.order-card-header .order-meta,.order-card-header .order-actions{justify-content:flex-start}.order-card-body{padding:0 13px 13px}.modal-overlay{padding:0}.modal{border-bottom:0;border-radius:8px 8px 0 0;width:100%;max-height:92vh;max-width:none!important}.modal-body{padding:16px}.modal-footer{padding:11px 14px}.admin-section>summary{padding-right:14px}.admin-section>summary small{display:none}.admin-section-content{padding:2px 12px 15px}.client-install-panel{flex-direction:column;align-items:stretch;padding:18px}.client-install-button{width:100%}.admin-toolbar-split,.data-maintenance{flex-direction:column;align-items:stretch}.data-maintenance .btn-group{width:100%}.data-maintenance .btn{flex:1;justify-content:center}.settings-row{flex-direction:column;align-items:stretch}.approval-config-grid,.upload-grid{grid-template-columns:1fr}.approval-level-setting{flex-direction:column;align-items:stretch;gap:9px}.approval-level-setting select{flex-basis:auto;width:100%}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-viewer-modal{height:92vh}.attachment-preview-action{opacity:1;transform:none}.toast-container{top:auto;bottom:calc(80px + env(safe-area-inset-bottom))}}@media (max-width:420px){.login-gate{padding:18px}.login-box{padding:28px 22px}.dashboard-actions .btn{flex:calc(50% - 4px)}.page-actions .btn{padding-inline:10px;font-size:12px}.attachment-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}