:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-primary: #2563eb;--color-primary-hover: #3b82f6;--color-primary-light: #eff6ff;--color-primary-border: #bfdbfe;--color-danger: #dc2626;--color-danger-light: #fef2f2;--color-danger-border: #fecaca;--color-success: #16a34a;--color-success-light: #f0fdf4;--color-warning: #d97706;--color-warning-light: #fffbeb;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(15 23 42 / 4%);--shadow-sm: 0 1px 3px rgb(15 23 42 / 6%), 0 1px 2px rgb(15 23 42 / 4%);--shadow-md: 0 4px 6px rgb(15 23 42 / 5%), 0 2px 4px rgb(15 23 42 / 3%);--shadow-lg: 0 10px 15px rgb(15 23 42 / 6%), 0 4px 6px rgb(15 23 42 / 3%);--font-sans: "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 220px;--header-height: 60px;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--color-text);background:var(--color-bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}a{color:var(--color-primary);text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{display:grid;min-height:100vh;place-items:center;padding:var(--space-2xl);background:linear-gradient(135deg,#eff6ff,#f0f9ff,#f8fafc)}.login-card{width:min(100%,420px);padding:var(--space-3xl);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.login-card h1{margin:0 0 var(--space-2xl);text-align:center;font-size:24px;font-weight:700;color:var(--color-text)}.login-form{display:grid;gap:var(--space-lg)}.login-form label{display:grid;gap:var(--space-sm);font-size:14px;font-weight:600;color:var(--color-text-secondary)}.login-form input{width:100%;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.login-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login-form button{padding:11px 18px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:15px;font-weight:600;transition:all .2s ease;margin-top:var(--space-sm)}.login-form button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.login-form button:active{transform:translateY(1px)}.mobile-page{width:min(100%,680px);margin:0 auto;padding:var(--space-xl)}.reporter-shell{min-height:100vh;padding-bottom:76px;background:var(--color-bg)}.mobile-nav{position:fixed;z-index:10;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:4px;padding:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;box-shadow:0 4px 16px #0f172a1f}.mobile-nav button{flex:1;padding:10px 8px;color:var(--color-text-muted);background:transparent;font-size:14px;font-weight:500;border:0;border-radius:999px;transition:all .2s ease;white-space:nowrap;text-align:center}.mobile-nav button:hover{background:var(--color-bg)}.mobile-nav button.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.mobile-nav-logout{color:var(--color-danger)!important}.mobile-nav-logout:hover{background:var(--color-danger-light)!important}.order-form,.ocr-import{display:grid;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.order-form label,.ocr-import label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.field-block{display:grid;gap:6px}.field-label-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);font-weight:600}.order-form input,.order-form textarea,.field-block input,.field-block textarea,.ocr-import input,.ocr-import textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.order-form input:focus,.order-form textarea:focus,.field-block input:focus,.field-block textarea:focus,.ocr-import input:focus,.ocr-import textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.order-form button,.ocr-import button,.mobile-page>button{padding:10px 16px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:14px;font-weight:600;transition:all .2s ease}.order-form button:hover,.ocr-import button:hover,.mobile-page>button:hover{background:var(--color-primary-hover)}.sf-help-note{margin:0;color:var(--color-text-muted);font-size:12px;line-height:1.5}.sf-help-link,.mobile-page .sf-help-link{width:auto;max-width:100%;min-height:22px;padding:0;border:0;color:var(--color-text-muted);background:transparent;cursor:pointer;font-size:12px;font-weight:500;text-align:right}.sf-help-link:hover{color:var(--color-text-secondary)}.ocr-import img{width:100%;max-height:260px;border-radius:var(--radius-md);object-fit:contain}.ocr-import-actions{display:flex;align-items:center;gap:var(--space-md)}.ocr-import-actions button{flex-shrink:0}.ocr-import-msg{font-size:13px;color:var(--color-text-muted)}.detail-top-bar{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.detail-top-bar h1{margin:0;font-size:20px}.back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:500;transition:all .2s ease}.back-btn:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.ocr-preview{display:grid;gap:var(--space-sm);justify-items:start}.ocr-preview img{width:100%;max-height:260px;border:1px solid var(--color-border);border-radius:var(--radius-md);object-fit:contain;background:var(--color-bg)}.ocr-preview button{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;transition:all .2s ease}.ocr-preview button:hover{border-color:var(--color-danger-border);background:var(--color-danger-light);color:var(--color-danger)}.order-detail{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px var(--space-md);margin:0 0 var(--space-xl);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);font-size:14px}.order-detail dt{color:var(--color-text-muted);font-weight:500}.order-detail dd{margin:0;color:var(--color-text);overflow-wrap:anywhere}.sf-help-modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-lg);background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sf-help-modal{display:grid;gap:var(--space-md);width:min(100%,480px);max-height:min(86vh,720px);padding:var(--space-xl);overflow:auto;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.sf-help-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.sf-help-modal-header h2{margin:0;font-size:18px;line-height:1.35}.sf-help-modal-header button{flex:0 0 auto;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-bg);font-size:20px;line-height:1;transition:all .15s ease}.sf-help-modal-header button:hover{background:var(--color-border)}.sf-help-modal-body{display:grid;gap:var(--space-md)}.sf-help-modal-body p{margin:0;color:var(--color-text-secondary);font-size:14px;line-height:1.65}.sf-help-image{width:100%;max-height:52vh;border:1px solid var(--color-border);border-radius:var(--radius-md);object-fit:contain;background:var(--color-bg)}.sf-help-image-fallback{display:grid;min-height:120px;place-items:center;padding:var(--space-lg);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-bg);text-align:center}.sf-help-confirm{justify-self:stretch;padding:11px 16px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-weight:600;transition:all .2s ease}.sf-help-confirm:hover{background:var(--color-primary-hover)}.sf-verify-controls{display:grid;gap:var(--space-sm);margin:var(--space-md) 0}.sf-unverified-alert{margin:0;padding:10px 12px;border:1px solid #fed7aa;border-radius:var(--radius-md);color:#9a3412;background:#fff7ed;font-size:13px;line-height:1.5}.order-list{display:grid;gap:var(--space-md)}.order-list-item{display:grid;gap:6px;width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface);text-align:left;transition:all .2s ease;box-shadow:var(--shadow-xs)}.order-list-item:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-sm)}.order-tracking-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;color:var(--color-text-secondary);overflow-wrap:anywhere}.sf-unverified-badge{flex:0 0 auto;padding:2px 8px;border-radius:var(--radius-full);color:var(--color-warning);background:var(--color-warning-light);font-size:12px;font-weight:600}.payment-profile-page{display:grid;gap:var(--space-lg);padding-bottom:var(--space-2xl)}.profile-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-sm)}.profile-hero h1,.profile-hero p,.profile-card h2{margin:0}.profile-hero h1{font-size:24px}.profile-hero p{margin-top:4px;color:var(--color-text-secondary);font-size:14px}.profile-status-card,.profile-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.profile-status-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.profile-status-card div{display:grid;gap:3px}.profile-status-card span,.qr-upload span{color:var(--color-text-muted);font-size:13px}.profile-status-card strong{font-size:18px}.profile-status-card mark{padding:4px 10px;border-radius:var(--radius-full);color:var(--color-warning);background:var(--color-warning-light);font-size:12px;font-weight:600;white-space:nowrap}.profile-status-card mark.complete{color:var(--color-success);background:var(--color-success-light)}.payment-profile-form{display:grid;gap:var(--space-lg)}.profile-card{display:grid;gap:var(--space-md);padding:var(--space-lg)}.profile-card h2{font-size:16px}.qr-upload{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:var(--space-md);align-items:center}.qr-upload img,.qr-placeholder{width:76px;height:76px;border-radius:var(--radius-md)}.qr-upload img{object-fit:contain;border:1px solid var(--color-border);background:var(--color-bg)}.qr-placeholder{display:grid;place-items:center;padding:var(--space-sm);border:1px dashed var(--color-border);color:var(--color-text-muted);background:var(--color-bg);font-size:11px;line-height:1.3;text-align:center}.qr-upload-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.qr-upload-button:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.qr-upload-button input[type=file]{display:none}.profile-alert,.profile-success{margin:0;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius-md);font-size:13px;line-height:1.5}.profile-alert{color:var(--color-danger);background:var(--color-danger-light);border-color:var(--color-danger-border)}.profile-success{color:var(--color-success);background:var(--color-success-light)}.profile-save-button{padding:12px 18px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:15px;font-weight:600;transition:all .2s ease}.profile-save-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.profile-save-button:disabled{opacity:.6;cursor:not-allowed}.settings-page{display:grid;min-height:100vh;place-items:center;padding:var(--space-xl);background:var(--color-bg)}.settings-card{width:min(100%,440px);padding:var(--space-2xl);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap}.status-pending_review{color:var(--color-warning);background:var(--color-warning-light)}.status-in_transit,.status-arrived{color:#1d4ed8;background:#eff6ff}.status-delivering{color:var(--color-danger);background:var(--color-danger-light)}.status-completed,.status-signed,.status-settled,.status-valid_tracking{color:var(--color-success);background:var(--color-success-light)}.status-invalid_tracking{color:var(--color-warning);background:var(--color-warning-light)}.status-query_failed,.status-exception{color:var(--color-danger);background:var(--color-danger-light)}.admin-shell{display:grid;grid-template-columns:calc(var(--sidebar-width) + 24px) minmax(0,1fr);height:100vh;min-height:0;overflow:hidden;background:var(--color-bg)}.admin-sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:calc(100vh - 24px);margin:12px 0 12px 12px;padding:var(--space-xl) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow-y:auto}.sidebar-brand{display:grid;gap:2px;padding:0 var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-md)}.sidebar-brand strong{font-size:19px;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.sidebar-brand span{font-size:12px;font-weight:500;color:var(--color-text-muted);letter-spacing:.02em}.admin-sidebar nav{display:flex;flex-direction:column;flex:1;gap:var(--space-xs)}.sidebar-group{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.sidebar-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.admin-sidebar nav button{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-start;width:100%;height:38px;padding:0 var(--space-md);border:0;border-radius:var(--radius-md);color:var(--color-text-secondary);background:transparent;font-size:13.5px;font-weight:500;transition:all .15s ease;text-align:left}.admin-sidebar nav button svg{flex-shrink:0;opacity:.6}.admin-sidebar nav button:hover{color:var(--color-text);background:var(--color-bg)}.admin-sidebar nav button:hover svg{opacity:1}.admin-sidebar nav button.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.admin-sidebar nav button.active svg{opacity:1}.sidebar-footer{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.sidebar-footer button{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-start;width:100%;height:36px;padding:0 var(--space-md);border:0;border-radius:var(--radius-md);color:var(--color-text-muted);background:transparent;font-size:13px;font-weight:500;transition:all .15s ease;text-align:left}.sidebar-footer button:hover{color:var(--color-text-secondary);background:var(--color-bg)}.sidebar-footer button svg{flex-shrink:0;opacity:.5}.sidebar-footer button:hover svg{opacity:.8}.sidebar-logout{color:var(--color-danger)!important;background:transparent!important;border-radius:var(--radius-full)!important;margin-top:var(--space-xs)}.sidebar-logout:hover{background:var(--color-danger-light)!important}.sidebar-logout svg{opacity:.6!important}.admin-content{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;min-width:0;padding:12px 12px 12px 0}.admin-shell main{display:grid;gap:0;min-height:0;padding:0;overflow:auto;background:var(--color-bg);border-radius:var(--radius-xl)}.page-title-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl) 0}.page-title-bar h1{margin:0;font-size:24px;font-weight:700;color:var(--color-text)}.page-title-bar p{margin:4px 0 0;font-size:13px;color:var(--color-text-muted)}.page-title-actions{display:flex;gap:var(--space-sm);align-items:center}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-lg);background:#0f172a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:min(100%,420px);padding:var(--space-2xl);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.modal-header h2{margin:0;font-size:18px;font-weight:700}.modal-header button{width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-bg);font-size:16px;display:grid;place-items:center;transition:all .15s ease}.modal-header button:hover{background:var(--color-border);color:var(--color-text)}.modal-form{display:grid;gap:var(--space-lg)}.modal-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.modal-form input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.modal-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.modal-error{margin:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-danger-light);color:var(--color-danger);font-size:13px}.modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.modal-actions button[type=submit]{padding:10px 20px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:14px;font-weight:600;transition:all .2s ease}.modal-actions button[type=submit]:hover{background:var(--color-primary-hover)}.modal-actions button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.internal-notes-modal{width:min(100%,520px)}.internal-notes-modal textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-size:14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.internal-notes-modal textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.internal-notes-modal .modal-actions button:not(.secondary-button){padding:10px 20px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:14px;font-weight:600;transition:all .2s ease}.internal-notes-modal .modal-actions button:not(.secondary-button):hover{background:var(--color-primary-hover)}.internal-notes-modal .modal-actions button:disabled{opacity:.6;cursor:not-allowed}.app-message{position:fixed;right:var(--space-xl);bottom:var(--space-xl);z-index:50;max-width:380px;margin:0;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notification-menu{position:relative}.notification-trigger{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);transition:color .15s ease}.notification-trigger:hover{color:var(--color-primary)}.notification-trigger strong{min-width:20px;padding:2px 6px;border-radius:var(--radius-full);color:#fff;font-size:11px;line-height:16px;background:var(--color-danger)}.notification-popover{position:absolute;top:calc(100% + var(--space-sm));right:0;z-index:20;width:min(360px,calc(100vw - 32px));padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.notification-popover>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.notification-popover h2{margin:0;font-size:15px;font-weight:600}.notification-popover ul{display:grid;gap:var(--space-sm);max-height:360px;margin:var(--space-md) 0 0;padding:0;overflow:auto;list-style:none}.notification-popover li button{display:grid;gap:4px;width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:left;background:var(--color-surface);transition:all .15s ease}.notification-popover li button:hover{border-color:var(--color-border);background:var(--color-bg)}.notification-popover li button.unread{border-color:var(--color-primary-border);background:var(--color-primary-light)}.notification-popover small{color:var(--color-text-muted);line-height:1.45}.button-link{padding:0;border:0;background:transparent;color:var(--color-primary);font-weight:600;font-size:13px;cursor:pointer;transition:color .15s ease}.button-link:hover{color:var(--color-primary-hover)}.secondary-button{padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;transition:all .2s ease}.secondary-button:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.btn-danger-delete{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);background:var(--color-surface);font-size:13px;font-weight:600;transition:all .2s ease}.btn-danger-delete:hover{background:var(--color-danger-light);border-color:var(--color-danger)}.finance-entry-button{padding:10px 20px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:14px;font-weight:600;transition:all .2s ease}.finance-entry-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.finance-editor input,.finance-editor select,.status-editor input,.status-editor select,.account-form input{min-width:0;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.finance-editor input:focus,.finance-editor select:focus,.status-editor input:focus,.status-editor select:focus,.account-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.table-scroll{max-width:100%;overflow-x:auto;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-light);text-align:left;white-space:nowrap;font-size:13px}.orders-table th{background:var(--color-bg);font-weight:600;color:var(--color-text-muted);font-size:12px;text-transform:none;letter-spacing:0;position:sticky;top:0;z-index:1}.orders-table tbody tr{transition:background .15s ease}.orders-table tbody tr:hover{background:var(--color-bg)}.orders-table tbody tr.selected-row{background:var(--color-primary-light)}.address-cell{min-width:14rem;max-width:24rem;white-space:normal;overflow-wrap:anywhere}.orders-table td.tracking-cell,.orders-table td.phone-cell{white-space:normal;word-break:break-all;overflow-wrap:anywhere}.orders-table td.recipient-cell{white-space:normal;overflow-wrap:anywhere;max-width:160px}.overview-page{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl);min-height:0;height:100%;overflow:auto}.overview-quickgrid{flex:1 1 auto;min-height:0}.overview-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-2xl) var(--space-3xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,#eff6ff,#f0f9ff,#f8fafc);border:1px solid var(--color-primary-border)}.overview-hero-copy{display:grid;gap:4px}.overview-hero-copy h2{margin:0;color:var(--color-text);font-size:24px;font-weight:700;line-height:1.2}.overview-hero-copy p{margin:0;color:var(--color-text-secondary);font-size:14px}.overview-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.overview-hero-actions svg{flex-shrink:0}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.overview-metrics article{display:grid;gap:6px;padding:var(--space-lg) var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);transition:all .2s ease}.overview-metrics article:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-border)}.overview-metrics span{color:var(--color-text-muted);font-size:13px;font-weight:500}.overview-metrics strong{color:var(--color-text);font-size:28px;font-weight:700;line-height:1}.overview-metrics small{color:var(--color-text-muted);font-size:12px;line-height:1.4}.overview-quickgrid{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto auto;gap:var(--space-md)}.overview-recent{grid-row:1 / 3}.overview-card{padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.overview-card h3{margin:0 0 var(--space-md);font-size:15px;font-weight:600;color:var(--color-text)}.overview-recent-list{display:grid;gap:6px;max-height:360px;overflow-y:auto;overscroll-behavior:contain}.overview-recent-item{display:grid;grid-template-columns:1fr 120px 90px auto;gap:var(--space-md);align-items:center;width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;font-size:13px;transition:all .15s ease}.overview-recent-item:hover{border-color:var(--color-primary-border);background:var(--color-primary-light)}.overview-recent-name{font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-recent-tracking{color:var(--color-text-muted);font-family:ui-monospace,monospace;font-size:12px}.overview-recent-date{color:var(--color-text-muted);font-size:12px}.overview-empty,.empty-state{margin:0;padding:var(--space-xl);text-align:center;color:var(--color-text-muted);font-size:13px}.overview-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.overview-action-grid button{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:500;transition:all .2s ease}.overview-action-grid button:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.overview-action-grid button svg{opacity:.6}.overview-action-grid button:hover svg{opacity:1}.overview-pending-list{display:grid;gap:var(--space-sm)}.overview-pending-item{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--color-text-secondary)}.pending-dot{width:6px;height:6px;border-radius:50%;background:var(--color-warning);flex-shrink:0}.order-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);align-items:center;padding:var(--space-md) var(--space-lg);margin-top:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.filters{display:grid;grid-template-columns:106px 106px 1fr 1fr 116px 1.25fr 56px;gap:var(--space-sm);overflow:visible}.filters input,.filters select,.filters button,.logistics-action-row input{width:100%;height:34px;min-width:0;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface);font-size:13px;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease}.filters input:focus,.filters select:focus,.logistics-action-row input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.filters input[type=date]{width:106px}.filters button,.logistics-action-row button,.logistics-action-row a{border:0;color:#fff;background:var(--color-primary);justify-content:center;text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.filters button:hover,.logistics-action-row button:hover{background:var(--color-primary-hover)}.compact-stats{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.compact-stats article{height:34px;padding:0 var(--space-md);border-right:1px solid var(--color-border-light);border-radius:0;align-items:center;justify-content:center}.compact-stats article:last-child{border-right:0}.compact-stats span{font-size:12px;font-weight:500;color:var(--color-text-muted)}.compact-stats strong{color:var(--color-text);font-size:14px;font-weight:700}.orders-workbench{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);align-items:stretch;min-height:0;flex:1 1 auto;padding:0 var(--space-2xl) var(--space-lg);overflow:hidden}.workbench-panel{min-width:0;min-height:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);overflow:hidden}.order-queue-panel{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);overflow:hidden}.order-detail-split{display:flex;flex-direction:column;gap:var(--space-md);min-height:0;overflow:hidden}.order-detail-panel{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);flex:3 1 0;min-height:0;overflow:hidden}.order-detail-panel>.panel-heading{padding-left:var(--space-sm);padding-right:var(--space-sm)}.order-finance-panel{flex:2 1 0;padding:var(--space-md);min-height:0;overflow:auto}.order-key-lines{display:grid;grid-template-columns:48px minmax(0,1fr);gap:3px var(--space-sm);font-size:13px;color:var(--color-text-muted)}.order-key-lines .order-address-value{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.detail-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);flex:1 1 auto;min-height:0;overflow:hidden}.operation-logistics-panel{display:grid;gap:var(--space-md);align-content:start;overflow:hidden}.operation-logistics-panel{padding:var(--space-md);grid-template-rows:minmax(0,1fr);align-content:stretch;overflow-y:auto;overscroll-behavior:contain}.order-detail-panel{overflow-y:auto;overscroll-behavior:contain}.empty-workbench-panel{display:grid;place-items:center;padding:var(--space-2xl);color:var(--color-text-muted);font-size:14px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.panel-heading.compact{align-items:center}.panel-heading h2,.detail-subsection h3{margin:0;color:var(--color-text);font-size:14px;font-weight:600}.panel-heading p,.muted-line{margin:3px 0 0;color:var(--color-text-muted);font-size:12px}.order-queue-filters{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light)}.order-queue-filters .filters{grid-template-columns:1fr 1fr;gap:6px}.order-queue-filters .filters input,.order-queue-filters .filters select,.order-queue-filters .filters button{height:30px;font-size:12px}.order-queue-list{display:grid;gap:8px;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:2px}.order-queue-item{display:flex;flex-direction:column;gap:6px;width:100%;padding:14px 14px 12px;min-height:76px;border:1px solid var(--color-border-light);border-left:3px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:left;background:var(--color-surface);cursor:pointer;transition:all .15s ease;overflow:hidden}.order-queue-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-width:0}.order-queue-title{font-size:13px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.order-queue-tracking{font-size:12px;color:var(--color-text-muted);font-family:ui-monospace,monospace;flex-shrink:0}.order-queue-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;color:var(--color-text-muted);min-width:0;overflow:hidden}.order-queue-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-queue-profit{font-size:12px;font-weight:600;color:var(--color-text);margin-left:auto;flex-shrink:0}.order-queue-profit.pending{color:var(--color-text-muted)}.order-queue-item:hover,.order-queue-item.selected{border-color:var(--color-primary-border);border-left-color:var(--color-primary);background:var(--color-primary-light)}.admin-shell .order-queue-item.selected{box-shadow:none}.order-detail-panel>.panel-heading{padding-bottom:var(--space-md)}.order-detail-panel>.panel-heading h2{font-size:16px}.detail-heading-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.order-key-lines{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px var(--space-md);padding:var(--space-md) 0;font-size:13px;color:var(--color-text-muted)}.order-key-lines span{text-align:right}.order-key-lines strong{color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-detail-scroll{display:grid;gap:var(--space-xl);padding:var(--space-md) 0}.overflow-text-trigger{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-text-trigger.is-overflowing{cursor:help;text-decoration:underline dotted var(--color-text-muted);text-underline-offset:3px}.overflow-text-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:3px}.overflow-text-tooltip{position:fixed;z-index:1000;width:max-content;max-width:min(420px,calc(100vw - 24px));padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-lg);font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;pointer-events:none}.detail-section{display:grid;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.section-heading h3{margin:0;font-size:13px;font-weight:600;color:var(--color-text)}.copy-order-button{font-size:12px;padding:4px 10px}.order-info-list.kv{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px var(--space-md);font-size:13px}.order-info-list dt{color:var(--color-text-muted);font-weight:500}.order-info-list dd{margin:0;color:var(--color-text)}.assist-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.internal-notes-editor{display:grid;gap:var(--space-sm)}.internal-notes-editor textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.internal-notes-editor textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.inline-actions{display:flex;gap:var(--space-sm)}.inline-actions button{padding:8px 16px;border:0;border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:all .2s ease}.inline-actions button[type=button]:not(.secondary-button){color:#fff;background:var(--color-primary)}.inline-actions button[type=button]:not(.secondary-button):hover{background:var(--color-primary-hover)}.inline-actions button:disabled{opacity:.5;cursor:not-allowed}.note-line{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.5}.full-width-button{width:100%;padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;transition:all .2s ease}.full-width-button:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.checklist{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:13px}.checklist li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border-light)}.checklist li:last-child{border-bottom:0}.checklist .ok{color:var(--color-success);font-weight:600}.checklist .warn{color:var(--color-warning);font-weight:600}.record-list{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:13px}.record-list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--space-sm);padding:6px 0;border-bottom:1px solid var(--color-border-light)}.record-list li:last-child{border-bottom:0}.record-list time{color:var(--color-text-muted);font-weight:500;font-variant-numeric:tabular-nums}.logistics-section{display:grid;gap:var(--space-md)}.logistics-refresh-panel{display:grid;gap:var(--space-sm)}.logistics-section h2{font-size:14px;font-weight:600}.logistics-section h3{font-size:13px;font-weight:600}.logistics-action-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.logistics-action-row input{width:80px;height:30px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;transition:border-color .2s ease,box-shadow .2s ease}.logistics-action-row input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.logistics-action-btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s ease;white-space:nowrap}.logistics-action-btn:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.logistics-action-btn:disabled{opacity:.5;cursor:not-allowed}.sf-verified-note{margin:0;color:var(--color-success);font-size:12px;font-weight:500}.logistics-waybill-summary{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg)}.logistics-waybill-summary strong{display:block;font-size:14px;margin-bottom:2px;color:var(--color-text)}.logistics-waybill-summary p{margin:0;color:var(--color-text-muted);font-size:12px}.status-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-sm);align-items:end}.status-editor label{display:grid;gap:3px;font-size:12px;font-weight:500;color:var(--color-text-muted)}.status-editor button{height:30px;padding:0 var(--space-2xl);border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:12px;font-weight:600;transition:all .2s ease;white-space:nowrap}.status-editor button:hover{background:var(--color-primary-hover)}.timeline{display:grid;gap:4px;margin:0;font-size:12px}.timeline-warning{margin:0;padding:6px 10px;border:1px solid var(--color-warning-border, #fed7aa);border-radius:var(--radius-md);background:var(--color-warning-light);color:#9a3412;font-size:12px;line-height:1.4}.timeline-events{display:block}.timeline-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0}.timeline-summary strong{font-size:13px;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.timeline-summary>div{display:flex;align-items:center;gap:var(--space-sm)}.timeline-summary time{color:var(--color-text-muted);font-size:11px;font-variant-numeric:tabular-nums}.timeline-loading{margin:0;color:var(--color-text-muted);font-size:12px}.timeline-event{display:grid;grid-template-columns:8px 72px minmax(0,1fr);align-items:baseline;gap:var(--space-sm);padding:6px 0;border-bottom:1px solid var(--color-border-light)}.timeline-event:last-child{border-bottom:0}.timeline-event-dot{align-self:center;width:6px;height:6px;border-radius:50%;background:var(--color-border)}.timeline-event-latest .timeline-event-dot{background:var(--color-primary)}.timeline-event time{color:var(--color-text-muted);font-size:11px;font-variant-numeric:tabular-nums}.timeline-event p{margin:0;color:var(--color-text);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.logistics-progress{display:flex;gap:0;overflow-x:auto;padding:var(--space-xs) 0}.logistics-progress-step{flex:0 0 72px;display:grid;justify-items:center;gap:3px;font-size:11px;color:var(--color-text-muted);line-height:1.25}.logistics-progress-step span:last-child{overflow-wrap:anywhere;text-align:center}.logistics-progress-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface)}.logistics-progress-step-done .logistics-progress-dot{border-color:var(--color-primary);background:var(--color-primary)}.logistics-progress-step-active .logistics-progress-dot{border-color:var(--color-primary);background:var(--color-primary-light)}.logistics-progress-step.active,.logistics-progress-step-active{color:var(--color-primary);font-weight:600}.logistics-progress-step-done{color:var(--color-text-secondary)}.finance-center{display:flex;flex-direction:column;gap:var(--space-lg);height:100%;min-height:0;overflow:hidden}.finance-center-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl) 0}.finance-center-header h1{margin:0;font-size:24px;font-weight:700}.finance-center-header p{margin:4px 0 0;color:var(--color-text-muted);font-size:13px}.finance-center-header>div:last-child,.finance-header-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.finance-header-actions .button-link{height:34px;padding:0 var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;transition:all .2s ease;cursor:pointer}.finance-header-actions .button-link:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.finance-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:0 var(--space-2xl)}.finance-filter{display:grid;gap:4px;font-size:12px;font-weight:500;color:var(--color-text-muted)}.finance-filter input,.finance-filter select{height:34px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}.finance-filter input:focus,.finance-filter select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.finance-filter-row button{height:34px;padding:0 var(--space-lg);border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:13px;font-weight:600;transition:all .2s ease;align-self:flex-end}.finance-filter-row button:hover{background:var(--color-primary-hover)}.finance-filter-row .secondary-button{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border)}.finance-filter-row .secondary-button:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.finance-summary,.finance-cost-breakdown{display:grid;gap:var(--space-md);padding:0 var(--space-2xl)}.finance-summary{grid-template-columns:repeat(4,1fr)}.finance-cost-breakdown{grid-template-columns:repeat(5,1fr)}.finance-summary article,.finance-cost-breakdown article{display:grid;gap:4px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.finance-summary span,.finance-cost-breakdown span{font-size:12px;color:var(--color-text-muted)}.finance-summary strong,.finance-cost-breakdown strong{font-size:18px;font-weight:700}.finance-cost-total{border-color:var(--color-primary-border)!important;background:var(--color-primary-light)!important}.finance-workbench{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-md);flex:1 1 auto;min-height:0;padding:0 var(--space-2xl) var(--space-xl);overflow:hidden}.finance-table-section{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-md);min-height:0}.finance-section-heading{display:flex;align-items:baseline;gap:var(--space-md)}.finance-section-heading h2{margin:0;font-size:15px;font-weight:600}.finance-section-heading p{margin:0;color:var(--color-text-muted);font-size:12px}.finance-table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.finance-table{min-width:1260px}.finance-reporter-cell{display:grid;gap:2px}.finance-reporter-cell strong{font-size:13px}.finance-reporter-cell button{padding:0;border:0;background:transparent;color:var(--color-primary);font-size:12px;font-weight:500;text-align:left}.finance-outbound-cell{max-width:140px;overflow:hidden;text-overflow:ellipsis}.finance-outbound-cell.pending{color:var(--color-text-muted)}.finance-status{display:inline-flex;align-items:center;white-space:nowrap;padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.finance-status-待补单{color:var(--color-warning);background:var(--color-warning-light)}.finance-status-佣金未打{color:var(--color-danger);background:var(--color-danger-light)}.finance-status-已完成{color:var(--color-success);background:var(--color-success-light)}.money-muted,.finance-table small{color:var(--color-text-muted)}.finance-detail-editor{display:grid;gap:var(--space-md);align-content:start;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:auto}.finance-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.finance-detail-heading h2{margin:0;font-size:15px;font-weight:600}.finance-detail-heading span{font-size:12px;color:var(--color-text-muted)}.finance-detail-summary h3{margin:0;font-size:15px;font-weight:600}.finance-detail-summary p{margin:4px 0 0;color:var(--color-text-muted);font-size:12px}.finance-detail-block{display:grid;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg)}.finance-detail-block h3{margin:0;font-size:13px;font-weight:600;color:var(--color-text)}.finance-order-info{display:grid;grid-template-columns:60px minmax(0,1fr);gap:4px var(--space-sm);font-size:12px}.finance-order-info dt{color:var(--color-text-muted)}.finance-order-info dd{margin:0;color:var(--color-text);overflow-wrap:anywhere}.tracking-full{font-family:ui-monospace,monospace;font-size:12px}.reporter-payment-panel{display:grid;gap:var(--space-md)}.payment-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.payment-qr-card{display:grid;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.payment-qr-card header{display:flex;align-items:center;justify-content:space-between}.payment-qr-card header strong{font-size:13px}.payment-qr-card header button{padding:2px 8px;border:0;border-radius:var(--radius-sm);color:var(--color-primary);background:var(--color-primary-light);font-size:11px;font-weight:600}.payment-qr-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-sm)}.payment-qr-card.missing{border-style:dashed;color:var(--color-text-muted);place-items:center;min-height:80px}.payment-missing{margin:0;color:var(--color-text-muted);font-size:12px}.finance-bank-card{display:grid;gap:4px;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.finance-bank-card>span{font-size:12px;color:var(--color-text-muted)}.finance-bank-card strong{font-size:15px;font-family:ui-monospace,monospace}.finance-bank-card dl{display:grid;grid-template-columns:auto 1fr;gap:2px var(--space-sm);font-size:12px;margin:0}.finance-bank-card dt{color:var(--color-text-muted)}.finance-bank-card dd{margin:0}.finance-bank-card button{justify-self:start;padding:4px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:12px;font-weight:500;transition:all .15s ease}.finance-bank-card button:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.qr-modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-lg);background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-modal{width:min(100%,400px);padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.qr-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.qr-modal header h3{margin:0;font-size:16px}.qr-modal header button{padding:4px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:13px}.qr-modal img{width:100%;border-radius:var(--radius-md)}.finance-editor{display:grid;gap:var(--space-md);padding:var(--space-md)}.finance-editor h2{margin:0;font-size:14px;font-weight:600}.finance-edit-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm) var(--space-md)}.finance-edit-grid label{display:grid;gap:2px;font-size:12px;font-weight:500;color:var(--color-text-muted)}.finance-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-xs);border-top:1px solid var(--color-border-light)}.finance-profit-line{margin:0;font-size:12px;color:var(--color-text-muted)}.finance-profit-line.negative{color:var(--color-danger)}.finance-editor button[type=submit]{padding:8px 28px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:13px;font-weight:600;transition:all .2s ease;white-space:nowrap}.finance-editor button[type=submit]:hover{background:var(--color-primary-hover)}.finance-editor .secondary-button{padding:6px 12px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.form-grid label{display:grid;gap:4px;font-size:12px;font-weight:500;color:var(--color-text-muted)}.finance-outbound-editor{grid-column:1 / -1}.finance-formula{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-bg);font-size:13px}.form-hint{margin:0;color:var(--color-text-muted);font-size:12px;line-height:1.5}.finance-history-section h3{margin:0 0 var(--space-sm);font-size:13px;font-weight:600}.finance-editor-actions{display:flex;gap:var(--space-sm)}.finance-editor-actions button{padding:8px 16px;border:0;border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:all .2s ease}.finance-editor-actions button[type=submit]{color:#fff;background:var(--color-primary)}.finance-editor-actions button[type=submit]:hover{background:var(--color-primary-hover)}.finance-pagination,.sync-pagination{position:sticky;bottom:var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:0 auto;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-size:13px;color:var(--color-text-muted);z-index:5;width:auto}.finance-pagination button,.sync-pagination button{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;transition:all .15s ease}.finance-pagination button:hover:not(:disabled),.sync-pagination button:hover:not(:disabled){border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.finance-pagination button:disabled,.sync-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-accounts{display:grid;gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl)}.account-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.account-page-header h2{margin:0;font-size:24px;font-weight:700}.account-page-header p{margin:4px 0 0;color:var(--color-text-muted);font-size:13px}.account-header-actions{display:flex;gap:var(--space-sm)}.account-button{padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;transition:all .2s ease}.account-button:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.account-button-primary{border:0;color:#fff;background:var(--color-primary)}.account-button-primary:hover{background:var(--color-primary-hover);color:#fff}.account-button-subtle{border-color:transparent;color:var(--color-text-muted);background:transparent}.account-button-subtle:hover{color:var(--color-primary);background:var(--color-primary-light)}.account-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.account-metrics article{display:grid;gap:6px;padding:var(--space-lg) var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);transition:all .2s ease}.account-metrics article:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-border)}.account-metrics span{font-size:13px;font-weight:500;color:var(--color-text-muted)}.account-metrics strong{font-size:28px;font-weight:700;line-height:1;color:var(--color-text)}.account-workspace{display:grid;grid-template-columns:380px minmax(0,1fr);gap:var(--space-lg);align-items:stretch}.account-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.account-panel-heading h3{margin:0;font-size:15px;font-weight:600}.account-panel-heading p{margin:4px 0 0;color:var(--color-text-muted);font-size:12px}.account-pill{padding:2px 10px;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-muted);font-size:12px;font-weight:500}.account-create-panel,.account-list-panel{display:flex;flex-direction:column;padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.account-form{display:flex;flex-direction:column;flex:1}.account-form-actions{display:flex;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-lg)}.account-form{display:grid;gap:20px}.account-field{display:grid;gap:var(--space-sm)}.account-field>span{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.account-role-switch{display:flex;gap:6px}.account-role-switch button{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:500;transition:all .15s ease}.account-role-switch button:hover{border-color:var(--color-primary-border)}.account-role-switch button.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.account-role-hint{margin:0;color:var(--color-text-muted);font-size:12px}.account-form label{display:grid;gap:4px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.account-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.account-create-note{margin:0;color:var(--color-text-muted);font-size:12px;line-height:1.5}.account-form-actions{display:flex;gap:var(--space-sm)}.account-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.account-filter-row input{flex:1;min-width:160px;height:34px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}.account-filter-row input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.account-filter-row select{height:34px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px}.account-table-scroll{max-height:480px;overflow-y:auto;overscroll-behavior:contain}.account-table{width:100%;border-collapse:collapse}.account-head,.account-table th{position:sticky;top:0;z-index:1;background:var(--color-bg)}.account-table th,.account-table td{padding:10px 12px;border-bottom:1px solid var(--color-border-light);text-align:left;font-size:13px}.account-table th{font-weight:600;color:var(--color-text-muted);font-size:12px}.account-table tbody tr:hover{background:var(--color-bg)}.account-role-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.account-role-reporter{color:var(--color-text-secondary);background:var(--color-bg)}.account-role-admin{color:#1d4ed8;background:#eff6ff}.account-role-finance{color:#7c3aed;background:#f5f3ff}.account-role-super_admin{color:var(--color-warning);background:var(--color-warning-light)}.account-status{font-size:12px;font-weight:500}.account-status.active{color:var(--color-success)}.account-status.inactive{color:var(--color-text-muted)}.account-icon-button{padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:12px;transition:all .15s ease}.account-icon-button:hover{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.external-sync-center{display:flex;flex-direction:column;gap:var(--space-lg);height:100%;min-height:0;padding:var(--space-xl) var(--space-2xl);overflow:hidden}.external-sync-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.external-sync-header h1{margin:0;font-size:24px;font-weight:700}.external-sync-header p{margin:4px 0 0;color:var(--color-text-muted);font-size:13px}.sync-session-alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.sync-session-alert button{flex-shrink:0}.sync-session-alert strong{display:block;margin-bottom:4px}.sync-session-alert p{margin:0;color:var(--color-text-muted);font-size:13px}.sync-session-alert small{display:block;margin-top:4px;color:var(--color-text-muted);font-size:12px}.sync-running-mode{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-success-light);border:1px solid #bbf7d0}.sync-running-mode strong{white-space:nowrap}.sync-running-mode span{color:var(--color-text-secondary);font-size:13px}.sync-running-mode-paused{background:var(--color-warning-light);border-color:#fed7aa}.sync-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm)}.sync-summary article{display:grid;gap:4px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center}.sync-summary span{font-size:12px;color:var(--color-text-muted)}.sync-summary strong{font-size:18px;font-weight:700}.sync-error-message{color:var(--color-danger)!important;background:var(--color-danger-light)!important;border-color:var(--color-danger-border)!important}.external-sync-workbench{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-md);flex:1 1 auto;min-height:0;overflow:hidden}.sync-task-section{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-md);min-height:0}.sync-task-section header{display:flex;align-items:baseline;gap:var(--space-md)}.sync-task-section header h2{margin:0;font-size:15px;font-weight:600}.sync-task-section header span{font-size:12px;color:var(--color-text-muted)}.sync-table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.sync-task-table{width:100%;border-collapse:collapse;min-width:800px}.sync-task-table th,.sync-task-table td{padding:10px 12px;border-bottom:1px solid var(--color-border-light);text-align:left;font-size:13px}.sync-task-table th{background:var(--color-bg);font-weight:600;color:var(--color-text-muted);font-size:12px;position:sticky;top:0}.sync-task-table tbody tr:hover{background:var(--color-bg)}.sync-task-table tbody tr.selected-row{background:var(--color-primary-light)}.sync-task-table button{padding:0;border:0;background:transparent;color:var(--color-primary);font-size:13px;font-weight:500}.sync-status{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.sync-status-pending_upload,.sync-status-awaiting_sale{color:var(--color-warning);background:var(--color-warning-light)}.sync-status-uploading{color:#1d4ed8;background:#eff6ff}.sync-status-completed{color:var(--color-success);background:var(--color-success-light)}.sync-status-manual_review,.sync-status-auth_required{color:var(--color-danger);background:var(--color-danger-light)}.sync-status-paused{color:var(--color-text-muted);background:var(--color-bg)}.sync-failure-reason{max-width:200px;overflow-wrap:anywhere;color:var(--color-text-muted);font-size:12px}.sync-manual-panel{display:grid;gap:var(--space-md);align-content:start;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:auto}.sync-empty-state{margin:0;color:var(--color-text-muted);font-size:13px}.sync-manual-panel.sync-empty-state{place-content:center;place-items:center;min-height:160px;padding:var(--space-2xl);text-align:center}.sync-manual-panel h2{margin:0;font-size:15px;font-weight:600}.sync-candidate-list{display:grid;gap:var(--space-sm)}.sync-candidate-option{display:flex;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.sync-candidate-option:hover{border-color:var(--color-primary-border)}.sync-candidate-option input[type=radio]{margin:2px 0 0}.sync-candidate-option span{display:grid;gap:2px}.sync-candidate-option strong{font-size:13px}.sync-candidate-option small{color:var(--color-text-muted);font-size:12px}.sync-confirm-button{padding:8px 16px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:13px;font-weight:600;transition:all .2s ease}.sync-confirm-button:hover{background:var(--color-primary-hover)}.amount-negative{color:var(--color-danger)!important}.amount-positive{color:var(--color-success)!important}.amount-muted{color:var(--color-text-muted)!important}.change-review{display:grid;gap:var(--space-lg);padding:var(--space-xl) var(--space-2xl);align-content:start}.change-review-header{display:grid;gap:4px}.change-review-header h2{margin:0;font-size:24px;font-weight:700}.change-review-header p{margin:0;color:var(--color-text-muted);font-size:13px}.change-review-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-xl);color:var(--color-text-muted)}.change-review-empty svg{opacity:.3;color:var(--color-text-muted)}.change-review-empty p{margin:0;font-size:16px;font-weight:600;color:var(--color-text-secondary)}.change-review-empty span{font-size:13px}.change-card{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid;gap:var(--space-md)}.change-card p{margin:0;font-size:13px}.change-card ul{margin:0;padding-left:var(--space-xl);font-size:13px}.change-actions{display:flex;gap:var(--space-sm)}.change-actions button{padding:8px 16px;border:0;border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:all .2s ease}.change-actions button:first-child{color:#fff;background:var(--color-primary)}.change-actions button:first-child:hover{background:var(--color-primary-hover)}.change-actions button:last-child{color:var(--color-danger);background:var(--color-danger-light);border:1px solid var(--color-danger-border)}.change-actions button:last-child:hover{background:var(--color-danger);color:#fff}.ocr-parsed-summary{color:var(--color-success)}@media(max-width:1200px){.orders-workbench{grid-template-columns:1fr 1fr;height:auto;overflow:visible}.operation-logistics-panel{grid-column:1 / -1}.finance-workbench,.external-sync-workbench{grid-template-columns:1fr;height:auto;overflow:visible}.account-workspace{grid-template-columns:1fr}.overview-quickgrid{grid-template-columns:1fr 1fr}.overview-recent{grid-row:auto}}.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;z-index:30;width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);align-items:center;justify-content:center}.mobile-menu-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.mobile-menu-drawer{position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);display:flex;flex-direction:column;background:var(--color-surface);box-shadow:var(--shadow-lg);animation:slideRight .25s ease;overflow-y:auto}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.mobile-menu-header strong{font-size:18px;font-weight:700}.mobile-menu-header button{width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);display:grid;place-items:center}.mobile-menu-nav{display:flex;flex-direction:column;gap:2px;padding:var(--space-md);flex:1}.mobile-menu-nav button{display:flex;align-items:center;gap:var(--space-sm);width:100%;height:44px;padding:0 var(--space-md);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:15px;font-weight:500;text-align:left;transition:all .15s ease}.mobile-menu-nav button:hover{background:var(--color-bg)}.mobile-menu-nav button.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.mobile-menu-footer{display:flex;flex-direction:column;gap:2px;padding:var(--space-md);border-top:1px solid var(--color-border-light)}.mobile-menu-footer button{display:flex;align-items:center;gap:var(--space-sm);width:100%;height:44px;padding:0 var(--space-md);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:14px;text-align:left}.mobile-menu-footer button:hover{background:var(--color-bg)}@media(max-width:900px){.mobile-menu-btn{display:flex}.admin-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.admin-sidebar{display:none}.admin-content{padding:var(--space-sm);padding-top:56px}.admin-shell main{border-radius:var(--radius-lg)}.page-title-bar{flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) var(--space-sm)}.page-title-bar h1{font-size:20px}.page-title-actions{width:100%}.page-title-actions button{width:100%;justify-content:center}.orders-workbench{grid-template-columns:1fr;height:auto;padding:var(--space-sm);gap:var(--space-sm)}.order-detail-split{gap:var(--space-sm)}.order-detail-panel{flex:none;overflow:visible;padding:var(--space-md)}.order-finance-panel{flex:none;overflow:visible}.detail-bottom-row{grid-template-columns:1fr}.overview-page{padding:var(--space-md);padding-top:60px}.overview-hero{flex-direction:column;padding:var(--space-lg)}.overview-hero-actions{width:100%}.overview-hero-actions button{flex:1;justify-content:center}.overview-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.overview-metrics strong{font-size:20px}.overview-quickgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.overview-recent{grid-column:1 / -1}.overview-recent-item{grid-template-columns:1fr auto;gap:var(--space-sm)}.overview-recent-tracking{display:none}.overview-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.overview-pending{grid-column:1 / -1}.order-toolbar{padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm)}.filters{grid-template-columns:1fr 1fr;gap:6px}.filters input,.filters select,.filters button{height:40px;font-size:14px}.finance-center{height:auto;overflow:visible;gap:var(--space-md)}.finance-center-header{flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-md) 0}.finance-header-actions{width:100%}.finance-header-actions button{flex:1;justify-content:center}.finance-filter-row{padding:0 var(--space-md);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.finance-filter{flex-shrink:0;min-width:120px}.finance-summary{grid-template-columns:repeat(2,1fr);padding:0 var(--space-md);gap:var(--space-sm)}.finance-cost-breakdown{display:flex;flex-wrap:wrap;padding:0 var(--space-md);gap:var(--space-sm)}.finance-cost-breakdown article{flex:1 1 calc(50% - var(--space-sm));min-width:0}.finance-workbench{display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-md) var(--space-md);overflow:visible}.finance-detail-editor{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-content:start}.finance-detail-editor>*{min-width:0}.finance-detail-heading,.finance-detail-summary,.reporter-payment-panel{grid-column:1 / -1}.payment-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.finance-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.finance-pagination{position:static;margin:var(--space-md) 0 0;border-radius:var(--radius-lg);box-shadow:none;border:1px solid var(--color-border)}.external-sync-center{height:auto;overflow:visible;padding:var(--space-md);gap:var(--space-md)}.external-sync-header{flex-direction:column;gap:var(--space-sm)}.external-sync-header button{width:100%;justify-content:center}.sync-summary{grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.sync-summary article{padding:var(--space-sm)}.sync-summary strong{font-size:16px}.external-sync-workbench{grid-template-columns:1fr;overflow:visible}.sync-session-alert{flex-direction:column;gap:var(--space-md);align-items:flex-start}.sync-session-alert button{width:100%;justify-content:center}.admin-accounts{padding:var(--space-md)}.account-page-header{flex-direction:column;gap:var(--space-sm)}.account-header-actions{width:100%}.account-header-actions button{flex:1;justify-content:center}.account-metrics{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.account-workspace{grid-template-columns:1fr;gap:var(--space-md)}.account-filter-row{flex-wrap:wrap}.account-filter-row input,.account-filter-row select,.account-form input{height:40px;font-size:14px}.change-review{padding:var(--space-md)}.modal-card{width:100%;max-height:90vh;overflow:auto;border-radius:var(--radius-lg)}.modal-form input{height:44px;font-size:16px}.modal-actions{flex-direction:column}.modal-actions button{width:100%;justify-content:center;height:44px}.order-queue-filters .filters{grid-template-columns:1fr 1fr}.order-queue-filters .filters input,.order-queue-filters .filters select,.order-queue-filters .filters button{height:36px;font-size:13px}}@media(max-width:640px){.login-page{padding:var(--space-md)}.login-card{padding:var(--space-xl)}.login-card h1{font-size:20px}.login-form input{height:44px;font-size:16px}.login-form button{height:44px;font-size:15px}.overview-metrics{grid-template-columns:1fr}.overview-metrics strong{font-size:20px}.overview-action-grid{grid-template-columns:1fr}.overview-recent-item{grid-template-columns:1fr;gap:4px}.finance-summary{grid-template-columns:1fr}.finance-cost-breakdown{flex-direction:column}.finance-cost-breakdown article{flex:1 1 100%}.finance-detail-editor,.finance-edit-grid,.overview-quickgrid{grid-template-columns:1fr}.overview-recent,.overview-pending{grid-column:auto}.account-metrics{grid-template-columns:1fr}.account-role-switch{flex-wrap:wrap}.account-form-row,.filters{grid-template-columns:1fr}.sync-summary{grid-template-columns:repeat(2,1fr)}.assist-grid{grid-template-columns:1fr}.order-key-lines{grid-template-columns:40px minmax(0,1fr);font-size:12px}.panel-heading h2{font-size:13px}.detail-heading-actions{flex-wrap:wrap}.status-editor{grid-template-columns:1fr}.status-editor button{width:100%;justify-content:center}.logistics-action-row{flex-wrap:wrap}.logistics-action-btn{flex:1;justify-content:center}}.announcement-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-xl);background:#0f172a6b}.announcement-popup{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,500px);max-height:min(78vh,560px);overflow:hidden;border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 24px 60px #0f172a3d}.announcement-popup-header{position:relative;padding:24px 56px 14px 24px}.announcement-popup-label{display:block;margin-bottom:6px;color:var(--color-primary);font-size:13px;font-weight:600}.announcement-popup-header h2{margin:0 0 6px;font-size:20px;line-height:1.4}.announcement-popup-header p{margin:0;color:var(--color-text-muted);font-size:12px}.announcement-popup-header button{position:absolute;top:16px;right:16px;display:grid;width:34px;height:34px;place-items:center;padding:0;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);background:transparent;font-size:22px}.announcement-popup-header button:hover{color:var(--color-text);background:var(--color-bg)}.announcement-popup-body{min-height:0;overflow-y:auto;padding:4px 24px 24px;color:var(--color-text-secondary);font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.announcement-manager{display:grid;gap:var(--space-lg);padding:var(--space-2xl)}.announcement-manager-header,.announcement-section-heading,.announcement-editor-actions,.announcement-device-switch,.announcement-history-actions{display:flex;align-items:center}.announcement-manager-header,.announcement-section-heading{justify-content:space-between;gap:var(--space-md)}.announcement-manager-header h1,.announcement-manager-header p,.announcement-section-heading h2{margin:0}.announcement-manager-header h1{font-size:24px}.announcement-manager-header p{margin-top:var(--space-xs);color:var(--color-text-muted);font-size:13px}.announcement-manager-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:var(--space-lg)}.announcement-editor-card,.announcement-preview-card,.announcement-history-card{min-width:0;padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.announcement-section-heading{margin-bottom:var(--space-lg)}.announcement-section-heading h2{font-size:17px}.announcement-editor-card{display:grid;align-content:start;gap:var(--space-lg)}.announcement-editor-card label{display:grid;gap:6px;color:var(--color-text-secondary);font-size:13px;font-weight:600}.announcement-editor-card input,.announcement-editor-card textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font-size:14px}.announcement-editor-card textarea{min-height:240px;line-height:1.7;resize:vertical}.announcement-editor-card small{justify-self:end;color:var(--color-text-muted);font-weight:400}.announcement-editor-actions,.announcement-history-actions{gap:var(--space-sm);flex-wrap:wrap}.announcement-editor-actions button,.announcement-history-actions button{padding:9px 14px;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);font-size:13px;font-weight:600}.announcement-editor-actions .secondary-button,.announcement-history-actions button{color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border)}.announcement-editor-actions .announcement-archive-button{color:var(--color-danger);background:var(--color-danger-light);border:1px solid var(--color-danger-border)}.announcement-status{padding:4px 9px;border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-bg);font-size:12px}.announcement-status.published{color:var(--color-success);background:var(--color-success-light)}.announcement-status.draft{color:var(--color-warning);background:var(--color-warning-light)}.announcement-device-switch{gap:3px;padding:3px;border-radius:var(--radius-md);background:var(--color-bg)}.announcement-device-switch button{padding:6px 10px;border:0;border-radius:6px;color:var(--color-text-muted);background:transparent;font-size:12px}.announcement-device-switch button.active{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-sm)}.announcement-preview-stage{display:grid;min-height:430px;place-items:center;padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-bg);transition:width .2s ease}.announcement-preview-stage.mobile{width:min(100%,330px);margin:0 auto;border:5px solid var(--color-border);border-radius:28px}.announcement-preview-popup{position:relative;width:min(100%,460px);max-height:380px}.announcement-preview-popup .announcement-popup-header h3{margin:0 0 6px;font-size:18px}.announcement-preview-popup .announcement-popup-header button{pointer-events:none}.announcement-history-list{display:grid;gap:var(--space-sm)}.announcement-history-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg)}.announcement-history-list strong,.announcement-history-list p{margin:0}.announcement-history-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement-history-list p,.announcement-empty{margin-top:4px;color:var(--color-text-muted);font-size:12px}@media(max-width:960px){.announcement-manager-grid{grid-template-columns:1fr}}@media(max-width:640px){.announcement-manager{padding:var(--space-md)}.announcement-manager-header{align-items:flex-start;flex-direction:column}.announcement-manager-header>button{width:100%}.announcement-editor-actions{flex-direction:column}.announcement-editor-actions button{width:100%}.announcement-preview-stage{min-height:390px;padding:var(--space-md)}.announcement-history-list>article{grid-template-columns:1fr auto}.announcement-history-actions{grid-column:1 / -1}}@media(max-width:640px){.announcement-backdrop{align-items:center;padding:var(--space-md)}.announcement-popup{max-height:76vh}.announcement-popup-header{padding:20px 50px 12px 18px}.announcement-popup-header h2{font-size:18px}.announcement-popup-body{padding:4px 18px 20px;font-size:14px}}