:root,[data-theme=dark]{color-scheme:dark;--bg: #0a0e17;--card: #151c2c;--card-hover: #1a2338;--text: #eef2ff;--text-secondary: #c8d4e8;--muted: #8b9dc3;--brand: #2dd4bf;--brand-dim: rgba(45,212,191,.15);--brand-border: rgba(45,212,191,.4);--success: #22c55e;--success-dim: rgba(34,197,94,.12);--success-border: rgba(34,197,94,.35);--warning: #f59e0b;--warning-dim: rgba(245,158,11,.12);--warning-border: rgba(245,158,11,.35);--danger: #ef4444;--danger2: #ef4444;--danger-dim: rgba(239,68,68,.12);--danger-border: rgba(239,68,68,.35);--info: #3b82f6;--info-dim: rgba(59,130,246,.12);--info-border: rgba(59,130,246,.35);--border: rgba(148,163,184,.18);--border-light: rgba(148,163,184,.1);--card2: rgba(255,255,255,.04);--card3: rgba(255,255,255,.08);--shadow: rgba(0,0,0,.35);--shadow-lg: rgba(0,0,0,.5);--bg-grad-1: rgba(45,212,191,.08);--bg-grad-2: rgba(59,130,246,.06)}.table-wrap{max-height:70vh;overflow:auto;border-radius:16px;border:1px solid var(--border)}.table-wrap .table{border:none;border-radius:0}.table-wrap .table thead th{position:sticky;top:0;z-index:1}[data-theme=light]{color-scheme:light;--bg: #f1f5f9;--card: #ffffff;--card-hover: #f8fafc;--text: #0f172a;--text-secondary: #475569;--muted: #64748b;--brand: #0d9488;--brand-dim: rgba(13,148,136,.1);--brand-border: rgba(13,148,136,.35);--success: #16a34a;--success-dim: rgba(22,163,74,.1);--success-border: rgba(22,163,74,.3);--warning: #d97706;--warning-dim: rgba(217,119,6,.1);--warning-border: rgba(217,119,6,.3);--danger: #dc2626;--danger2: #dc2626;--danger-dim: rgba(220,38,38,.1);--danger-border: rgba(220,38,38,.3);--info: #2563eb;--info-dim: rgba(37,99,235,.1);--info-border: rgba(37,99,235,.3);--border: rgba(148,163,184,.3);--border-light: rgba(148,163,184,.15);--card2: rgba(0,0,0,.03);--card3: rgba(0,0,0,.06);--shadow: rgba(0,0,0,.08);--shadow-lg: rgba(0,0,0,.15);--bg-grad-1: rgba(13,148,136,.1);--bg-grad-2: rgba(37,99,235,.08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1000px 600px at 10% -5%,var(--bg-grad-1),transparent 50%),radial-gradient(800px 500px at 90% 0%,var(--bg-grad-2),transparent 50%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1680px;margin:0 auto;padding:16px}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;padding:14px;border-right:1px solid var(--border);background:#0a0e1773;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto}[data-theme=light] .sidebar{background:#f1f5f9a6}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-section{margin-top:14px}.sidebar-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:8px}.side-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid transparent;color:var(--text-secondary)}.side-link:hover{background:var(--card2);border-color:var(--border-light);color:var(--text)}.side-link.active{background:var(--brand-dim);border-color:var(--brand-border);color:var(--brand)}.side-link-ic{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;opacity:.95}.side-link-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);display:grid;gap:8px}.app-main{min-width:0}.app-main .container{max-width:1680px}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}}:root{--offers-left: 1.65fr;--offers-right: 1fr;--offers-min-left: 640px;--offers-min-right: 420px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 32px var(--shadow)}.row{display:flex;gap:12px;flex-wrap:wrap}.col{flex:1 1 280px}input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card2);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand-border);box-shadow:0 0 0 3px var(--brand-dim)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}button{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card3);color:var(--text);cursor:pointer;font-weight:500;transition:all .15s ease}button:hover{background:var(--card-hover);border-color:var(--border-light)}button.primary{border-color:var(--brand-border);background:var(--brand-dim);color:var(--brand)}button.primary:hover{background:#2dd4bf38}button.danger{border-color:var(--danger-border);background:var(--danger-dim);color:#fca5a5}button.danger:hover{background:#ef44442e}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.header{position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0e17d9;border-bottom:1px solid var(--border);z-index:40}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}.nav .left,.nav .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-secondary);font-size:12px;background:var(--card2)}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px;border:1px solid var(--border)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border)}.table th{text-align:left;color:var(--text-secondary);font-size:12px;font-weight:600;background:var(--card2)}.table tr:hover td{background:var(--card2)}.kpi{font-size:28px;font-weight:800;letter-spacing:-.5px}.muted{color:var(--muted)}.toast{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.toast.success{border-color:var(--success-border);background:var(--success-dim)}.toast.danger{border-color:var(--danger-border);background:var(--danger-dim)}.toast.warning{border-color:var(--warning-border);background:var(--warning-dim)}.toast.info{border-color:var(--info-border);background:var(--info-dim)}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card2);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand-border);box-shadow:0 0 0 3px var(--brand-dim)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:8px;z-index:50}.modal-card{width:min(1400px,calc(100vw - 16px));max-height:min(94vh,calc(100vh - 16px));background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 80px var(--shadow-lg);padding:16px;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.modal-title{font-size:16px;font-weight:900;margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tab-btn{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--card2);color:var(--muted);font-size:12px;cursor:pointer;transition:all .15s}.tab-btn:hover{background:var(--card3)}.tab-btn.active{border-color:var(--brand-border);background:var(--brand-dim);color:var(--brand)}.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card3);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:500;transition:all .15s ease}.btn:hover{background:var(--card-hover)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--card2);color:var(--text-secondary)}.btn.secondary:hover{background:var(--card3);color:var(--text)}.btn.danger{border-color:var(--danger-border);background:var(--danger-dim);color:#fca5a5}.btn.danger:hover{background:#ef44442e}.btn.primary{border-color:var(--brand-border);background:var(--brand-dim);color:var(--brand)}.btn.primary:hover{background:#2dd4bf38}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.table tr.selected td{background:var(--brand-dim)}.split{display:grid;grid-template-columns:minmax(var(--offers-min-left),var(--offers-left)) minmax(var(--offers-min-right),var(--offers-right));gap:12px;align-items:start}.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px var(--shadow);overflow:hidden}.panel-head{padding:12px;border-bottom:1px solid var(--border)}.panel-body{max-height:430px;overflow:auto}@media (max-width: 980px){.split{grid-template-columns:1fr}}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 2px var(--card)}.dot.info{background:var(--info)}.dot.warning{background:var(--warning)}.dot.danger{background:var(--danger)}.dot.success{background:var(--success)}.dot.neutral{background:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card2);color:var(--text-secondary);font-size:12px;font-weight:500;max-width:100%}.pill .pill-ic{display:inline-flex;align-items:center;opacity:.9}.pill.info{border-color:var(--info-border);background:var(--info-dim);color:var(--info)}.pill.warning{border-color:var(--warning-border);background:var(--warning-dim);color:var(--warning)}.pill.danger{border-color:var(--danger-border);background:var(--danger-dim);color:#fca5a5}.pill.success{border-color:var(--success-border);background:var(--success-dim);color:var(--success)}.pill.neutral{border-color:var(--border);background:var(--card2);color:var(--muted)}.kpi-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--card);box-shadow:0 8px 32px var(--shadow)}.kpi-card .kpi-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);background:var(--card2)}.kpi-label{font-size:12px;color:var(--muted);font-weight:500}.kpi-value{font-size:24px;font-weight:800;letter-spacing:-.5px;margin-top:2px}.kpi-sub{font-size:12px;color:var(--muted);margin-top:2px}.kpi-card.info{border-color:var(--info-border)}.kpi-card.info .kpi-ic{background:var(--info-dim);color:var(--info)}.kpi-card.warning{border-color:var(--warning-border)}.kpi-card.warning .kpi-ic{background:var(--warning-dim);color:var(--warning)}.kpi-card.danger{border-color:var(--danger-border)}.kpi-card.danger .kpi-ic{background:var(--danger-dim);color:var(--danger)}.kpi-card.success{border-color:var(--success-border)}.kpi-card.success .kpi-ic{background:var(--success-dim);color:var(--success)}.kpi-card.neutral{border-color:var(--border)}.kanban-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.kanban-row::-webkit-scrollbar{height:8px}.kanban-row::-webkit-scrollbar-thumb{background:var(--card3);border-radius:999px}.kanban-row::-webkit-scrollbar-track{background:var(--card2);border-radius:999px}.kan-col{border-radius:14px;border:1px solid var(--border);background:var(--card);padding:12px;min-height:560px;box-shadow:0 8px 32px var(--shadow)}.kan-col.info{border-color:var(--info-border)}.kan-col.warning{border-color:var(--warning-border)}.kan-col.danger{border-color:var(--danger-border)}.kan-col.success{border-color:var(--success-border)}.kan-col.neutral{border-color:var(--border)}.kan-col-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.kan-col-title{display:flex;align-items:center;gap:8px;min-width:0}.kan-drop{display:grid;gap:10px;margin-top:10px;max-height:470px;overflow-y:auto;padding-right:6px}.kan-drop::-webkit-scrollbar{width:8px}.kan-drop::-webkit-scrollbar-thumb{background:var(--card3);border-radius:999px}.kan-card{position:relative;border-radius:12px;border:1px solid var(--border);background:var(--card);padding:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.kan-card:hover{background:var(--card-hover);transform:translateY(-1px)}.kan-card.selected{border-color:var(--brand-border);box-shadow:0 0 0 3px var(--brand-dim)}.kan-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:var(--muted)}.kan-card.info:before{background:var(--info)}.kan-card.warning:before{background:var(--warning)}.kan-card.danger:before{background:var(--danger)}.kan-card.success:before{background:var(--success)}.kan-card.neutral:before{background:var(--muted)}.kan-card-top{display:flex;align-items:flex-start;gap:10px}.kan-card-id{font-weight:700;font-size:11px;color:var(--text-secondary);padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--card2)}.kan-card-title{font-weight:700;letter-spacing:-.2px;line-height:1.3;flex:1;min-width:0;word-break:break-word}.kan-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.kan-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}@media (max-width: 520px){.container{padding:12px}.kan-col{min-height:520px}.kan-drop{max-height:420px}}