:root{--bg:#f3f5f8;--panel:#fff;--surface:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#dbe3ee;--line-soft:#eef2f7;--dark:#0b1220;--dark-2:#111827;--accent:#2563eb;--accent-2:#1d4ed8;--ok:#047857;--warn:#b45309;--bad:#b42318;--purple:#6d28d9;--shadow:0 10px 30px #0f172a14;--soft-shadow:0 1px 2px #0f172a0d}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #e8eefc 0, transparent 340px), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{background:var(--accent);color:#fff;cursor:pointer;box-shadow:var(--soft-shadow);border:0;border-radius:10px;padding:10px 14px;font-weight:700}button:hover{filter:brightness(.96)}button.secondary{color:var(--dark);background:#e8edf3;margin-bottom:12px}button.ghost{color:#334155;border:1px solid var(--line);background:#fff}button.small{border-radius:8px;margin:2px;padding:6px 10px;font-size:12px}button.inline{margin-bottom:0}button.disabled{color:#667085;cursor:not-allowed;background:#e5e7eb}button.ok{color:#166534;cursor:default;background:#dcfce7}button.danger{color:#b42318;background:#fee4e2}input,select{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;min-width:0;padding:10px 12px}input:focus,select:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1a}.login-wrap{background:linear-gradient(135deg,#0b1220,#172554);place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:22px;gap:12px;width:min(420px,92vw);padding:34px;display:grid;box-shadow:0 24px 90px #00000052}.login-card h1{letter-spacing:1px;margin:0}.login-card p,.login-card small{color:var(--muted)}.alert{color:var(--bad);background:#fee4e2;border-radius:10px;padding:10px}.loading{padding:40px}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#0b1220 0%,#111827 100%);border-right:1px solid #ffffff0f;flex-direction:column;gap:10px;padding:20px;display:flex}.brand{letter-spacing:.8px;margin-bottom:18px;font-size:20px;font-weight:900}.sidebar button{text-align:left;color:#e5e7eb;box-shadow:none;background:0 0;border:1px solid #ffffff17}.sidebar button.active,.sidebar button:hover{color:#fff;background:#ffffff1f}.user-box{color:#d1d5db;gap:8px;margin-top:auto;font-size:14px;display:grid}.user-box strong{color:#fff}.content{padding:22px;overflow:auto}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px}.panel.panel-plain{box-shadow:none;background:0 0;border:0;padding:0}.panel h2{margin:0 0 16px}.notice{cursor:pointer;color:#1e3a8a;background:#eef4ff;border:1px solid #c7d7fe;border-radius:12px;margin:0 0 14px;padding:12px}.hint{color:#1e3a8a;background:#eef4ff;border:1px solid #c7d7fe;border-radius:12px;margin-top:16px;padding:12px}.module-hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%);border-radius:22px;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:16px;padding:26px 28px;display:flex}.module-hero h1{letter-spacing:-.04em;margin:6px 0 8px;font-size:clamp(28px,3vw,42px)}.module-hero p{color:#dbeafe;max-width:760px;margin:0}.module-hero .eyebrow{color:#bfdbfe}.compact-hero{margin-bottom:14px}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:12px;font-weight:800}.kpi-strip{grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin:16px 0;display:grid}.metric-card{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#ffffffeb;border-radius:18px;gap:5px;padding:16px;display:grid;position:relative;overflow:hidden}.metric-card:before{content:"";background:#94a3b8;width:5px;position:absolute;inset:0 auto 0 0}.metric-card.blue:before{background:var(--accent)}.metric-card.green:before{background:var(--ok)}.metric-card.orange:before{background:var(--warn)}.metric-card.red:before{background:var(--bad)}.metric-card.purple:before{background:var(--purple)}.metric-card span{color:var(--muted);font-size:13px;font-weight:700}.metric-card strong{letter-spacing:-.03em;font-size:26px;line-height:1}.metric-card em{color:var(--muted);font-size:12px;font-style:normal}.req-layout{grid-template-columns:230px minmax(420px,1fr) 330px;align-items:start;gap:16px;display:grid}.workflow-rail,.document-board,.insights-panel{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fffffff0;border-radius:20px}.workflow-rail{padding:16px;position:sticky;top:12px}.workflow-rail h3,.insights-panel h3{margin:0 0 12px}.workflow-rail button{width:100%;color:var(--text);border:1px solid var(--line-soft);box-shadow:none;background:#fff;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.workflow-rail button.active{color:#fff;background:#0f172a;border-color:#0f172a}.workflow-note{color:var(--muted);border-top:1px solid var(--line-soft);margin-top:14px;padding-top:12px;font-size:12px;line-height:1.4}.document-board{padding:16px}.board-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.board-head h2{margin:0}.board-head p{color:var(--muted);margin:3px 0 0}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;display:grid}.doc-card{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fff;border-radius:18px;gap:12px;padding:16px;display:grid}.doc-card:hover{border-color:#bfdbfe;box-shadow:0 14px 32px #2563eb1a}.doc-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.doc-card h3{margin:3px 0 0;font-size:17px}.doc-id{color:var(--accent);font-size:12px;font-weight:800}.doc-meta,.doc-foot{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.doc-meta span{background:#f1f5f9;border-radius:999px;padding:4px 8px}.doc-numbers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.doc-numbers div{background:var(--surface);border:1px solid var(--line-soft);border-radius:12px;padding:10px}.doc-numbers span{color:var(--muted);font-size:12px;display:block}.doc-numbers strong{font-size:18px}.doc-actions{justify-content:flex-end;gap:6px;display:flex}.timeline-mini{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.timeline-mini span{color:#94a3b8;text-align:center;background:#f1f5f9;border-radius:999px;padding:5px 6px;font-size:11px;font-weight:700}.timeline-mini span.done{color:#065f46;background:#d1fae5}.timeline-mini span.now{color:#1d4ed8;background:#dbeafe}.insights-panel{padding:16px;position:sticky;top:12px}.insight-list{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:12px}.insight-list h4{margin:0 0 10px}.insight-list p{color:var(--muted)}.insight-row{margin-bottom:12px}.insight-row div{justify-content:space-between;gap:10px;font-size:13px;display:flex}.insight-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.insight-row strong{white-space:nowrap}.insight-row i{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px;height:6px;margin-top:5px;display:block}.insight-mini{color:#fff;background:#0f172a;border-radius:16px;justify-content:space-between;margin-top:16px;padding:14px;display:flex}.empty-state{border:1px dashed var(--line);text-align:center;color:var(--muted);background:var(--surface);border-radius:16px;padding:30px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar button.active{background:var(--dark);color:#fff}.inline-form{align-items:center;gap:10px;display:flex}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:100%;overflow:auto}table{border-collapse:collapse;background:#fff;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px}th{color:#344054;z-index:1;background:#f8fafc;position:sticky;top:0}tr.marked{background:#fffdf2}tfoot td{border-top:2px solid var(--line);background:#f8fafc;font-weight:700}.badge{color:#344054;white-space:nowrap;background:#eef2f7;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.split{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:16px 0;display:grid}.box{border:1px solid var(--line);background:#fff;border-radius:16px;gap:10px;padding:16px;display:grid}.box.wide{margin-bottom:16px}.box label,.grid-form label{color:var(--muted);gap:6px;font-size:13px;display:grid}.box label input,.box label select,.grid-form label input,.grid-form label select{color:var(--text);font-size:14px}.grid-form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:16px 0;display:grid}.grid-form .wide,label.wide{grid-column:1/-1}.form-card{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fff;border-radius:18px;padding:16px}.action-row{gap:10px;display:flex}.template-preview{border:1px solid var(--line);background:#f8fafc;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.template-preview span{color:var(--muted)}.list{columns:2}.list li{margin-bottom:6px}.check{color:var(--muted);align-items:center;gap:6px;display:flex}.qty{width:90px}.summary-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.muted{color:var(--muted)}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);background:#fafafa;border-radius:14px;padding:18px}.card span{color:var(--muted);display:block}.card strong{font-size:34px}.cards.compact{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:14px}.cards.compact .card{padding:12px}.cards.compact .card strong{font-size:24px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin:12px 0 16px;display:grid}.mini-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.mini-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding-bottom:6px;display:flex}.mini-list li span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-toolbar .search-input{flex:1;min-width:min(520px,100%)}.autocomplete{min-width:min(640px,100%);position:relative}.autocomplete input{width:100%}.suggestions{z-index:40;border:1px solid var(--line);background:#fff;border-radius:14px;max-height:360px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto;box-shadow:0 16px 34px #0f172a29}.suggestions>button{width:100%;color:var(--text);border-bottom:1px solid var(--line);text-align:left;box-shadow:none;background:#fff;border-radius:0;grid-template-columns:minmax(120px,170px) 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.suggestions>button:hover{filter:none;background:#eef4ff}.suggestions>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggestions>button em{color:var(--muted);white-space:nowrap;font-style:normal}.small-suggestions{max-height:240px}.small-suggestions>button{grid-template-columns:1fr}.suggestion-empty{color:var(--muted);padding:10px}.add-line{grid-template-columns:minmax(280px,2fr) 120px minmax(180px,1fr) auto;align-items:start;gap:10px;margin-bottom:10px;display:grid}.add-line.custom{grid-template-columns:minmax(220px,2fr) 100px 100px 150px minmax(180px,1fr) auto}.qty-input{width:90px}.grid-form select[multiple]{min-height:110px}.muted-row{opacity:.55;background:#f8fafc}.approval-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.approval-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:7px;padding:14px;display:grid}.approval-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.approval-card-head h3{margin:0}.approval-card-head p{color:var(--muted);margin:4px 0 0}.templates-admin .table-wrap{margin-bottom:16px}.template-detail{margin-top:16px}@media (width<=1300px){.req-layout{grid-template-columns:220px 1fr}.insights-panel{grid-column:1/-1;position:static}.kpi-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{position:static}.content{padding:12px}.module-hero{display:grid}.hero-actions{justify-content:flex-start}.req-layout{grid-template-columns:1fr}.workflow-rail,.insights-panel{position:static}.kpi-strip{grid-template-columns:repeat(2,1fr)}.add-line,.add-line.custom{grid-template-columns:1fr}}@media (width<=700px){.kpi-strip,.doc-grid,.doc-numbers{grid-template-columns:1fr}.suggestions>button{grid-template-columns:1fr;gap:3px}}.template-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.template-edit-form{margin-top:12px}.table-input{width:100%;min-width:90px;padding:7px 8px;font-size:13px}.template-detail .add-line .suggestions{max-height:260px}.sidebar{background:linear-gradient(#070b12 0%,#111827 68%,#0b0f14 100%)}.brand:after{content:"";background:#f97316;border-radius:99px;width:42px;height:3px;margin-top:8px;display:block}.content{background:linear-gradient(#ffffff8c,#f3f5f8f2)}.panel{border-color:#d7dde8}.module-hero{background:linear-gradient(135deg,#0b0f14 0%,#111827 54%,#1f2937 100%);border:1px solid #f9731640;position:relative;overflow:hidden}.module-hero:before{content:"";background:#f97316;width:7px;position:absolute;inset:0 auto 0 0}.module-hero h1{font-size:clamp(26px,2.6vw,36px)}.purchase-hero,.archive-hero{margin-bottom:14px;padding:22px 26px}.pro-tabs,.status-pipeline{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 16px;display:flex}.pro-tabs button,.status-pipeline button{color:#111827;box-shadow:none;background:#fff;border:1px solid #d8dee9;border-radius:999px;padding:9px 14px}.pro-tabs button.active,.status-pipeline button.active{color:#fff;background:#0b0f14;border-color:#0b0f14;box-shadow:0 10px 24px #0b0f1429}.purchase-panel{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fffffff0;border-radius:20px;padding:16px}.purchase-kpis{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:14px;display:grid}.pro-toolbar{border:1px solid var(--line-soft);background:#f8fafc;border-radius:16px;padding:10px}.compact-shell{grid-template-columns:minmax(520px,1fr) 520px;align-items:start;gap:16px;display:grid}.compact-list,.preview-drawer{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fff;border-radius:18px;overflow:hidden}.compact-list .table-wrap,.preview-drawer .table-wrap{border:0;border-radius:0}.compact-head{border-bottom:1px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.compact-head h3{margin:0;font-size:16px}.compact-head span{color:var(--muted);font-weight:700}.selected-row{background:#fff7ed!important}.preview-drawer{padding:16px;position:sticky;top:12px}.preview-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.preview-title span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:900}.preview-title h3{margin:2px 0 0;font-size:19px}.preview-facts{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.preview-facts div{border:1px solid var(--line-soft);background:#f8fafc;border-radius:14px;min-width:0;padding:10px}.preview-facts span{color:var(--muted);font-size:12px;font-weight:700;display:block}.preview-facts strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preview-actions{border:1px solid var(--line-soft);background:#fff;border-radius:14px;padding:10px}.timeline-mini{grid-template-columns:repeat(5,minmax(0,1fr))}table{font-size:13px}th,td{padding:8px 10px}.badge{padding:3px 8px;font-size:11px}button.small{padding:5px 9px}.metric-card{border-radius:16px}.metric-card strong{font-size:23px}.users-admin .form-card{border-left:5px solid #f97316}@media (width<=1400px){.compact-shell{grid-template-columns:1fr}.preview-drawer{position:static}}@media (width<=900px){.purchase-kpis{grid-template-columns:repeat(2,1fr)}.preview-facts{grid-template-columns:1fr}}.time-filter{border:1px solid var(--line-soft);background:linear-gradient(#fff 0%,#f8fafc 100%);border-radius:18px;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0 16px;padding:12px;display:flex;box-shadow:0 10px 24px #0f172a0a}.time-filter-title{color:#111827;min-width:58px;padding:9px 8px 8px 0;font-weight:900}.time-filter label{gap:4px;min-width:150px;display:grid}.time-filter label span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900}@media (width<=700px){.time-filter{grid-template-columns:1fr;align-items:stretch;display:grid}.time-filter label{min-width:0}}.time-filter{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fffffff0;border-left:5px solid #f97316;border-radius:16px;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0 16px;padding:12px;display:flex}.time-filter-title{color:#111827;margin-right:4px;padding:8px 10px 8px 0;font-weight:900}.time-filter label{min-width:155px;color:var(--muted);gap:4px;font-size:12px;font-weight:800;display:grid}.time-filter input{background:#fff;min-height:36px}.time-filter button{min-height:36px}@media (width<=700px){.time-filter{align-items:stretch}.time-filter label,.time-filter button{width:100%}}