:root{--bg:#f5f6f3;--ink:#1d302b;--muted:#829089;--green:#224e40;--lime:#d6e9aa;--line:#e7ebe5;--white:#fff;--soft:#edf4e9;--orange:#bd7837;--red:#c6574a;--radius:15px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #97b975;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #8fac93;outline-offset:0}a{color:var(--green)}h1,h2,h3,p{margin:0}button{border:0}svg{flex-shrink:0;vertical-align:middle}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.loading{padding:20vh 30px;text-align:center;color:var(--muted)}
.shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:226px;background:#fbfcf9;border-right:1px solid var(--line);padding:31px 18px 24px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 32px}.brand-symbol{width:40px;height:44px;background:var(--green);color:#e6f2cc;border-radius:12px;display:grid;place-items:center}.brand-symbol .icon{width:25px;height:25px}.brand strong{font-size:24px;letter-spacing:3px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2.2px;margin-top:3px}.nav-label{font-size:10px;color:#9ca79e;padding:11px 15px;letter-spacing:1.5px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{padding:14px 15px;text-align:left;display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:.3px;background:transparent;color:#79857d;border-radius:9px}.nav button:hover{background:#f0f3ec}.nav button.active{background:var(--green);color:white;box-shadow:0 4px 10px #224e4012}.nav button span:nth-child(2){flex:1}.nav .count{font-size:10px;min-width:20px;text-align:center;padding:3px 4px;background:#eef1eb;border-radius:5px;color:#879181}.nav .active .count{background:#ffffff20;color:white}.side-bottom{margin-top:auto}.work-note{padding:17px 14px;margin:25px 4px;border:1px solid #e3e9dd;border-radius:12px;background:linear-gradient(145deg,#f6f9f0,#edf3e5)}.work-note b{display:block;font-size:12px;margin-bottom:6px}.work-note p{font-size:11px;color:#7c8975;line-height:1.9}.work-note .icon{color:#6b8a49;margin-bottom:10px}.user{display:flex;align-items:center;gap:10px;padding:14px 10px 0;border-top:1px solid var(--line)}.avatar{height:34px;width:34px;background:#e4ecdc;color:#5b7050;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600}.user-text{flex:1;min-width:0}.user-text b{font-size:12px}.user-text small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.icon-btn{background:none;color:#7d8880;padding:7px;border-radius:7px}.icon-btn:hover{background:#edf1e9}
.workspace{grid-column:2;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffffa8;gap:20px}.crumb{font-size:12px;color:#94a096;display:flex;gap:10px;align-items:center;white-space:nowrap}.crumb b{font-weight:500;color:#455b4d}.top-right{display:flex;gap:18px;align-items:center;font-size:11px;color:var(--muted)}.connection{display:flex;align-items:center;gap:7px;white-space:nowrap}.dot{height:6px;width:6px;border-radius:50%;background:#86a569;display:inline-block}.searchbox{height:36px;background:#f6f8f3;border:1px solid #e8ece3;border-radius:7px;display:flex;align-items:center;padding:0 12px;gap:8px;color:#99a392}.searchbox input{border:0;background:transparent;outline:none;font-size:11px;width:178px;min-width:0;color:var(--ink)}.searchbox kbd{font-size:10px;border:1px solid #dde3d8;background:#fff;border-radius:3px;padding:2px 4px}.mobile-menu{display:none}.main{max-width:1580px;margin:auto;padding:32px 38px 35px}.demo-banner{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:8px;background:#f7f1dc;color:#9b823f;font-size:11px;margin-bottom:24px}.demo-banner>span{flex:1}.demo-banner button{background:none;color:#806627;font-size:11px;font-weight:600;white-space:nowrap}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;color:#88977c;letter-spacing:2.3px;font-weight:600;margin-bottom:8px}.page-head h1{font-size:27px;font-weight:600;letter-spacing:1px;line-height:1.5}.page-head p{font-size:12px;color:#8a958b;margin-top:5px;line-height:1.8}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:10px 16px;border-radius:7px;background:white;border:1px solid #e0e6db;color:#5f715f;font-size:12px;white-space:nowrap;min-height:38px}.btn .icon{width:15px;height:15px}.btn:hover{background:#f1f5ed;border-color:#bac9b2}.btn.primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 3px 7px #224e4012}.btn.primary:hover{background:#193d30}.btn.lime{background:#d6e9aa;border-color:#d6e9aa;color:#27482c}.btn.danger{color:#b3554b;border-color:#ebc9c5;background:#fffaf9}.btn.small{font-size:11px;padding:6px 10px;min-height:30px}.btn.link{border:0;box-shadow:none;background:transparent;padding:4px;color:var(--green)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:20px 22px}.metric:first-child{background:var(--green);color:white;border-color:var(--green);position:relative;overflow:hidden}.metric:first-child:after{content:'';position:absolute;border:1px solid #ffffff09;border-radius:50%;width:200px;height:200px;right:-90px;top:0;box-shadow:0 0 0 25px #ffffff03,0 0 0 50px #ffffff03;pointer-events:none}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8a968a}.metric-top .icon{height:17px;width:17px;color:#8ca481}.metric:first-child .metric-top{color:#b9cebf}.metric:first-child .metric-top .icon{color:#cde2b6}.metric-value{font-size:33px;letter-spacing:-1.1px;font-weight:600;line-height:1;margin:21px 0 15px;font-variant-numeric:tabular-nums}.metric-value small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:6px;color:#a4b6a3}.metric-foot{font-size:10px;color:#8d998b}.metric:first-child .metric-foot{color:#a6c2a8}.metric-foot b{color:#5b8650;font-weight:500}.metric:first-child .metric-foot b{color:#cee5aa}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(275px,1fr);gap:20px;margin-bottom:24px}.card{background:white;border:1px solid var(--line);border-radius:12px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 0;gap:12px}.card-head h2{font-size:14px;font-weight:600}.card-head p{font-size:10px;color:var(--muted);margin-top:6px}.subtle{font-size:10px;color:#8d998b}.period{background:#f6f8f3;border:1px solid #e9ede5;border-radius:5px;padding:6px 9px;font-size:10px;color:#809075}.chart{padding:20px 22px 16px;display:flex;height:199px;gap:13px}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#a5ada0;padding-bottom:22px;min-width:21px}.bars{display:flex;flex:1;align-items:flex-end;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#eef1ea calc(25% - 1px),#eef1ea 25%);padding:0 8px;position:relative;margin-bottom:22px}.bar-pair{position:relative;display:flex;gap:5px;align-items:flex-end;height:100%;width:28px;justify-content:center}.bar{width:10px;border-radius:3px 3px 0 0;background:#cdddbb;min-height:2px;transition:height .3s}.bar.out{background:#406e51}.bar-date{position:absolute;bottom:-22px;font-size:9px;color:#99a391;white-space:nowrap;left:50%;transform:translateX(-50%)}.legend{display:flex;gap:15px;font-size:10px;color:#8c9884;padding:0 25px 18px}.legend span{display:flex;align-items:center;gap:6px}.legend i{height:6px;width:6px;background:#cdddbb;border-radius:2px}.legend span+span i{background:#406e51}.pipeline{padding:20px 23px;display:grid;gap:12px}.pipeline-row{display:flex;align-items:center;gap:10px}.pipeline-row .stage-name{width:56px;font-size:11px;color:#788673}.track{height:6px;background:#f2f5ef;flex:1;border-radius:5px;overflow:hidden}.track i{display:block;height:100%;border-radius:5px;background:#adc88e}.pipeline-row:nth-child(2) .track i{background:#e0c18b}.pipeline-row:nth-child(3) .track i{background:#7b9c8c}.pipeline-row:last-child .track i{background:#3f6c4e}.pipeline-row b{font-size:12px;width:23px;text-align:right;font-weight:500}.pipeline-note{border-top:1px solid var(--line);padding:13px 23px;color:#8b977f;font-size:10px;display:flex;align-items:center;gap:7px}.pipeline-note .icon{width:13px;height:13px}.quick-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.quick{padding:17px 20px;display:flex;align-items:center;gap:13px;background:#eef2e8;border:1px solid #e4eadc;border-radius:9px;text-align:left;color:var(--green)}.quick:hover{background:#e4ecd9}.quick-icon{padding:9px;border-radius:8px;background:#ffffffad}.quick-icon .icon{width:18px;height:18px}.quick-text{flex:1}.quick b{display:block;font-size:12px;font-weight:600}.quick small{display:block;font-size:10px;color:#89967b;margin-top:5px}.quick>.icon{width:15px;height:15px;color:#9bab8d}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.section-head h2{font-size:15px;font-weight:600}.section-head h2 small{font-size:10px;color:#a0ac94;font-weight:400;margin-left:9px}.table-wrap{overflow:auto;border-radius:12px}.table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:nowrap}.table th{background:#f9faf7;color:#9ba593;font-weight:400;padding:13px 17px;border-bottom:1px solid var(--line);font-size:10px}.table td{padding:15px 17px;border-bottom:1px solid #f0f2ec;color:#6c7d68}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fafcf7}.phone-name{display:flex;align-items:center;gap:11px}.phone-art{height:39px;width:30px;border-radius:6px;background:#f1f2ef;border:1px solid #e6e9e1;position:relative;display:grid;place-items:center}.phone-art:before{content:'';height:29px;width:17px;border:1px solid #a1aca2;border-radius:4px;background:linear-gradient(130deg,#dce5d7,#a6b2ad)}.phone-art:after{content:'';position:absolute;left:9px;top:8px;border-radius:2px;height:5px;width:5px;border:1px solid #7f8c81;box-shadow:4px 4px 0 -1px #899785}.phone-art.purple:before{background:linear-gradient(130deg,#e5dfec,#aea8bd)}.phone-art.blue:before{background:linear-gradient(130deg,#dae6ed,#96aeba)}.phone-art.gold:before{background:linear-gradient(130deg,#eae5d8,#c4bda9)}.phone-name b{display:block;color:#3a503d;font-size:12px;font-weight:500}.phone-name small{display:block;font-size:10px;color:#9aa48f;margin-top:5px}.mono{font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:.3px;font-size:10px}.amount{font-variant-numeric:tabular-nums;font-weight:500;color:#3f553f!important}.badge{font-size:10px;border-radius:4px;display:inline-flex;gap:5px;align-items:center;padding:5px 8px;background:#edf2e9;color:#718263;white-space:nowrap}.badge:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.badge.ready{background:#e9f3e3;color:#66824f}.badge.repair{background:#fbf2e0;color:#b7914f}.badge.test{background:#eaf0f0;color:#6e8d8c}.badge.sold{background:#f0eef5;color:#8d83a1}.badge.scrap{background:#f8eae7;color:#b87d70}.table-action{background:none;color:#84957a;font-size:11px;display:flex;align-items:center;gap:5px}.table-action .icon{width:12px;height:12px}.footer{display:flex;justify-content:space-between;color:#a5af9b;font-size:10px;padding-top:25px}.footer>span{display:flex;align-items:center;gap:5px}.footer .icon{width:12px;height:12px}.filters{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.tabs{display:flex;gap:4px;border:1px solid #e4e9df;border-radius:7px;background:#edf1e8;padding:4px;overflow-x:auto;max-width:100%}.tabs button{font-size:11px;background:none;color:#8b9882;padding:8px 12px;border-radius:4px;white-space:nowrap}.tabs button.active{background:white;color:#34563a;box-shadow:0 2px 5px #243b2610}.filter-search{height:36px;min-width:220px;border-radius:7px;border:1px solid var(--line);padding:0 12px;font-size:11px;background:white}.table-foot{padding:14px 18px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}input[type=checkbox]{accent-color:var(--green);height:14px;width:14px;cursor:pointer}.empty{padding:60px 25px;text-align:center;color:var(--muted);font-size:12px}.empty .icon{height:35px;width:35px;margin-bottom:14px;color:#b6c6a7}.empty p{margin-bottom:18px;line-height:1.9}.empty b{display:block;color:#69805c;font-size:14px;margin-bottom:7px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.column{background:#edf1e8;border:1px solid #e4e9dd;border-radius:12px;padding:15px;min-height:360px}.column-title{font-size:12px;display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;color:#687d5d}.column-title span{background:#dfe7d6;padding:3px 6px;border-radius:4px;font-size:10px}.kanban-card{width:100%;text-align:left;background:white;border:1px solid #e4e9df;border-radius:8px;padding:14px;margin-bottom:10px;color:#526a47;box-shadow:0 2px 3px #263c1810}.kanban-card:hover{border-color:#adc698}.kanban-card b{font-size:12px;font-weight:500}.kanban-card p{font-size:10px;color:#99a58c;margin:7px 0}.kanban-card footer{display:flex;justify-content:space-between;border-top:1px solid #f0f2ed;padding-top:11px;margin-top:11px;font-size:10px;color:#889c78}.kanban .empty{font-size:10px;padding:30px 0;line-height:2}.sale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sale-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.sale-card .phone-art{height:70px;width:53px;margin:5px 0 20px;border-radius:9px}.sale-card .phone-art:before{width:30px;height:52px}.sale-card .phone-art:after{left:15px;top:15px;width:9px;height:9px;box-shadow:7px 7px 0 -2px #899785}.sale-card h3{font-size:15px;font-weight:500}.sale-card p{font-size:11px;color:#94a084;margin-top:7px}.sale-card footer{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.sale-card footer small{font-size:9px;display:block;color:#9ba791}.sale-card footer b{font-size:17px;font-weight:500;margin-top:4px;display:block}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:24px}.settings-card h2{font-size:15px;margin-bottom:8px}.settings-card p{font-size:12px;line-height:1.9;color:#8a9881;margin-bottom:18px}.settings-card .btn{margin-right:6px;margin-bottom:7px}.help{padding:14px;background:#f4f6ef;border:1px solid #e7ecdf;border-radius:7px;font-size:11px;line-height:1.9;color:#819275;overflow-wrap:anywhere;margin-top:15px}.activity{padding:22px}.event{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eef1e9;font-size:12px}.event:last-child{border:0}.event .event-dot{width:7px;height:7px;border-radius:50%;background:#a6bf8a;margin-top:5px;flex-shrink:0}.event p{flex:1;line-height:1.6;color:#6d805f}.event small{font-size:10px;color:#a0ad93;display:block;margin-top:4px}.event time{font-size:10px;color:#98a78d;white-space:nowrap}.user-row{display:flex;gap:10px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.user-row>div:nth-child(2){flex:1}.user-row b{font-size:12px}.user-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.backdrop{position:fixed;inset:0;z-index:90;background:#142c264d;backdrop-filter:blur(2px);animation:fade .15s}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(660px,100%);z-index:100;background:#fcfdf9;box-shadow:-12px 0 40px #17371f18;display:flex;flex-direction:column;animation:slide .2s}.drawer-head{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.drawer-head h2{font-size:19px;font-weight:600}.drawer-head small{font-size:10px;color:#98a48e;display:block;margin-top:6px}.drawer-body{padding:25px 27px;overflow-y:auto;flex:1;overscroll-behavior:contain}.drawer-foot{padding:17px 27px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 17px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field>span,.field>label{font-size:12px;color:#687e5c}.field span em{font-style:normal;color:#bb985d;margin-left:3px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;background:white;border:1px solid #dde5d5;border-radius:7px;font-size:12px;color:#4b6340;min-height:41px}.field textarea{resize:vertical;min-height:82px}.field small{font-size:10px;color:#9aa98d;line-height:1.8}.field .scan-input{font-family:monospace;font-size:16px;letter-spacing:1px;background:#f5f9ee;border-color:#becfa9;padding:14px}.form-sep{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:11px;color:#839870;margin:5px 0}.form-sep:after{content:'';height:1px;background:#e5ebdd;flex:1}.form-error{padding:12px;border:1px solid #e9c5b9;background:#fff2ed;font-size:12px;color:#af6550;border-radius:7px;line-height:1.7;margin-bottom:17px}.form-error:empty{display:none}.form-info{font-size:11px;color:#819274;line-height:1.9;background:#eff4e8;border-radius:7px;padding:13px;margin-bottom:19px}.photo-list{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.photo-list img{width:74px;height:74px;object-fit:cover;border-radius:7px}.photo-add{width:74px;height:74px;border:1px dashed #b7c8a6;border-radius:7px;display:grid;place-items:center;color:#819b69;background:#f7faef;cursor:pointer}.photo-add input{display:none}.photo-add .icon{width:23px;height:23px}.photos{margin-top:20px}.photos img{width:90px;height:90px;object-fit:cover;border-radius:7px;margin:0 8px 8px 0;cursor:pointer}.detail-summary{display:flex;gap:20px;align-items:center;margin-bottom:23px}.detail-summary .phone-art{width:58px;height:75px}.detail-summary .phone-art:before{height:57px;width:32px}.detail-summary .phone-art:after{height:9px;width:9px;left:16px;top:14px}.detail-summary h3{font-size:20px;font-weight:500;margin-bottom:8px}.detail-summary p{font-size:12px;color:var(--muted);margin-bottom:9px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:19px;padding:23px 0;border-bottom:1px solid var(--line);margin-bottom:21px}.detail-info dt{font-size:10px;color:#96a787;margin-bottom:6px}.detail-info dd{margin:0;font-size:12px;color:#536c46;overflow-wrap:anywhere}.detail-cost{display:flex;justify-content:space-between;gap:10px;padding:18px;background:#edf3e7;border-radius:9px;margin:20px 0}.detail-cost small{font-size:10px;color:#8b9b7c;display:block;margin-bottom:8px}.detail-cost strong{font-size:20px;font-weight:500;color:#4a6a38}.detail-cost>div:not(:first-child) strong{font-size:15px;color:#7b936b}.detail-tabs{margin-bottom:22px}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.detail-section{font-size:13px;margin:22px 0 14px}.note{font-size:12px;color:#7e9270;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cost-row{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;gap:15px}.cost-row small{display:block;font-size:10px;color:#9aa98c;margin-top:5px}.cost-row b{font-weight:500;white-space:nowrap}.sales-entry{background:white;border:1px solid var(--line);padding:15px;border-radius:8px;margin-bottom:10px;font-size:12px;line-height:1.9}.sales-entry small{color:#95a587}.auth-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;width:min(430px,calc(100% - 30px));background:#fcfdf9;border:1px solid #dfe8d7;padding:30px;border-radius:16px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 80px #10291829}.auth-modal h2{font-size:24px;margin-top:15px}.auth-modal p{font-size:12px;line-height:1.9;color:#889b7a;margin:9px 0 22px}.auth-modal .field{margin-bottom:16px}.auth-modal .btn{width:100%;margin-top:7px}.auth-modal .icon-btn.close{position:absolute;top:17px;right:17px}.scan-modal .scan-input{font-size:20px;width:100%;padding:18px;border:1px solid #adc48f;border-radius:8px;letter-spacing:1px;background:#f3f8e9}.scan-modal .result{margin-top:15px}#toasts{position:fixed;bottom:24px;left:calc(50% + 113px);transform:translateX(-50%);z-index:200;display:grid;gap:8px;max-width:calc(100% - 40px)}.toast{padding:13px 20px;background:#234c38;color:#f0f7e6;border-radius:8px;box-shadow:0 5px 20px #123d3029;font-size:12px;line-height:1.8;animation:fade .2s}.toast.error{background:#9f5a48}.pagination{display:flex;align-items:center;gap:9px}.pagination button{padding:5px 8px;background:#f0f4e9;border-radius:4px;color:#80936f;font-size:10px}#print-root{display:none}.error-page{padding:40px}.audit-list{max-height:460px;overflow:auto}.month-input{border:1px solid #e2e8da;padding:8px 10px;border-radius:6px;color:#7b906a;background:white;font-size:11px}.report-note{font-size:10px;color:#96a68a;line-height:1.9;margin:-9px 0 25px}.mobile-shade{display:none}.view-transition{animation:fade .15s}
@keyframes slide{from{transform:translateX(30px);opacity:.3}to{transform:translateX(0);opacity:1}}@keyframes fade{from{opacity:.3}to{opacity:1}}
@media(min-width:1500px){.main{padding-top:38px}.metric{padding:24px}.metric-value{font-size:37px}.chart{height:220px}.table td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1180px){.shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{width:196px;padding-left:13px;padding-right:13px}.brand{padding-left:8px}.main{padding:27px 25px}.topbar{padding:0 25px}.top-right{gap:12px}.connection{display:none}.metrics{gap:12px}.metric{padding:18px}.metric-value{font-size:29px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:15px}.quick{padding:14px 12px;gap:9px}.quick small{font-size:9px}.kanban{gap:10px}.column{padding:10px}.sale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#toasts{left:calc(50% + 98px)}}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head{align-items:flex-start}.page-head h1{font-size:25px}.page-head>.actions{max-width:210px;justify-content:flex-end}.dashboard-grid{grid-template-columns:1fr}.quick-strip{gap:8px}.quick-icon{display:none}.top-right>time{display:none}.searchbox input{width:150px}.settings-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.column{min-height:200px}.footer{font-size:9px}.footer span:last-child{display:none}}
@media(max-width:650px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:226px}.shell.menu-open .sidebar{transform:translateX(0)}.shell.menu-open .mobile-shade{display:block;position:fixed;inset:0;background:#132a244d;z-index:25}.workspace{width:100%}.topbar{padding:0 17px;height:63px;gap:10px}.crumb{font-size:11px;gap:7px}.mobile-menu{display:block;padding:6px 4px 6px 0}.top-right{gap:8px}.searchbox{width:36px;padding:8px;background:white;border-color:#e2e9da}.searchbox input,.searchbox kbd{display:none}.main{padding:22px 17px 30px}.demo-banner{font-size:10px;padding:10px;line-height:1.7;gap:7px;margin-bottom:20px}.demo-banner .icon{width:15px;height:15px}.demo-banner button{font-size:10px}.page-head{margin-bottom:21px;gap:10px}.page-head h1{font-size:23px;letter-spacing:.5px}.eyebrow{font-size:9px;letter-spacing:1.6px}.page-head p{font-size:10px}.page-head>.actions{max-width:130px;gap:7px}.page-head>.actions .btn{padding:8px 10px;font-size:11px;min-height:35px}.page-head>.actions .btn.secondary-hide{display:none}.metric{padding:16px;border-radius:10px}.metrics{gap:11px;margin-bottom:17px}.metric-top{font-size:10px}.metric-value{font-size:29px;margin:19px 0 12px}.metric-foot{font-size:9px;line-height:1.7}.metric-value small{font-size:10px}.dashboard-grid{gap:16px;margin-bottom:18px}.card-head{padding:18px 18px 0}.card-head h2{font-size:13px}.quick-strip{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:22px}.quick{padding:14px 9px}.quick b{font-size:11px}.quick small{font-size:9px;line-height:1.7}.quick>.icon{display:none}.section-head h2{font-size:13px}.section-head h2 small{display:none}.table td,.table th{padding:13px 12px}.table{font-size:10px}.phone-name{gap:8px}.phone-name b{font-size:11px}.phone-name small{font-size:9px}.filters{gap:10px}.filter-search{width:100%;min-width:0}.tabs{width:100%}.tabs button{padding:8px 10px;font-size:10px}.table-foot{font-size:9px;padding:12px}.footer{line-height:1.7;font-size:9px}.drawer-head{padding:20px}.drawer-body{padding:22px 20px}.drawer-foot{padding:15px 20px}.form-grid{gap:17px 13px}.field input,.field select{padding:11px 9px}.kanban{gap:10px}.column{padding:10px}.kanban-card{padding:12px 10px}.sale-grid{gap:12px}.sale-card{padding:16px}.sale-card h3{font-size:13px}.sale-card p{font-size:10px}.sale-card footer{flex-wrap:wrap;gap:10px}.sale-card footer .btn{padding:8px 11px}.detail-cost{padding:15px}.detail-cost strong{font-size:17px}.auth-modal{padding:25px}.auth-modal h2{font-size:22px}#toasts{left:50%;bottom:18px}.settings-card{padding:20px}.report-note{font-size:9px}.searchbox .icon{width:18px;height:18px}.event time{font-size:9px}.event p{font-size:11px}.connection{display:none}}
@media print{@page{size:60mm 40mm;margin:0}body{background:white!important;color:black!important}#app,#overlay,#toasts{display:none!important}#print-root{display:block!important;margin:0;padding:0}.print-label{width:60mm;height:40mm;padding:3mm 4mm;overflow:hidden;page-break-after:always;break-after:page;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:black;display:flex;flex-direction:column;justify-content:space-between}.print-label:last-child{page-break-after:auto;break-after:auto}.label-top{display:flex;justify-content:space-between;align-items:center;font-size:8px}.label-title{font-size:12px;font-weight:700;margin-top:3px}.label-spec{font-size:9px;margin:3px 0}.label-barcode{height:11mm;width:100%;display:block}.label-imei{font:10px monospace;text-align:center;letter-spacing:1px;margin-top:1px}.label-bottom{font-size:8px;display:flex;justify-content:space-between;margin-top:3px}.print-slip{padding:12mm;font:12px Arial;line-height:1.9}.print-slip h1{font-size:20px}.print-slip table{border-collapse:collapse;width:100%;margin-top:20px}.print-slip th,.print-slip td{border:1px solid #ccc;padding:8px;text-align:left}}

[hidden]{display:none!important}