:root{--bg: #0a0b08;--surface: #14160f;--surface-2: #1b1e15;--border: #262922;--accent: #b6f23d;--accent-dim: #8fc22f;--text: #fafaf5;--muted: #a7ac9c;--danger: #e5644e;--warning: #f5c451;--radius: 14px;--radius-sm: 8px;--radius-lg: 22px;--mono: "JetBrains Mono", ui-monospace, monospace;--ui: "Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.accent{color:var(--accent)}.wrap{max-width:1040px;margin:0 auto;padding:24px}.center-page{min-height:100%;display:grid;place-items:center;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.col{display:flex;flex-direction:column}.grid{display:grid;gap:16px}.stack>*+*{margin-top:12px}h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}h2{font-size:20px;font-weight:700;margin:0 0 4px}.label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.big-num{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#0a0b08;border:none;font-weight:700;padding:12px 20px;border-radius:var(--radius-sm);font-size:15px;transition:filter .15s ease,transform .05s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn.block{width:100%}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:block}.field .label{margin-bottom:6px;display:block}.input,select.input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;outline:none}.input:focus{border-color:var(--accent)}.input.mono{font-family:var(--mono)}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);color:var(--muted)}.pill.live{color:var(--accent);border-color:var(--accent)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.dev-banner{background:#b6f23d1a;border:1px dashed var(--accent);color:var(--accent);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}@media (max-width: 760px){.plan-grid{grid-template-columns:1fr}}.layout{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.sidebar .brand{padding:6px 8px 18px}.side-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;font-size:14px}.side-link:hover{background:var(--surface-2);color:var(--text)}.side-link.active{background:#b6f23d1f;color:var(--accent)}.side-link .ic{width:18px;height:18px;flex:0 0 18px}.sidebar .spacer{flex:1}.sidebar .who{padding:8px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);margin-top:8px}.content{padding:28px 32px;max-width:1100px}@media (max-width: 760px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.sidebar .spacer{display:none}}.voucher-row{display:grid;grid-template-columns:1fr 120px 120px auto;gap:8px;align-items:end}@media (max-width: 700px){.voucher-row{grid-template-columns:1fr}}.dow-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;background:var(--bg)}.dow-toggle.on{background:var(--accent);color:#0a0b08;border-color:var(--accent)}@keyframes clk-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes clk-fade{0%{opacity:0}to{opacity:1}}@keyframes clk-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes clk-scan{0%{transform:translateY(-120%)}to{transform:translateY(120%)}}.input:focus{box-shadow:0 0 0 3px #b6f23d1f}.btn{transition:filter .15s ease,transform .06s ease,box-shadow .15s ease}.btn:hover{box-shadow:0 6px 22px #b6f23d2e}.card,.plan{transition:border-color .18s ease,transform .18s ease}.auth-split{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.auth-visual{position:relative;overflow:hidden;background:#0a0b08;background-image:linear-gradient(180deg,#0a0b0826,#0a0b088c 60%,#0a0b08eb),url(/auth-hero.png);background-size:cover;background-position:center;animation:clk-fade .9s ease both}.auth-visual .tag{position:absolute;left:44px;right:44px;bottom:44px;animation:clk-fade-up .8s .2s ease both}.auth-visual .tag h2{font-size:30px;font-weight:800;letter-spacing:-.6px;line-height:1.12;margin:0}.auth-form{display:grid;place-items:center;padding:32px}.auth-card{width:420px;max-width:100%;animation:clk-rise .6s cubic-bezier(.2,.7,.2,1) both}.auth-card>*{animation:clk-fade-up .5s ease both}.auth-card>*:nth-child(1){animation-delay:.05s}.auth-card>*:nth-child(2){animation-delay:.12s}.auth-card>*:nth-child(3){animation-delay:.19s}.auth-card>*:nth-child(4){animation-delay:.26s}.auth-card>*:nth-child(5){animation-delay:.33s}@media (max-width: 860px){.auth-split{grid-template-columns:1fr}.auth-visual{display:none}}.code-input{letter-spacing:10px;font-size:24px;text-align:center}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.bell{position:relative;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.bell:hover{border-color:var(--accent)}.bell .badge{background:var(--danger);color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:11px;font-weight:700;padding:0 6px}.notif-panel{position:absolute;top:calc(100% + 8px);left:0;width:340px;max-height:460px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;z-index:80;box-shadow:0 18px 50px #00000080}.notif-list{display:flex;flex-direction:column;gap:8px}.notif-item{display:flex;gap:10px;align-items:flex-start;padding:9px;border-radius:var(--radius-sm);background:var(--bg)}.notif-item .dot{width:8px;height:8px;border-radius:999px;margin-top:5px;flex:0 0 8px}.notif-item .x{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:12px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border)}.chip.ok{color:var(--accent);border-color:#b6f23d66}.chip.warn{color:var(--warning);border-color:#f5c45166}.chip.bad{color:var(--danger);border-color:#e5644e66}.chip.muted{color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 860px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.tile .n{font-family:var(--mono);font-size:30px;font-weight:700}.tile.crit{border-color:#e5644e73}.tile.crit .n{color:var(--danger)}.tile.warn .n{color:var(--warning)}.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-dow{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);text-align:center;padding:4px 0;font-weight:600}.cal-cell{min-height:92px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:7px;font-size:12px}.cal-cell.dim{opacity:.35}.cal-cell .d{font-family:var(--mono);color:var(--muted);font-size:12px;margin-bottom:4px}.cal-cell .ev{display:flex;align-items:center;gap:5px;margin-top:3px}.cal-cell .sw{width:8px;height:8px;border-radius:2px;flex:0 0 8px}.cal-week{display:grid;grid-template-columns:130px repeat(7,1fr);gap:6px;align-items:stretch}.cal-week .wc{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-height:46px;display:grid;place-items:center;font-size:12px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:14px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .sw{width:10px;height:10px;border-radius:3px;display:inline-block}.seg{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}.seg button{background:transparent;color:var(--muted);border:none;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.seg button.on{background:var(--accent);color:#0a0b08}.iconbtn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;width:36px;height:36px;cursor:pointer;font-size:16px}.iconbtn:hover{border-color:var(--accent)}.wshell{min-height:100vh;display:flex;flex-direction:column;padding:20px;max-width:560px;margin:0 auto}.wtop{display:flex;align-items:center;justify-content:space-between}.wbody{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.wname{font-size:28px;font-weight:800;letter-spacing:-.5px}.wtime{font-family:var(--mono);font-size:56px;font-weight:700;letter-spacing:-2px}.wdate{color:var(--muted);margin-bottom:18px}.wbtn{width:min(72vw,300px);height:min(72vw,300px);border-radius:999px;border:none;cursor:pointer;font-family:var(--ui);font-weight:800;font-size:26px;display:grid;place-items:center;gap:8px;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease;animation:wbreathe 3.4s ease-in-out infinite}.wbtn:active{transform:scale(.97)}.wbtn.in{background:var(--accent);color:#0a0b08;box-shadow:0 0 #b6f23d80}.wbtn.out{background:transparent;color:var(--accent);border:3px solid var(--accent);animation:none}.wbtn.done{background:var(--surface);color:var(--muted);border:2px solid var(--border);animation:none;cursor:default}.wbtn .ic{font-size:56px;line-height:1}@keyframes wbreathe{0%,to{box-shadow:0 0 #b6f23d73}50%{box-shadow:0 0 0 22px #b6f23d00}}.wstatus{font-size:17px;color:var(--text);margin-top:22px;min-height:24px}.wpick{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}@media (max-width: 420px){.wpick{grid-template-columns:1fr}}.wcard{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px 18px;text-align:center;cursor:pointer;transition:border-color .15s,transform .08s}.wcard:hover{border-color:var(--accent)}.wcard:active{transform:scale(.98)}.wcard .av{width:64px;height:64px;border-radius:999px;background:#b6f23d24;color:var(--accent);display:grid;place-items:center;font-size:28px;font-weight:800;margin:0 auto 12px}.wcard .nm{font-size:20px;font-weight:700}.langsel{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 14px;font-size:14px;font-family:inherit}