@font-face{font-family:system-ui;src:local('Microsoft YaHei UI')}
:root{--green:#16866d;--green-dark:#09654f;--green-light:#eaf5ef;--ink:#20332f;--muted:#7b8985;--line:#e8edea;--paper:#f6f8f7;--sidebar:232px;--shadow:0 8px 30px #183d2c08}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.55 "Segoe UI","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #88cbb9;outline-offset:3px}a{color:var(--green);text-decoration:none}button{border:0;background:none;color:inherit}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.shell{min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30;padding:29px 17px 19px}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 31px}.brand-mark{height:39px;width:39px;background:var(--green);border-radius:12px;display:grid;place-items:center;color:white;box-shadow:0 4px 8px #16866d17}.brand-mark .icon{width:25px;height:25px}.brand-name{font-size:23px;line-height:1.2;font-weight:750;letter-spacing:3px}.brand-sub{font-size:9px;letter-spacing:1.7px;color:#91a09a;margin-top:5px}.nav-caption{font-size:11px;color:#9aa6a1;letter-spacing:1.5px;padding:0 15px;margin:14px 0 10px}.nav-item{display:flex;align-items:center;gap:13px;height:46px;padding:0 15px;margin:5px 0;border-radius:8px;width:100%;font-size:13px;text-align:left;color:#71807a;position:relative}.nav-item:hover{background:#f6f8f7;color:var(--green)}.nav-item.active{background:#eaf5ef;color:#11775d;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-17px;height:24px;width:3px;background:var(--green);border-radius:0 4px 4px 0}.nav-item .count{margin-left:auto;background:#d8ecdf;color:#157554;font-size:11px;min-width:24px;padding:0 6px;text-align:center;border-radius:5px}.nav-divider{height:1px;background:var(--line);margin:22px 14px 13px}.sidebar-bottom{margin-top:auto}.local-note{background:#f8faf8;border:1px solid #ecf0ec;border-radius:10px;padding:13px;margin:25px 5px 18px;font-size:11px;color:#8a9891;line-height:1.8}.local-note strong{display:block;font-size:12px;color:#60776b;margin-bottom:3px;font-weight:500}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#35a57c;margin-right:6px;vertical-align:middle}.account{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:18px 10px 0}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#eef2ef;border:1px solid #e2e9e5;border-radius:50%;font-size:12px;color:#647d6f}.account-info{min-width:0;flex:1}.account-info strong{font-size:12px;display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis}.account-info small{font-size:10px;color:#95a098}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:7px;color:#7a8882}.icon-button:hover{background:#f0f5f2;color:var(--green)}.main{margin-left:var(--sidebar)}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:20px}.breadcrumb{font-size:12px;color:#97a29d;display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:#51665b}.topbar-right{display:flex;align-items:center;gap:20px;font-size:11px;color:#8b9891}.environment{display:flex;align-items:center;border:1px solid #e5ebe6;padding:5px 10px;border-radius:5px;font-size:10px;color:#718176;letter-spacing:.4px}.top-line{height:17px;width:1px;background:var(--line)}.top-date{white-space:nowrap}.content{padding:29px 35px 22px;max-width:1800px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-title{font-size:25px;letter-spacing:.5px;font-weight:650;margin:0 0 5px;line-height:1.5}.page-subtitle{margin:0;color:#8a9790;font-size:12px}.heading-actions{display:flex;gap:10px;align-items:center}.btn{height:36px;border:1px solid #dfe7e1;border-radius:6px;padding:0 14px;background:white;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;white-space:nowrap;transition:background .15s}.btn .icon{width:15px;height:15px}.btn:hover{background:#f7faf8;border-color:#bdcec3}.btn-primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 3px #16866d10}.btn-primary:hover{background:var(--green-dark);border-color:var(--green-dark)}.btn-quiet{border-color:transparent;background:transparent}.btn-danger{color:#c16057;border-color:#f0ddd9}.btn.small{height:29px;padding:0 10px;font-size:11px}.notice{border:1px solid #e1e9e3;background:#f0f6f2;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:7px;color:#708377;font-size:11px;margin-bottom:22px}.notice .icon{width:16px;height:16px;color:#679179}.notice a,.notice button{margin-left:auto;color:var(--green);font-size:11px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:18px 19px 15px;box-shadow:var(--shadow);min-height:132px;text-align:left;position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7b8b81;font-size:12px}.stat-icon{height:30px;width:30px;border-radius:8px;display:grid;place-items:center;color:#54987a;background:#f0f7f2}.stat.amber .stat-icon{color:#c0964b;background:#faf6eb}.stat.blue .stat-icon{color:#7d91b9;background:#f0f4fa}.stat.purple .stat-icon{color:#9a85b5;background:#f6f2fa}.stat-value{display:flex;align-items:baseline;gap:7px;margin:5px 0 6px}.stat-value strong{font-size:31px;font-weight:650;letter-spacing:-.7px;line-height:1.4;font-variant-numeric:tabular-nums}.stat-value span{font-size:11px;color:#a2ada6}.stat-foot{font-size:10px;color:#9aa59e;display:flex;align-items:center;gap:6px}.stat-foot .icon{width:12px;height:12px}.positive{color:#569172}.card{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.card-header{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title{font-size:14px;margin:0;font-weight:600;display:flex;align-items:center;gap:9px}.tiny-label{font-size:10px;color:#9aa69f;font-weight:400}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(265px,1fr);gap:20px;margin-bottom:23px}.source-summary{padding:0 20px 8px}.source-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #f0f3f0}.app-badge{width:34px;height:34px;background:#edf6f0;color:#4d8b6a;display:grid;place-items:center;border-radius:9px;font-size:15px;font-weight:600;flex-shrink:0}.app-badge.violet{background:#f0f0fa;color:#8382ba}.app-badge.amber{background:#fcf2e8;color:#c18c58}.source-info{flex:1;min-width:0}.source-info strong{font-size:12px;font-weight:500}.source-info small{display:block;font-size:10px;color:#99a49e;margin-top:3px}.source-row .source-quantity{text-align:right;font-size:16px;font-weight:600;min-width:36px}.source-row .source-quantity small{font-size:10px;color:#8c9b92;font-weight:400;margin-left:4px}.mini-progress{width:70px;height:4px;border-radius:4px;background:#edf3ee;margin:7px 0 0 auto;overflow:hidden}.mini-progress i{display:block;background:#77b298;height:100%;width:100%}.workflow{padding:3px 20px 21px}.workflow-stages{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:10px 0 22px;gap:8px}.workflow-stages:before{content:"";position:absolute;height:1px;background:#e9eee9;left:12%;right:12%;top:19px}.workflow-stage{position:relative;text-align:center}.workflow-circle{position:relative;background:#eef6f0;color:#5f9476;border:5px solid #fff;width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center}.workflow-circle .icon{width:16px;height:16px}.workflow-stage strong{display:block;font-size:13px;font-weight:600;margin-top:6px}.workflow-stage small{display:block;color:#93a297;font-size:10px;margin-top:2px}.workflow-note{background:#f8faf8;padding:10px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:10px;color:#90a094}.workflow-note .icon{width:14px;height:14px}.link{color:var(--green);font-size:11px;display:inline-flex;align-items:center;gap:4px}.link .icon{height:13px;width:13px}.table-card .card-header{padding-bottom:15px}.table-tabs{display:flex;padding:0 20px;gap:25px;border-bottom:1px solid var(--line);overflow:auto}.tab{font-size:12px;padding:14px 0 13px;color:#8b9891;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:7px}.tab.active{color:#187757;border-color:var(--green);font-weight:600}.tab small{font-size:10px;font-weight:400;background:#f1f4f1;border-radius:4px;min-width:17px;padding:0 4px;text-align:center;color:#93a198}.tab.active small{background:#edf6ef;color:var(--green)}.filters{display:flex;gap:10px;align-items:center;padding:17px 20px;flex-wrap:wrap}.input-wrap{display:flex;align-items:center;gap:8px;border:1px solid #e3e9e4;border-radius:6px;background:#fff;padding:0 11px;height:35px;min-width:0}.input-wrap .icon{width:15px;height:15px;color:#98a59b}.input-wrap:focus-within{border-color:#8bbca1;box-shadow:0 0 0 2px #eef6f0}.input-wrap input{border:0;outline:0;width:100%;min-width:0;font-size:11px;background:transparent;color:#3f5748}.input-wrap input::placeholder{color:#a3ada6}.search{width:265px}.select{border:1px solid #e3e9e4;border-radius:6px;background:#fff;height:35px;padding:0 28px 0 10px;font-size:11px;color:#718175;max-width:100%}.select:focus{outline:2px solid #d3e9dc}.date-filter{font-size:11px;color:#718175;border:1px solid #e3e9e4;border-radius:6px;padding:0 8px;height:35px;background:white;min-width:125px}.filter-space{flex:1}.filter-count{font-size:10px;color:#a0aaa4;white-space:nowrap}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:12px}thead{background:#f8faf8;color:#8e9c91;font-size:10px;font-weight:400}th{height:40px;font-weight:400;padding:0 18px;border-top:1px solid #eef2ee;border-bottom:1px solid #eef2ee}td{height:72px;padding:10px 18px;border-bottom:1px solid #eff2ef;color:#5a6c60}tbody tr:hover{background:#fbfdfb}.order-number{font-size:11px;letter-spacing:.25px;font-weight:600;color:#425a4b;font-variant-numeric:tabular-nums;display:flex;gap:7px;align-items:center}.order-number button{width:18px;height:20px;color:#a3aea6;padding:0}.order-number .icon{width:12px;height:12px}.subline{font-size:10px;color:#a0aaa3;margin-top:4px;font-weight:400;display:block}.table-source{display:flex;align-items:center;gap:8px;font-size:11px}.table-source .app-badge{width:24px;height:24px;border-radius:6px;font-size:11px}.type-chip{font-size:10px;padding:3px 7px;border:1px solid #edf0ed;border-radius:4px;background:#fbfcfb;color:#91a092;display:inline-block}.money{font-weight:600;font-size:12px;color:#455b4c;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:3px 8px;border-radius:4px;background:#edf5ef;color:#5e9375;white-space:nowrap}.badge:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.badge.waiting{background:#faf4e7;color:#b58b42}.badge.producing{background:#eef3fc;color:#7d95c3}.badge.completed{background:#f2eefa;color:#9a80b8}.badge.sent{background:#eaf5ee;color:#559475}.badge.unpaid{background:#f6f1ec;color:#ac8a6c}.badge.cancelled{background:#f1f3f2;color:#9ca69f}.table-actions{display:flex;align-items:center;gap:12px}.table-actions button{color:var(--green);font-size:11px;padding:4px 0}.table-actions button.secondary{color:#9ba69e}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:#9aa69e;font-size:10px}.pagination{display:flex;gap:5px;align-items:center}.page-btn{height:27px;min-width:27px;border:1px solid #e5eae5;border-radius:5px;display:grid;place-items:center;color:#91a093;background:white;padding:0 7px;font-size:10px}.page-btn.active{background:var(--green);color:white;border-color:var(--green)}.page-btn .icon{width:12px;height:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0 0;color:#a6b0a8;font-size:10px}.footer span{display:flex;align-items:center;gap:6px}.footer .icon{width:12px;height:12px}.empty{padding:65px 20px;text-align:center;color:#95a29a}.empty .icon{height:35px;width:35px;color:#bed0c1;margin-bottom:8px}.empty strong{display:block;font-size:14px;color:#6a8170;margin-bottom:7px;font-weight:500}.empty p{font-size:12px;margin:0}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{padding:23px;position:relative;display:flex;flex-direction:column}.app-card-head{display:flex;gap:12px;align-items:center;margin-bottom:17px}.app-card-head .app-badge{height:44px;width:44px;font-size:21px}.app-card h3{font-size:15px;margin:0 0 3px;font-weight:600}.app-card .app-code{color:#9aa89e;font-size:10px;letter-spacing:1px}.app-card .description{font-size:12px;color:#8f9c93;min-height:39px}.app-card-stats{display:flex;gap:35px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0 18px}.app-card-stats strong{font-size:22px;font-weight:600;display:block}.app-card-stats small{font-size:11px;color:#9ca79f}.app-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:10px}.help-callout{padding:19px 22px;margin-top:22px;background:#f0f6f2;border:1px solid #e0ebe2;border-radius:9px;display:flex;gap:13px;color:#7f9385;font-size:12px}.help-callout h3{font-size:13px;font-weight:600;color:#55765f;margin:0 0 6px}.help-callout p{margin:0;line-height:1.9}.help-callout>.icon{color:#729b7d;margin-top:2px}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.settings-body{padding:0 22px 23px}.info-line{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #eef2ed;font-size:12px;color:#8a9b8e}.info-line strong{font-weight:500;color:#5a705e}.info-line:last-child{border:0}.form-field{margin-bottom:17px}.form-field label{display:block;font-size:12px;color:#5c7161;margin-bottom:8px}.form-field .field-hint{display:block;font-size:11px;color:#98a69b;margin-top:6px}.text-input{height:40px;width:100%;border:1px solid #dfe7df;border-radius:6px;padding:0 12px;outline:none;color:#3a5342;background:white;font-size:12px}.text-input:focus{border-color:#86b89c;box-shadow:0 0 0 3px #eef6f0}.text-input::placeholder{color:#a8b2aa}textarea.text-input{height:85px;padding:10px 12px;resize:vertical}.mobile-nav{display:none}.mobile-shade{display:none}.scrim{position:fixed;inset:0;background:#112d234a;z-index:60;backdrop-filter:blur(2px);animation:fade-in .18s ease}.drawer{position:fixed;right:0;top:0;bottom:0;width:650px;max-width:100%;background:#f8faf8;z-index:61;box-shadow:-12px 0 50px #10291d20;display:flex;flex-direction:column;animation:slide-in .22s ease}.drawer-head{background:white;border-bottom:1px solid var(--line);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.drawer-head h2{font-size:18px;margin:0 0 4px}.drawer-head small{font-size:11px;color:#91a096}.drawer-body{overflow:auto;padding:20px 24px;flex:1;overscroll-behavior:contain}.drawer-order-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.drawer-order-head .table-source{font-size:12px}.drawer-tabs{display:flex;background:white;border-radius:8px;border:1px solid var(--line);margin-bottom:18px;padding:0 15px;gap:24px}.drawer-tabs button{font-size:12px;padding:13px 0 11px;border-bottom:2px solid transparent;color:#8b9c8e}.drawer-tabs button.active{color:var(--green);border-color:var(--green)}.detail-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:17px 18px;margin-bottom:14px}.detail-card h3{font-size:12px;font-weight:600;margin:0 0 14px;display:flex;align-items:center;gap:7px}.detail-card h3 .icon{width:16px;height:16px;color:#89a18d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;font-size:12px}.detail-grid label{font-size:10px;color:#99a69b;display:block;margin-bottom:4px}.detail-grid .wide{grid-column:1/-1}.detail-grid p{margin:0;line-height:1.8;color:#617465}.detail-grid .money{font-size:20px;color:var(--green)}.letter-content{white-space:pre-wrap;font-size:12px;line-height:2;color:#7a8e7f;background:#fafcf9;border-radius:6px;padding:15px 17px;max-height:320px;overflow:auto}.attachment{display:flex;align-items:center;gap:10px;background:#f8faf8;border-radius:6px;padding:11px 13px;margin-top:10px}.attachment .icon{color:#7b9c83}.attachment span{flex:1;font-size:11px;color:#738978}.attachment small{display:block;color:#a3afa5;font-size:10px;margin-top:2px}.production-callout{font-size:11px;color:#88a18f;line-height:1.8;background:#f0f6f0;border-radius:6px;padding:10px 12px;margin-bottom:15px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.photo-tile{position:relative;aspect-ratio:1;background:#edf3ed;border:1px solid #e1eae0;border-radius:6px;overflow:hidden}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block}.photo-tile a{display:block;width:100%;height:100%}.photo-tile button{position:absolute;right:5px;top:5px;width:25px;height:25px;background:#ffffffee;border-radius:50%;display:grid;place-items:center;color:#b6796c;z-index:1}.photo-tile button .icon{height:13px;width:13px}.upload-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #b9d0bb;background:#fbfdfb;aspect-ratio:1;border-radius:6px;color:#7fa287;cursor:pointer;font-size:10px;gap:7px}.upload-tile .icon{width:24px;height:24px}.upload-tile:hover{background:#f1f7f1}.upload-input{position:absolute;opacity:0;width:1px;height:1px}.upload-tile:focus-within{outline:2px solid var(--green)}.workflow-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.shipping-box{background:#f4f8f4;border:1px solid #e5eee3;border-radius:7px;padding:15px;margin-bottom:17px}.shipping-box strong{display:block;font-size:17px;letter-spacing:1px;color:#5c7e62;font-weight:600;margin:5px 0}.shipping-box small{color:#90a295;font-size:10px}.timeline{padding:0 0 0 9px}.timeline-item{padding:0 0 23px 23px;position:relative;border-left:1px solid #e2ebe1}.timeline-item:before{content:"";position:absolute;left:-4px;top:5px;height:7px;width:7px;background:#afcdb6;border:2px solid white;border-radius:50%}.timeline-item:first-child:before{background:var(--green)}.timeline-item:last-child{border:0;padding-bottom:0}.timeline-item strong{display:block;font-weight:500;font-size:12px;color:#68846e}.timeline-item p{font-size:11px;color:#8a9e8f;line-height:1.8;margin:5px 0}.timeline-item small{color:#a6b3a9;font-size:10px}.drawer-footer{background:white;border-top:1px solid var(--line);padding:15px 24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9daaa0;gap:10px}.drawer-footer .icon{height:13px;width:13px;margin-right:5px}.modal-wrap{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:75;background:#17332759;padding:24px;backdrop-filter:blur(2px)}.modal{background:white;width:440px;max-width:100%;border-radius:13px;box-shadow:0 24px 100px #0f281e30;max-height:90vh;overflow:auto}.modal-header{padding:22px 24px 16px;display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0;font-size:18px;font-weight:600}.modal-body{padding:0 24px 7px}.modal-footer{padding:15px 24px 22px;display:flex;justify-content:flex-end;gap:10px}.modal-intro{font-size:12px;color:#8f9f94;margin:0 0 20px;line-height:1.9}.error-message{font-size:12px;background:#fff4f0;border:1px solid #f5ded4;color:#b67d67;border-radius:6px;padding:10px 12px;margin:0 0 17px;line-height:1.8}.error-message:empty{display:none}.toast{position:fixed;top:22px;left:50%;transform:translateX(-50%);padding:12px 19px;background:#fff;border:1px solid #deeadf;box-shadow:0 10px 40px #16301f20;z-index:100;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:12px;color:#5a7d63;max-width:90vw;animation:fade-in .15s}.toast.error{color:#ba7765;border-color:#f1dcd4}.toast .icon{width:17px;height:17px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:#edf4ec;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:55px;justify-content:space-between}.login-art .brand{padding:0}.login-copy{position:relative;z-index:2;margin:0 0 18px}.login-copy .eyebrow{letter-spacing:3px;color:#8fa48f;font-size:10px;margin-bottom:18px}.login-copy h1{font-size:43px;line-height:1.6;font-weight:600;letter-spacing:2px;color:#426b4b;margin:0 0 20px}.login-copy p{color:#8ba18d;line-height:2;font-size:13px;max-width:320px}.login-orbit{position:absolute;width:520px;height:520px;right:-230px;top:10%;border:1px solid #d8e6d5;border-radius:50%}.login-orbit:before,.login-orbit:after{content:"";position:absolute;border:1px solid #d8e6d5;border-radius:50%;inset:50px}.login-orbit:after{inset:100px}.letter-art{position:relative;width:245px;height:150px;border:1px solid #c7d9c4;border-radius:9px;background:#f7faf3;box-shadow:0 16px 35px #4d755515;transform:rotate(-7deg);margin:25px 0 35px 24px;z-index:1;overflow:hidden}.letter-art:before{content:"";width:180px;height:180px;position:absolute;left:32px;top:-112px;border:1px solid #c7d9c4;transform:rotate(45deg);background:#f0f6eb}.letter-art:after{content:"邮";position:absolute;right:15px;bottom:14px;border:1px solid #c5d7c0;color:#93b090;padding:5px 8px;border-radius:3px;font-size:16px}.login-art-footer{font-size:11px;color:#a0b29c;z-index:2}.login-form-wrap{display:flex;justify-content:center;align-items:center;padding:45px}.login-form{width:340px;max-width:100%}.login-form .eyebrow{color:#8aa590;letter-spacing:3px;font-size:10px}.login-form h2{font-size:27px;letter-spacing:.5px;margin:11px 0 8px;font-weight:600}.login-form>p{font-size:12px;color:#96a49a;line-height:1.9;margin:0 0 29px}.login-form .text-input{height:45px;font-size:13px;background:#fdfefd}.login-form .btn{height:44px;width:100%;margin-top:9px;font-size:13px;letter-spacing:1px}.login-bottom{color:#a8b4aa;font-size:10px;margin-top:23px;display:flex;align-items:center;gap:7px;justify-content:center}.login-bottom .icon{height:13px;width:13px}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8da292;gap:10px;font-size:12px}.boot-logo{width:48px;height:48px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:22px}.busy{pointer-events:none;opacity:.6}.mobile-header{display:none}.hint-text{color:#a1aca3;font-size:11px;line-height:1.8}.audit-detail{max-width:460px;white-space:normal;line-height:1.8}.preview-image{display:block;max-height:75vh;max-width:100%;margin:auto}.check-inline{display:flex;gap:8px;align-items:center;font-size:11px;color:#9aa99d}.check-inline input{accent-color:var(--green)}.screen-error{max-width:500px;margin:80px auto;padding:30px;text-align:center}.screen-error p{color:#9ba99c;font-size:12px}.result-banner{font-size:12px;color:#8a9f8c;background:#f2f7ef;border-radius:6px;padding:12px;line-height:1.9}.order-empty-tip{padding:15px 0 4px;color:#a1b1a3;font-size:11px;line-height:1.8}.header-actions{display:flex;gap:10px}.header-actions .btn{height:32px}.app-url{font-size:10px;color:#9aab9d;overflow-wrap:anywhere}.spacer-top{margin-top:16px}.stat:hover{border-color:#cdded0}.demo-tag{font-size:9px;color:#96a899;border:1px solid #e1eae0;border-radius:3px;padding:1px 4px;margin-left:5px;vertical-align:1px}.data-pulse{width:5px;height:5px;background:#7ba98b;border-radius:50%;display:inline-block;margin-right:4px}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{transform:translateX(40px);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(min-width:1500px){.content{padding:35px 42px 25px}.topbar{padding:0 42px}.stat{padding:22px 23px 19px;min-height:146px}.stat-value strong{font-size:35px}td{height:77px}.overview-grid{grid-template-columns:1.6fr 1fr}.source-row{padding:15px 0}}
@media(max-width:1200px){:root{--sidebar:200px}.sidebar{padding-left:12px;padding-right:12px}.nav-item.active:before{left:-12px}.brand{padding-left:8px}.content{padding:24px}.topbar{padding:0 24px}.stats{gap:12px}.stat{padding:15px}.overview-grid{grid-template-columns:1.1fr 1fr}.table-source{max-width:125px}.apps-grid{grid-template-columns:repeat(2,1fr)}.top-date{display:none}.search{width:225px}.filter-count{display:none}th,td{padding-left:13px;padding-right:13px}.workflow{padding-left:12px;padding-right:12px}.workflow-note{padding:8px}.topbar-right{gap:12px}}
@media(max-width:900px){:root{--sidebar:185px}.brand-name{font-size:21px}.brand-sub{font-size:8px;letter-spacing:1px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand{gap:9px}.content{padding:22px 18px}.topbar{padding:0 18px}.stats{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.stat{min-height:120px}.page-heading{align-items:flex-start}.heading-actions{gap:6px}.heading-actions .btn{padding:0 10px}.page-title{font-size:23px}.notice{align-items:flex-start}.notice a{display:none}.workflow{padding:0 20px 18px}.apps-grid{grid-template-columns:1fr}.footer{flex-wrap:wrap}.table-tabs{gap:20px}.topbar-right .top-line{display:none}.topbar-right>.icon-button{display:none}.login-art{padding:35px}.login-copy h1{font-size:33px}.login-form-wrap{padding:30px}.login-page{grid-template-columns:.9fr 1fr}.letter-art{width:190px;height:120px;margin-left:5px}.login-copy p{font-size:12px}}
@media(max-width:640px){.sidebar{transform:translateX(-100%);width:232px;transition:transform .2s}.sidebar.mobile-open{transform:translateX(0)}.mobile-shade.show{display:block;position:fixed;inset:0;background:#17362766;z-index:29}.main{margin-left:0}.topbar{height:60px;padding:0 16px}.mobile-nav{display:inline-grid}.breadcrumb{gap:8px;font-size:11px}.topbar-right{gap:8px}.environment{font-size:9px;padding:4px 6px}.content{padding:23px 15px 16px}.page-heading{gap:8px;flex-wrap:wrap;margin-bottom:18px}.page-title{font-size:22px}.page-subtitle{font-size:11px}.heading-actions .btn{font-size:11px;height:32px}.notice{font-size:10px;padding:9px 11px;gap:8px;margin-bottom:17px}.notice>.icon{margin-top:1px;flex-shrink:0}.stats{gap:10px;margin-bottom:17px}.stat{padding:12px 14px;min-height:119px}.stat-top{font-size:11px}.stat-icon{height:26px;width:26px}.stat-icon .icon{height:15px;width:15px}.stat-value strong{font-size:29px}.stat-foot{font-size:9px}.overview-grid{gap:17px;margin-bottom:17px}.card-header{padding:16px}.table-card .card-header{padding:17px 16px 10px}.table-tabs{padding:0 15px;gap:20px}.tab{font-size:11px;padding:11px 0}.filters{padding:13px 15px;gap:8px}.search{width:100%}.select{flex:1}.date-filter{min-width:110px;flex:1}.filters .btn{height:35px}.filter-space{display:none}.table-footer{padding:14px 15px}.table-footer>.pagination>span{display:none}.footer{font-size:9px;padding-top:18px}.table-actions{gap:10px}.drawer{width:100%}.drawer-head{padding:18px}.drawer-body{padding:16px}.drawer-footer{padding:13px 16px}.drawer-footer>span{max-width:65%;font-size:9px}.detail-card{padding:15px}.drawer-tabs{gap:22px}.detail-grid{gap:13px 17px}.modal-wrap{padding:18px}.modal-header{padding:20px}.modal-body{padding:0 20px 5px}.modal-footer{padding:15px 20px 20px}.login-page{display:block}.login-art{padding:25px 25px 28px;min-height:230px}.login-art .brand{margin-bottom:24px}.login-copy{margin:0}.login-copy h1{font-size:25px;margin:0 0 7px;line-height:1.5}.login-copy h1 br{display:none}.login-copy p{font-size:11px;margin:0;max-width:270px;line-height:1.8}.login-copy .eyebrow{display:none}.letter-art{position:absolute;right:-30px;bottom:18px;transform:rotate(-12deg);width:150px;height:100px;opacity:.6;z-index:0}.login-art-footer{display:none}.login-form-wrap{padding:34px 28px}.login-form{width:100%}.login-form h2{font-size:23px}.login-orbit{top:-150px;right:-280px}.apps-grid{gap:15px}.app-card{padding:20px}.settings-body{padding:0 18px 20px}.header-actions{gap:7px}.header-actions .btn{font-size:10px;padding:0 9px}.overview-grid .source-row .source-info strong{font-size:11px}.source-summary{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.modal-open{overflow:hidden}
@media(max-height:800px) and (min-width:641px){.sidebar{padding-top:24px}.sidebar .brand{padding-bottom:20px}.sidebar .nav-item{height:40px;margin:3px 0}.sidebar .nav-divider{margin:16px 14px 10px}.sidebar .nav-caption{margin:10px 0 8px}.sidebar .local-note{margin:16px 5px 13px;padding:10px}.sidebar .account{padding-top:13px}}.sidebar nav{min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-bottom{flex-shrink:0}
