:root{
  --bg:#0b1020;--bg2:#0e1528;--panel:#111a2e;--panel2:#151f35;--line:#26324a;
  --text:#edf2ff;--muted:#97a4bf;--primary:#7c5cff;--primary2:#5b7cff;--success:#2fd27a;
  --warning:#f5b942;--danger:#ff5f6d;--info:#4da3ff;--shadow:0 12px 30px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#0a0f1d,#0c1323);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.danger-text{color:var(--danger)}.success-text{color:var(--success)}
.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(9,15,28,.96);padding:20px 14px;display:flex;flex-direction:column;gap:24px;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:4px 6px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:800;box-shadow:0 8px 24px rgba(124,92,255,.28)}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:8px}.nav-link{padding:12px 14px;border-radius:11px;color:#cbd4e7;display:flex;gap:12px;align-items:center}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(124,92,255,.22),rgba(91,124,255,.10));color:#fff}.nav-link span{width:20px;text-align:center}.sidebar-note{margin-top:auto;padding:16px;border:1px solid rgba(124,92,255,.28);border-radius:14px;background:rgba(124,92,255,.08)}.sidebar-note strong{color:#a99cff}.sidebar-note p{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:0}.main-shell{min-width:0}.topbar{height:70px;display:flex;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(10,16,30,.84);backdrop-filter:blur(12px);position:sticky;top:0;z-index:15}.top-search{max-width:560px;flex:1;display:flex;align-items:center;gap:8px;background:#10192b;border:1px solid var(--line);border-radius:11px;padding:9px 12px;color:var(--muted)}.top-search input{width:100%;background:none;border:0;color:var(--text);outline:none}.user-menu{margin-left:auto;display:flex;align-items:center;gap:10px}.user-menu small{display:block;color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#438eff,#765cff);font-weight:700}.link-button{background:none;border:0;color:var(--muted);padding:6px}.link-button:hover{color:#fff}.content{padding:28px;max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-header h1{font-size:32px;margin:0 0 6px}.page-header p{margin:0;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:#fff;background:#172137;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn:hover{filter:brightness(1.1)}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--primary),#5a6cff);box-shadow:0 8px 24px rgba(124,92,255,.25)}.btn.success{background:#164c36;border-color:#1e7651}.btn.danger{background:#4a1c28;border-color:#7a2d3e}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;font-size:13px}.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.kpi-card,.card{background:linear-gradient(180deg,rgba(20,31,52,.96),rgba(15,24,42,.96));border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.kpi-card{padding:18px}.kpi-card .label{color:#b6c0d6;font-size:13px}.kpi-card .value{font-size:32px;font-weight:800;margin-top:8px}.kpi-card small{color:var(--muted)}.card{padding:18px}.card h2,.card h3{margin:0 0 6px}.card-subtitle{color:var(--muted);font-size:13px;margin:0 0 16px}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:650;color:#d9e1f0}.field small{color:var(--muted);line-height:1.4}.input,.select,.textarea{width:100%;background:#0e1728;border:1px solid #31405d;color:var(--text);border-radius:10px;padding:10px 11px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#7569ff;box-shadow:0 0 0 3px rgba(124,92,255,.12)}.textarea{min-height:120px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.two-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px}.three-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.9fr);gap:18px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:820px}.table th,.table td{padding:12px 13px;border-bottom:1px solid rgba(38,50,74,.72);text-align:left;vertical-align:middle}.table th{font-size:12px;color:#9da9c3;background:#0f1729;position:sticky;top:0}.table td{font-size:14px}.table tr:hover td{background:rgba(124,92,255,.04)}.status,.priority,.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.status.pending,.status.inbox{background:#232d42;color:#cbd4e7}.status.in_progress{background:rgba(77,163,255,.14);color:#65b4ff}.status.blocked{background:rgba(255,95,109,.14);color:#ff7d89}.status.done{background:rgba(47,210,122,.14);color:#57e292}.status.cancelled{background:#232a36;color:#8e99ad}.priority.low{background:#242d3f;color:#afbad0}.priority.medium{background:rgba(245,185,66,.14);color:#ffd36e}.priority.high,.priority.urgent{background:rgba(255,95,109,.14);color:#ff8791}.project-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:7px}.attention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.attention-card{padding:14px;border:1px solid rgba(245,185,66,.26);background:rgba(245,185,66,.07);border-radius:12px}.attention-card.blocked{border-color:rgba(255,95,109,.34);background:rgba(255,95,109,.08)}.attention-card h4{margin:0 0 8px}.attention-card p{margin:4px 0;color:var(--muted);font-size:13px}.flash{margin:14px 28px 0;padding:12px 14px;border-radius:10px;border:1px solid}.flash.success{background:rgba(47,210,122,.12);border-color:rgba(47,210,122,.32);color:#8cf0b7}.flash.error{background:rgba(255,95,109,.12);border-color:rgba(255,95,109,.32);color:#ffabb3}.meta-row{display:flex;gap:10px;flex-wrap:wrap}.meta-chip{padding:10px 12px;background:#0d1627;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px}.timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:12px 1fr;gap:10px}.timeline-dot{width:10px;height:10px;background:var(--primary);border-radius:50%;margin-top:5px;box-shadow:0 0 0 4px rgba(124,92,255,.12)}.timeline-item p{margin:2px 0;color:var(--muted);font-size:13px}.progress{height:10px;background:#0a1323;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2))}.worklog-card{position:sticky;top:90px}.report-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.report-card{grid-column:span 4}.report-card.wide{grid-column:span 8}.report-card.full{grid-column:span 12}.chart-wrap{height:260px}.chart-wrap canvas{max-height:260px}.report-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.report-kpis .kpi-card{padding:14px}.report-kpis .value{font-size:26px}.empty{padding:28px;text-align:center;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,rgba(124,92,255,.16),transparent 34%),radial-gradient(circle at 85% 80%,rgba(77,163,255,.12),transparent 30%),#09101e}.login-card{width:min(440px,100%);padding:28px;border-radius:18px;background:rgba(15,24,42,.96);border:1px solid var(--line);box-shadow:var(--shadow)}.login-brand{text-align:center;margin-bottom:24px}.login-brand .brand-mark{margin:0 auto 10px}.login-card h1{text-align:center;margin:0 0 6px}.login-card>p{text-align:center;color:var(--muted);margin-bottom:20px}.mobile-only{display:none}.error-page{display:grid;place-items:center;min-height:60vh;text-align:center}.error-page h1{font-size:80px;margin:0;color:#8f82ff}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.attention-grid{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(3,1fr)}.report-card,.report-card.wide{grid-column:span 6}.two-panel,.three-panel{grid-template-columns:1fr}.worklog-card{position:static}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:240px;transition:left .2s}.sidebar.open{left:0}.mobile-only{display:inline-flex}.topbar{padding:0 14px}.top-search{display:none}.content{padding:18px 14px}.page-header{align-items:stretch;flex-direction:column}.kpi-grid,.report-kpis{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.report-card,.report-card.wide,.report-card.full{grid-column:span 12}.form-grid{grid-template-columns:1fr}.col-12,.col-8,.col-6,.col-4,.col-3{grid-column:span 1}.user-menu div{display:none}}
@media(max-width:480px){.kpi-grid,.report-kpis{grid-template-columns:1fr}.page-header h1{font-size:27px}}