:root{--bg: #09111f;--bg-soft: #0f1b31;--panel: rgba(13, 23, 42, .74);--panel-strong: rgba(12, 20, 36, .92);--line: rgba(148, 163, 184, .18);--text: #e5eefc;--muted: #91a4c3;--accent: #38bdf8;--accent-2: #f97316;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(56,189,248,.24),transparent 24%),radial-gradient(circle at top right,rgba(249,115,22,.18),transparent 28%),linear-gradient(180deg,#08101d,#0d1728)}:root[data-theme=light]{--bg: #f3f7fc;--bg-soft: #ffffff;--panel: rgba(255, 255, 255, .88);--panel-strong: rgba(255, 255, 255, .96);--line: rgba(148, 163, 184, .28);--text: #122033;--muted: #5d718f;background:radial-gradient(circle at top left,rgba(56,189,248,.14),transparent 24%),radial-gradient(circle at top right,rgba(249,115,22,.12),transparent 28%),linear-gradient(180deg,#f8fbff,#eef4fb)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:transparent;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:290px 1fr;gap:24px;min-height:100vh;padding:24px}.content-area,.page-stack{display:flex;flex-direction:column;gap:20px;min-width:0}.glass-card{border:1px solid var(--line);background:linear-gradient(180deg,#121d33e0,#090f1cc2);box-shadow:0 18px 60px #02081773;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=light] .glass-card{background:linear-gradient(180deg,#fffffffa,#f4f8fdf5);box-shadow:0 16px 42px #0f172a14}.sidebar{padding:28px;border-radius:28px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;position:sticky;top:24px;height:calc(100vh - 48px)}.sidebar-inner{display:flex;flex-direction:column;gap:16px}.sidebar-brand{display:flex;flex-direction:column;gap:8px}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.brand-mark{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;margin-bottom:18px}.sidebar h1,.page-head h1,.hero-banner h1,.login-panel h1{margin:0;font-family:Space Grotesk,sans-serif}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:.72rem;margin:0 0 8px}.nav-link{display:block;padding:14px 16px;border-radius:16px;color:var(--muted);margin-bottom:10px;transition:.2s ease}.nav-link.active,.nav-link:hover{background:#38bdf81f;color:var(--text);transform:translate(4px)}.sidebar-footer{color:var(--muted);font-size:.92rem;margin-top:auto}.sidebar-footer p,.sidebar-footer small{margin:0;display:block}.sidebar-footer small{margin-top:6px;opacity:.86}.topbar{border-radius:24px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.header-title{display:flex;flex-direction:column;gap:4px}.topbar h2{margin:0;font-family:Space Grotesk,sans-serif}.topbar-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.user-chip{padding:10px 14px;border-radius:16px;background:#0f172ab3;display:flex;flex-direction:column}:root[data-theme=light] .user-chip{background:#e2e8f0b8}.user-chip small{color:var(--muted)}.ghost-button,.primary-button{border:0;border-radius:14px;cursor:pointer;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center}.ghost-button{background:#94a3b81f;color:var(--text);padding:12px 16px}:root[data-theme=light] .ghost-button{background:#e2e8f0cc}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:14px 18px;font-weight:700}.hero-banner,.section-card{border-radius:28px;padding:24px}.hero-banner{padding:32px}.lead{color:var(--muted);line-height:1.7;max-width:70ch}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{border-radius:22px;padding:22px}.stat-card h3{margin:8px 0;font-size:2rem}.stat-card span{color:var(--muted)}.dashboard-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.project-grid,.project-list{display:grid;gap:16px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:18px}.project-card-top{display:flex;justify-content:space-between;gap:16px}.project-card h3{margin:10px 0 0}.project-card p{margin:0;color:var(--muted);line-height:1.6}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.meta-grid div{padding:12px;border-radius:18px;background:#0f172a99}:root[data-theme=light] .meta-grid div{background:#f1f5f9eb}.meta-grid strong{display:block;font-size:1.1rem}.meta-grid span{color:var(--muted);font-size:.88rem}.task-table{display:flex;flex-direction:column;gap:12px}.task-row{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;background:#0f172a94}:root[data-theme=light] .task-row{background:#f8fafcf5}.task-row p{margin:6px 0 0;color:var(--muted)}.pill,.status{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.pill{background:#38bdf824;color:#b7ecff}.pill.subdued{background:#94a3b829;color:#d9e5f7}.status{background:#22c55e29;color:#d2ffe2}.status-review,.status-testing{background:#f59e0b29;color:#ffe8bc}.status-blocked,.status-on_hold{background:#ef444429;color:#ffd1d1}.status-backlog,.status-planning{background:#94a3b829;color:#d9e5f7}:root[data-theme=light] .pill{background:#0ea5e91f;color:#0f4c81}:root[data-theme=light] .pill.subdued{background:#e2e8f0f2;color:#334155}:root[data-theme=light] .status{background:#22c55e2e;color:#166534}:root[data-theme=light] .status-review,:root[data-theme=light] .status-testing{background:#f59e0b2e;color:#92400e}:root[data-theme=light] .status-blocked,:root[data-theme=light] .status-on_hold{background:#ef444424;color:#b91c1c}:root[data-theme=light] .status-backlog,:root[data-theme=light] .status-planning{background:#e2e8f0f2;color:#475569}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,1100px);border-radius:36px;padding:36px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.login-form{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:28px;background:#070c169e}:root[data-theme=light] .login-form{background:#f7fafcf0}.login-form label{display:flex;flex-direction:column;gap:8px;color:var(--muted)}.login-form input,.select-control{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172ad1;color:var(--text)}:root[data-theme=light] .login-form input,:root[data-theme=light] .select-control{background:#fffffff5}.error-box{padding:12px 14px;border-radius:14px;background:#ef44441f;color:#ffcaca}.success-box{padding:12px 14px;border-radius:14px;background:#22c55e24;color:#d2ffe2}.kanban-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.kanban-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,280px);gap:16px;width:max-content;min-width:100%}.kanban-column{min-height:400px;border-radius:24px;padding:18px}.kanban-column-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.kanban-stack{display:flex;flex-direction:column;gap:12px}.task-card{padding:16px;border-radius:20px;cursor:grab;background:linear-gradient(180deg,#1e293bf2,#0f172ae0);border:1px solid rgba(148,163,184,.15)}:root[data-theme=light] .task-card{background:linear-gradient(180deg,#fffffffa,#f5f8fcf5);border-color:#94a3b833}.task-card h4{margin:12px 0 8px}.task-card p{margin:0;color:var(--muted);line-height:1.5;min-height:48px}.task-card-footer{margin-top:16px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.9rem}:root[data-theme=light] .task-card h4,:root[data-theme=light] .task-list-row strong,:root[data-theme=light] .project-card h3,:root[data-theme=light] .section-head h2,:root[data-theme=light] .kanban-column-head h3{color:#1e293b}:root[data-theme=light] .task-card-footer strong{color:#475569}.priority-critical{border-color:#ef444499}.priority-urgent{border-color:#f9731699}.priority-high{border-color:#38bdf880}.page-head{margin-bottom:0}.screen-center{min-height:100vh;display:grid;place-items:center}.board-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.compact{max-width:420px;width:100%}@media(max-width:1100px){.app-shell,.stats-grid,.dashboard-columns,.login-panel{grid-template-columns:1fr}.sidebar{padding:20px;position:static;height:auto}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.nav-link{margin-bottom:0}.compact-banner,.topbar{flex-direction:column;align-items:flex-start}.toolbar-wrap,.topbar-actions{width:100%;justify-content:flex-start}.form-grid.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban-grid{grid-auto-columns:minmax(260px,260px)}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-field,.filter-search,.filter-actions{grid-column:auto}}@media(max-width:768px){.app-shell{padding:14px}.topbar,.hero-banner,.section-card,.sidebar,.login-panel{border-radius:22px}.stats-grid{grid-template-columns:1fr 1fr}.meta-grid{grid-template-columns:1fr}.board-summary{flex-direction:column}.task-list-head{display:none}.task-list-row{grid-template-columns:1fr;gap:8px}.form-grid.four-col,.assignment-blocks,.filter-grid{grid-template-columns:1fr}.compact-banner,.hero-banner{padding:24px}.sidebar-nav{flex-direction:column}.topbar-actions>*{width:100%}.user-chip{width:100%}.notification-trigger,.ghost-button,.primary-button,.danger-button{width:100%;justify-content:center}.task-card-footer{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.app-shell{padding:10px;gap:14px}.content-area,.page-stack{gap:14px}.sidebar,.topbar,.section-card,.hero-banner{padding:18px}.stats-grid{grid-template-columns:1fr}.brand-mark{width:48px;height:48px}.topbar h2,.hero-banner h1{font-size:1.6rem}.lead{font-size:.95rem}}.inline-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread-actions{justify-content:space-between}.danger-button{border:0;border-radius:14px;cursor:pointer;padding:12px 16px;color:#fff;background:linear-gradient(135deg,#ef4444f5,#be185deb)}.compact-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.toolbar-wrap{justify-content:flex-end}.filters-bar{padding-top:20px;padding-bottom:20px}.filter-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:end}.filter-field{display:flex;flex-direction:column;gap:8px;color:var(--muted);grid-column:span 2;min-width:0}.filter-field span{font-size:.92rem}.filter-field select,.filter-field input{width:100%;min-width:0;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172ad1;color:var(--text);outline:none;box-shadow:inset 0 1px #ffffff05;appearance:none;-webkit-appearance:none}:root[data-theme=light] .filter-field select,:root[data-theme=light] .filter-field input,:root[data-theme=light] .modal-form input,:root[data-theme=light] .modal-form select,:root[data-theme=light] .modal-form textarea{background:#fffffff5}.filter-field select:focus,.filter-field input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.login-form input:focus{border-color:#38bdf899;box-shadow:0 0 0 3px #38bdf81f}.filter-search{grid-column:span 3}.form-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.filter-actions{display:flex;align-items:flex-end;justify-content:flex-end;grid-column:span 1}.active-toggle{background:#38bdf838;color:var(--text);box-shadow:inset 0 0 0 1px #7dd3fc2e}.wide-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.assignment-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.assignment-card{border-radius:22px;padding:18px}:root[data-theme=light] .assignment-card{background:#ffffffc7}.compact-head{margin-bottom:12px}.compact-head h4{margin:0}.compact-head span{color:var(--muted)}.table-wrap{padding:0;overflow:hidden}.task-list-table{display:flex;flex-direction:column}.task-list-head,.task-list-row{display:grid;grid-template-columns:minmax(240px,2fr) repeat(5,minmax(120px,1fr));gap:16px;align-items:center}.task-list-head{padding:18px 24px;color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.task-list-row{width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:18px 24px;border-bottom:1px solid rgba(148,163,184,.08);cursor:pointer}.task-list-row:hover{background:#38bdf80f}:root[data-theme=light] .task-list-head,:root[data-theme=light] .task-list-row{background:#ffffffb8}:root[data-theme=light] .task-list-row span,:root[data-theme=light] .task-list-head span,:root[data-theme=light] .section-head span,:root[data-theme=light] .task-row p,:root[data-theme=light] .project-card p,:root[data-theme=light] .meta-grid span,:root[data-theme=light] .feedback-author,:root[data-theme=light] .feedback-detail p,:root[data-theme=light] .notification-item p,:root[data-theme=light] .notification-item span,:root[data-theme=light] .empty-box{color:#64748b}.task-list-row strong{display:inline-block;margin-right:8px}.approval-banner{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.24);color:#ffe8bc}.field-help{color:var(--muted);font-size:.82rem;line-height:1.5}.split-actions{justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.feedback-list{display:grid;gap:14px}.feedback-card{border-radius:22px;padding:20px;background:#0f172a85;border:1px solid rgba(148,163,184,.12)}:root[data-theme=light] .feedback-card{background:#ffffffc7}.feedback-button{width:100%;text-align:left;color:var(--text);cursor:pointer}.feedback-card h4{margin:10px 0 0}.feedback-card p{margin:12px 0 0;color:var(--muted);line-height:1.7}.feedback-author{color:var(--muted)}.feedback-detail p{color:var(--muted);line-height:1.8}.feedback-meta{margin:10px 0 14px}.pill-warning{background:#f59e0b24;color:#ffe8bc}:root[data-theme=light] .pill-warning{background:#f59e0b2e;color:#92400e}.padded{padding:24px}.enriched-summary p{margin:8px 0 0;color:var(--muted);max-width:64ch}.progress-rail{width:min(360px,100%);height:10px;margin-top:18px;border-radius:999px;background:#94a3b81f;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s ease}.badge{margin-left:8px;min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:var(--accent-2);color:#fff;font-size:.74rem}.notification-panel{position:fixed;top:24px;right:24px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:20px;border-radius:24px;z-index:30;overflow:auto;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s ease}.notification-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{text-align:left;border:1px solid rgba(148,163,184,.14);background:#0f172a8c;color:var(--text);border-radius:18px;padding:14px}:root[data-theme=light] .notification-item{background:#ffffffd6}.notification-item.unread{border-color:#38bdf873}.notification-item p,.notification-item span,.empty-box{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#020817ad;display:grid;place-items:center;z-index:40;padding:24px}.modal-card{width:min(900px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:28px;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.modal-head h3{margin:0;font-family:Space Grotesk,sans-serif}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-form label,.field-label{display:flex;flex-direction:column;gap:8px;color:var(--muted)}.modal-form input,.modal-form select,.modal-form textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172ad1;color:var(--text)}.form-grid{display:grid;gap:14px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-grid{display:flex;flex-wrap:wrap;gap:10px}.checkbox-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#0f172ab8;border:1px solid rgba(148,163,184,.14)}:root[data-theme=light] .checkbox-chip{background:#f1f5f9eb}.checkbox-chip input{width:auto;margin:0}.checkbox-inline{width:fit-content}.modal-actions{display:flex;justify-content:flex-end}.attachment-list{display:flex;flex-wrap:wrap;gap:10px}.attachment-list a{padding:10px 14px;border-radius:999px;background:#38bdf81a}:root[data-theme=light] .kanban-column{background:#ffffffb8}.select-control.narrow{min-width:260px}@media(max-width:768px){.form-grid.two-col{grid-template-columns:1fr}.notification-panel{top:auto;bottom:16px;right:16px}}
