@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#17233d;background:#f4f7fb;font-synthesis:none;--navy: #002d69;--orange: #f86816;--blue: #1769e0;--teal: #12a594;--line: #e6ebf2;--muted: #71809b;--shadow: 0 10px 30px rgba(25, 52, 91, .07)}*{box-sizing:border-box}body{margin:0;min-width:1120px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:238px;background:linear-gradient(180deg,#002d69,#062653);color:#fff;position:fixed;inset:0 auto 0 0;padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand,.login-brand{display:flex;align-items:center;padding:0 10px}.brand-logo{display:block;width:178px;height:auto;object-fit:contain}.login-brand-logo{display:block;width:210px;height:auto;object-fit:contain}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:38px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#9dacc1;text-decoration:none;padding:12px 14px;border-radius:9px;font-size:14px;font-weight:500;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#1d6bd9,#1c72d18f);color:#fff}.sidebar-foot{margin-top:auto}.help-card{background:linear-gradient(135deg,#183b61,#174e70);border:1px solid #ffffff12;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:5px}.help-card .eyebrow{color:#56d9c7}.help-card strong{font-size:14px}.help-card small{color:#a9b9c9}.logout{width:100%;border:0;background:none;color:#8fa1b8;display:flex;align-items:center;gap:10px;padding:15px;margin-top:8px}.main{margin-left:238px;min-height:100vh}.topbar{height:74px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:4}.search{display:flex;align-items:center;gap:9px;color:#9aa5b5}.search input{width:300px;border:0;outline:0;color:#2c3950}.top-actions,.user-block{display:flex;align-items:center}.top-actions{gap:22px}.icon-button{border:0;background:#f5f7fa;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;position:relative;color:#53627a}.icon-button i{position:absolute;width:7px;height:7px;background:#f05252;border-radius:50%;right:7px;top:7px;border:2px solid #fff}.user-block{gap:10px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.avatar{width:37px;height:37px;border-radius:10px;background:linear-gradient(135deg,#186adf,#1bb29f);display:grid;place-items:center;color:#fff;font-weight:700}.user-block strong,.user-block small{display:block}.user-block strong{font-size:13px}.user-block small{font-size:10px;color:#8b97a8;margin-top:2px}.page{padding:30px 34px 45px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.page-heading.compact{align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#1b79dc}.page-heading h1{font-size:25px;margin:5px 0 6px;color:#14213a}.page-heading p,.card-title p{margin:0;color:var(--muted);font-size:13px}.exhibition-switch{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;width:315px}.exhibition-switch small,.exhibition-switch strong,.exhibition-switch span{display:block}.exhibition-switch small{color:#8692a5;font-size:10px}.exhibition-switch strong{font-size:13px;margin:3px 0 5px}.exhibition-switch span{font-size:10px;color:#8290a4;display:flex;align-items:center;gap:4px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px}.metric-card,.provider-metrics article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;align-items:center;position:relative;box-shadow:0 3px 15px #1c335306}.metric-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;margin-right:12px}.metric-icon.blue{background:#e8f2ff;color:#1870df}.metric-icon.green{background:#e6f8f4;color:#0ba288}.metric-icon.violet{background:#f0eaff;color:#7451d7}.metric-icon.orange{background:#fff2df;color:#e58a14}.metric-icon.red{background:#feeaea;color:#e34c54}.metric-card span{font-size:11px;color:#8290a4}.metric-card strong{font-size:23px;display:block;margin-top:4px}.metric-card strong small{font-size:11px;margin-left:4px}.metric-card em{position:absolute;right:12px;top:13px;background:#edf8f3;color:#1a9d70;border-radius:12px;padding:3px 6px;font-style:normal;font-size:9px;display:flex}.metric-card em.alert{color:#e34c54;background:#fff0f0}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.dashboard-grid>.card{min-height:310px}.card-title{padding:20px 22px 14px;display:flex;align-items:center;justify-content:space-between}.card-title h3{margin:0 0 4px;font-size:15px;display:flex;align-items:center;gap:7px}.card-title a,.text-button{font-size:11px;color:var(--blue);text-decoration:none;border:0;background:none}.live-dot{font-size:10px;color:#13a28c;background:#e8f8f4;border-radius:20px;padding:5px 9px}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#13a28c;border-radius:50%;margin-right:5px}.map-canvas{height:240px;margin:0 16px 16px;border-radius:9px;background:#edf3f5;position:relative;overflow:hidden;background-image:linear-gradient(30deg,#dce8e9 12%,transparent 12.5%,transparent 87%,#dce8e9 87.5%),linear-gradient(150deg,#dce8e9 12%,transparent 12.5%,transparent 87%,#dce8e9 87.5%)}.road{position:absolute;background:#fff;border:1px solid #dae4e8;box-shadow:0 0 0 4px #ffffff80}.r1{width:120%;height:14px;left:-10%;top:40%;transform:rotate(-8deg)}.r2{height:120%;width:12px;left:68%;top:-10%;transform:rotate(15deg)}.r3{width:70%;height:10px;left:10%;top:72%;transform:rotate(18deg)}.venue{position:absolute;left:38%;top:38%;width:135px;height:68px;border:2px solid #1f74d2;background:#e7f1ff;border-radius:8px;display:grid;place-items:center;color:#185ca7;z-index:2}.venue span{font-weight:800;font-size:16px}.venue strong{font-size:9px}.truck-dot{position:absolute;width:26px;height:26px;border-radius:50%;background:#14a88f;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 5px #17aa9022;z-index:3}.truck-dot span{display:none;position:absolute;top:30px;background:#152b48;color:#fff;white-space:nowrap;padding:3px 7px;border-radius:4px;font-size:9px}.truck-dot:hover span{display:block}.truck-dot.t0{left:22%;top:25%}.truck-dot.t1{right:17%;bottom:22%;background:#eb9b2b}.map-legend{position:absolute;left:10px;bottom:9px;background:#fffd;border-radius:6px;padding:6px 9px;display:flex;gap:10px;font-size:8px}.map-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px}.green{background:#16a78e}.orange{background:#e99b2d}.red{background:#e84c57}.slot-list{padding:2px 22px}.slot-list>div{position:relative;margin:15px 0;padding-right:45px}.slot-list div div:first-child{display:flex;justify-content:space-between}.slot-list strong{font-size:11px}.slot-list span{font-size:9px;color:#8995a7}.progress{height:6px;background:#edf1f5;border-radius:6px;overflow:hidden;margin-top:7px}.progress i{height:100%;display:block;background:linear-gradient(90deg,#16aa94,#4ac6b4);border-radius:5px}.progress i.warning{background:linear-gradient(90deg,#ef9c32,#f2b354)}.slot-list em{position:absolute;right:0;bottom:-2px;font-style:normal;font-size:10px;color:#168f7d}.donut-wrap{padding:10px 25px;display:flex;align-items:center;justify-content:center;gap:40px}.donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(#1771dd 0 43%,#13aa91 43% 72%,#7554d8 72% 87%,#e7ecf2 87%);display:grid;place-items:center}.donut:before{content:"";width:105px;height:105px;background:#fff;border-radius:50%;position:absolute}.donut div{z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:26px}.donut span{font-size:9px;color:#8c98a9}.status-legend{min-width:150px}.status-legend div{display:flex;justify-content:space-between;align-items:center;margin:9px 0}.status-legend strong{font-size:12px}.status-badge{display:inline-flex;padding:4px 8px;border-radius:12px;font-size:10px;background:#eef2f7;color:#647389;white-space:nowrap}.status-badge.pending_quote,.status-badge.pending_accept{background:#fff1dd;color:#d88417}.status-badge.accepted,.status-badge.picked_up{background:#eee9ff;color:#6e4bd2}.status-badge.in_transit{background:#e7f1ff;color:#176cd5}.status-badge.arrived,.status-badge.unloading{background:#e5f7f3;color:#0b9881}.status-badge.completed{background:#eaf7ed;color:#338c4b}.alert-count{background:#fff0f0;color:#e84c57;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:11px}.alert-list{padding:0 20px}.alert-list>div{display:flex;gap:12px;padding:14px 0;border-top:1px solid #eef1f5}.alert-list>div>span{width:34px;height:34px;border-radius:9px;background:#fff2de;color:#e99727;display:grid;place-items:center;flex:none}.alert-list>div>span.critical{background:#ffeded;color:#e34b55}.alert-list strong{font-size:12px}.alert-list p{font-size:10px;color:#6f7e94;margin:4px 0}.alert-list small{font-size:9px;color:#a0a9b8;display:flex;align-items:center;gap:4px}.all-clear{color:#18a489}.loading,.error-panel,.success-panel{padding:18px 20px;border-radius:10px;margin:15px 0;font-size:13px}.loading{color:#76859a;text-align:center}.error-panel{background:#fff0f0;color:#c8434b;border:1px solid #fbd6d7}.success-panel{background:#eaf9f5;color:#118b79;border:1px solid #c9eee5;display:flex;align-items:center;gap:8px}.primary,.secondary,.small-primary{border:0;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600}.primary,.small-primary{color:#fff;background:linear-gradient(135deg,#156cdf,#167bd3);box-shadow:0 7px 15px #1d6fd52a}.secondary{background:#fff;border:1px solid #dce3ec;color:#34445b}.small-primary{padding:7px 12px}.full{width:100%}.toolbar{padding:12px 16px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.toolbar .field{background:#f5f7fa;padding:8px 11px;border-radius:7px}.toolbar .field input{background:transparent}.toolbar span{font-size:11px;color:#8290a4}.table-card{overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f8fafc;color:#7c899d;font-size:10px;font-weight:600;padding:12px 16px}td{font-size:11px;padding:15px 16px;border-top:1px solid #edf1f5;color:#48566c}td strong,td small{display:block}td strong{font-size:11px;color:#25334b}td small{font-size:9px;color:#8d98a8;margin-top:5px}.order-no{color:#176ddb!important}.route{display:flex;align-items:center;gap:5px;max-width:260px}.empty{text-align:center;color:#9aa5b5;padding:60px 20px}.empty strong{display:block;color:#516078;margin:10px}.empty p{font-size:11px}.modal-mask{position:fixed;z-index:20;inset:0;background:#09152a99;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fff;border-radius:16px;width:560px;padding:25px;box-shadow:0 25px 70px #07112555;max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-head h2{margin:5px 0;font-size:20px}.modal-head p{margin:0;color:#8390a3;font-size:11px}.modal-head>button{border:0;background:#f3f5f8;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#738095}.modal label,.booking-summary label{font-size:11px;color:#59687d;font-weight:600;display:block;margin:13px 0}.modal input,.modal select,.booking-summary select{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #dce3eb;border-radius:7px;outline:none;color:#334158;background:#fff}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0 10px}.form-grid.two{grid-template-columns:1fr 1fr}.form-error{background:#fff0f0;color:#c94149;border-radius:7px;padding:9px;margin:10px 0;font-size:11px}.quote-list article{display:flex;align-items:center;gap:12px;border:1px solid #e2e7ef;border-radius:10px;padding:14px;margin:10px 0;position:relative}.quote-list article.recommended{border-color:#1aa88e;background:#f5fcfa}.quote-list article>span{position:absolute;right:0;top:0;background:#16a68e;color:#fff;font-size:8px;padding:3px 8px;border-radius:0 9px 0 7px}.supplier-logo{width:40px;height:40px;border-radius:9px;background:#e9f2ff;color:#156bd7;display:grid;place-items:center;font-weight:700}.quote-list article div:nth-child(3){flex:1}.quote-list strong,.quote-list small{display:block}.quote-list small{font-size:9px;color:#8995a6;margin-top:3px}.quote-list b{font-size:17px;color:#152a49}.service-selector{width:620px}.service-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-options label{position:relative;display:grid;grid-template-columns:1fr 72px 36px;align-items:center;gap:8px;padding:13px;margin:0;border:1px solid #e2e7ee;border-radius:9px}.service-options strong,.service-options small{display:block}.service-options strong{color:#27364e;font-size:11px}.service-options small{margin-top:4px;color:#8490a2;font-size:8px}.service-options input{margin:0;text-align:right}.service-options em{color:#778397;font-size:9px;font-style:normal}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.booking-layout{display:grid;grid-template-columns:1fr 310px;gap:16px}.discount-tip{background:linear-gradient(135deg,#f7ecff,#e9f3ff);border:1px solid #e4dbf6;padding:11px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;color:#7654cf}.discount-tip strong,.discount-tip small{display:block}.discount-tip strong{font-size:11px}.discount-tip small{font-size:9px;color:#8b7aa7}.date-strip{display:flex;gap:10px;padding:8px 22px 20px}.date-strip button{width:78px;border:1px solid #e2e7ee;background:#fff;border-radius:10px;padding:9px;color:#6e7b90}.date-strip span,.date-strip small,.date-strip strong{display:block}.date-strip span,.date-strip small{font-size:9px}.date-strip strong{font-size:20px;margin:3px}.date-strip button.selected{background:#176fda;color:#fff;border-color:#176fda}.slot-heading{border-top:1px solid #edf0f4;padding:20px 22px 8px;display:flex;align-items:center;justify-content:space-between}.slot-heading h3{font-size:13px;display:flex;align-items:center;gap:6px}.slot-heading span{font-size:9px;color:#8e99a9}.slot-heading i{width:6px;height:6px;background:#16a78e;border-radius:50%;display:inline-block;margin:0 4px}.slot-heading i.warm{background:#eb9b2d}.booking-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 22px 24px}.booking-slots button{text-align:left;border:1px solid #e1e6ee;background:#fff;border-radius:10px;padding:14px;position:relative;color:#35445b}.booking-slots button:hover,.booking-slots button.selected{border-color:#1675dd;box-shadow:0 0 0 2px #1675dd18}.booking-slots button.nearly{border-color:#f0c27c}.booking-slots div:first-child{display:flex;justify-content:space-between}.booking-slots strong{font-size:12px}.booking-slots span,.booking-slots em{font-size:9px;color:#8b96a7;font-style:normal}.booking-slots em{display:block;margin-top:7px;color:#158f7c}.booking-summary{padding:22px;height:max-content}.booking-summary h3{font-size:17px}.summary-row{border-top:1px solid #edf1f4;padding:15px 0;display:flex;justify-content:space-between;font-size:11px}.summary-row span{color:#8290a4}.summary-row strong.free{color:#16a28b}.permission-tip{background:#f4f6f9;color:#718097;padding:12px;border-radius:8px;font-size:10px}.provider-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.provider-metrics article span{width:44px;height:44px;border-radius:12px;background:#e9f2ff;color:#176ed8;display:grid;place-items:center;margin-right:13px}.provider-metrics article:nth-child(2) span{background:#e7f8f4;color:#11a28c}.provider-metrics article:nth-child(3) span{background:#eeebff;color:#6f54cd}.service-task-table{margin-top:16px}.provider-metrics small,.provider-metrics strong{display:block}.provider-metrics small{color:#8290a4}.provider-metrics strong{font-size:23px;margin-top:3px}.padded{padding:18px 20px}.report-cover{height:190px;background:linear-gradient(120deg,#0c294e,#0e4f6e);color:#fff;padding:35px 45px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.report-cover span{font-size:10px;letter-spacing:.2em;color:#5ad5c4}.report-cover h2{font-size:25px;margin:12px 0 6px}.report-cover p{margin:0;color:#c1d6e2}.report-ring{width:115px;height:115px;border:20px solid #ffffff12;border-radius:50%;display:grid;place-items:center;color:#54d4c1;box-shadow:0 0 0 20px #ffffff08}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.report-metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;align-items:center;gap:13px;color:#1970da}.report-metrics span{font-size:10px;color:#8190a5}.report-metrics strong{display:block;font-size:21px;color:#1a2942;margin-top:3px}.report-metrics small{font-size:10px;margin-left:4px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.efficiency,.suggestions{padding-bottom:20px}.efficiency-row{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:12px;padding:12px 22px;font-size:10px}.efficiency-row strong{text-align:right}.efficiency-row .progress{margin:0}.efficiency-row .progress.alert i{background:#ec8c8c}.suggestions .ai-tag{background:linear-gradient(135deg,#7354d5,#2384db);color:#fff;border-radius:6px;padding:4px 7px;font-size:9px}.suggestions ol{list-style:none;margin:0;padding:0 22px}.suggestions li{display:flex;gap:12px;padding:12px 0;border-top:1px solid #edf1f5}.suggestions li span{font-size:10px;color:#1785d9;background:#eaf3ff;width:25px;height:25px;display:grid;place-items:center;border-radius:7px}.suggestions li p{margin:3px 0;color:#56657a;font-size:11px}.agreement{text-align:center;font-size:9px;color:#a1a9b6;margin-top:18px}.login-page{height:100vh;display:grid;grid-template-columns:55% 45%;background:#fff}.login-hero{background:linear-gradient(145deg,#002d69,#064c72);color:#fff;padding:42px 55px;position:relative;overflow:hidden}.login-brand{padding:0}.hero-copy{position:relative;z-index:2;margin-top:15vh;max-width:600px}.hero-tag{font-size:10px;letter-spacing:.1em;color:#57dbc8;display:flex;align-items:center;gap:5px}.hero-copy h1{font-size:49px;line-height:1.23;margin:20px 0;font-weight:600;letter-spacing:.02em}.hero-copy h1 span{color:#50d5c2}.hero-copy>p{font-size:14px;line-height:1.8;color:#b7c9d7;max-width:470px}.hero-features{display:flex;gap:37px;margin-top:48px}.hero-features>div{display:flex;align-items:center;gap:10px;color:#50d3c0}.hero-features strong,.hero-features small{display:block}.hero-features strong{font-size:11px;color:#fff}.hero-features small{font-size:8px;color:#91acbc;margin-top:3px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:linear-gradient(150deg,transparent 15%,#000 70%);mask-image:linear-gradient(150deg,transparent 15%,#000 70%);transform:perspective(500px) rotateX(20deg) scale(1.2)}.copyright{position:absolute;left:55px;bottom:32px;color:#7793a5;font-size:8px}.login-panel{display:grid;place-items:center;padding:40px}.login-panel form{width:370px}.form-heading span{font-size:10px;font-weight:700;letter-spacing:.13em;color:#1672d9}.form-heading h2{font-size:25px;margin:8px 0}.form-heading p{color:#8994a5;font-size:11px;margin-bottom:28px}.login-panel label{display:block;font-size:11px;font-weight:600;color:#4d5b70;margin:15px 0}.login-panel input{display:block;width:100%;padding:12px;border:1px solid #dce2ea;border-radius:8px;margin-top:7px;outline:none}.login-panel input:focus{border-color:#1872dc;box-shadow:0 0 0 3px #1872dc13}.password-input{position:relative}.password-input button{position:absolute;right:7px;top:14px;background:none;border:0;color:#8390a2}.login-submit{width:100%;margin-top:9px;padding:12px}.login-divider{position:relative;height:24px;margin-top:8px;text-align:center}.login-divider:before{content:"";position:absolute;left:0;right:0;top:12px;border-top:1px solid #e5e9ef}.login-divider span{position:relative;padding:0 10px;color:#9aa4b2;background:#fff;font-size:9px}.wecom-login{width:100%;padding:11px;border:1px solid #d8e0e9;border-radius:8px;color:#287b48;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600}.wecom-login:disabled{color:#9aa5b5;background:#f7f8fa;cursor:not-allowed}.quick-login{margin-top:25px;border-top:1px solid #e8ebf0;padding-top:18px;text-align:center}.quick-login>span{font-size:9px;color:#9aa4b2}.quick-login div{display:flex;justify-content:center;gap:7px;margin-top:10px}.quick-login button{border:1px solid #dde3eb;background:#fff;color:#556379;border-radius:16px;padding:5px 10px;font-size:9px}.finance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px}.pricing-explanation{display:flex;align-items:center;gap:14px;padding:18px 20px;margin-bottom:16px;color:#fff;background:linear-gradient(125deg,#002d69,#07558a)}.pricing-explanation>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#f86816;background:#fff;flex:none}.pricing-explanation strong{font-size:14px}.pricing-explanation p{margin:5px 0 0;color:#c7d8e8;font-size:10px}.pricing-table .profit{color:#139078}.pending-rates{margin-top:16px;padding-bottom:10px}.pending-rates>div:not(.card-title){display:flex;align-items:center;gap:11px;margin:0 20px;padding:12px 0;border-top:1px solid #edf1f5}.pending-rates>div>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#176dcc;background:#e8f2ff}.pending-rates>div>div{flex:1}.pending-rates strong,.pending-rates small{display:block}.pending-rates strong{font-size:11px}.pending-rates small{margin-top:3px;color:#8591a2;font-size:9px}.finance-metrics article{display:flex;align-items:center;gap:13px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.finance-metric-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none}.finance-metric-icon.orange{color:#e87922;background:#fff0e6}.finance-metric-icon.green{color:#0f9d83;background:#e5f8f3}.finance-metric-icon.blue{color:#176ed8;background:#e8f2ff}.finance-metric-icon.violet{color:#7053d0;background:#eeeaff}.finance-metrics small,.finance-metrics strong,.finance-metrics em{display:block}.finance-metrics small{color:#7d899b;font-size:10px}.finance-metrics strong{color:#1c2b44;font-size:19px;margin:4px 0 2px}.finance-metrics em{color:#a0a9b6;font-size:9px;font-style:normal}.finance-section{margin-bottom:16px;overflow:hidden}.billable-orders{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;margin-bottom:16px}.billable-orders>div{display:flex;align-items:center;gap:11px}.billable-orders strong,.billable-orders small{display:block}.billable-orders strong{font-size:12px}.billable-orders small{color:#8390a2;font-size:9px;margin-top:4px}.finance-table-wrap{border-top:1px solid #edf1f5}.record-count{color:#778599;background:#f3f6f9;border-radius:16px;padding:5px 9px;font-size:9px}.finance-status{padding:4px 8px;border-radius:12px;font-size:9px}.finance-status.unpaid{color:#d17b13;background:#fff1de}.finance-status.paid{color:#138d76;background:#e6f7f2}.finance-status.processing{color:#176dcc;background:#e8f2ff}.finance-status.refunded,.finance-status.closed{color:#778397;background:#eef1f5}.finance-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.finance-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compact-records{padding:0 20px 14px}.compact-records>div{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1f5;padding:13px 0}.record-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;color:#176dcc;background:#e8f2ff;flex:none}.record-icon.settlement{color:#7653cf;background:#eeeaff}.compact-records>div>div{min-width:0;flex:1}.compact-records strong,.compact-records small{display:block}.compact-records strong{font-size:11px}.compact-records small{color:#8692a4;font-size:9px;margin-top:3px}.compact-records b{font-size:12px;white-space:nowrap}.compact-records em{color:#68768a;background:#eef2f6;padding:4px 7px;border-radius:12px;font-size:9px;font-style:normal;white-space:nowrap}.compact-records em.issued,.compact-records em.paid{color:#138d76;background:#e6f7f2}.compact-records em.pending{color:#d17b13;background:#fff1de}.integration-panel{margin-top:0}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px 20px}.integration-grid>div{position:relative;padding:15px;border:1px solid #e4e9f0;border-radius:10px}.integration-grid strong,.integration-grid small{display:block}.integration-grid strong{font-size:11px}.integration-grid small{color:#8793a4;font-size:9px;margin-top:5px}.integration-grid span{position:absolute;right:12px;top:12px;color:#d17b13;background:#fff1de;border-radius:12px;padding:3px 7px;font-size:8px}.integration-grid span.enabled{color:#138d76;background:#e6f7f2}.quotation-toolbar{max-width:980px;margin:0 auto 14px;display:flex;justify-content:space-between}.quotation-document{max-width:980px;margin:0 auto;padding:46px 54px 38px;background:#fff;color:#253149;border:1px solid #e1e6ed;box-shadow:0 14px 40px #132a4b14}.quotation-document header{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:3px solid #002d69}.quotation-document header img{width:205px;height:auto}.quotation-document header div{text-align:right}.quotation-document header h1{margin:0;color:#002d69;font-size:25px}.quotation-document header p{margin:5px 0 0;color:#738095;font-size:9px;letter-spacing:.12em}.quotation-meta{display:grid;grid-template-columns:repeat(4,1fr);background:#f4f7fa;margin:22px 0}.quotation-meta div{padding:12px 15px;border-right:1px solid #e2e7ed}.quotation-meta span,.quotation-meta strong{display:block}.quotation-meta span{color:#8490a1;font-size:9px}.quotation-meta strong{margin-top:4px;font-size:11px}.quotation-meta strong.issued{color:#158d77}.quotation-parties{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.quotation-parties>div{padding:16px;border:1px solid #e2e7ed;border-radius:8px}.quotation-parties span{color:#f86816;font-size:8px;font-weight:700;letter-spacing:.08em}.quotation-parties h3{margin:8px 0 5px;font-size:14px}.quotation-parties p,.quotation-parties small{margin:3px 0;color:#778397;font-size:9px}.quotation-items{border:1px solid #dfe5ec}.quotation-items th{color:#fff;background:#002d69}.quotation-items td{vertical-align:top;line-height:1.6}.quotation-items th:nth-child(1){width:19%}.quotation-items th:nth-child(2){width:45%}.quotation-total{width:330px;margin:18px 0 24px auto}.quotation-total>div{display:flex;justify-content:space-between;padding:7px 10px;font-size:10px}.quotation-total .grand-total{color:#fff;background:#002d69;padding:11px 10px}.quotation-total .grand-total strong{font-size:16px}.quotation-terms{padding:16px 18px;background:#f6f8fa;border-left:3px solid #f86816}.quotation-terms h3{margin:0;font-size:11px}.quotation-terms ol{margin:8px 0 0;padding-left:17px;color:#69768a;font-size:9px;line-height:1.8}.quotation-document footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:15px;border-top:1px solid #dfe5ec;color:#6f7c90;font-size:9px}.quotation-document footer div{display:flex;align-items:center;gap:6px}.quotation-document footer strong{color:#002d69}.profile-page{max-width:1320px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.profile-card,.security-panel{padding:24px}.panel-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:20px;color:#176fce}.panel-title h2{margin:0 0 4px;color:#17253d;font-size:17px}.panel-title p{margin:0;color:#8793a5;font-size:12px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-form.single{grid-template-columns:1fr}.profile-form label{display:grid;gap:7px;color:#4a586e;font-size:12px;font-weight:600}.profile-form input{height:42px;padding:0 12px;border:1px solid #dbe2eb;border-radius:8px;outline:none;color:#26344a;background:#fff}.profile-form input:focus{border-color:#237bd5;box-shadow:0 0 0 3px #237bd51a}.profile-form input:disabled{color:#7f8a9b;background:#f5f7fa}.profile-action{align-self:end;justify-content:center;min-height:42px}.profile-message{margin-bottom:18px;padding:11px 14px;border-radius:8px;font-size:13px}.profile-message.success{color:#14765f;background:#e9f8f3}.profile-message.error{color:#b33b3b;background:#fff0f0}.security-panel{margin-top:20px}.security-list{display:grid}.security-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #edf0f4}.security-row:first-child{border-top:0}.security-row strong,.security-row small{display:block}.security-row strong{color:#26344a;font-size:13px}.security-row small{max-width:850px;margin-top:4px;overflow:hidden;color:#8995a5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.current-device,.login-result{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:10px}.current-device,.login-result.success{color:#14765f;background:#e7f7f2}.login-result.failed{color:#b33b3b;background:#fff0f0}.ghost.danger{color:#c64848}.muted{color:#98a2b1;font-size:12px}.login-links{display:flex;justify-content:space-between;margin-top:14px;font-size:12px}.login-links a,.auth-card a{color:#237bd5;text-decoration:none}.access-tabs{display:flex;gap:8px;margin-bottom:18px}.access-tabs button{display:flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid #dfe5ed;border-radius:9px;color:#5b687b;background:#fff;cursor:pointer}.access-tabs button.active{color:#fff;border-color:#176fc3;background:#176fc3}.access-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.data-list{display:grid}.data-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #edf0f4}.data-row strong,.data-row small{display:block}.data-row strong{color:#26344a;font-size:13px}.data-row small{margin-top:4px;color:#8b96a6;font-size:11px}.data-row>span{color:#69768a;font-size:11px}.compact-form{display:grid;align-content:start;gap:12px;padding:18px;border-radius:12px;background:#f7f9fc}.compact-form h3{display:flex;gap:7px;align-items:center;margin:0 0 3px;color:#26344a;font-size:14px}.compact-form input,.compact-form select,.assignment-toolbar select,.auth-card input{min-height:42px;padding:0 11px;border:1px solid #dbe2eb;border-radius:8px;outline:none;background:#fff}.compact-form select[multiple]{min-height:100px;padding:8px}.permission-picker{max-height:220px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid #dbe2eb;border-radius:8px;background:#fff}.permission-picker label{display:flex;align-items:center;gap:6px;color:#5c697c;font-size:11px}.lifecycle-metrics{grid-template-columns:repeat(3,1fr)}.lifecycle-row{padding:17px 0}.task-status{padding:5px 10px;border-radius:999px;font-size:11px}.task-status.pending{color:#68758a;background:#eef1f5}.task-status.in_progress{color:#176fc3;background:#eaf4ff}.task-status.completed{color:#14765f;background:#e7f7f2}.task-status.exception{color:#b33b3b;background:#fff0f0}.task-status.cancelled{color:#8a6d3b;background:#fff7e6}.assignment-toolbar{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.assignment-toolbar select{min-width:360px}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-grid label{display:flex;gap:10px;padding:14px;border:1px solid #e1e6ed;border-radius:10px;cursor:pointer}.member-grid strong,.member-grid small{display:block}.member-grid strong{color:#26344a;font-size:13px}.member-grid small{margin-top:4px;color:#8b96a6;font-size:11px}.auth-simple{min-height:100vh;display:grid;place-items:center;padding:30px;background:#f0f4f9}.auth-card{width:min(440px,100%);display:grid;gap:13px;padding:34px;border-radius:16px;background:#fff;box-shadow:0 18px 55px #192f4e1f}.auth-card>img{width:150px;max-height:48px;object-fit:contain;object-position:left}.auth-card h1{margin:12px 0 0;color:#17253d;font-size:25px}.auth-card>p{margin:-5px 0 6px;color:#8290a2;font-size:12px}.code-field{display:grid;grid-template-columns:1fr 110px;gap:8px}.code-field button{border:1px solid #b9d4ee;border-radius:8px;color:#176fc3;background:#f2f8fd;cursor:pointer}@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-hero{padding:38px}.hero-copy h1{font-size:42px}.profile-grid,.access-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.page-heading button{display:none}.no-print{display:none!important}.main{margin:0}.page{padding:0}.report-cover{-webkit-print-color-adjust:exact;print-color-adjust:exact}.quotation-document{width:100%;max-width:none;padding:15mm;border:0;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}}