:root{color:#f7f4f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}body{background:#0f1014;min-width:320px;overflow-x:hidden}#nl-badge-frame{pointer-events:none!important;display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{--bg:#0b0d12;--panel:#151820;--panel-strong:#1c202a;--panel-soft:#11141b;--line:#ffffff16;--line-strong:#ffffff2e;--text:#faf7fb;--muted:#a9a2af;--soft:#6f6975;--primary:#ff3f6e;--green:#23c86a;--amber:#f5a524;--red:#ef4444;--shadow:#00000061;color:var(--text);background:radial-gradient(circle at 76% -8%,#8b5cf636,#0000 29rem),radial-gradient(circle at 18% 0,#ff3f6e29,#0000 25rem),linear-gradient(145deg,#10131b 0%,#0b0d12 54%,#101019 100%);grid-template-columns:232px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--line);background:#111218db;flex-direction:column;gap:22px;min-height:100svh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{grid-template-columns:42px 1fr;align-items:center;gap:10px;min-width:0;display:grid}.brand-icon,.habit-icon{background:color-mix(in srgb, var(--habit-color,var(--primary)) 16%, transparent);border:1px solid color-mix(in srgb, var(--habit-color,var(--primary)) 34%, transparent);color:var(--habit-color,var(--primary));border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.brand strong,.brand span{display:block}.brand span{color:var(--muted);margin-top:2px;font-size:12px}.nav-stack{gap:6px;display:grid}.nav-button{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:10px;min-height:42px;padding:0 10px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:grid}.nav-button:hover,.nav-button.active{border-color:var(--line);color:var(--text);background:#ffffff0e}.sidebar-score{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;gap:5px;margin-top:auto;padding:14px;display:grid}.sidebar-score span,.sidebar-score small,.eyebrow,.muted-copy{color:var(--muted)}.sidebar-score strong{font-size:22px}.workspace{min-width:0;padding:18px 18px 90px}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 14px;display:flex}.mobile-titlebar{align-items:center;gap:12px;min-width:0;display:flex}.eyebrow{letter-spacing:0;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:0;margin-top:4px;font-size:clamp(28px,4vw,38px);line-height:1}h2{letter-spacing:0;font-size:18px}.top-actions{align-items:center;gap:8px;display:flex}.sync-pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:12px;font-weight:750;display:inline-flex}.sync-pill.online{background:color-mix(in srgb, var(--green) 14%, transparent);border-color:color-mix(in srgb, var(--green) 34%, transparent);color:#a8f5c9}.sync-pill.saving,.sync-pill.loading{background:color-mix(in srgb, var(--amber) 14%, transparent);border-color:color-mix(in srgb, var(--amber) 34%, transparent);color:#ffd591}.sync-pill.offline{background:color-mix(in srgb, var(--red) 12%, transparent);border-color:color-mix(in srgb, var(--red) 34%, transparent);color:#ffb0c0}.partner-switch{border:1px solid var(--line);background:#ffffff0e;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.partner-switch button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-width:86px;min-height:36px;padding:0 12px}.partner-switch button.active{background:var(--primary);color:#fff;font-weight:850}.icon-button,.habit-row-actions button,.clock-head button{border:1px solid var(--line);color:var(--muted);background:#ffffff0e;border-radius:8px;justify-content:center;align-items:center;min-width:42px;height:42px;display:inline-flex}.icon-button:hover,.habit-row-actions button:hover,.clock-head button:hover{border-color:var(--line-strong);color:var(--text)}.week-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;max-width:1180px;margin:0 auto 16px;display:grid}.week-strip button{color:var(--muted);background:#ffffff0b;border:1px solid #0000;border-radius:8px;justify-items:center;gap:4px;min-height:58px;padding:8px 4px;display:grid}.week-strip span{font-size:11px}.week-strip strong{border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.week-strip .active{background:color-mix(in srgb, var(--primary) 18%, transparent);border-color:color-mix(in srgb, var(--primary) 42%, transparent);color:var(--text)}.week-strip .active strong{background:var(--primary);color:#fff}.summary-grid,.time-layout,.comparison-grid,.settings-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto;display:grid}.today-panel,.progress-stack,.apps-panel,.board-panel,.habit-row,.shared-habit-card,.clock-panel,.session-form,.session-list,.score-card,.challenge-panel{border:1px solid var(--line);box-shadow:0 18px 46px var(--shadow);background:#18191ff0;border-radius:16px}.today-panel{background:linear-gradient(125deg,#ff3f6e24,#0000 48%),#18191ff0;grid-column:span 8;justify-content:space-between;align-items:center;gap:20px;min-height:172px;padding:20px;display:flex}.today-panel>div:first-child{gap:10px;max-width:620px;display:grid}.today-panel h2{font-size:clamp(28px,5vw,44px);line-height:1}.today-panel p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.45}.progress-ring{--progress:0deg;aspect-ratio:1;background:radial-gradient(circle, var(--panel) 58%, transparent 60%), conic-gradient(var(--primary) var(--progress), #ffffff14 0);border-radius:50%;flex-direction:column;flex:0 0 132px;justify-content:center;align-items:center;display:flex}.progress-ring strong{font-size:28px}.progress-ring span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.progress-stack{grid-column:span 4;gap:10px;padding:14px;display:grid}.progress-row{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px;display:grid}.progress-row svg{color:var(--primary)}.progress-row span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.progress-row strong{font-size:15px}.apps-panel{grid-column:span 8;gap:14px;padding:16px;display:grid}.home-apps,.home-checklist{grid-column:span 12}.home-checklist{background:linear-gradient(#ffffff06,#0000 34%),#151820f5}.checklist-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.checklist-head>span{background:color-mix(in srgb, var(--primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--primary) 32%, transparent);color:#ffd7e1;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.checklist-progress{background:#ffffff14;border-radius:999px;height:7px;overflow:hidden}.checklist-progress span{background:linear-gradient(90deg, var(--primary), #a78bfa);border-radius:inherit;height:100%;transition:width .26s ease-out;display:block}.checklist-copy{color:var(--muted);margin-top:-4px;font-size:13px;line-height:1.4}.home-checklist .routine-list{grid-template-columns:repeat(2,minmax(0,1fr))}.board-panel{grid-column:span 8;gap:14px;padding:16px;display:grid}.board-panel.compact{grid-column:span 4}.section-title{align-items:center;gap:9px;display:flex}.section-title svg{color:var(--primary)}.app-grid,.shared-habit-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.app-tile{background:var(--panel-strong);border:1px solid var(--line);color:var(--text);text-align:left;border-radius:8px;align-items:start;gap:8px;min-height:132px;padding:14px;transition:background .16s,border-color .16s,transform .16s;display:grid}.app-tile:hover{border-color:color-mix(in srgb, var(--primary) 42%, transparent);background:#ffffff0f;transform:translateY(-1px)}.app-tile svg{color:var(--primary)}.app-tile span,.app-tile small{color:var(--muted)}.app-tile strong{font-size:25px;line-height:1}.routine-list{gap:9px;display:grid}.routine-item{background:var(--panel-strong);border:1px solid var(--line);border-left-color:var(--habit-color);color:var(--text);text-align:left;border-left-width:3px;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px;transition:background .16s,border-color .16s,transform .16s;display:grid}.routine-item:not(:disabled):hover{background:#ffffff13;transform:translateY(-1px)}.routine-item .habit-icon{width:38px;height:38px}.routine-item small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.routine-item em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.routine-item.checked em{color:var(--green)}.routine-item.locked{opacity:.62}.bar-track,.meter{background:#ffffff14;border-radius:999px;height:9px;overflow:hidden}.bar-track span,.meter span{background:linear-gradient(90deg, var(--habit-color,var(--primary)), var(--amber));border-radius:inherit;height:100%;display:block}.content-stack{gap:14px;max-width:1180px;margin:0 auto;display:grid}.tab-row{border:1px solid var(--line);background:#ffffff0e;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-width:430px;padding:4px;display:grid}.tab-row button,.shared-checks button,.preset-row button,.quick-session-grid button,.session-item button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:38px;padding:0 10px;display:inline-flex}.tab-row button.active,.shared-checks button.checked,.preset-row button.active{background:color-mix(in srgb, var(--habit-color,var(--primary)) 18%, transparent);border-color:color-mix(in srgb, var(--habit-color,var(--primary)) 38%, transparent);color:var(--text)}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}input,textarea,select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;outline:0;min-width:0;min-height:44px;padding:0 12px}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb, var(--habit-color,var(--primary)) 55%, transparent)}textarea{resize:vertical;min-height:118px;padding:12px;line-height:1.45}.primary-button,.ghost-button,.danger-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;display:inline-flex}.primary-button{background:var(--primary);color:#fff;border:0;font-weight:850}.ghost-button,.danger-button{border:1px solid var(--line);color:var(--muted);background:#ffffff0b}.danger-button{color:var(--red);margin-top:10px}.habit-grid{grid-template-columns:1fr;gap:10px;display:grid}.habit-row{border-left:4px solid var(--habit-color);grid-template-columns:minmax(220px,1.15fr) minmax(320px,1fr) auto;align-items:center;gap:14px;min-height:96px;padding:12px 14px;display:grid}.habit-row.checked{background:linear-gradient(90deg, color-mix(in srgb, var(--habit-color) 13%, transparent), transparent 45%), #18191ff0}.habit-row.locked{opacity:.68}.habit-row-main{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.habit-main{gap:7px;min-width:0;display:grid}.habit-main h3{letter-spacing:0;margin:0;font-size:16px;font-weight:850;line-height:1.2}.habit-meta{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.habit-meta span{border:1px solid var(--line);background:#ffffff0e;border-radius:999px;padding:3px 8px}.check-button{border:1px solid var(--line);color:var(--soft);background:#ffffff0b;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.check-button.checked{background:color-mix(in srgb, var(--green) 18%, transparent);border-color:color-mix(in srgb, var(--green) 42%, transparent);color:var(--green)}.mini-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.mini-week span{border:1px solid var(--line);color:var(--muted);border-radius:999px;place-items:center;min-height:54px;padding:6px 2px;display:grid}.mini-week small{font-size:10px}.mini-week strong{border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;margin-top:3px;display:flex}.mini-week .done strong{background:color-mix(in srgb, var(--green) 18%, transparent);color:var(--green)}.mini-week .missed strong{background:color-mix(in srgb, var(--red) 16%, transparent);color:var(--red)}.mini-week .open strong{color:var(--muted);background:#ffffff14}.mini-week .today{border-color:color-mix(in srgb, var(--habit-color) 55%, transparent)}.habit-row-actions{grid-template-columns:repeat(2,auto) repeat(2,36px) minmax(102px,auto) 42px auto;justify-content:end;align-items:center;gap:8px;display:grid}.habit-row-actions.simple{grid-template-columns:repeat(2,auto) repeat(2,36px)}.habit-row-actions span{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;min-height:36px;display:inline-flex}.habit-row-actions button{min-width:36px;height:36px}.danger-icon{color:var(--red)}.stepper{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;grid-template-columns:32px minmax(48px,1fr) 32px;align-items:center;min-height:38px;display:grid;overflow:hidden}.stepper button{color:var(--muted);background:0 0;border:0;height:100%}.stepper strong{text-align:center}.shared-habit-card{gap:14px;min-height:126px;padding:14px;display:grid}.shared-title{grid-template-columns:42px 1fr;align-items:center;gap:10px;display:grid}.shared-title>div{gap:4px;display:grid}.shared-habit-card span{color:var(--muted);font-size:13px}.shared-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.clock-panel{grid-column:span 4;gap:13px;padding:18px;display:grid}.clock-head{justify-content:space-between;align-items:center;display:flex}.clock-panel strong{font-size:42px}.clock-panel p,.session-item span,.session-item time{color:var(--muted)}.session-form{grid-column:span 4;gap:9px;padding:16px;display:grid}.preset-row,.quick-session-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.preset-row button,.quick-session-grid button{border-color:var(--line);background:#ffffff0b;font-size:12px;font-weight:750}.session-form label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.session-list{grid-column:span 4;align-content:start;gap:10px;max-height:470px;padding:14px;display:grid;overflow:auto}.session-item{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) auto 38px;align-items:center;gap:10px;padding:12px;display:grid}.session-item button{width:38px;height:38px;padding:0}.session-item div{gap:4px;min-width:0;display:grid}.session-item span,.session-item time{font-size:13px}.attendance-layout{gap:18px;max-width:720px;margin:0 auto;display:grid}.attendance-tabs,.range-tabs{max-width:none}.range-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-card{border:1px solid var(--line);box-shadow:0 18px 46px var(--shadow);background:#18191ff0;border-radius:8px;gap:14px;padding:18px;display:grid}.training-attendance{--habit-color:#8b5cf6}.status-icon.training{--status-color:#8b5cf6}.training-quick button{min-height:104px}.training-form-card{gap:10px}.training-form-card label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.status-card{min-height:210px}.status-line,.teammate-line{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;display:grid}.status-line strong{font-size:clamp(27px,5vw,36px);line-height:1.05}.status-icon{background:color-mix(in srgb, var(--status-color) 16%, transparent);border:1px solid color-mix(in srgb, var(--status-color) 24%, transparent);color:var(--status-color);border-radius:8px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.status-icon.dark{background:color-mix(in srgb, var(--status-color) 28%, var(--panel-strong));color:#fff}.attendance-divider{background:var(--line);height:1px}.today-work{justify-content:space-between;align-items:end;display:flex}.today-work span,.status-card small,.teammate-line small,.summary-total span,.team-hours small,.attendance-bars span{color:var(--muted)}.today-work span{text-transform:uppercase;font-size:13px;font-weight:850}.today-work strong{font-size:clamp(30px,8vw,48px);line-height:1}.teammate-card{min-height:118px}.teammate-line>div{gap:4px;display:grid}.teammate-line strong{font-size:19px}.status-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.status-actions button{background:linear-gradient(180deg, color-mix(in srgb, var(--status-color) 24%, #ffffff0f), #ffffff09), var(--panel-strong);border:1px solid color-mix(in srgb, var(--status-color) 38%, var(--line));color:var(--text);border-radius:8px;place-items:center;gap:10px;min-height:132px;padding:16px 8px;font-weight:850;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.status-actions button:before{background:var(--status-color);content:"";opacity:.86;border-radius:999px;height:5px;position:absolute;top:12px;left:16px;right:16px}.status-actions button:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--status-color) 34%, #ffffff12), #ffffff0e), var(--panel-strong);border-color:color-mix(in srgb, var(--status-color) 58%, white)}.status-actions button.active{background:linear-gradient(180deg, color-mix(in srgb, var(--status-color) 42%, #ffffff17), color-mix(in srgb, var(--status-color) 18%, var(--panel-strong))), var(--panel-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-color) 22%, transparent), 0 16px 34px color-mix(in srgb, var(--status-color) 18%, transparent);transform:translateY(-1px)}.status-actions button:disabled{cursor:not-allowed;opacity:.55;transform:none}.timeline-card{align-content:start}.attendance-event{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:10px 12px;display:grid}.attendance-event span,.attendance-event small{color:var(--muted);font-size:13px}.attendance-event.editable{grid-template-columns:112px minmax(0,1fr) 74px 42px}.attendance-event.editable input,.attendance-event.editable select{min-height:38px;padding:0 10px}.attendance-event.editable small{justify-self:end}.attendance-event.editable button{min-width:38px;height:38px}.training-event{grid-template-columns:76px minmax(0,1fr) 42px}.training-event>span{color:var(--text);font-weight:850}.training-event div{gap:4px;min-width:0;display:grid}.training-event strong,.training-event small{overflow-wrap:anywhere}.work-summary-card{border-color:color-mix(in srgb, var(--primary) 34%, var(--line));gap:10px;padding:14px}.work-summary-card.saved{border-color:color-mix(in srgb, var(--green) 38%, var(--line))}.work-summary-card textarea{min-height:76px}.summary-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;display:grid}.voice-button{border:1px solid var(--line);color:var(--text);background:#ffffff0e;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:850;display:inline-flex}.voice-button.active{background:color-mix(in srgb, var(--primary) 24%, transparent);border-color:color-mix(in srgb, var(--primary) 46%, transparent)}.structured-preview,.saved-summary pre{background:var(--panel-strong);border:1px solid var(--line);color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:8px;margin:0;padding:12px;font-family:inherit;font-size:13px;line-height:1.5}.summary-history{gap:10px}.saved-summary{gap:8px;display:grid}.saved-summary strong{font-size:13px}.summary-total strong{font-size:clamp(44px,12vw,72px);line-height:1}.team-hours{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.team-hours>div{border:1px solid var(--line);border-radius:8px;gap:7px;min-height:112px;padding:14px;display:grid}.team-hours>div.selected{border-color:var(--line-strong);background:#ffffff09}.team-hours span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-hours strong{font-size:clamp(26px,7vw,40px)}.chart-card{gap:16px}.attendance-bars{gap:8px;display:grid}.attendance-bars>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.export-button{border:1px solid var(--line);color:var(--text);background:#ffffff0e;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:0 16px;font-weight:850;display:flex}.export-button:hover{border-color:var(--line-strong)}.score-card{grid-column:span 6;gap:18px;padding:20px;display:grid}.score-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.score-head p{color:var(--muted);margin-top:4px}.score-head>strong{color:var(--primary);font-size:42px}.score-total{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding:14px;display:grid}.score-total span,.score-total small,.shared-summary-card span{color:var(--muted)}.score-total strong{color:var(--primary);font-size:clamp(28px,7vw,44px);line-height:1}.score-total small{grid-column:1/span 2}.shared-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.shared-summary-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;gap:9px;min-height:120px;padding:12px;display:grid}.shared-summary-card pre{color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-family:inherit;font-size:13px;line-height:1.45}.stat-pairs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-pairs span{background:var(--panel-strong);border:1px solid var(--line);color:var(--muted);border-radius:8px;gap:4px;min-height:62px;padding:10px;display:grid}.stat-pairs strong{color:var(--text)}.challenge-panel{grid-column:span 12;grid-template-columns:44px 1fr;align-items:center;gap:14px;padding:18px;display:grid}.challenge-panel svg{color:var(--amber)}.challenge-panel p{color:var(--muted);margin-top:4px}.settings-layout .board-panel{grid-column:span 6}.rules-list{gap:9px;display:grid}.rules-list span{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;padding:12px}.rules-list .active-rule{border-color:color-mix(in srgb, var(--primary) 42%, var(--line));color:var(--text)}.goal-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.goal-settings-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.goal-settings-card.active{border-color:color-mix(in srgb, var(--primary) 45%, var(--line));box-shadow:inset 3px 0 0 var(--primary)}.goal-settings-card>div{gap:4px;display:grid}.goal-settings-card span,.goal-settings-card small{color:var(--muted);font-size:13px}.goal-settings-card label{color:var(--muted);text-transform:uppercase;gap:7px;font-size:12px;font-weight:850;display:grid}.goal-editor-panel{grid-column:span 12}.daily-goal-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.daily-goal-editor label{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;gap:10px;padding:14px;display:grid}.daily-goal-editor label>span{color:var(--text);text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:850;display:inline-flex}.daily-goal-editor label>span svg{color:var(--primary)}.daily-goal-editor small{color:var(--muted);font-size:13px;line-height:1.35}.hour-input{grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;display:grid}.hour-input input{min-height:58px;font-size:26px;font-weight:850}.hour-input strong{color:var(--muted);font-size:18px}.goal-settings-grid.read-only .goal-settings-card{grid-template-columns:minmax(0,1fr) auto auto}.goal-settings-grid.read-only .goal-settings-card small{border:1px solid var(--line);white-space:nowrap;background:#ffffff0b;border-radius:8px;align-items:center;min-height:36px;padding:0 10px;display:inline-flex}.today-work.compact strong{font-size:24px}.habit-settings-list{gap:10px;display:grid}.habit-settings-row{background:var(--panel-strong);border:1px solid var(--line);border-left:4px solid var(--habit-color);border-radius:8px;grid-template-columns:minmax(170px,1.3fr) 82px minmax(120px,1fr) minmax(120px,1fr) 104px 88px 42px;align-items:center;gap:10px;padding:10px;display:grid}.habit-settings-row label{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;min-height:42px;font-size:12px;font-weight:800;display:inline-flex}.habit-settings-row input[type=checkbox]{accent-color:var(--primary);width:18px;min-height:18px}.settings-lock{color:var(--muted);justify-content:center;align-items:center;height:42px;display:inline-flex}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-top:1px solid var(--line);z-index:5;background:#15151c;order:2;grid-template-columns:1fr;width:100%;min-height:0;padding:10px;display:grid;position:fixed;top:auto;bottom:0;box-shadow:0 -16px 40px #0000005c}.brand,.sidebar-score{display:none}.nav-stack{grid-template-columns:repeat(7,1fr)}.nav-button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:52px;padding:4px}.nav-button span{font-size:11px}.nav-button.active{box-shadow:inset 0 3px 0 var(--primary)}.workspace{padding:14px 14px 92px}.topbar{flex-direction:column;align-items:stretch}.top-actions{align-items:stretch}.partner-switch{flex:1}.today-panel,.progress-stack,.apps-panel,.board-panel,.board-panel.compact,.shared-habit-card,.clock-panel,.session-form,.session-list,.score-card,.settings-layout .board-panel{grid-column:span 12}.today-panel{flex-direction:column;align-items:flex-start;min-height:0}.progress-ring{flex-basis:118px}.stat-pairs{grid-template-columns:1fr}.habit-row{grid-template-columns:1fr;align-items:stretch;min-height:0}.habit-row-actions{grid-template-columns:repeat(2,auto) repeat(2,36px) minmax(102px,1fr) 42px auto;justify-content:stretch}.habit-row-actions.simple{grid-template-columns:repeat(2,auto) repeat(2,36px)}.habit-settings-row{grid-template-columns:minmax(0,1fr) 82px}.goal-settings-grid,.daily-goal-editor,.goal-settings-grid.read-only .goal-settings-card{grid-template-columns:1fr}.habit-settings-row input:nth-of-type(3),.habit-settings-row input:nth-of-type(4),.habit-settings-row label{grid-column:span 2}}@media (width<=560px){.workspace{padding-left:12px;padding-right:12px}.top-actions{justify-content:flex-end;display:flex}.mobile-titlebar h1{font-size:31px}.nav-button span{display:none}.nav-button{min-height:48px}.partner-switch button{min-width:0;padding:0 8px}.week-strip{gap:5px}.week-strip button{min-height:50px}.input-row,.app-grid,.shared-habit-grid{grid-template-columns:1fr}.habit-icon{width:38px;height:38px}.mini-week{gap:5px}.mini-week span{min-height:50px}.mini-week strong,.week-strip strong{width:24px;height:24px}.preset-row,.quick-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-row{padding:12px}.habit-row-main{grid-template-columns:38px minmax(0,1fr)}.habit-row-actions,.habit-row-actions.simple{grid-template-columns:repeat(4,minmax(36px,1fr))}.habit-row-actions span,.habit-row-actions .stepper{grid-column:span 2}.habit-row-actions .check-button{grid-column:span 3;width:100%}.habit-row-actions .danger-icon{grid-column:span 1;width:100%}.attendance-event.editable{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px}.attendance-event.editable input{grid-column:1}.attendance-event.editable select{grid-column:2}.attendance-event.editable small{grid-column:1/span 2;justify-self:start}.attendance-event.editable button{grid-area:1/3/span 2}.summary-actions,.shared-summary-grid{grid-template-columns:1fr}.training-event{grid-template-columns:68px minmax(0,1fr) 42px}.habit-settings-row{grid-template-columns:1fr}.goal-settings-card{padding:12px}.habit-settings-row input:nth-of-type(3),.habit-settings-row input:nth-of-type(4),.habit-settings-row label{grid-column:auto}}:root{--socios-navy:#07152f;--socios-blue:#1677ff;--socios-cyan:#50d8ff;--socios-orange:#ff7a18;--socios-gold:#ffc143;--socios-ink:#eaf4ff}body{background:#050d20}.app-shell{--bg:#071126;--panel:#0b1e3ec7;--panel-strong:#12305be6;--panel-soft:#081630e6;--line:#7ec7ff29;--line-strong:#7ec7ff57;--text:var(--socios-ink);--muted:#a6b9d5;--soft:#657b9d;--primary:var(--socios-blue);--green:#4ed99b;--amber:var(--socios-gold);--cyan:var(--socios-cyan);--red:#ff6680;--shadow:#0004148a;background:radial-gradient(circle at 82% -4%,#1776ff5c,#0000 30rem),radial-gradient(circle at 15% 12%,#50d8ff21,#0000 26rem),radial-gradient(circle at 76% 88%,#ff7a1824,#0000 28rem),linear-gradient(145deg,#071a39 0%,#061126 45%,#050b1a 100%)}.sidebar{background:linear-gradient(#071836f5,#050e21fa);border-right-color:#67bfff29;padding:22px 14px}.brand{grid-template-columns:46px 1fr;gap:11px;padding:4px 6px 16px}.brand-logo{object-fit:cover;border-radius:15px;width:46px;height:46px;display:block;box-shadow:0 10px 30px #0968ff59,0 0 0 1px #84ddff6b}.brand strong{color:#fff;letter-spacing:-.035em;font-size:16px}.brand span{color:#9cb5d8}.nav-button{border-radius:12px;min-height:45px}.nav-button:hover,.nav-button.active{background:linear-gradient(100deg,#197cff38,#42cfff12);border-color:#5bbeff33}.nav-button.active{box-shadow:inset 3px 0 0 var(--socios-cyan), 0 8px 20px #011f4d38}.sidebar-score,.board-panel,.today-panel,.progress-row,.habit-row,.attendance-card,.app-tile{background:linear-gradient(145deg,#153462d1,#081a39d6);border-color:#78cdff2b;box-shadow:0 16px 38px #00061838,inset 0 1px #b5e7ff12}.sidebar-score{background:linear-gradient(135deg,#1a5ab652,#ff7a181c);border-radius:16px}.sidebar-score strong,.today-panel h2,.score-total strong{background:linear-gradient(105deg,#fff 10%,#74dfff 53%,#ffb144 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.workspace{padding:24px}.topbar{margin-bottom:20px}h1{color:#fff;letter-spacing:-.045em}.eyebrow{color:#83cfff}.profile-pill,.sync-pill,.readonly-banner{background:#092348a8;border-color:#73cfff36}.sync-error-banner{color:#ffd5d9;background:#de39471f;border:1px solid #ff6f786b;border-radius:12px;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;font-size:13px;display:flex}.sync-pill.online{background:#26cd9221;border-color:#4ed99b57}.today-panel{position:relative;overflow:hidden}.today-panel:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 35%,#1c83ff2e 60%,#ff7e1c1f);position:absolute;inset:0}.today-panel>*{z-index:1;position:relative}.progress-ring{background:conic-gradient(from 210deg, var(--socios-orange), var(--socios-cyan) var(--progress), #7ab6ff24 0);box-shadow:0 0 30px #2393ff38}.progress-ring:after{background:#0a1e42}.bar-track,.meter{background:#030d21a6}.bar-track span,.meter span,.checklist-progress span{background:linear-gradient(90deg, var(--socios-blue), var(--socios-cyan), var(--socios-orange));box-shadow:0 0 16px #4fd6ff6b}.primary-button,.export-button{color:#fff;background:linear-gradient(112deg,#1165ea,#26b9ff 55%,#ff871f);border:0;box-shadow:0 10px 24px #0768ff3d}.primary-button:hover,.export-button:hover{transform:translateY(-2px);box-shadow:0 14px 32px #117eff5c}.app-tile{border-radius:18px}.app-tile:hover{border-color:#65d6ff80;transform:translateY(-4px)}.app-icon{background:linear-gradient(140deg,#116df4d6,#40d7ff85 54%,#ff7f1f9e);border-color:#c2f0ff57;box-shadow:0 14px 30px #054fbf5c,inset 0 1px #ffffff4d}.app-tile em{color:#78dcff}.routine-item,.habit-row{border-color:#75cbff24}.routine-item:not(:disabled):hover,.habit-row:hover{border-color:#55ceff66}.tab-row{background:#04122ba6;border-color:#75cbff24}.tab-row button.active,.week-strip .active{background:linear-gradient(135deg,#1570f4e6,#3fcfff9e);box-shadow:0 7px 18px #0557ca52}.trend-column span,.dual-bars .left{background:linear-gradient(180deg, var(--socios-cyan), var(--socios-blue) 58%, var(--socios-orange))}.status-actions button.active{background:linear-gradient(135deg,#1571f766,#32d0ff29);border-color:#5cd7ff8a}.auth-screen{background:radial-gradient(circle at 15% 8%,#228bff5c,#0000 31rem),radial-gradient(circle at 84% 92%,#ff751847,#0000 31rem),linear-gradient(145deg,#061a3c,#050d20 55%,#091a39);padding:24px}.auth-card{background:linear-gradient(145deg,#10315ef0,#06142ef5);border:1px solid #84daff45;border-radius:26px;box-shadow:0 28px 90px #0004148f,inset 0 1px #ccf1ff21}.auth-card .brand{padding:0}.auth-card .brand-logo{border-radius:18px;width:58px;height:58px}.auth-card h1{font-size:clamp(31px,5vw,44px);line-height:.98}.auth-card input,.input-row input,.attendance-card input,.attendance-card textarea,.daily-goal-editor input{color:#fff;background:#031027b8;border-color:#76cdff3b}.auth-card input:focus,.input-row input:focus,.attendance-card input:focus,.attendance-card textarea:focus,.daily-goal-editor input:focus{border-color:var(--socios-cyan);outline:none;box-shadow:0 0 0 3px #47d3ff29}@media (width<=760px){.workspace{padding:16px 14px 90px}.topbar{margin-bottom:14px}.sidebar{border-top-color:#75cbff29}}.auth-screen{color:#faf7fb;background:linear-gradient(160deg,#12131a 0%,#0f1014 58%,#171219 100%);align-items:center;min-height:100svh;padding:18px;display:grid}.auth-card{background:#18191ff5;border:1px solid #ffffff1a;border-radius:8px;gap:14px;width:100%;max-width:460px;margin:0 auto;padding:22px;display:grid;box-shadow:0 24px 70px #0006}.auth-card label{color:#a9a2af;text-transform:uppercase;font-size:12px;font-weight:850}.auth-brand{margin-bottom:4px}.auth-copy,.auth-hint,.form-error{color:#a9a2af;margin-top:10px;font-size:14px;line-height:1.45}.auth-hint{font-size:12px}.form-error{color:#ff718c;margin:0}.password-row{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.partner-switch.full{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wide{width:100%}.profile-pill,.readonly-banner{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#ffffff0e;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:inline-flex}.readonly-banner{overflow-wrap:anywhere;white-space:normal;border-radius:8px;width:100%;min-width:0;max-width:1180px;margin:0 auto 14px}.readonly-banner svg{flex:none}.date-nav{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;max-width:1180px;margin:0 auto 16px;display:grid}.date-nav .week-strip{margin:0}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}.app-tile{text-align:center;justify-items:center;min-height:154px}.app-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 36%, transparent), #ffffff12);border:1px solid color-mix(in srgb, var(--primary) 45%, transparent);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:inset 0 1px #ffffff24,0 14px 26px #00000047}.app-tile em{color:var(--primary);font-style:normal;font-weight:850}.tick-box{border:1px solid var(--line-strong);color:#fff;background:#ffffff0b;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.tick-box.large{width:42px;height:42px}.tick-box.checked{background:var(--green);border-color:var(--green)}.habit-main p{color:var(--muted);font-size:12px;line-height:1.35}.stats-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto;display:grid}.stats-layout .board-panel{grid-column:span 6}.board-panel.wide{grid-column:span 12}.trend-chart{grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:8px;min-height:210px;padding-top:12px;display:grid}.trend-column{grid-template-rows:auto minmax(120px,1fr) auto;align-items:center;gap:8px;display:grid}.trend-column span{background:linear-gradient(180deg, var(--primary), var(--amber));border-radius:999px 999px 3px 3px;align-self:end;width:100%;min-height:8px;display:block}.trend-column small{color:var(--muted);font-size:11px}.trend-column em{color:var(--text);white-space:nowrap;font-size:11px;font-style:normal;font-weight:850}.partner-bar,.compare-pair{gap:8px;display:grid}.partner-bar+.partner-bar,.compare-pair+.compare-pair{margin-top:12px}.partner-bar>div:first-child,.compare-pair>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.partner-bar span,.compare-pair span{color:var(--muted);font-size:13px}.compare-bars,.habit-compare-list{gap:12px;display:grid}.dual-bars{background:#ffffff14;border-radius:999px;gap:3px;padding:3px;display:grid;overflow:hidden}.dual-bars span{border-radius:999px;min-width:4px;height:10px;display:block}.dual-bars .left{background:var(--primary)}.dual-bars .right{background:var(--cyan,#17abc0)}.dual-bars.single{display:block}@media (width<=980px){.stats-layout .board-panel,.board-panel.wide{grid-column:span 12}.profile-pill{width:max-content}}@media (width<=560px){.date-nav{grid-template-columns:36px minmax(0,1fr) 36px}.trend-chart{gap:5px}.app-icon{width:58px;height:58px}.home-checklist .routine-list{grid-template-columns:1fr}.checklist-head{flex-direction:column;align-items:flex-start}}