@font-face{font-family:Work Sans;src:url(fonts/work-sans-400.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Work Sans;src:url(fonts/work-sans-600.woff2) format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Work Sans;src:url(fonts/work-sans-700.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--ink:#20252b;--muted:#717983;--line:#e6e8eb;--paper:#fff;--canvas:#f4f5f6;--red:#73777c;--red-dark:#575b60;--blue:#2563eb;--shadow:0 14px 40px rgba(29,35,43,.07)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'Work Sans',Arial,sans-serif;font-size:14px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.brand,.account{display:flex;align-items:center;gap:14px}.brand img{width:88px;height:auto}.brand div{border-left:1px solid var(--line);padding-left:14px;display:flex;flex-direction:column}.brand span,.account span{color:var(--muted);font-size:12px}.account form{margin:0}.icon-button{border:1px solid var(--line);background:#fff;border-radius:9px;width:36px;height:36px;cursor:pointer}.shell{max-width:1540px;margin:0 auto;padding:42px 32px 64px}.hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:var(--red);margin-bottom:7px}h1{font-size:34px;letter-spacing:-.04em;margin:0 0 8px}h2{font-size:18px;margin:0}.hero p,.login-card>p{color:var(--muted);margin:0}.button{appearance:none;border:0;border-radius:9px;background:var(--red);color:#fff;padding:12px 18px;font:600 13px inherit;text-decoration:none;cursor:pointer}.button:hover{background:var(--red-dark)}.button--ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.button--small{padding:9px 12px;display:inline-block;margin-top:10px}.alert{background:#fff6df;border:1px solid #f0d48f;border-radius:10px;padding:13px 16px;margin:0 0 20px}.alert--bad{background:#fff0f0;border-color:#efb8b8;color:#8d1520}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpis article,.card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.kpis article{padding:20px 22px;display:flex;flex-direction:column}.kpis span{font-size:12px;color:var(--muted);font-weight:600}.kpis strong{font-size:27px;letter-spacing:-.04em;margin:6px 0 2px}.kpis .kpi-date{font-size:21px;margin-top:11px}.kpis small,td small{display:block;color:var(--muted);font-size:11px}.filters{padding:16px;display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.filters label{display:flex;flex-direction:column;gap:6px}.filters label>span{font-size:11px;font-weight:600;color:var(--muted)}input,select{width:100%;border:1px solid #d9dde1;background:#fff;border-radius:8px;min-height:40px;padding:8px 11px;color:var(--ink);font:inherit}input:focus,select:focus{outline:2px solid rgba(115,119,124,.18);border-color:var(--red)}.text-button{min-height:40px;background:none;border:0;color:var(--red);font-weight:600;cursor:pointer;white-space:nowrap}.table-card{overflow:hidden}.table-head{padding:19px 21px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.table-head>div:first-child{display:flex;align-items:baseline;gap:10px}.table-head span,.legend{color:var(--muted);font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px 0 12px}.dot--order{background:var(--red)}.dot--quote{background:var(--blue)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1250px}th{text-align:left;background:#fafafa;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--line)}th button{border:0;background:none;padding:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}td{padding:14px 12px;border-bottom:1px solid #eef0f2;vertical-align:top;position:relative}tbody tr:not(.detail-row):hover{background:#fbfbfc}.nowrap{white-space:nowrap}.num{text-align:right}.type-line{position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px}.type-line--order{background:var(--red)}.type-line--quote{background:var(--blue)}.products{max-width:250px}.products span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips span,.status{display:inline-block;background:#f0f2f4;border-radius:99px;padding:4px 8px;font-size:11px;white-space:nowrap}.status{background:#eef4ff;color:#27549a}.detail-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}.detail-row td{padding:0;background:#f8f9fa}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:22px 28px 24px;border-bottom:1px solid var(--line)}.detail-grid>div>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:8px}.detail-grid strong,.detail-grid a,.detail-grid p{display:block;margin:0 0 5px}.detail-grid a{color:var(--red);text-decoration:none}.empty{padding:42px;text-align:center;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#fff 0,transparent 36%),#f1f2f3}.login-card{width:min(440px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:16px;padding:42px;box-shadow:0 28px 80px rgba(28,32,38,.12)}.login-logo{width:118px;margin-bottom:34px}.login-card h1{font-size:29px}.login-form{display:grid;gap:16px;margin-top:28px}.login-form label{display:grid;gap:7px;font-size:12px;font-weight:600}.login-form .button{margin-top:4px}.login-card .alert{margin:20px 0 0}
.line-item{margin-bottom:12px}.line-item small{padding-left:18px;margin-top:3px}.line-item small strong{display:inline}.request-detail{border-top:1px solid var(--line);padding-top:9px;margin-top:9px}.request-detail>strong{font-size:11px;color:var(--muted)}.attachments{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}.attachments>strong{font-size:11px;color:var(--muted);margin-bottom:7px}.attachments a{padding:7px 9px;background:#fff;border:1px solid var(--line);border-radius:7px;margin-top:5px}.attachments small{margin:2px 0 7px 9px}.sales-editor{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}.sales-editor form{display:grid;grid-template-columns:220px minmax(320px,1fr) auto;gap:12px;align-items:end}.sales-editor label{display:grid;gap:6px;font-size:11px;font-weight:600;color:var(--muted)}textarea{width:100%;resize:vertical;border:1px solid #d9dde1;background:#fff;border-radius:8px;padding:9px 11px;color:var(--ink);font:inherit}.notes{margin-top:20px}.notes>strong{font-size:12px}.notes article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 13px;margin-top:8px}.notes article p{margin-bottom:5px}.alert--ok{background:#effaf3;border-color:#acd9ba;color:#216a38}.pagination{display:flex;justify-content:center;gap:6px;padding:18px;border-top:1px solid var(--line)}.pagination:empty{display:none}.pagination button{min-width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;font:600 12px inherit}.pagination button[aria-current=page]{background:var(--red);border-color:var(--red);color:#fff}.pagination button:disabled{opacity:.4;cursor:default}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(3,1fr)}.search{grid-column:span 2}.detail-grid{grid-template-columns:repeat(2,1fr)}.sales-editor form{grid-template-columns:1fr 2fr auto}}@media(max-width:700px){.topbar{padding:0 16px}.brand div{display:none}.shell{padding:28px 14px 48px}.hero{align-items:flex-start;gap:18px}.hero .button{white-space:nowrap;padding:10px 12px}h1{font-size:27px}.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpis article{padding:15px}.filters{grid-template-columns:1fr 1fr}.search{grid-column:span 2}.table-head{align-items:flex-start}.legend{display:none}.detail-grid{grid-template-columns:1fr}.sales-editor form{grid-template-columns:1fr}.login-card{padding:30px 24px}}