*,*:before,*:after{box-sizing:border-box}:root{--bg: #06121f;--bg-elevated: #0c1c2b;--bg-rail: #081624;--surface: rgba(11, 27, 40, .9);--surface-strong: rgba(15, 34, 50, .96);--surface-soft: rgba(21, 45, 67, .76);--border: rgba(111, 153, 187, .18);--border-strong: rgba(126, 176, 220, .34);--text: #ebf3fb;--text-muted: #94abc1;--accent: #22c1ff;--accent-strong: #0ea5e9;--accent-soft: rgba(34, 193, 255, .16);--success: #22c55e;--warning: #f59e0b;--danger: #f87171;--shadow: 0 24px 80px rgba(0, 0, 0, .32)}[data-theme=light]{--bg: #edf3f8;--bg-elevated: #f6f9fc;--bg-rail: #dfe8f0;--surface: rgba(255, 255, 255, .92);--surface-strong: rgba(255, 255, 255, .98);--surface-soft: rgba(235, 241, 247, .95);--border: rgba(86, 112, 136, .16);--border-strong: rgba(50, 110, 168, .28);--text: #0f2133;--text-muted: #5d7288;--accent: #0284c7;--accent-strong: #0369a1;--accent-soft: rgba(2, 132, 199, .12);--success: #15803d;--warning: #b45309;--danger: #b91c1c;--shadow: 0 24px 80px rgba(67, 86, 104, .12)}html{background:var(--bg)}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(34,193,255,.12),transparent 28%),linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 100%);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.btn-primary,.btn-secondary{border:1px solid transparent;border-radius:12px;padding:.8rem 1.05rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}button:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px)}button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff}.icon-button{padding:.55rem .8rem;background:transparent;border-color:var(--border);color:var(--text-muted)}button:disabled{opacity:.55;cursor:default;transform:none}.secondary-button,.btn-secondary{background:var(--surface-soft);border-color:var(--border);color:var(--text)}.secondary-button.is-active{border-color:var(--border-strong);background:var(--accent-soft)}input,select{width:100%;padding:.85rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text)}input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;color-scheme:dark;accent-color:var(--accent)}[data-theme=light] input[type=date]{color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.85;filter:invert(82%) sepia(9%) saturate(521%) hue-rotate(173deg) brightness(95%) contrast(89%)}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(31%) sepia(16%) saturate(807%) hue-rotate(172deg) brightness(92%) contrast(88%)}input::placeholder{color:var(--text-muted)}input:focus,select:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 0 4px var(--accent-soft)}.public-shell{min-height:100vh;display:flex;flex-direction:column}.public-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.6rem}.public-main{flex:1;padding:0 1.6rem 1.6rem}.brand-mark{display:inline-flex;align-items:center;gap:.8rem;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;letter-spacing:.01em}.logo{width:34px;height:34px;object-fit:contain}.auth-nav a,.auth-nav button{min-height:44px}.auth-nav-logged-in{width:100%}.logout-button{width:100%;background:transparent;border-color:var(--border);color:var(--text)}.app-shell{height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden}.app-rail{display:flex;flex-direction:column;justify-content:space-between;height:100vh;padding:1.4rem;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 38%),var(--bg-rail);border-right:1px solid var(--border);overflow:hidden}.rail-top,.rail-bottom{display:flex;flex-direction:column;gap:1rem}.project-switcher{padding:1rem;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.project-switcher label{display:block;margin-bottom:.45rem;color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.rail-nav{display:flex;flex-direction:column;gap:.45rem}.rail-nav a{padding:.9rem 1rem;border-radius:14px;color:var(--text-muted);border:1px solid transparent;background:transparent}.rail-nav a.active{color:var(--text);border-color:var(--border-strong);background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.02))}.user-summary{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.user-summary strong{font-size:1.02rem}.user-summary span:last-child{color:var(--text-muted);word-break:break-word}.rail-actions{display:flex;flex-direction:column;gap:.75rem}.app-content{min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.toast-viewport{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:flex;flex-direction:column;gap:.75rem;width:min(360px,calc(100vw - 2rem))}.toast{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.95rem 1rem;border-radius:16px;border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow)}.toast-success{border-color:#22c55e52}.toast-error{border-color:#f8717152}.toast-info{border-color:#22c1ff52}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.6rem 2rem 0}.topbar h1,.page-hero h2,.landing-title,.auth-page h2,.auth-intro h2{margin:0;font-family:Space Grotesk,Inter,sans-serif;line-height:1.05}.topbar h1{font-size:clamp(1.9rem,3vw,2.6rem)}.topbar-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.65rem;max-width:480px}.project-health-chip,.status-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;padding:.38rem .72rem;font-size:.77rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface-soft)}.status-badge.success{color:var(--success);background:#22c55e1a}.status-badge.info{color:var(--accent);background:var(--accent-soft)}.status-badge.danger{color:var(--danger);background:#f871711f}.status-badge.neutral{color:var(--text-muted)}.topbar-description,.page-hero p,.landing-subtitle,.landing-card p,.auth-intro p,.list-card p,.metric-card p,.empty-state p{margin:0;color:var(--text-muted);line-height:1.6}.content-area{flex:1;padding:1.6rem 2rem 2rem;overflow-y:auto}.page-stack{display:flex;flex-direction:column;gap:1.25rem}.page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.page-hero h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-top:.35rem}.eyebrow{display:inline-flex;color:var(--accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.panel,.metric-card,.landing-card,.auth-form,.benefit-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.panel,.landing-card,.benefit-card{padding:1.25rem}.emphasis-panel{background:linear-gradient(160deg,rgba(34,193,255,.08),transparent 55%),var(--surface-strong)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h3{margin:.3rem 0 0;font-size:1.2rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric-card{padding:1.2rem;display:flex;flex-direction:column;gap:.55rem}.metric-card strong{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,4vw,2.7rem);line-height:1}.metric-card.compact strong{font-size:1.8rem}.content-grid,.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stack-list{display:flex;flex-direction:column;gap:.8rem}.list-card{padding:1rem;border-radius:16px;border:1px solid var(--border);background:var(--surface-soft)}.list-card strong{display:block;margin-bottom:.4rem}.list-card-header,.list-card-meta,.status-row-main,.team-card-meta,.mini-table-row,.user-row,.user-row-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.list-card-meta,.mini-table-row,.user-row-meta{color:var(--text-muted);font-size:.9rem}.status-row{display:flex;flex-direction:column;gap:.45rem}.status-bar{height:10px;border-radius:999px;background:#ffffff0d;overflow:hidden}.status-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.empty-state{padding:1.5rem;border:1px dashed var(--border-strong);border-radius:18px;background:#ffffff05}.empty-state h4{margin:0 0 .5rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid.compact{grid-template-columns:minmax(0,1fr) auto;align-items:end}.form-grid label,.filter-bar label{display:flex;flex-direction:column;gap:.45rem;color:var(--text-muted);font-size:.92rem}.form-actions{display:flex;align-items:center;gap:.75rem;grid-column:1 / -1}.error{color:var(--danger);margin:0}.status{color:var(--accent);margin:0}.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.checkbox-field{flex-direction:row;align-items:center;align-self:end;gap:.7rem;color:var(--text)}.checkbox-field input,.checkbox-row input{width:auto}.checkbox-row{display:flex;align-items:center;gap:.6rem}.tasks-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:1rem;align-items:start}.task-table{display:flex;flex-direction:column}.task-table-header,.task-table-row{display:grid;grid-template-columns:minmax(0,2.2fr) .9fr .9fr .8fr;gap:1rem;align-items:center}.task-table-header{padding:0 .2rem .8rem;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.task-table-row{border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);padding:1rem;margin-top:.75rem;text-align:left}.task-table-row.is-selected,.team-card.is-selected{border-color:var(--border-strong);background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.02))}.task-table-row strong{display:block;margin-bottom:.3rem}.task-table-row small{display:block;color:var(--text-muted);line-height:1.5}.team-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem}.team-card{text-align:left;padding:1rem;border-radius:18px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text)}.team-card strong{display:block;margin:.35rem 0 .3rem;font-size:1.05rem}.team-card p{margin:0;color:var(--text-muted)}.mini-table{display:flex;flex-direction:column;gap:.6rem}.user-list{display:flex;flex-direction:column;gap:.8rem}.user-row{padding:1rem;border-radius:16px;border:1px solid var(--border);background:var(--surface-soft)}.user-row strong,.auth-benefits strong{display:block;margin-bottom:.25rem}.user-row p,.benefit-card p{margin:0;color:var(--text-muted)}.landing{display:flex;flex-direction:column;gap:1.5rem;width:min(1240px,100%);margin:0 auto;padding:1rem 0 2rem}.landing-hero-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:1rem;align-items:stretch}.landing-hero,.auth-intro{display:flex;flex-direction:column;justify-content:center;gap:1rem}.landing-title{font-size:clamp(2.6rem,5vw,4.7rem);max-width:13ch}.landing-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff}.landing-preview{display:flex;flex-direction:column;justify-content:space-between}.preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.landing-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.landing-card h3{margin:0 0 .6rem;font-size:1.12rem}.pulse-line{width:min(640px,90vw);height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),transparent);position:relative;overflow:hidden}.pulse-line:before{content:"";position:absolute;inset:-2px auto -2px -35%;width:35%;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 64%);animation:pulse-move 3.4s linear infinite}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:1rem;align-items:stretch}.auth-intro,.auth-page{padding:1.4rem;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.auth-page{display:flex;flex-direction:column;gap:1rem}.auth-tabs{display:flex;gap:.6rem}.auth-tabs button{flex:1;background:var(--surface-soft);border-color:var(--border);color:var(--text-muted)}.auth-tabs button.active{background:var(--accent-soft);border-color:var(--border-strong);color:var(--text)}.auth-form{padding:1.1rem;display:flex;flex-direction:column;gap:.9rem}.auth-form label{display:flex;flex-direction:column;gap:.45rem;color:var(--text-muted)}.auth-benefits{display:grid;gap:.9rem}.benefit-card{padding:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#020a1299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-shell{width:min(720px,100%);max-height:calc(100vh - 2rem);overflow:auto;padding:1.2rem;border-radius:24px;border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),var(--surface-strong);box-shadow:var(--shadow)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-header h3{margin:.3rem 0 0;font-size:1.35rem}.modal-body{display:flex;flex-direction:column;gap:1rem}@keyframes pulse-move{0%{transform:translate(0)}to{transform:translate(420%)}}@media(max-width:1100px){.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.app-rail{gap:1rem;height:auto;border-right:none;border-bottom:1px solid var(--border);overflow:visible}.rail-nav{flex-direction:row;flex-wrap:wrap}.rail-bottom{flex-direction:row;align-items:stretch}.user-summary,.rail-actions{flex:1}.app-content{height:auto;overflow:visible}.content-area{overflow:visible}.landing-hero-shell,.auth-layout,.tasks-layout,.content-grid,.panel-grid,.landing-panels{grid-template-columns:1fr}}@media(max-width:720px){.public-header,.content-area,.topbar{padding-left:1rem;padding-right:1rem}.public-main{padding:0 1rem 1rem}.app-rail{padding:1rem}.topbar,.page-hero,.task-table-header,.task-table-row,.user-row,.user-row-meta,.list-card-header,.list-card-meta,.status-row-main,.team-card-meta{display:flex;flex-direction:column;align-items:flex-start}.topbar-meta{align-items:flex-start}.form-grid,.filter-bar,.preview-metrics,.metrics-grid,.form-grid.compact{grid-template-columns:1fr}}