*{box-sizing:border-box}html{background:var(--ag-background);color:var(--ag-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 15% 10%,var(--ag-glow),transparent 30%),var(--ag-background);min-height:100vh;color:var(--ag-text);margin:0}button,input{font:inherit}button{border:1px solid var(--ag-action);background:var(--ag-action);min-height:44px;color:var(--ag-action-text);cursor:pointer;border-radius:999px;padding:.75rem 1.1rem;font-weight:800;transition:transform .15s,opacity .15s}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline:3px solid var(--ag-focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.58;transform:none}.secondary{background:var(--ag-surface);color:var(--ag-text);border-color:var(--ag-border)}.compact{min-height:40px;padding:.55rem .9rem}.login-shell{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.login-card{border:1px solid var(--ag-border);background:var(--ag-surface);width:min(100%,680px);box-shadow:0 24px 80px var(--ag-shadow);border-radius:32px;padding:clamp(1.5rem,5vw,3.75rem)}.topline,.dashboard-header,.header-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--ag-action);font-size:.75rem;font-weight:900}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:1.25rem;font-size:clamp(2.25rem,7vw,4.8rem);line-height:.95}h2{letter-spacing:-.025em;font-size:clamp(1.3rem,3vw,2rem)}.lede{color:var(--ag-text-muted);max-width:56ch;font-size:1.1rem;line-height:1.65}.login-form,.create-form{gap:1rem;margin-top:2rem;display:grid}.login-form label,.create-form label{gap:.45rem;font-weight:800;display:grid}.login-form input,.create-form input{border:1px solid var(--ag-border);background:var(--ag-background);width:100%;min-height:50px;color:var(--ag-text);border-radius:14px;padding:.8rem 1rem}.error{color:var(--ag-danger);font-weight:700}.atomic-mark{width:68px;height:52px;color:var(--ag-accent);place-items:center;display:grid;position:relative}.atomic-mark span{font-size:1.4rem}.atomic-mark i,.atomic-mark b{border:2px solid var(--ag-action);border-radius:50%;width:64px;height:26px;position:absolute;transform:rotate(20deg)}.atomic-mark b{transform:rotate(-20deg)}.dashboard-shell{width:min(1440px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{margin-bottom:0;font-size:clamp(2.3rem,5vw,4rem)}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.status-card,.panel{border:1px solid var(--ag-border);background:var(--ag-surface);box-shadow:0 12px 30px var(--ag-shadow);border-radius:22px}.status-card{gap:.55rem;padding:1.1rem;display:grid}.status-card span{color:var(--ag-text-muted);font-weight:700}.status-card strong{text-transform:capitalize}.available{color:var(--ag-success)}.unavailable{color:var(--ag-warning)}.dashboard-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;display:grid}.panel{padding:clamp(1.15rem,3vw,2rem)}.panel>p:not(.eyebrow){color:var(--ag-text-muted);line-height:1.6}.create-panel{background:linear-gradient(145deg,var(--ag-surface-raised),var(--ag-surface))}.project-list,.activity-list{gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.project-list li,.activity-list li{border:1px solid var(--ag-border);background:var(--ag-background);border-radius:15px;gap:.4rem;padding:1rem;display:grid}.project-list li div{justify-content:space-between;gap:1rem;display:flex}.project-list span{text-transform:capitalize;color:var(--ag-success);font-weight:800}.project-list small,.activity-list small{color:var(--ag-text-muted)}.activity{margin-top:1rem}.empty{border:1px dashed var(--ag-border);border-radius:15px;padding:1rem}@media (max-width:850px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start;width:100%}}@media (max-width:480px){.status-grid{grid-template-columns:1fr}.login-card{border-radius:22px}.project-list li div{display:grid}}