@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{margin:0;background:#0b0b0b}a{color:inherit}:root{--bg: #f9f7f4;--card: #ffffff;--stroke: #e6e6e6;--stroke-strong: #d9d9d9;--text: #1f1a1a;--muted: #8a8a8a;--accent: linear-gradient(135deg, #fca326, #ffd75a);--accent-solid: #fca326;--accent-strong: #f08f1d;--shadow: 0 12px 35px rgba(12, 12, 12, .12);--radius-card: 12px;--radius-btn: 8px;--radius-pill: 20px;--surface: #fbfbfb}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Poppins,Inter,system-ui,sans-serif;line-height:1.55}.page{min-height:100vh;padding:36px 40px 64px;max-width:1400px;margin:0 auto}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:12px;color:#f08f1d;margin:0 0 8px}h1{margin:0;font-size:48px;line-height:1.05;color:#1a1414}.subhead{margin-top:12px;color:var(--muted);max-width:720px;line-height:1.55}.actions{display:flex;align-items:center;gap:10px}button{border:1px solid var(--stroke);border-radius:var(--radius-btn);padding:14px 18px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:14px;background:var(--card);color:var(--text)}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:var(--accent);color:#1f1a1a;border:none}button.primary:hover:not(:disabled){filter:brightness(.97)}button.ghost{background:#fff;border-color:var(--stroke);color:#343434}button.ghost:hover:not(:disabled){color:#f08f1d;border-color:#f08f1d}button.small{padding:8px 12px;font-size:12px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;border:1px solid var(--stroke);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow)}.filter label{display:block;font-size:13px;margin-bottom:6px;color:var(--muted)}select,input[type=date]{width:100%;height:44px;padding:10px 12px;border-radius:6px;border:1px solid var(--stroke);background:var(--surface);font-weight:600;color:var(--text)}.date-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.sorter{display:flex;gap:8px;align-items:center}.filter.actions-block{grid-column:1 / -1}.filter.actions-block .actions{flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.kpi{background:var(--card);color:var(--text);border:1px solid var(--stroke);border-radius:var(--radius-card);padding:16px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi__label{margin:0;color:#4c4c4c;font-size:13px}.kpi__value{margin:10px 0 4px;font-size:28px;letter-spacing:-.01em;color:#1f1a1a}.kpi__hint{margin:0;color:#646464;font-size:13px}.kpi--cyan:after,.kpi--amber:after,.kpi--violet:after,.kpi--mint:after,.kpi--blue:after,.kpi--pink:after,.kpi--indigo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;pointer-events:none}.kpi--cyan:after{background:radial-gradient(circle at 20% 20%,#bfe74b,transparent 45%)}.kpi--amber:after{background:radial-gradient(circle at 20% 20%,#f8c845,transparent 45%)}.kpi--violet:after{background:radial-gradient(circle at 20% 20%,#41559a,transparent 45%)}.kpi--mint:after{background:radial-gradient(circle at 20% 20%,#bfe74b,transparent 45%)}.kpi--blue:after{background:radial-gradient(circle at 20% 20%,#41559a,transparent 45%)}.kpi--pink:after{background:radial-gradient(circle at 20% 20%,#ed1a2c,transparent 45%)}.kpi--indigo:after{background:radial-gradient(circle at 20% 20%,#2015ff,transparent 45%)}.panel{margin-top:14px;background:var(--card);color:var(--text);border:1px solid var(--stroke);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden}.panel__head{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--stroke-light)}.panel__head h3{margin:0;color:#1f1a1a}.pager{display:flex;align-items:center;gap:6px}.table-wrapper{overflow:visible}table{border-collapse:collapse;width:100%;table-layout:fixed}th,td{padding:10px 12px;border-bottom:1px solid #edecec;text-align:left;font-size:14px;word-wrap:break-word;white-space:normal}th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#787878;background:#fafafa;position:sticky;top:0;z-index:2}tbody tr:hover{background:#f6f6f6}.truncate{max-width:240px;white-space:normal;overflow:visible}.muted{color:var(--muted)}.alert.error{margin:10px 16px;padding:10px 12px;border-radius:var(--radius-card);background:#fff3f0;color:#c0392b;border:1px solid #ffc2b5}@media (max-width: 900px){.hero{flex-direction:column}.panel__head{flex-direction:column;align-items:flex-start}.pager{width:100%}}.menu{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.locked{margin-top:20px;padding:18px;border:1px dashed var(--stroke-dark);background:var(--bg-alt);border-radius:var(--radius-card)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--card);color:var(--text);border-radius:var(--radius-card);padding:22px 24px;width:min(560px,100%);box-shadow:var(--shadow);display:grid;gap:10px;border:1px solid var(--stroke)}.modal.wide{width:min(880px,100%)}.modal label{font-size:13px;color:#4c4c4c}.modal input,.modal select,.modal textarea{width:100%;padding:12px 14px;height:48px;border-radius:6px;border:1px solid var(--stroke);font-weight:600;color:var(--text);background:var(--surface)}.modal textarea{resize:vertical;height:auto}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.grid.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.grid .full{grid-column:1 / -1}.user-pill{padding:10px 14px;background:#111;border-radius:var(--radius-pill);display:grid;line-height:1.2;border:1px solid var(--stroke-dark);color:var(--text)}.user-pill small{color:var(--muted)}