:root{--teal:#103c39;--teal2:#0a2624;--ink:#0b2b27;--mint:#9beec0;--green:#4caf7f;--green-d:#2e8f63;--cream:#f5f7ef;--line:#0b3d361f;--red:#dc4a33;--amber:#f5a524;--blue:#5b7bd5;--fd:"Inter Tight","Inter",system-ui,sans-serif;--fb:"Inter",system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--fb);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--fd);letter-spacing:-.02em;margin:0;line-height:1.15}h1{font-size:28px;font-weight:800}h2{font-size:20px;font-weight:800}h3{font-size:16px;font-weight:700}a{color:var(--green-d);text-decoration:none}.muted{color:#0b2b279e}.small{font-size:13px}.right{text-align:right}.mt{margin-top:18px}.mt2{margin-top:30px}.pos{color:var(--green-d)}.neg{color:var(--red)}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.side{color:#f5f7ef;background:linear-gradient(#0b3d36,#071312);flex-direction:column;gap:6px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.side img.logo{align-self:flex-start;width:auto;height:44px;margin:0 0 18px 6px}.side a{color:#f5f7efc7;border-radius:12px;padding:10px 12px;font-weight:600;display:block}.side a:hover{color:#fff;background:#ffffff12}.side a.on{color:var(--mint);background:#9beec029}.side .sp{flex:1}.side .who{color:#f5f7ef99;padding:6px 12px;font-size:13px}.main{width:100%;min-width:0;max-width:1180px;padding:28px 32px 80px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.mnav{display:none}.card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px 22px;box-shadow:0 10px 30px #0b3d360d}.card.dark{background:var(--teal);color:#f5f7ef;border-color:#0000}.grid{gap:16px;display:grid}.grid>*,.row>*,.row3>*{min-width:0}.g2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi .l{opacity:.65;font-size:13px;font-weight:700}.kpi .v{font-family:var(--fd);letter-spacing:-.02em;margin-top:4px;font-size:30px;font-weight:800}.kpi .s{opacity:.7;margin-top:2px;font-size:13px}table{border-collapse:collapse;width:100%}th{letter-spacing:.08em;text-transform:uppercase;color:#0b2b278c;text-align:left;border-bottom:1px solid var(--line);padding:8px 10px;font-size:12px}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 10px}tr:last-child td{border-bottom:0}.scroll{overflow-x:auto}label{margin:12px 0 5px;font-size:13px;font-weight:700;display:block}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #0b3d3638;border-radius:12px;padding:10px 12px}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:2px solid #4caf7f80}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.row3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.btn{font:inherit;cursor:pointer;background:var(--green);color:#06231f;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:800;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn.sm{border-radius:10px;padding:7px 12px;font-size:13px}.btn.dark{background:var(--teal);color:#fff}.btn.ghost{color:var(--ink);background:0 0;border:1px solid #0b3d3640}.btn.red{color:#a2321f;background:#fbe3de}.badge{color:var(--teal);background:#e8efe6;border-radius:30px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.badge.new{color:#2c4aa0;background:#e3ebfb}.badge.confirmed{color:var(--green-d);background:#e7efe6}.badge.shipped{color:#a06a07;background:#fdf0d8}.badge.delivered{color:#1f7a4d;background:#d5f2e1}.badge.returned{color:#a2321f;background:#fbe3de}.badge.cancelled{color:#666;background:#eceeea}.badge.pending,.badge.review{color:#a06a07;background:#fdf0d8}.badge.active,.badge.matched,.badge.approved{color:#1f7a4d;background:#d5f2e1}.badge.unmatched,.badge.rejected,.badge.expired{color:#a2321f;background:#fbe3de}.tabs{background:#e9eee4;border-radius:12px;gap:6px;padding:4px;display:flex}.tabs a{color:var(--ink);border-radius:9px;padding:6px 14px;font-size:14px;font-weight:700}.tabs a.on{background:#fff;box-shadow:0 2px 8px #0b3d361a}.banner{color:#6d4a05;background:#fdf0d8;border:1px solid #f2d9a2;border-radius:14px;margin-bottom:18px;padding:14px 18px}.banner.ok{color:#1b5e3d;background:#d5f2e1;border-color:#a9e0c1}.flash{color:#1b5e3d;background:#d5f2e1;border-radius:12px;margin-bottom:14px;padding:10px 14px;font-weight:600}.wf{gap:10px;display:grid}.wfr{grid-template-columns:150px 1fr 120px;align-items:center;gap:12px;display:grid}.wfr .b{border-radius:13px;min-width:4px;height:26px}.wfr .n{font-family:var(--fd);text-align:right;font-weight:800}.chat{background:#edebe0;border-radius:20px;flex-direction:column;height:520px;display:flex;overflow:hidden}.chat .hd{background:var(--teal);color:#fff;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:800;display:flex}.chat .bd{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.m{white-space:pre-wrap;border-radius:16px;max-width:80%;padding:10px 14px}.m.c{background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.m.b{background:#bde9cb;border-bottom-right-radius:4px;align-self:flex-end}.chat form{background:#f6f3e8;gap:8px;padding:10px;display:flex}.chat form input{flex:1}.auth{background:radial-gradient(900px 600px at 80% 0,#4caf7f40,#0000 60%),linear-gradient(#0b3d36,#071312);place-items:center;min-height:100vh;padding:24px;display:grid}.auth .card{width:100%;max-width:440px}.auth img{height:54px;margin-bottom:14px}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.side{display:none}.mnav{z-index:20;background:#0b3d36;gap:6px;padding:10px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.mnav a{color:#f5f7efcc;white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700}.mnav a.on{color:var(--mint);background:#9beec02e}.main{padding:20px 16px 90px}.g2,.g3,.g4,.row,.row3{grid-template-columns:minmax(0,1fr)}.wfr{grid-template-columns:110px 1fr 90px;gap:8px}h1{font-size:24px}}.legal h2{margin:28px 0 8px;font-size:20px}.legal p,.legal li{line-height:1.7}.legal ul{padding-left:20px}
