*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;--primary: #1a3d8f;--primary-dark: #122e6e;--accent: #d01c1c;--text: #1e293b;--text-muted: #64748b;--surface: #f8fafc;--border: #e2e8f0}body{background:#f1f5f9;color:var(--text);min-height:100vh}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3d8f,#122e6e)}.admin-login-box{background:#fff;border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:0 20px 60px #00000040;text-align:center}.admin-login-logo{width:60px;height:60px;background:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.8rem;font-weight:900;color:#fff}.admin-login-box h2{font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:.25rem}.admin-login-box>p{font-size:.85rem;color:var(--text-muted);margin-bottom:1.75rem}.admin-login-box form{display:flex;flex-direction:column;gap:.75rem}.admin-login-box input{padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s}.admin-login-box input:focus{border-color:var(--primary)}.admin-login-box button[type=submit]{background:var(--primary);color:#fff;border:none;padding:.8rem;border-radius:8px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s}.admin-login-box button[type=submit]:hover{background:var(--primary-dark)}.admin-login-err{color:var(--accent);font-size:.85rem;margin:0}.admin-page{min-height:100vh;background:#f1f5f9}.admin-header{background:var(--primary);color:#fff;padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0003}.admin-header-left{display:flex;align-items:center;gap:.875rem}.admin-header-logo{width:36px;height:36px;background:#ffffff26;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;flex-shrink:0}.admin-header-left h2{font-size:1.1rem;font-weight:800;color:#fff;margin:0;line-height:1.2}.admin-header-sub{font-size:.75rem;opacity:.65}.admin-header-right{display:flex;gap:.5rem}.admin-btn{padding:.45rem 1rem;border-radius:7px;border:none;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.admin-btn:hover{opacity:.85}.admin-btn-ghost{background:#ffffff26;color:#fff}.admin-btn-danger{background:#dc2626;color:#fff}.admin-btn-primary{background:var(--primary);color:#fff}.admin-stats{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-bottom:1px solid var(--border);flex-wrap:wrap}.admin-stat{flex:1;min-width:80px;background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;text-align:center}.admin-stat-val{display:block;font-size:1.6rem;font-weight:800;color:var(--text)}.admin-stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.admin-stat-new .admin-stat-val{color:var(--primary)}.admin-stat-quoted .admin-stat-val{color:#d97706}.admin-stat-won .admin-stat-val{color:#16a34a}.admin-stat-lost .admin-stat-val{color:var(--accent)}.admin-stat-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.admin-stat-clickable:hover{border-color:var(--primary);box-shadow:0 2px 8px #1a3d8f1a;transform:translateY(-1px)}.admin-stat-active{border-color:var(--primary)!important;box-shadow:0 0 0 2px #1a3d8f26;background:#f0f4ff}.admin-stat-lost.admin-stat-active{border-color:var(--accent)!important;box-shadow:0 0 0 2px #dc26261f;background:#fff5f5}.admin-stat-won.admin-stat-active{border-color:#16a34a!important;box-shadow:0 0 0 2px #16a34a1f;background:#f0fdf4}.admin-stat-quoted.admin-stat-active{border-color:#d97706!important;box-shadow:0 0 0 2px #d977061f;background:#fffbeb}.admin-filter-clear{border:none;background:none;color:var(--primary);cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline}.admin-card-search{flex:1;display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1.5px solid var(--primary);border-radius:8px;padding:.3rem .6rem;color:var(--text-muted)}.admin-card-search-input{flex:1;border:none;background:none;font-size:.85rem;color:var(--text);outline:none;min-width:0}.admin-card-search-input::placeholder{color:#94a3b8}.admin-card-search-clear{border:none;background:none;color:#94a3b8;cursor:pointer;font-size:.8rem;padding:0;line-height:1;flex-shrink:0}.admin-card-search-clear:hover{color:var(--text)}.admin-sort-wrap{position:relative}.admin-sort-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.admin-sort-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:100;background:#fff;border:1.5px solid var(--border, #e2e8f0);border-radius:10px;box-shadow:0 6px 24px #0000001f;min-width:190px;padding:.4rem 0;display:flex;flex-direction:column}.admin-sort-label{font-size:.68rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .9rem .4rem}.admin-sort-item{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:none;background:none;cursor:pointer;text-align:left;transition:background .12s}.admin-sort-item:hover{background:#f1f5f9}.admin-sort-item.active{background:#f0f4ff}.admin-sort-item-label{font-size:.85rem;font-weight:600;color:var(--text, #1e293b);min-width:62px}.admin-sort-item-sub{font-size:.75rem;color:var(--text-muted, #64748b);flex:1}.admin-sort-check{font-size:.75rem;color:var(--primary);font-weight:700;margin-left:auto}.admin-btn-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1.5px solid var(--border, #e2e8f0);border-radius:8px;background:#fff;color:var(--text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.admin-btn-icon:hover{border-color:var(--primary);color:var(--primary);background:#f0f4ff}.admin-btn-icon-active{border-color:var(--primary)!important;color:var(--primary)!important;background:#f0f4ff!important}.admin-toolbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:.75rem}.admin-icon-group{display:flex;align-items:stretch;border:1.5px solid var(--border, #e2e8f0);border-radius:8px;overflow:hidden;background:#fff}.admin-icon-group-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;background:transparent;color:var(--text-muted, #64748b);cursor:pointer;transition:background .15s,color .15s}.admin-icon-group-btn+.admin-icon-group-btn{border-left:1.5px solid var(--border, #e2e8f0)}.admin-icon-group-btn:hover{background:#f1f5f9;color:var(--primary)}.admin-icon-group-btn.active{background:#f0f4ff;color:var(--primary)}.admin-tabs{display:flex;background:#fff;border-bottom:2px solid var(--border);padding:0 1.5rem}.admin-tab{padding:.85rem 1.25rem;border:none;background:none;font-size:.9rem;font-weight:600;font-family:inherit;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:.5rem;transition:color .15s}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-tab:hover{color:var(--primary)}.admin-badge{background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:10px}.admin-loading{padding:2rem;text-align:center;color:var(--text-muted)}.admin-section{padding:1.25rem 1.5rem 2rem}.admin-section-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.admin-section-toolbar>.admin-section-count,.admin-section-toolbar>.admin-card-search{flex:1;min-width:0}.admin-section-count{font-size:.85rem;color:var(--text-muted)}.admin-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border);background:#fff;box-shadow:0 1px 4px #0000000d}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:960px}.admin-table thead tr{background:#f8fafc;border-bottom:2px solid var(--border)}.admin-table th{padding:.75rem .875rem;text-align:left;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.admin-table td{padding:.75rem .875rem;vertical-align:top;border-bottom:1px solid #f1f5f9;color:var(--text)}.admin-tr-unread{background:#eff6ff}.admin-tr-won td:first-child{border-left:3px solid #16a34a}.admin-tr-lost td:first-child{border-left:3px solid var(--accent)}.admin-tr-quoted td:first-child{border-left:3px solid #d97706}.admin-tr-new td:first-child{border-left:3px solid var(--primary)}.admin-td-id{font-weight:700;color:var(--text-muted);white-space:nowrap}.admin-td-date{white-space:nowrap;font-size:.78rem;color:var(--text-muted)}.admin-td-org{min-width:160px}.admin-td-items{min-width:200px}.admin-td-message{max-width:260px;word-break:break-word}.admin-sub-text{font-size:.75rem;color:var(--text-muted);margin-top:2px}.admin-item-line{display:flex;align-items:center;gap:.35rem;margin-bottom:3px;flex-wrap:wrap}.admin-item-qty{font-weight:700;color:var(--primary);min-width:22px}.admin-tag{display:inline-block;padding:.1rem .4rem;border-radius:6px;background:#e8edf5;color:var(--primary);font-size:.72rem;font-weight:600}.admin-status-select{padding:.35rem .5rem;border-radius:6px;border:1.5px solid var(--border);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;min-width:100px}.admin-status-new{border-color:var(--primary);color:var(--primary)}.admin-status-quoted{border-color:#d97706;color:#d97706}.admin-status-won{border-color:#16a34a;color:#16a34a;background:#f0fdf4}.admin-status-lost{border-color:var(--accent);color:var(--accent);background:#fff1f0}.admin-price-input{width:100%;min-width:90px;padding:.35rem .5rem;border:1.5px solid var(--border);border-radius:6px;font-size:.85rem;font-family:inherit;transition:border-color .15s}.admin-price-input:focus{outline:none;border-color:var(--primary)}.admin-notes-input{width:100%;min-width:140px;min-height:52px;padding:.35rem .5rem;border:1.5px solid var(--border);border-radius:6px;font-size:.82rem;font-family:inherit;resize:vertical;transition:border-color .15s}.admin-notes-input:focus{outline:none;border-color:var(--primary)}.admin-empty-row{text-align:center;padding:2.5rem!important;color:var(--text-muted)}.admin-read-toggle{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;white-space:nowrap}.admin-read-toggle input{cursor:pointer}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;overflow-x:auto}.sidebar{width:220px;flex-shrink:0;background:var(--primary);color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem 1rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:.75rem}.sidebar-logo{width:38px;height:38px;background:#ffffff2e;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;flex-shrink:0}.sidebar-brand-name{font-size:1.05rem;font-weight:800;line-height:1.2}.sidebar-brand-sub{font-size:.7rem;opacity:.6}.sidebar-nav{flex:1;padding:0 .5rem;display:flex;flex-direction:column;gap:2px}.sidebar-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.5;padding:.85rem .6rem .3rem}.sidebar-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.55rem .7rem;border:none;background:none;color:#ffffffbf;font-size:.86rem;font-weight:500;font-family:inherit;text-align:left;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.sidebar-item:hover{background:#ffffff1a;color:#fff}.sidebar-item.active{background:#ffffff2e;color:#fff;font-weight:700}.sidebar-icon{font-size:.9rem;width:18px;text-align:center;flex-shrink:0}.sidebar-doc-badge{font-size:.62rem;font-weight:800;background:#ffffff26;border-radius:4px;padding:.1rem .3rem;width:auto;letter-spacing:.03em}.sidebar-item-en{display:block;font-size:.7rem;opacity:.6;font-weight:400}.sidebar-footer{padding:1rem .5rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar-signout{width:100%;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);background:none;color:#ffffffa6;font-size:.82rem;font-family:inherit;border-radius:7px;cursor:pointer;transition:background .15s}.sidebar-signout:hover{background:#ffffff1a;color:#fff}.doc-type-tabs{display:flex;gap:.3rem;padding:0 1.5rem;border-bottom:1px solid var(--border, #e2e8f0)}.doc-type-tab{display:flex;align-items:center;gap:.35rem;padding:.6rem .9rem;border:none;background:none;color:#64748b;font-size:.82rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.doc-type-tab:hover{color:#334155;background:#f8fafc}.doc-type-tab.active{color:var(--primary, #1a3d8f);font-weight:600;border-bottom-color:var(--primary, #1a3d8f)}.doc-type-tab-badge{font-size:.7rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;background:#f1f5f9;color:#475569}.doc-type-tab.active .doc-type-tab-badge{background:var(--primary, #1a3d8f);color:#fff}.doclist-filters{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.doclist-search{padding:.45rem .75rem;border:1.5px solid var(--border);border-radius:7px;font-size:.85rem;font-family:inherit;outline:none;min-width:240px;transition:border-color .15s}.doclist-search:focus{border-color:var(--primary)}.doclist-status-filter{padding:.45rem .75rem;border:1.5px solid var(--border);border-radius:7px;font-size:.85rem;font-family:inherit;outline:none;cursor:pointer;background:#fff;transition:border-color .15s}.doclist-status-filter:focus{border-color:var(--primary)}.admin-td-docno{font-family:monospace;font-size:.9rem;white-space:nowrap}.admin-td-total{font-weight:700;white-space:nowrap}.doc-status-badge{display:inline-block;padding:.2rem .55rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.editor-wa-btn{background:#25d366;color:#fff;display:inline-flex;align-items:center;gap:.4rem}.editor-email-btn{background:#0078d4;color:#fff;display:inline-flex;align-items:center;gap:.4rem}.editor-wa-btn:hover,.editor-email-btn:hover{opacity:.85}.editor-toast{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;font-size:.82rem;font-weight:600;padding:.45rem 1.1rem;border-radius:20px;box-shadow:0 4px 16px #00000040;animation:pm-toast-in .25s ease;white-space:nowrap;pointer-events:none;z-index:10}.editor-docno{font-family:monospace;font-size:.9rem;color:#ffffffb3}.editor-error-inline{color:#fca5a5;font-size:.82rem}.editor-saved{color:#86efac;font-size:.85rem;font-weight:600}.editor-body{padding:1.25rem 1.5rem 0;display:flex;flex-direction:column;gap:1.25rem}.editor-bottom-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);padding:.875rem 1.5rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem;z-index:50;box-shadow:0 -2px 10px #00000012;margin-top:1.25rem}.editor-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000a}.editor-card-title{font-size:.95rem;font-weight:700;color:var(--primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.editor-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.editor-card-header .editor-card-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.editor-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.875rem 1.25rem}.editor-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.875rem 1.25rem}.editor-field{display:flex;flex-direction:column;gap:.3rem}.editor-field-full{grid-column:1 / -1}.editor-field label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.editor-input{padding:.55rem .75rem;border:1.5px solid var(--border);border-radius:7px;font-size:.9rem;font-family:inherit;transition:border-color .15s;outline:none;background:#fff;width:100%}.editor-input:focus{border-color:var(--primary)}.editor-input.readonly{background:#f8fafc;color:var(--text-muted);cursor:default}.editor-select{padding:.55rem .75rem;border:1.5px solid var(--border);border-radius:7px;font-size:.9rem;font-family:inherit;background:#fff;outline:none;cursor:pointer;width:100%;transition:border-color .15s}.editor-select:focus{border-color:var(--primary)}.editor-textarea{padding:.55rem .75rem;border:1.5px solid var(--border);border-radius:7px;font-size:.9rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .15s;width:100%}.editor-textarea:focus{border-color:var(--primary)}.editor-error{color:var(--accent);padding:1rem 1.5rem}.items-table-wrap{overflow-x:auto;margin-bottom:1rem}.items-table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:700px}.items-table thead tr{background:#f8fafc}.items-table th{padding:.55rem .5rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap}.items-table td{padding:.35rem .4rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.items-td-idx{text-align:center;color:var(--text-muted);width:32px;font-size:.78rem}.items-td-amount{text-align:right;font-weight:600;color:var(--primary);white-space:nowrap;min-width:80px}.items-input{padding:.35rem .5rem;border:1.5px solid var(--border);border-radius:5px;font-size:.84rem;font-family:inherit;width:100%;outline:none;transition:border-color .15s}.items-input:focus{border-color:var(--primary)}.items-input-wide{min-width:160px}.items-input-sm{max-width:80px}.items-input-right{text-align:right}.items-remove-btn{background:none;border:1.5px solid var(--border);border-radius:5px;color:var(--text-muted);font-size:1.1rem;line-height:1;padding:.15rem .5rem;cursor:pointer;transition:border-color .15s,color .15s}.items-remove-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.items-remove-btn:disabled{opacity:.3;cursor:default}.totals-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-top:1px solid var(--border);padding-top:.875rem}.totals-right{min-width:240px;display:flex;flex-direction:column;gap:.3rem}.totals-line{display:flex;justify-content:space-between;font-size:.88rem;color:var(--text-muted);padding:.15rem 0}.totals-total{font-size:1rem;font-weight:700;color:var(--primary);border-top:2px solid var(--border);padding-top:.4rem;margin-top:.2rem}.photo-preview{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.photo-preview img{max-width:320px;max-height:240px;border-radius:8px;border:1px solid var(--border);object-fit:contain}.photo-remove-btn{font-size:.8rem;padding:.3rem .75rem;border:1.5px solid var(--border);border-radius:6px;background:none;color:var(--text-muted);cursor:pointer}.photo-remove-btn:hover{border-color:var(--accent);color:var(--accent)}@page{size:A4 portrait;margin:0}@media screen{.print-page{display:none}}@media print{*{box-sizing:border-box;margin:0;padding:0}body{background:#fff}.no-print,.sidebar,.admin-header,.mobile-header{display:none!important}.app-layout,.app-main{display:block!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important}.print-page{display:flex!important;flex-direction:column;width:210mm;height:297mm;padding:10mm 12mm 10mm 14mm;font-family:Arial,Noto Sans,sans-serif;font-size:8.5pt;color:#000;background:#fff;overflow:hidden;page-break-after:always}.ph-spacer{flex:1}.ph-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4pt}.ph-header-left{flex:1}.ph-company-en{font-size:20pt;font-weight:900;letter-spacing:-.01em;line-height:1.15}.ph-company-zh{font-size:11pt;font-weight:700;margin-bottom:3pt}.ph-addr{font-size:7pt;color:#333;line-height:1.5}.ph-header-right{font-size:8pt;text-align:right;padding-top:4pt;white-space:nowrap;line-height:1.8}.ph-divider{border:none;border-top:1.5pt solid #000;margin:4pt 0 5pt}.ph-title{text-align:center;margin-bottom:6pt}.ph-title-zh{font-size:14pt;font-weight:700;letter-spacing:.08em}.ph-title-en{font-size:10pt;text-decoration:underline;letter-spacing:.04em}.ph-info{display:flex;gap:8pt;margin-bottom:5pt;align-items:flex-start}.ph-info-left{flex:1;font-size:8.5pt;line-height:1.6}.ph-info-row{display:flex;gap:4pt;align-items:baseline}.ph-lbl{font-size:8pt;color:#333;min-width:38pt;flex-shrink:0}.ph-val{flex:1}.ph-val-bold{font-weight:700}.ph-addr-row .ph-val{padding-left:4pt}.ph-addr-indent{color:#333}.ph-area-row{margin-top:2pt}.ph-co-row{margin-top:2pt;display:flex;gap:4pt;align-items:baseline;flex-wrap:wrap}.ph-co-label{font-size:8pt;color:#333;white-space:nowrap;flex-shrink:0}.ph-co-tel{color:#000}.ph-info-right{min-width:140pt}.ph-meta{border-collapse:collapse;width:100%;font-size:8pt}.ph-meta td{padding:1.5pt 3pt;vertical-align:top}.ph-meta-lbl{color:#333;white-space:nowrap;min-width:70pt}.ph-meta-val{font-weight:500}.ph-items{width:100%;border-collapse:collapse;margin-bottom:0}.ph-items thead tr{background:none}.ph-items th{font-size:7.5pt;font-weight:700;text-align:left;padding:3pt 4pt;border-top:1pt solid #000;border-bottom:1pt solid #000;line-height:1.4}.ph-items td{font-size:8pt;padding:2.5pt 4pt;border-bottom:.5pt solid #ccc;vertical-align:top}.ph-row-pad td{height:13pt;border-bottom:.5pt solid #ccc}.ph-col-item{width:18pt}.ph-col-model{width:58pt}.ph-col-color{width:38pt}.ph-col-qty{width:24pt;text-align:right}.ph-col-price{width:46pt;text-align:right}.ph-col-amount{width:52pt;text-align:right}.ph-td-item{text-align:center;color:#333}.ph-td-desc{white-space:pre-wrap}.ph-td-num{text-align:right}.ph-tagline{text-align:center;font-size:8pt;font-style:italic;padding:4pt 0;border-top:1pt solid #000;border-bottom:1pt solid #000;margin-bottom:3pt}.ph-photo{text-align:center;margin:4pt 0}.ph-photo img{max-width:100%;max-height:70mm;object-fit:contain}.ph-photo-lbl{font-size:7.5pt;color:#555;margin-bottom:2pt}.ph-total-row{display:flex;justify-content:flex-end;align-items:center;gap:0;margin:2pt 0 6pt}.ph-total-label{font-size:9pt;font-weight:700;padding:3pt 8pt;border:1pt solid #000;border-right:none}.ph-total-val{font-size:9pt;font-weight:700;padding:3pt 8pt;border:1pt solid #000;min-width:70pt;text-align:right}.ph-terms{font-size:8pt;margin-bottom:10pt;line-height:1.7}.ph-term{display:flex;gap:4pt}.ph-term-lbl{min-width:58pt;flex-shrink:0;color:#333}.ph-sigs{display:flex;gap:20pt;margin-top:12pt}.ph-sig-left,.ph-sig-right{flex:1;font-size:8pt;line-height:1.6}.ph-sig-line{border-top:1pt solid #000;margin:22pt 0 3pt}.ph-sig-caption{font-size:7.5pt;color:#333}}.wa-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000;display:flex;align-items:center;justify-content:center}.wa-picker{background:#fff;border-radius:14px;padding:1.5rem 1.25rem 1rem;width:280px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:.5rem}.wa-picker-title{font-size:1rem;font-weight:700;color:var(--text, #1e293b);margin-bottom:.1rem}.wa-picker-subtitle{font-size:.78rem;color:var(--text-muted, #64748b);margin-bottom:.5rem}.wa-picker-btn{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:.9rem;font-weight:600;color:#25d366;cursor:pointer;transition:background .15s,border-color .15s}.wa-picker-btn:hover{background:#f0fdf4;border-color:#25d366}.wa-picker-label{margin-left:auto;font-size:.7rem;font-weight:500;color:var(--text-muted, #64748b)}.wa-picker-cancel{margin-top:.25rem;padding:.5rem;border:none;background:none;color:var(--text-muted, #64748b);font-size:.82rem;cursor:pointer;border-radius:6px;transition:background .15s}.wa-picker-cancel:hover{background:#f1f5f9}.admin-search-input{padding:.4rem .75rem;border:1.5px solid var(--border, #e2e8f0);border-radius:6px;font-size:.85rem;background:#fff;color:var(--text, #1e293b);min-width:240px;outline:none}.admin-search-input:focus{border-color:var(--primary, #1a3d8f)}.admin-lookup-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.admin-lookup-modes{display:flex;gap:0;border:1.5px solid var(--border, #e2e8f0);border-radius:6px;overflow:hidden}.admin-lookup-mode-btn{padding:.4rem .9rem;font-size:.85rem;background:#fff;color:var(--text-muted, #64748b);border:none;cursor:pointer;border-right:1.5px solid var(--border, #e2e8f0);transition:background .15s}.admin-lookup-mode-btn:last-child{border-right:none}.admin-lookup-mode-btn:hover{background:#f1f5f9}.admin-lookup-mode-btn.active{background:var(--primary, #1a3d8f);color:#fff;font-weight:600}.admin-lookup-input{flex:1;min-width:260px}.admin-lookup-refresh{padding:.4rem .7rem;font-size:1rem;background:#0000000d;color:var(--text, #1e293b);border:1.5px solid var(--border, #e2e8f0);border-radius:6px;cursor:pointer}.admin-lookup-refresh:hover{background:#0000001a}.admin-lookup-hint{color:var(--text-muted, #64748b);font-size:.88rem;padding:2rem 0;text-align:center}.admin-lookup-group{margin-bottom:1.5rem}.admin-lookup-group-header{font-size:.95rem;font-weight:700;color:var(--primary, #1a3d8f);padding:.5rem .75rem;background:#eff6ff;border-left:4px solid var(--primary, #1a3d8f);border-radius:0 4px 4px 0;margin-bottom:0;display:flex;align-items:center;gap:.5rem}.admin-lookup-group-count{margin-left:auto;font-size:.78rem;font-weight:400;color:var(--text-muted, #64748b)}.admin-lookup-doctype{font-size:.72rem;font-weight:600;color:#fff;background:var(--primary, #1a3d8f);border-radius:3px;padding:1px 5px;white-space:nowrap}.admin-lookup-row{cursor:pointer;transition:background .1s}.admin-lookup-row:hover{background:#eff6ff}.admin-action-btns{display:flex;gap:.4rem}.admin-btn-sm{padding:.25rem .65rem;font-size:.78rem}.admin-td-desc{max-width:280px;color:var(--text-muted, #64748b);font-size:.82rem}.prod-color-dots{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.prod-color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000040;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-box-wide{max-width:860px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem .75rem;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:1}.modal-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0}.modal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#94a3b8;padding:.2rem .4rem;border-radius:4px;line-height:1}.modal-close:hover{color:#1e293b;background:#f1f5f9}.modal-body{padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.9rem 1.4rem;border-top:1px solid #e2e8f0;position:sticky;bottom:0;background:#fff}.modal-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;padding:.6rem .9rem;border-radius:6px;font-size:.85rem}.modal-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding-bottom:.3rem;border-bottom:1px solid #f1f5f9;margin-top:.25rem}.modal-hint{font-weight:400;font-size:.7rem;color:#94a3b8;text-transform:none;letter-spacing:0}.modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.modal-lang-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:.75rem}.modal-lang-tab{background:none;border:none;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.modal-lang-tab.active{color:var(--primary, #1a3d8f);border-bottom-color:var(--primary, #1a3d8f)}.modal-lang-panel{display:flex;flex-direction:column;gap:.75rem}.admin-toast{padding:12px 18px;border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:12px;animation:fadeInDown .2s ease}.admin-toast--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ci-section{display:flex;flex-direction:column;gap:.75rem}.ci-color-block{border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;background:#f8fafc}.ci-color-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.ci-color-dot{width:16px;height:16px;flex-shrink:0}.ci-color-name{font-size:.85rem;font-weight:600;color:#1e293b}.ci-size-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;background:#e2e8f0;color:#334155;border-radius:6px;font-size:.8rem;font-weight:700;letter-spacing:.03em}.ci-inputs{display:flex;flex-direction:column;gap:.5rem}.ci-thumb-grid{display:flex;flex-wrap:wrap;gap:.5rem}.ci-thumb{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc}.ci-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ci-thumb-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;font-size:11px;line-height:20px;text-align:center;opacity:0;transition:opacity .15s}.ci-thumb:hover .ci-thumb-remove{opacity:1}.ci-upload-zone{border:2px dashed #cbd5e1;border-radius:10px;padding:1rem;text-align:center;background:#fafbfc;transition:all .15s}.ci-upload-zone--drag{border-color:#3b82f6;background:#eff6ff}.ci-upload-zone--busy{opacity:.6;pointer-events:none}.ci-upload-buttons{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.ci-upload-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;border:1.5px solid #cbd5e1;background:#fff;cursor:pointer;font-size:.85rem;font-weight:500;color:#334155;transition:all .15s}.ci-upload-btn:hover{border-color:#3b82f6;color:#1a3d8f;background:#f0f6ff}.ci-upload-btn svg{flex-shrink:0}.ci-upload-btn--album svg{stroke:#3b82f6}.ci-upload-btn--camera svg{stroke:#059669}.ci-upload-hint{margin:.45rem 0 0;font-size:.78rem;color:#94a3b8}.ci-upload-status{font-size:.85rem;color:#64748b;font-style:italic}.combo-select{display:flex;flex-direction:column;gap:.35rem}.combo-input{margin-top:.15rem;border-color:#3b82f6!important}.ci-badge{font-size:.75rem;font-weight:600;padding:2px 7px;border-radius:20px;white-space:nowrap}.ci-badge--none{background:#f1f5f9;color:#94a3b8}.ci-badge--partial{background:#fef9c3;color:#a16207}.ci-badge--full{background:#dcfce7;color:#166534}.prod-cat-bar{display:flex;gap:.4rem;padding:.6rem 0 .25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.prod-cat-bar::-webkit-scrollbar{display:none}.prod-cat-pill{display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.prod-cat-pill:hover{border-color:#94a3b8;background:#f8fafc}.prod-cat-pill--active{background:var(--primary, #1a3d8f);color:#fff;border-color:var(--primary, #1a3d8f)}.prod-cat-pill--active:hover{background:var(--primary-dark, #122e6e)}.prod-cat-count{font-size:.75rem;font-weight:600;background:#00000014;padding:1px 6px;border-radius:10px}.prod-cat-pill--active .prod-cat-count{background:#ffffff40}.prod-sub-bar{display:flex;gap:.3rem;padding:.2rem 0 .4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.prod-sub-bar::-webkit-scrollbar{display:none}.prod-sub-tab{padding:.3rem .7rem;border-radius:6px;border:1px solid transparent;background:transparent;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.prod-sub-tab:hover{background:#f1f5f9;color:#334155}.prod-sub-tab--active{background:#e8edf5;color:var(--primary, #1a3d8f);font-weight:600;border-color:#c7d2e0}.prod-sub-count{font-size:.7rem;color:#94a3b8;margin-left:2px}.prod-sub-tab--active .prod-sub-count{color:var(--primary, #1a3d8f)}.prod-grid-empty{padding:3rem;text-align:center;color:var(--text-muted);font-size:.9rem}.prod-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;padding-bottom:2rem}.prod-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.prod-card:hover{box-shadow:0 6px 24px #0f172a1a;transform:translateY(-2px)}.prod-card-img{width:100%;aspect-ratio:4 / 3;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.prod-card-img img{width:100%;height:100%;object-fit:contain;padding:.5rem}.prod-card-img--fallback,.prod-card-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#cbd5e1}.prod-card-img-placeholder svg{width:36px;height:36px}.prod-card-img-placeholder span{font-size:.75rem;color:#94a3b8}.prod-card-body{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.prod-card-header{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.prod-card-key{font-size:1rem;font-weight:700;color:var(--text)}.prod-card-cat{font-size:.72rem;font-weight:600;color:var(--primary);background:#1a3d8f14;padding:2px 8px;border-radius:20px;white-space:nowrap}.prod-card-desc{font-size:.8rem;color:var(--text-muted);line-height:1.45;margin:0}.prod-card-desc--zh{font-size:.78rem;color:#94a3b8}.prod-card-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.prod-card-label{font-size:.72rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;min-width:52px;flex-shrink:0}.prod-card-value{font-size:.8rem;color:var(--text-muted)}.prod-card-sizes{display:flex;gap:4px;flex-wrap:wrap}.prod-size-tag{font-size:.72rem;font-weight:600;background:#f1f5f9;color:var(--text-muted);padding:2px 7px;border-radius:4px}.prod-card-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:#fafafa}.prod-card-actions .admin-btn{flex:1;justify-content:center}.admin-btn-ghost-dark{background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0}.admin-btn-ghost-dark:hover{background:#e2e8f0;opacity:1}.editor-textarea-mono{font-family:Menlo,Consolas,monospace;font-size:.8rem}@media (max-width: 600px){.modal-grid-2,.modal-grid-3{grid-template-columns:1fr}.modal-box-wide{max-width:100%}}.qt-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.qt-card{background:#fff;border:1px solid var(--border);border-top:4px solid #cbd5e1;border-radius:14px;cursor:pointer;position:relative;transition:box-shadow .18s,transform .18s;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column}.qt-card:hover{box-shadow:0 8px 28px #0000001f;transform:translateY(-3px)}.qt-card-busy{opacity:.6;cursor:wait;pointer-events:none}.qt-card-delete{position:absolute;top:6px;right:8px;width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:#94a3b8;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,color .15s;z-index:2}.qt-card:hover .qt-card-delete{opacity:1}.qt-card-delete:hover{background:#fee2e2;color:#dc2626}.qt-card-new{border-top-color:var(--primary)}.qt-card-quoted{border-top-color:#d97706}.qt-card-won{border-top-color:#16a34a}.qt-card-lost{border-top-color:var(--accent);opacity:.8}.qt-card-top{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem .3rem}.qt-card-ref-block{display:flex;align-items:baseline;gap:.3rem}.qt-card-ref-label{font-size:.6rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.qt-card-id{font-size:.78rem;font-weight:800;color:var(--primary);font-family:monospace;letter-spacing:.03em}.qt-card-date{font-size:.68rem;color:#b0b8c8;flex-shrink:0}.qt-card-org-block{padding:.2rem 1rem .6rem;display:flex;flex-direction:column;gap:.15rem;border-bottom:1px solid var(--border)}.qt-card-org{font-size:.92rem;font-weight:700;color:var(--text);line-height:1.35;word-break:break-word;white-space:normal}.qt-card-contact-name{font-size:.73rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-card-items{padding:.45rem 1rem .5rem;display:flex;flex-direction:column;gap:.22rem;flex:1}.qt-card-item{display:flex;align-items:baseline;gap:.35rem;font-size:.75rem;color:var(--text-muted)}.qt-card-item-qty{font-size:.7rem;font-weight:800;color:var(--primary);flex-shrink:0}.qt-card-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qt-card-item-more{font-size:.68rem;color:#94a3b8;font-style:italic}.qt-card-docs{display:flex;flex-wrap:wrap;gap:.3rem;padding:.3rem 1rem 0}.qt-doc-chip{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;cursor:pointer;transition:all .12s}.qt-doc-chip:hover{background:#eff6ff;border-color:#3b82f6}.qt-doc-chip--confirmed,.qt-doc-chip--completed{background:#f0fdf4;border-color:#86efac;color:#166534}.qt-doc-chip--draft{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.qt-card-action{padding:.5rem 1rem .75rem;display:flex;gap:.4rem}.qt-back-btn{width:36px;height:36px;border-radius:8px;flex-shrink:0;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.qt-back-btn:hover{background:#e2e8f0;color:#334155}.qt-back-btn:disabled{opacity:.4;cursor:wait}.qt-next-btn{flex:1;padding:.55rem .75rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;text-align:center}.qt-next-btn:disabled{opacity:.5;cursor:wait}.qt-next-btn--primary{background:var(--primary, #1a3d8f);color:#fff}.qt-next-btn--primary:hover{background:var(--primary-dark, #122e6e)}.qt-next-btn--won{background:#16a34a;color:#fff}.qt-next-btn--won:hover{background:#15803d}.qt-next-btn--lost{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.qt-next-btn--lost:hover{background:#ffe4e6}.qt-next-btn--ghost{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.qt-next-btn--ghost:hover{background:#e2e8f0}.qt-next-btn--complete{background:#f0fdf4;color:#16a34a;cursor:default}.qt-complete-badge{display:block;text-align:center;width:100%;padding:.5rem;border-radius:8px;background:#f0fdf4;color:#16a34a;font-weight:700;font-size:.85rem}.qt-card-bot{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.5rem 1rem .75rem;border-top:1px solid var(--border);margin-top:auto}.qt-card-bot-right{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.qt-card-status{font-size:.7rem;font-weight:700;padding:.18rem .5rem;border-radius:20px}.qt-status-new{background:#eff6ff;color:var(--primary)}.qt-status-quoted{background:#fef3c7;color:#92400e}.qt-status-won{background:#f0fdf4;color:#15803d}.qt-status-lost{background:#fff1f2;color:#be123c}.qt-urgency{font-size:.62rem!important;padding:.12rem .45rem!important}.qt-stepper{display:flex;align-items:flex-start;padding:.5rem .875rem .45rem;border-bottom:1px solid var(--border)}.qt-step-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.qt-step-node{width:34px;height:34px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.54rem;font-weight:800;color:#94a3b8;background:#fff;transition:all .2s;letter-spacing:-.03em;-webkit-user-select:none;user-select:none}.qt-step-node.done{background:#16a34a;border-color:#16a34a;color:#fff;font-size:.8rem}.qt-step-node.current{font-size:.54rem;font-weight:900;box-shadow:0 0 0 3px #1a3d8f1f}.qt-step-node.lost{border-color:#dc2626;color:#dc2626;background:#fff1f2}.qt-step-line{flex:1;height:2px;background:#e2e8f0;margin-top:16px;transition:background .2s;min-width:4px}.qt-step-line.active{background:#16a34a}.qt-advance-btn,.qt-revert-btn{width:22px;height:22px;border-radius:50%;border:none;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s;flex-shrink:0}.qt-advance-btn{background:var(--primary);color:#fff;padding:0 0 1px 1px}.qt-advance-btn:hover{background:var(--primary-dark)}.qt-revert-btn{background:#f1f5f9;color:#64748b;padding:0 1px 1px 0}.qt-revert-btn:hover{background:#e2e8f0;color:#334155}.advance-modal{background:#fff;border-radius:16px;width:100%;max-width:380px;box-shadow:0 20px 60px #00000040;overflow:hidden}.advance-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.advance-modal-title{font-size:1rem;font-weight:800;color:var(--text)}.advance-modal-org{font-size:.82rem;color:var(--text-muted);margin-top:.15rem}.advance-modal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-muted);padding:.1rem;line-height:1}.advance-modal-close:hover{color:var(--text)}.advance-modal-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.advance-modal-current{font-size:.78rem;font-weight:600;color:var(--text-muted);background:var(--surface);padding:.4rem .75rem;border-radius:6px;display:inline-block}.advance-modal-q{font-size:.9rem;font-weight:600;color:var(--text);margin:0}.advance-btn{display:flex;align-items:center;padding:.7rem 1rem;border-radius:10px;border:1.5px solid transparent;font-size:.88rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .18s;width:100%;text-align:left}.advance-btn:disabled{opacity:.6;cursor:not-allowed}.advance-btn-won{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.advance-btn-won:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.advance-btn-lost{background:#fff1f2;color:#be123c;border-color:#fecdd3}.advance-btn-lost:hover:not(:disabled){background:#ffe4e6;border-color:#fda4af}.advance-btn-next{background:#eff6ff;color:var(--primary);border-color:#bfdbfe}.advance-btn-next:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.advance-btn-revert{background:#fff;color:#92400e;border-color:#fde68a;margin-top:.5rem}.advance-btn-revert:hover:not(:disabled){background:#fffbeb;border-color:#fcd34d}.advance-btn-revert-confirm{background:#fff7ed;color:#92400e;border-color:#fed7aa}.advance-btn-revert-confirm:hover:not(:disabled){background:#ffedd5;border-color:#fdba74}.advance-btn-cancel{background:#f8fafc;color:var(--text-muted);border-color:#e2e8f0}.advance-btn-cancel:hover:not(:disabled){background:#f1f5f9}.advance-revert-note{font-size:.78rem;color:var(--text-muted);margin:-.25rem 0 .25rem}.advance-modal-done{font-size:1rem;font-weight:700;color:#15803d;text-align:center;padding:1rem;background:#f0fdf4;border-radius:8px}.advance-toast{background:#1e293b;color:#fff;font-size:.82rem;font-weight:600;padding:.5rem 1rem;text-align:center}.pipeline-cell{display:flex;flex-direction:column;gap:4px;min-width:160px}.pipeline-bar{display:flex;gap:3px;align-items:center}.pipeline-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;flex-shrink:0;transition:background .2s}.pipeline-dot.done{background:#22c55e}.pipeline-dot.current{background:#3b82f6;width:13px;height:13px;box-shadow:0 0 0 3px #3b82f640}.pipeline-dot.lost{background:#ef4444}.pipeline-stage-label{font-size:.72rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.urgency-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:4px;letter-spacing:.03em;text-transform:uppercase;width:fit-content}.urgency-urgent{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.urgency-soon{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.pipeline-manage-btn{font-size:.75rem!important;padding:4px 10px!important;margin-top:2px;align-self:flex-start}.admin-lost-section{margin-top:1.5rem}.admin-lost-toggle{font-size:.82rem;margin-bottom:.75rem;color:#64748b}.admin-table-wrap--lost{opacity:.75}.admin-tr-lost-dim td,.admin-tr-lost-dim strong{color:#94a3b8}.pm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;z-index:1000;overflow-y:auto}.pm-box{position:relative;background:#fff;border-radius:16px;width:100%;max-width:860px;padding:2rem;box-shadow:0 25px 80px #0000004d;display:flex;flex-direction:column;gap:1.5rem}.pm-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #e2e8f0;padding-bottom:1rem}.pm-header-info{display:flex;flex-direction:column;gap:4px}.pm-header-school{font-size:1.4rem;font-weight:700;color:var(--primary, #1a3d8f);margin:0}.pm-header-ref{font-size:.9rem;color:#64748b;font-family:Menlo,Consolas,monospace;letter-spacing:.05em}.pm-lost-badge{display:inline-block;background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:20px;width:fit-content;letter-spacing:.05em}.pm-close-btn{background:none;border:none;font-size:1.3rem;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1}.pm-close-btn:hover{background:#f1f5f9;color:#1e293b}.pm-steps{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.pm-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-width:64px;opacity:.45}.pm-step--done,.pm-step--current,.pm-step--lost{opacity:1}.pm-step-num{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:#e2e8f0;color:#64748b;flex-shrink:0;transition:background .2s,color .2s}.pm-step--done .pm-step-num{background:#22c55e;color:#fff}.pm-step--current .pm-step-num{background:#3b82f6;color:#fff;box-shadow:0 0 0 4px #3b82f640}.pm-step--lost .pm-step-num{background:#ef4444;color:#fff}.pm-step-label{font-size:.62rem;text-align:center;color:#64748b;line-height:1.2}.pm-step--done .pm-step-label{color:#15803d;font-weight:600}.pm-step--current .pm-step-label{color:#1d4ed8;font-weight:700}.pm-step--lost .pm-step-label{color:#b91c1c;font-weight:700}.pm-current-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.pm-current-card--lost,.pm-current-card--lost-input{border-color:#fca5a5;background:#fff5f5}.pm-current-card--complete{border-color:#86efac;background:#f0fdf4}.pm-current-title{font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.3}.pm-current-desc{font-size:.95rem;color:#64748b;line-height:1.5}.pm-field-group{display:flex;flex-direction:column;gap:6px}.pm-field-group label{font-size:.9rem;font-weight:600;color:#374151}.pm-field-group .admin-input{font-size:1rem;padding:.6rem .75rem;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;transition:border-color .15s;width:100%;max-width:380px}.pm-field-group .admin-input:focus{border-color:#3b82f6}.pm-won-lost-btns{display:flex;gap:1rem;flex-wrap:wrap}.pm-error{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;border-radius:8px;padding:.6rem .9rem;font-size:.9rem}.pm-btn-done{background:#16a34a;color:#fff;border:none;border-radius:10px;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s;align-self:flex-start;min-width:220px}.pm-btn-done:hover:not(:disabled){background:#15803d}.pm-btn-done:disabled{opacity:.6;cursor:not-allowed}.pm-btn-won{background:#16a34a;color:#fff;border:none;border-radius:10px;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s;flex:1;min-width:160px}.pm-btn-won:hover:not(:disabled){background:#15803d}.pm-btn-won:disabled{opacity:.6;cursor:not-allowed}.pm-btn-lost{background:#dc2626;color:#fff;border:none;border-radius:10px;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s;flex:1;min-width:160px}.pm-btn-lost:hover:not(:disabled){background:#b91c1c}.pm-btn-lost:disabled{opacity:.6;cursor:not-allowed}.pm-btn-back{background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0;border-radius:8px;padding:.55rem 1.1rem;font-size:.87rem;font-weight:600;cursor:pointer;transition:background .15s}.pm-btn-back:hover:not(:disabled){background:#e2e8f0}.pm-btn-back:disabled{opacity:.6;cursor:not-allowed}.pm-back-row{display:flex;align-items:center;gap:.75rem;padding-top:.25rem;border-top:1px dashed #e2e8f0}.pm-back-hint{font-size:.78rem;color:#94a3b8}.pm-contact-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.pm-contact-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border:none;border-radius:20px;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.pm-contact-btn:hover{opacity:.85;transform:translateY(-1px)}.pm-contact-btn:active{transform:translateY(0)}.pm-whatsapp-btn{background:#25d366;color:#fff}.pm-email-btn{background:#0078d4;color:#fff}.pm-toast{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;font-size:.82rem;font-weight:600;padding:.5rem 1.1rem;border-radius:20px;box-shadow:0 4px 16px #0003;animation:pm-toast-in .25s ease;z-index:10;white-space:nowrap}@keyframes pm-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 640px){.pm-box{padding:1.25rem}.pm-steps{gap:2px}.pm-step{min-width:48px}.pm-step-num{width:26px;height:26px;font-size:.75rem}.pm-step-label{font-size:.55rem}.pm-btn-done,.pm-btn-won,.pm-btn-lost{font-size:.95rem;padding:.75rem 1rem;min-width:unset;width:100%}.pm-won-lost-btns{flex-direction:column}}.supplier-detail{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:900px}.supplier-detail-header{display:flex;align-items:center;gap:1rem}.supplier-detail-name{flex:1;font-size:1.4rem;font-weight:700;color:#1e293b;margin:0}.supplier-info-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.6rem}.supplier-info-row{display:flex;gap:1rem;font-size:.9rem;color:#334155}.supplier-info-lbl{min-width:80px;font-weight:600;color:#64748b;flex-shrink:0}.supplier-info-row a{color:var(--primary);text-decoration:none}.supplier-info-row a:hover{text-decoration:underline}.supplier-products-section{display:flex;flex-direction:column;gap:.75rem}.supplier-products-title{font-size:1rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.supplier-product-count{background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:1px 8px;border-radius:20px}.sp-products-list{display:flex;flex-direction:column;gap:1rem}.sp-product-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;transition:box-shadow .15s}.sp-product-card:hover{box-shadow:0 4px 16px #00000014}.sp-product-top{display:flex;gap:1.25rem;align-items:flex-start}.sp-product-img-wrap{width:100px;height:100px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f8fafc;border:1px solid var(--border)}.sp-product-img{width:100%;height:100%;object-fit:contain}.sp-product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.sp-product-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.sp-product-main{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sp-product-key{font-size:.95rem;font-weight:800;color:var(--primary);background:#eff6ff;padding:3px 10px;border-radius:6px}.sp-factory-model{font-size:.78rem;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:5px}.sp-product-cat{font-size:.78rem;color:#64748b}.sp-product-desc{font-size:.85rem;color:#334155;line-height:1.5}.sp-pricing-row{display:flex;gap:1.5rem;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;flex-wrap:wrap}.sp-price-item{display:flex;flex-direction:column;gap:.15rem;min-width:90px}.sp-price-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.sp-price-value{font-size:1rem;font-weight:700}.sp-price-factory{color:#d97706}.sp-price-selling{color:#16a34a}.sp-price-margin{color:var(--primary)}.sp-meta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sp-sizes{display:flex;flex-wrap:wrap;gap:4px}.sp-notes{font-size:.82rem;color:#64748b;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:.4rem .7rem;line-height:1.4}.sp-notes-label{font-weight:700;color:#92400e}.sp-history-toggle{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--primary);padding:.3rem 0;font-family:inherit;transition:color .15s}.sp-history-toggle:hover{color:var(--primary-dark)}.sp-history-count{background:var(--primary);color:#fff;font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:10px}.sp-history-list{border-top:1px solid var(--border);padding-top:.75rem;margin-top:.25rem}.sp-history-loading,.sp-history-empty{font-size:.82rem;color:#94a3b8;padding:.5rem 0}.sp-history-table{width:100%;border-collapse:collapse;font-size:.8rem}.sp-history-table th{text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;padding:.4rem .5rem;border-bottom:1px solid var(--border)}.sp-history-table td{padding:.5rem;border-bottom:1px solid #f1f5f9;color:#334155}.sp-h-doc{font-weight:600;color:var(--primary)}.sp-status-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.supplier-product-sizes{display:flex;flex-wrap:wrap;gap:4px;margin-top:.2rem}.supplier-name-link{background:none;border:none;padding:0;cursor:pointer;text-align:left;color:inherit}.supplier-name-link:hover strong{color:var(--primary);text-decoration:underline}.supplier-product-badge{background:#eff6ff;color:var(--primary);font-size:.78rem;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap}.qt-card-source-badge{display:inline-block;font-size:.7rem;font-weight:600;color:#7c3aed;background:#ede9fe;border-radius:999px;padding:2px 8px;margin-top:2px}.admin-stat-inquiry{border-top:3px solid #7c3aed}.admin-stat-inquiry .admin-stat-val{color:#7c3aed}.new-case-modal{background:#fff;border-radius:12px;padding:0;width:min(480px,95vw);box-shadow:0 20px 60px #0000002e;overflow:hidden}.new-case-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #e2e8f0}.new-case-modal-title{font-size:1.1rem;font-weight:700;color:#1e293b}.new-case-modal-sub{font-size:.8rem;color:#64748b;margin-top:2px}.new-case-form{padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}.new-case-source-row{display:flex;gap:.5rem;flex-wrap:wrap}.new-case-source-btn{padding:.35rem .8rem;border-radius:999px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:.8rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.new-case-source-btn.active{border-color:#7c3aed;background:#ede9fe;color:#7c3aed;font-weight:700}.new-case-label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:#475569}.new-case-required{color:#dc2626}.new-case-input{padding:.45rem .65rem;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.875rem;color:#1e293b;background:#fff;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.new-case-input:focus{border-color:var(--primary)}.new-case-textarea{resize:vertical;font-family:inherit}.new-case-row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.new-case-err{font-size:.8rem;color:#dc2626;background:#fef2f2;border-radius:6px;padding:.4rem .7rem}.new-case-actions{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.25rem}.mobile-header{display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--primary);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0003}.mobile-header-title{font-size:1rem;font-weight:700}.hamburger-btn{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px}.hamburger-btn:active{background:#ffffff26}.hamburger-btn span{display:block;width:20px;height:2.5px;background:#fff;border-radius:2px}.sidebar-overlay{display:none}@media (max-width: 768px){.mobile-header{display:flex}.admin-header{display:none}.sidebar{position:fixed;top:0;left:0;z-index:300;width:260px;height:100vh;transform:translate(-100%);transition:transform .25s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0006}.app-layout{flex-direction:column}.app-main{overflow-x:hidden}.admin-stats{display:grid;grid-template-columns:1fr 1fr;padding:1rem;gap:.6rem}.admin-stat{min-width:0}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 .75rem;gap:0}.admin-tab{white-space:nowrap;padding:.75rem .85rem;font-size:.82rem}.admin-section{padding:1rem}.admin-section-toolbar{flex-wrap:wrap}.admin-table{min-width:600px}.items-table{min-width:500px}.qt-card-grid{grid-template-columns:1fr}.modal-overlay{padding:.5rem}.modal-box{max-width:100%;border-radius:10px}.modal-box-wide{max-width:100%}.modal-header{padding:.9rem 1rem .65rem}.modal-body{padding:1rem}.modal-grid-2,.modal-grid-3{grid-template-columns:1fr}.doclist-filters{flex-wrap:wrap;gap:.5rem}.supplier-detail{padding:1rem}.supplier-detail-header{flex-wrap:wrap}.sp-product-top{flex-direction:column;gap:.75rem}.sp-product-img-wrap{width:80px;height:80px}.sp-pricing-row{gap:1rem}.sp-history-table{font-size:.72rem}.sp-history-table th,.sp-history-table td{padding:.35rem .3rem}.editor-header{flex-wrap:wrap;gap:.5rem}.editor-header-actions{width:100%;justify-content:flex-end}.new-case-row2{grid-template-columns:1fr}.admin-login-box{margin:0 1rem}}@media (max-width: 480px){.admin-stats{grid-template-columns:1fr}.mobile-header-title{font-size:.88rem}.admin-btn{min-height:42px;padding:.5rem 1rem}.sidebar-item{min-height:44px}.admin-table{min-width:480px;font-size:.78rem}.items-table{min-width:400px}.qt-card-grid{gap:.75rem}.pm-box{padding:1rem}}