:root{--ink:#172039;--muted:#6e768a;--line:#e6e8ee;--soft:#f5f6f8;--paper:#fff;--nav:#14203a;--nav2:#1e2d4c;--green:#14815f;--green-soft:#e8f6f1;--blue:#2f62d5;--danger:#b83f4b;--shadow:0 18px 55px rgba(24,32,57,.1)}
*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--soft)}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#8190aa}.logo-mark{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#41c49a,#167f63);color:#fff;font-weight:900;letter-spacing:-.06em;box-shadow:0 14px 30px rgba(28,166,124,.28)}.logo-mark.small{width:42px;height:42px;border-radius:13px;font-size:13px;box-shadow:none}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--paper)}.auth-brand{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,#244064 0,transparent 42%),linear-gradient(145deg,#101a31,#182742);color:#fff}.auth-brand .eyebrow{color:#79ddb9;margin-top:28px}.auth-brand h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:10px 0 24px;max-width:640px}.auth-brand>p:not(.eyebrow){font-size:19px;line-height:1.65;color:#c4cbda;max-width:610px}.auth-brand ul{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:13px;color:#e1e5ed}.auth-brand li:before{content:"✓";color:#71ddb7;font-weight:900;margin-right:12px}.auth-card{width:min(470px,80%);align-self:center;justify-self:center;background:#fff}.auth-card h2{font-size:34px;margin:0 0 24px;letter-spacing:-.03em}.auth-card form{display:grid;gap:16px}.auth-card label,.block-label{display:grid;gap:7px}.auth-card label span,.block-label span,.form-grid label span,.money-form label span{font-size:12px;font-weight:800;color:#586176}.auth-card input,.form-grid input,.form-grid select,.money-form input,.block-label textarea,.period-controls input,.period-controls select{width:100%;border:1px solid #dfe3ea;border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink);outline:none;transition:.18s}.auth-card input:focus,.form-grid input:focus,.form-grid select:focus,.money-form input:focus,.block-label textarea:focus,.period-controls input:focus,.period-controls select:focus{border-color:#6f8eda;box-shadow:0 0 0 3px rgba(47,98,213,.1)}.auth-card small{display:block;margin-top:22px;color:#8b92a1;line-height:1.5}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px}.alert.error{background:#fff0f1;color:#9d3440}
.button{border:0;border-radius:11px;padding:11px 16px;font-weight:800;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.18s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(20,129,95,.18)}.button.secondary{background:#fff;border:1px solid var(--line);color:#3c465c}.button.light{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.2)}.button.report{background:var(--nav);color:#fff}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-button{border:0;background:none;color:var(--blue);font-weight:800;padding:7px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:linear-gradient(180deg,var(--nav),#10182a);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 26px}.brand b{display:block;font-size:16px}.brand span{display:block;color:#9daac0;font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:6px}.nav-button{border:0;background:transparent;color:#aeb9cb;padding:12px 14px;border-radius:10px;text-align:left;font-weight:700;display:flex;gap:11px;align-items:center}.nav-button.active,.nav-button:hover{background:var(--nav2);color:#fff}.nav-button span{font-size:18px;width:20px;text-align:center}.sidebar-bottom{margin-top:auto;padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#b3bdcc}.online-dot{display:inline-block;width:8px;height:8px;background:#47d29f;border-radius:50%;box-shadow:0 0 0 4px rgba(71,210,159,.12);margin-right:8px}.sidebar-bottom form{display:inline}.sidebar-bottom button{background:none;border:0;color:#8290a7;margin-left:8px;font-size:12px}.workspace{grid-column:2;padding:0 34px 48px;min-width:0}.topbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.topbar h1{font-size:27px;letter-spacing:-.035em;margin:0}.period-controls{display:flex;gap:10px}.period-controls label{display:grid;gap:4px}.period-controls span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#858da0}.period-controls input,.period-controls select{padding:9px 11px;min-width:150px}.period-controls select{min-width:210px}.toast{position:fixed;right:28px;top:25px;z-index:50;background:var(--nav);color:#fff;border-radius:11px;padding:13px 18px;box-shadow:var(--shadow);max-width:420px}.toast.error{background:#a83d47}.toast.success{background:var(--green)}
.view{display:none}.view.active{display:block}.agent-card{background:linear-gradient(120deg,#183453,#172139 70%);color:#fff;border-radius:18px;padding:21px 24px;display:flex;align-items:center;gap:17px;box-shadow:0 16px 35px rgba(20,32,58,.15)}.agent-orb{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#57d4a9,#1b916b);font-weight:900}.agent-message{flex:1}.agent-message>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#86d9bd;font-weight:800}.agent-message strong{display:block;font-size:16px;margin:4px 0}.agent-message p{margin:0;color:#b9c4d5;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:18px 0}.metrics article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px}.metrics span{font-size:11px;color:#737c8f;font-weight:700}.metrics b{display:block;font-size:22px;letter-spacing:-.035em;margin:9px 0 4px;white-space:nowrap}.metrics small{font-size:10px;color:#a1a6b2}.metrics .green{background:var(--green-soft);border-color:#cdeade}.metrics .green b{color:var(--green)}.action-row{display:flex;justify-content:space-between;gap:16px;margin:20px 0}.action-row>div{display:flex;gap:8px;flex-wrap:wrap}.panel{background:#fff;border:1px solid var(--line);border-radius:16px}.panel-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px}.panel-heading h2,.section-heading h2{margin:0 0 4px;font-size:18px}.panel-heading p,.section-heading p{margin:0;color:var(--muted);font-size:12px}.table-scroll{overflow:auto}.sales-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1120px}.sales-table th{text-align:left;padding:11px 13px;background:#f7f8fa;color:#70798b;font-size:10px;text-transform:uppercase;letter-spacing:.045em;border-block:1px solid var(--line)}.sales-table td{padding:13px;border-bottom:1px solid #edf0f4;vertical-align:top}.sales-table td strong{display:block;font-size:12px}.sales-table td span{display:block;color:#8b93a2;font-size:10px;margin-top:4px}.sales-table td.money{font-weight:800;white-space:nowrap}.sales-table td.commission{color:var(--green);background:#f5fbf8}.sales-table tfoot td{font-weight:900;background:#fafbfc;border-bottom:0}.row-actions{display:flex;gap:3px}.icon-button{width:30px;height:30px;border-radius:8px;border:0;background:#f2f4f7;color:#687186}.icon-button:hover{background:#e5e9ef}.icon-button.delete:hover{background:#fff0f1;color:var(--danger)}.empty-row td{text-align:center!important;padding:55px!important;color:#7f8797}.empty-row b{font-size:16px!important;color:#3d4658;margin-bottom:6px}.empty-row span{font-size:12px!important}
.section-heading{padding:0 0 20px}.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.supplier-card{padding:20px}.supplier-card header{display:flex;justify-content:space-between;gap:12px}.supplier-card h3{margin:0;font-size:16px}.supplier-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.supplier-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:22px 0 0;font-size:11px}.supplier-card dt{color:#9299a7}.supplier-card dd{margin:0;font-weight:700}.supplier-card footer{display:flex;gap:8px;margin-top:18px}.settings-form{display:grid;gap:14px}.form-section{display:grid;grid-template-columns:50px 230px 1fr;gap:18px;padding:24px}.form-section .number{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef3fb;color:var(--blue);font-weight:900}.form-section h2{margin:1px 0 6px;font-size:17px}.form-section p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px}.form-grid .wide{grid-column:1/-1}.key-state{align-self:end;font-size:12px;color:var(--green);padding-bottom:12px}.form-actions{display:flex;justify-content:flex-end;padding:4px}
.modal{padding:0;border:0;border-radius:18px;width:min(820px,calc(100% - 28px));box-shadow:var(--shadow);color:var(--ink)}.modal::backdrop{background:rgba(12,19,35,.58);backdrop-filter:blur(4px)}.modal-shell{padding:24px}.modal-shell.compact{max-width:620px;margin:auto}.modal header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal h2{margin:0;font-size:23px}.close{border:0;background:#f1f3f6;border-radius:9px;width:34px;height:34px;font-size:23px;color:#71798a}.money-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f6f8fa;border-radius:13px;padding:14px;margin:15px 0}.money-form label{display:grid;gap:6px}.commission-preview{border-left:1px solid #dce1e8;padding-left:15px;display:flex;flex-direction:column;justify-content:center}.commission-preview span{font-size:11px;color:#777f8f}.commission-preview b{font-size:20px;color:var(--green);margin:4px 0}.commission-preview small{font-size:9px;color:#999fac}.modal footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.upload-zone{border:2px dashed #ccd3de;border-radius:15px;padding:34px;display:grid;place-items:center;text-align:center;cursor:pointer;background:#fafbfc}.upload-zone:hover{border-color:#7d9cdd;background:#f6f8fd}.upload-zone input{max-width:100%;margin-bottom:14px}.upload-zone b{font-size:15px}.upload-zone span{font-size:12px;color:var(--muted);margin-top:7px}.upload-zone.loading{pointer-events:none;opacity:.65}#upload-status{font-size:12px;color:var(--muted);margin-top:12px}.document-button{font-size:12px}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(3,1fr)}.supplier-grid{grid-template-columns:repeat(2,1fr)}.action-row{align-items:flex-start}.form-section{grid-template-columns:45px 190px 1fr}.document-button{display:none}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:13px 14px;flex-direction:row;align-items:center;gap:10px}.brand{padding:0;margin-right:auto}.brand span{display:none}.sidebar nav{display:flex}.nav-button{font-size:0;padding:10px}.nav-button span{font-size:19px}.sidebar-bottom{display:none}.workspace{padding:0 14px 30px}.topbar{min-height:auto;padding:18px 0;align-items:flex-start;flex-direction:column}.period-controls{width:100%}.period-controls label{flex:1}.period-controls input,.period-controls select{min-width:0;width:100%}.metrics{grid-template-columns:1fr 1fr}.agent-card{align-items:flex-start}.agent-card .button{display:none}.action-row{flex-direction:column}.action-row>div{width:100%}.action-row .button{flex:1}.supplier-grid{grid-template-columns:1fr}.form-section{grid-template-columns:42px 1fr}.form-section>.form-grid{grid-column:1/-1}.money-form{grid-template-columns:1fr 1fr}.commission-preview{border-left:0;border-top:1px solid #dce1e8;padding:12px 0 0;grid-column:1/-1}.auth-shell{display:block;background:var(--nav);padding:25px 15px}.auth-brand{display:none}.auth-card{width:100%;padding:28px;border-radius:18px}.modal-shell{padding:18px}}
@media(max-width:520px){.metrics{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.period-controls{flex-direction:column}.action-row>div{display:grid;grid-template-columns:1fr}.money-form{grid-template-columns:1fr}.commission-preview{grid-column:auto}.form-section{padding:18px}.topbar h1{font-size:23px}}