@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2) format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-cyrillic-400-normal-BMzJvInZ.woff2) format("woff2"),url(/assets/manrope-cyrillic-400-normal-Dvx59UGC.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-cyrillic-500-normal-B1OEZity.woff2) format("woff2"),url(/assets/manrope-cyrillic-500-normal-CNwnNrRC.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-cyrillic-600-normal-DvRl3Mj-.woff2) format("woff2"),url(/assets/manrope-cyrillic-600-normal-It4mZcQk.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-cyrillic-700-normal-Dw_fZAg2.woff2) format("woff2"),url(/assets/manrope-cyrillic-700-normal-7JNVKxyl.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-cyrillic-800-normal-AvdZ5mAV.woff2) format("woff2"),url(/assets/manrope-cyrillic-800-normal-BuEMjQU-.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/unbounded-latin-500-normal-4slEIF53.woff2) format("woff2"),url(/assets/unbounded-latin-500-normal-ZsrgWWU1.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/unbounded-latin-600-normal-oRSANpZr.woff2) format("woff2"),url(/assets/unbounded-latin-600-normal-BPdB_PEv.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/unbounded-latin-700-normal-CaoNriVp.woff2) format("woff2"),url(/assets/unbounded-latin-700-normal-CZtriu5h.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/unbounded-latin-800-normal-CN2Hxyoo.woff2) format("woff2"),url(/assets/unbounded-latin-800-normal-Cjred_zf.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/unbounded-cyrillic-500-normal-vuFlZByi.woff2) format("woff2"),url(/assets/unbounded-cyrillic-500-normal-CRDmNtZY.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/unbounded-cyrillic-600-normal-DW6uzIMB.woff2) format("woff2"),url(/assets/unbounded-cyrillic-600-normal-B-s5c2Kn.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/unbounded-cyrillic-700-normal-BnWDpkfm.woff2) format("woff2"),url(/assets/unbounded-cyrillic-700-normal-BKv7sql3.woff) format("woff")}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/unbounded-cyrillic-800-normal--HlTIRd4.woff2) format("woff2"),url(/assets/unbounded-cyrillic-800-normal-DbsDaRyD.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-600-normal-BfsvjouI.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2) format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-cyrillic-500-normal-DmUKJPL_.woff2) format("woff2"),url(/assets/jetbrains-mono-cyrillic-500-normal-DJqRU3vO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-cyrillic-600-normal-EVf6-Yzo.woff2) format("woff2"),url(/assets/jetbrains-mono-cyrillic-600-normal-8K4wrrwR.woff) format("woff")}:root{--iris: #5C49E6;--iris-hover: #4A39C4;--iris-tint: #EEEBFC;--apricot: #FF8A5B;--apricot-tint:#FFE9DE;--spearmint: #18C79A;--daylight: #FFC24D;--st-active: #18C79A;--st-away: #E8A641;--st-off: #8A90A6;--success: #18C79A;--warning: #F2B33D;--danger: #F25C54;--info: #5C49E6;--to-pto: #5C49E6;--to-vacation: #18C79A;--to-sick: #F25C54;--to-personal: #FF8A5B;--to-parental: #C06CE8;--to-holiday: #FFC24D;--to-other: #8B88A3;--canvas: #F7F6FB;--surface: #FFFFFF;--surface-2: #F1F0F8;--surface-3: #ECEAF6;--border: #E6E4F0;--border-strong: #D7D4E6;--text-1: #1B1830;--text-2: #5A5775;--text-3: #8B88A3;--on-iris: #FFFFFF;--sh-xs: 0 1px 2px rgba(28, 22, 64, .05);--sh-sm: 0 1px 3px rgba(28, 22, 64, .06), 0 1px 2px rgba(28, 22, 64, .04);--sh-md: 0 4px 14px rgba(40, 30, 90, .08), 0 2px 6px rgba(40, 30, 90, .05);--sh-lg: 0 16px 40px rgba(40, 30, 90, .14), 0 6px 14px rgba(40, 30, 90, .08);--sh-pop: 0 12px 32px rgba(40, 30, 90, .16);--glow: none;--r-card: 16px;--r-input: 10px;--r-pill: 999px;--r-img: 10px;--r-sm: 8px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--font-display: "Unbounded", system-ui, sans-serif;--font-ui: "Manrope", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.2,.7,.2,1);--t-fast: .13s;--t-mid: .19s;--t-slow: .26s;--sidebar-w: 256px;--topbar-h: 60px;--focus-ring: 0 0 0 3px rgba(92, 73, 230, .4)}[data-theme=dark]{--iris: #8B7BFF;--iris-hover: #9D8FFF;--iris-tint: #2A2350;--apricot: #FF9E78;--apricot-tint:#3A2A24;--spearmint: #2BD8AC;--daylight: #FFCF6A;--st-active: #2BD8AC;--st-away: #F0B85A;--st-off: #6E7390;--success: #2BD8AC;--warning: #F2C25E;--danger: #FF7068;--info: #8B7BFF;--to-pto: #8B7BFF;--to-vacation: #2BD8AC;--to-sick: #FF7068;--to-personal: #FF9E78;--to-parental: #D08CF0;--to-holiday: #FFCF6A;--to-other: #837F9C;--canvas: #131120;--surface: #1C1930;--surface-2: #25223A;--surface-3: #2D2A45;--border: #312E48;--border-strong: #403C5C;--text-1: #F4F2FB;--text-2: #B7B3CC;--text-3: #837F9C;--on-iris: #15122B;--sh-xs: 0 1px 2px rgba(0,0,0,.4);--sh-sm: 0 1px 3px rgba(0,0,0,.45);--sh-md: 0 4px 16px rgba(0,0,0,.5);--sh-lg: 0 18px 44px rgba(0,0,0,.6);--sh-pop: 0 14px 36px rgba(0,0,0,.6);--glow: 0 0 0 1px rgba(139,123,255,.1), 0 0 28px rgba(139,123,255,.06);--focus-ring: 0 0 0 3px rgba(139, 123, 255, .45)}[data-accent=dusk]{--iris:#7A5CE8;--iris-hover:#6647CC;--iris-tint:#EFEAFB}[data-accent=dusk][data-theme=dark]{--iris:#A48CFF;--iris-hover:#B5A2FF;--iris-tint:#2E2658}[data-accent=lagoon]{--iris:#2E8FD8;--iris-hover:#2576B6;--iris-tint:#E4F1FB}[data-accent=lagoon][data-theme=dark]{--iris:#5FB0F0;--iris-hover:#77BDF3;--iris-tint:#1B3550}[data-accent=orchard]{--iris:#C24FA0;--iris-hover:#A53E87;--iris-tint:#FBE9F5}[data-accent=orchard][data-theme=dark]{--iris:#E27CC0;--iris-hover:#E98FCB;--iris-tint:#3E1F36}[data-corners=sharp]{--r-card: 6px;--r-input: 6px;--r-img: 5px;--r-sm: 4px}[data-corners=round]{--r-card: 22px;--r-input: 14px;--r-img: 14px;--r-sm: 12px}[data-density=compact]{--s5: 16px;--s6: 22px}[data-density=compact] .card-pad{padding:16px}[data-density=compact] .tbl td{padding:8px 12px}[data-density=compact] .content{padding-top:22px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);background:var(--canvas);color:var(--text-1);font-size:14px;line-height:1.45;font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;transition:background var(--t-mid) var(--ease),color var(--t-mid) var(--ease)}#root{height:100vh}::selection{background:var(--iris-tint);color:var(--text-1)}h1,h2,h3,h4,p{margin:0}button{font-family:inherit;cursor:pointer}a{color:var(--iris);text-decoration:none}input,textarea,select{font-family:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.display{font-family:var(--font-display);letter-spacing:-.02em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}.h1{font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.02em}.h2{font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.015em}.h3{font-size:18px;line-height:24px;font-weight:600}.muted{color:var(--text-2)}.muted-3{color:var(--text-3)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:6px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;transition:width var(--t-mid) var(--ease);z-index:40}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow-y:auto}.topbar{height:var(--topbar-h);flex:0 0 var(--topbar-h);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--s3);padding:0 var(--s5);position:sticky;top:0;z-index:30}.content{padding:var(--s6) var(--s6) 96px;max-width:1240px;width:100%;margin:0 auto}.page-enter{animation:pageIn var(--t-slow) var(--ease) both}@keyframes pageIn{0%{transform:translateY(8px)}to{transform:none}}.acct{margin:var(--s3);padding:var(--s3);border-radius:14px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:var(--s3);cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast);position:relative;width:calc(100% - var(--s3)*2)}.acct:hover{background:var(--surface-2)}.acct-badge{width:36px;height:36px;border-radius:10px;flex:0 0 36px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;font-family:var(--font-display)}.acct-name{font-weight:700;font-size:14px;line-height:1.1}.acct-meta{font-size:11px;color:var(--text-3)}.acct-dot{width:7px;height:7px;border-radius:999px;background:var(--spearmint);box-shadow:0 0 0 3px color-mix(in srgb,var(--spearmint) 22%,transparent)}.nav{padding:var(--s2) var(--s3);display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:9px var(--s3);border-radius:10px;border:none;background:none;color:var(--text-2);font-size:14px;font-weight:600;width:100%;text-align:left;transition:background var(--t-fast) var(--ease),color var(--t-fast);position:relative}.nav-item svg{transition:transform var(--t-fast) var(--ease)}.nav-item:hover{background:var(--surface-2);color:var(--text-1)}.nav-item:hover svg{transform:translateY(-1px) scale(1.08)}.nav-item.active{background:var(--iris-tint);color:var(--iris)}.nav-item.active:before{content:"";position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:999px;background:var(--iris)}.nav-item .badge-count{margin-left:auto;background:var(--iris);color:var(--on-iris);font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;animation:badgePop var(--t-slow) var(--ease) both}@keyframes badgePop{0%{transform:scale(.5)}60%{transform:scale(1.18)}to{transform:scale(1)}}.nav-item.active .badge-count{background:var(--iris);color:var(--on-iris)}.presence{margin:var(--s3);padding:var(--s3);border-radius:14px;border:1px solid var(--border);background:var(--surface-2)}.presence-row{display:flex;align-items:center;gap:var(--s3)}.presence-name{font-weight:700;font-size:13px}.presence-time{font-size:11px}.seg{display:flex;gap:3px;margin-top:var(--s3);background:var(--surface-3);padding:3px;border-radius:var(--r-pill)}.seg button{flex:1;border:none;background:none;padding:6px 4px;border-radius:var(--r-pill);font-size:11px;font-weight:700;color:var(--text-2);display:flex;align-items:center;justify-content:center;gap:4px;transition:all var(--t-fast) var(--ease)}.seg button.on{background:var(--surface);color:var(--text-1);box-shadow:var(--sh-sm);animation:badgePop var(--t-mid) var(--ease) both}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-sm);box-shadow:var(--sh-sm),var(--glow)}.card-pad{padding:var(--s5)}.card-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s5) var(--s5) var(--s4);border-bottom:1px solid var(--border)}.card-head h3{font-size:16px;font-weight:700}.info-dot{width:16px;height:16px;border-radius:999px;border:1.5px solid var(--text-3);color:var(--text-3);font-size:10px;font-weight:700;display:grid;place-items:center;cursor:help;font-family:var(--font-mono)}.card-head .spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-input);border:1px solid transparent;font-weight:700;font-size:14px;padding:9px 16px;transition:transform var(--t-fast) var(--ease),background var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast);white-space:nowrap;line-height:1}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--iris);color:var(--on-iris)}.btn-primary:hover{background:var(--iris-hover);box-shadow:0 4px 14px color-mix(in srgb,var(--iris) 35%,transparent);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-1);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2)}.btn-subtle{background:var(--surface-2);color:var(--text-1)}.btn-subtle:hover{background:var(--surface-3)}.btn-text{background:none;color:var(--iris);padding:8px 10px}.btn-text:hover{background:var(--iris-tint)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 22px;font-size:15px}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn:disabled{opacity:.4;pointer-events:none}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid transparent;background:none;display:grid;place-items:center;color:var(--text-2);transition:background var(--t-fast) var(--ease),color var(--t-fast)}.icon-btn:hover{background:var(--surface-2);color:var(--text-1)}.icon-btn:active{transform:scale(.9)}.icon-btn.has-badge{position:relative}.icon-btn .dot-badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;background:var(--apricot);color:#2a1206;border-radius:999px;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--surface)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;background:var(--surface-2);color:var(--text-2);border:1px solid transparent;line-height:1.5;white-space:nowrap}.chip.role{background:var(--iris-tint);color:var(--iris)}.chip.group{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}.chip-dot{width:7px;height:7px;border-radius:999px}.chip.tappable{cursor:pointer;transition:transform var(--t-fast) var(--ease),background var(--t-fast)}.chip.tappable:hover{transform:translateY(-1px)}.chip.tappable:active{transform:scale(.94)}.sdot{width:10px;height:10px;border-radius:999px;position:relative;flex:0 0 auto;display:inline-block}.sdot.active{background:var(--st-active)}.sdot.away{background:transparent;border:2.5px solid var(--st-away)}.sdot.off{background:var(--st-off)}.sdot.pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:999px;border:2px solid var(--st-active);opacity:0;animation:pulse 2.2s var(--ease) infinite}.av .sdot-num{position:absolute;right:-3px;bottom:-3px;min-width:20px;height:20px;padding:0 4px;border-radius:999px;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:-.02em;border:2.5px solid var(--surface);background:var(--st-off)}.av .sdot-num[data-status=active]{background:var(--st-active)}.av .sdot-num[data-status=away]{background:var(--st-away)}.av .sdot-num[data-status=off]{background:var(--st-off)}.av .sdot-num.pulse:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:999px;border:2px solid var(--st-active);opacity:0;animation:pulse 2.2s var(--ease) infinite}@keyframes pulse{0%{transform:scale(.7);opacity:.6}70%,to{transform:scale(1.6);opacity:0}}.av{position:relative;flex:0 0 auto}.av-img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block;color:#fff;font-weight:800;font-family:var(--font-display);display:grid;place-items:center}.av .sdot{position:absolute;right:-1px;bottom:-1px;border:2.5px solid var(--surface);width:12px;height:12px}.tenure-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;pointer-events:none}.tenure-lvl{position:absolute;right:-4px;top:-4px;background:var(--daylight);color:#3a2a00;font-family:var(--font-display);font-weight:700;font-size:10.5px;min-width:21px;height:21px;border-radius:999px;display:grid;place-items:center;border:2.5px solid var(--surface);padding:0 4px;letter-spacing:-.02em}.ribbon-wrap{display:flex;flex-direction:column;gap:10px}.ribbon-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:var(--s3)}.ribbon-person{display:flex;align-items:center;gap:var(--s2);min-width:0}.ribbon-person .nm{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ribbon-track{position:relative;height:22px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,#1a1832,#1a1832 18%,#3a3a66,#8a93c4 36%,#ffe6a8 44%,#ffd277,#ffe6a8 56%,#8a93c4 64%,#3a3a66,#1a1832 82%,#1a1832);border:1px solid var(--border)}.ribbon-active{position:absolute;top:0;bottom:0;background:#18c79a47;border-left:2px solid var(--spearmint);border-right:2px solid var(--spearmint)}.ribbon-now{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text-1)}.ribbon-now:after{content:"";position:absolute;top:-3px;left:-3px;width:8px;height:8px;border-radius:999px;background:var(--text-1)}.ribbon-axis{display:grid;grid-template-columns:160px 1fr;gap:var(--s3)}.ribbon-ticks{display:flex;justify-content:space-between;font-size:10px}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:10px var(--s3);border-bottom:1px solid var(--border)}.tbl td{padding:12px var(--s3);border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background var(--t-fast) var(--ease)}.tbl tbody tr:hover{background:var(--surface-2)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s4)}.field label,.field .field-label{font-size:13px;font-weight:700;color:var(--text-2)}.input,.textarea,.select{width:100%;padding:10px 12px;border-radius:var(--r-input);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-1);font-size:14px;font-weight:500;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--iris);box-shadow:var(--focus-ring)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14102875;z-index:100;display:grid;place-items:center;padding:var(--s5);animation:fade var(--t-mid) var(--ease) both}[data-theme=dark] .scrim{background:#0009}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--sh-lg);width:100%;max-width:520px;max-height:88vh;overflow:auto;animation:modalIn var(--t-slow) var(--ease) both}.modal.wide{max-width:760px}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s5) var(--s5) var(--s3)}.modal-body{padding:0 var(--s5) var(--s5)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--s3);padding:var(--s4) var(--s5);border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surface)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14102866;z-index:90;animation:fade var(--t-mid) var(--ease) both}.sheet{position:fixed;top:0;right:0;height:100vh;width:480px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--sh-lg);z-index:91;overflow-y:auto;animation:sheetIn var(--t-slow) var(--ease) both}@keyframes sheetIn{0%{transform:translate(40px);opacity:.6}to{transform:none;opacity:1}}.pop{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-pop);z-index:80;overflow:hidden;animation:popIn var(--t-fast) var(--ease) both}@keyframes popIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.pop-item{display:flex;align-items:center;gap:var(--s3);padding:9px var(--s4);width:100%;border:none;background:none;color:var(--text-1);font-size:14px;font-weight:600;text-align:left;transition:background var(--t-fast) var(--ease)}.pop-item:hover{background:var(--surface-2)}.toast-wrap{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:center}.toast{background:var(--text-1);color:var(--canvas);padding:12px 18px;border-radius:var(--r-pill);font-weight:700;font-size:14px;box-shadow:var(--sh-lg);display:flex;align-items:center;gap:10px;animation:toastIn var(--t-slow) var(--ease) both}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:300;overflow:hidden}.confetti{position:absolute;width:10px;height:14px;border-radius:2px;will-change:transform,opacity}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes reactPop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}.react-pop{animation:reactPop .36s var(--ease) both}.sk{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.grid{display:grid;gap:var(--s5)}.board-grid{grid-template-columns:repeat(12,1fr)}.page-enter .board-grid>*{animation:cardIn var(--t-slow) var(--ease) both}.page-enter .board-grid>*:nth-child(2){animation-delay:40ms}.page-enter .board-grid>*:nth-child(3){animation-delay:80ms}.page-enter .board-grid>*:nth-child(4){animation-delay:.12s}.page-enter .board-grid>*:nth-child(5){animation-delay:.16s}.page-enter .board-grid>*:nth-child(n+6){animation-delay:.2s}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.row{display:flex;align-items:center;gap:var(--s3)}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column}.progress{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--iris),var(--apricot));transition:width var(--t-slow) var(--ease)}.tabbar,.mobile-only,.fab{display:none}@media(max-width:1080px){.col-4{grid-column:span 6}.col-8{grid-column:span 12}}.sidebar-collapsed{width:72px!important;flex-basis:72px!important}.sidebar-collapsed .label-hide,.sidebar-collapsed .acct-text{display:none!important}.sidebar-collapsed .nav-item{justify-content:center}.sidebar-collapsed .nav-item.active:before{display:none}.sidebar-collapsed .acct{padding:8px;justify-content:center;width:calc(100% - 16px);margin:8px;gap:0}.sidebar-collapsed .badge-count{display:grid!important;position:absolute;top:5px;right:8px;margin:0}@media(max-width:720px){.sidebar{display:none}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:50;padding:6px 8px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.tab{flex:1;border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);font-size:10px;font-weight:700;border-radius:12px;transition:color var(--t-fast) var(--ease)}.tab.active{color:var(--iris)}.content{padding:var(--s4) var(--s4) 88px}.board-grid{grid-template-columns:1fr}.col-4,.col-6,.col-8,.col-12{grid-column:span 1}.topbar{padding:0 var(--s4);gap:var(--s2)}.mobile-only{display:inherit}.desktop-only{display:none!important}.fab{display:grid;place-items:center}.sheet{width:100vw;max-width:100vw}.ribbon-row,.ribbon-axis{grid-template-columns:110px 1fr}}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.ach-card{border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center;cursor:pointer;background:var(--surface-2);position:relative;overflow:hidden;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast),border-color var(--t-fast)}.ach-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}.ach-card:active{transform:scale(.97)}.ach-card.locked{opacity:.75}.ach-card.unlocked{background:color-mix(in srgb,var(--daylight) 10%,var(--surface));border-color:color-mix(in srgb,var(--daylight) 45%,var(--border))}.ach-card.unlocked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--surface) 50%,transparent) 50%,transparent 65%);transform:translate(-110%)}.ach-card.unlocked:hover:after{animation:sheen .7s var(--ease) both}@keyframes sheen{to{transform:translate(110%)}}.ach-emoji{font-size:30px;margin-bottom:8px;display:block;transition:transform var(--t-mid) var(--ease)}.ach-card:hover .ach-emoji{transform:scale(1.15) rotate(-4deg)}.login{min-height:100vh;height:100vh;overflow-y:auto;display:grid;place-items:center;padding:var(--s5);background:var(--canvas);position:relative}.login-sky{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.login-orbit{position:absolute;left:50%;top:50%;border:1.5px dashed var(--border-strong);border-radius:999px;opacity:.55;animation:orbitSpin linear infinite}.login-planet{position:absolute;top:-13px;left:50%;font-size:22px}@keyframes orbitSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-card{width:420px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:32px 28px;box-shadow:var(--sh-lg),var(--glow);position:relative;animation:modalIn var(--t-slow) var(--ease) both}.login-head{text-align:center;margin-bottom:var(--s5)}.login-logo{width:56px;height:56px;border-radius:var(--r-card);display:inline-grid;place-items:center;font-size:28px;margin-bottom:10px;background:linear-gradient(135deg,var(--iris-tint),var(--apricot-tint));animation:floatY 5s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-title{font-size:26px;font-weight:800;letter-spacing:-.02em}.login-sub{font-size:13px;color:var(--text-2);margin-top:4px}.login-sub strong{color:var(--text-1)}.pw-wrap{position:relative}.pw-wrap .input{padding-right:44px}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none;background:none;border-radius:8px;display:grid;place-items:center;font-size:15px;transition:background var(--t-fast) var(--ease)}.pw-toggle:hover{background:var(--surface-2)}.login-error{font-size:13px;font-weight:600;color:var(--danger);text-align:center;padding:8px 10px;border-radius:var(--r-input);margin-bottom:var(--s3);background:color-mix(in srgb,var(--danger) 8%,var(--surface));animation:shake .32s var(--ease) both}@keyframes shake{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.login-submit{width:100%;margin-top:var(--s2)}.login-divider{display:flex;align-items:center;gap:10px;margin:var(--s5) 0 var(--s4);color:var(--text-3);font-size:12px;font-weight:700}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-card{display:flex;align-items:center;gap:10px;padding:9px 10px;text-align:left;border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface-2);transition:transform var(--t-fast) var(--ease),border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.demo-card:hover{transform:translateY(-2px);border-color:var(--iris);background:var(--surface);box-shadow:var(--sh-sm)}.demo-card:active{transform:scale(.97)}.demo-card:disabled{opacity:.55;pointer-events:none}.demo-av{width:32px;height:32px;flex:0 0 32px;border-radius:999px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px}.demo-meta{min-width:0;display:flex;flex-direction:column}.demo-name{font-size:13px;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-role{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-pass{font-size:10px;color:var(--text-3)}.login-hint{font-size:11.5px;color:var(--text-3);text-align:center;margin-top:var(--s3)}@media(max-width:480px){.demo-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.sdot.pulse:after{display:none}}
