:root{color-scheme:dark;--omega-orange: #ff6d00;--omega-magenta: #e91e63;--omega-yellow: #ffc107;--omega-action: #ffb200;--omega-bg-0: #0f0f0f;--omega-bg-1: #171a1f;--omega-bg-2: #20242a;--omega-bg-3: #2d3037;--omega-panel: #383c45;--omega-surface: #1a1a1a;--omega-input: #2f333c;--omega-outline: #707684;--omega-outline-soft: rgba(112, 118, 132, .58);--omega-text: #f3ecdd;--omega-muted: #b8b3a7;--omega-error: #cf6679;--bg: var(--omega-bg-0);--panel: rgba(56, 60, 69, .52);--panel-strong: #242830;--text: var(--omega-text);--muted: var(--omega-muted);--line: var(--omega-outline-soft);--accent: var(--omega-action);--accent-2: var(--omega-orange);--danger: var(--omega-error);--field-bg: rgba(47, 51, 60, .58);--field-focus-shadow: rgba(255, 178, 0, .16);--app-gradient: linear-gradient(180deg, var(--omega-bg-3) 0%, var(--omega-bg-2) 46%, var(--omega-bg-1) 100%)}:root[data-theme=light]{color-scheme:light;--bg: #f5f5f5;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--text: #121212;--muted: #595959;--line: #bdbdbd;--accent: var(--omega-yellow);--accent-2: var(--omega-orange);--danger: #b00020;--field-bg: #ffffff;--field-focus-shadow: rgba(255, 109, 0, .14);--app-gradient: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%)}*{box-sizing:border-box}html,body,#app{min-height:100%}html{overflow-x:hidden}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--app-gradient);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100dvh;padding:84px clamp(18px,4vw,40px) 104px}.main{width:min(1120px,100%);margin:0 auto}.topbar,.toolbar-row,.card-row,.grid{display:flex;gap:12px}.toolbar-row{flex-wrap:wrap;align-items:center}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1,.hero h2{margin:4px 0 0}.kicker,.label{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--muted)}.brand-block{display:flex;gap:14px;align-items:center;min-width:0}.brand-copy{min-width:0}.brand-copy p{margin:4px 0 0;color:var(--muted)}.brand-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.brand-logo.large{width:116px;height:116px;margin:0 auto 12px;display:block}.brand-logo.dark{filter:brightness(0) invert(1) drop-shadow(0 10px 20px rgba(0,0,0,.2))}.brand-logo.light{filter:brightness(0) drop-shadow(0 10px 20px rgba(0,0,0,.15))}.app-topbar{position:fixed;inset:0 0 auto;z-index:40;height:64px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px clamp(14px,4vw,32px);background:#2b2d33f0;border-bottom:1px solid rgba(112,118,132,.34);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.menu-button{width:48px;height:48px;display:grid;place-items:center;gap:0;border:1px solid rgba(112,118,132,.42);border-radius:14px;background:#383c45b8;cursor:pointer}.menu-button span{width:20px;height:2px;display:block;border-radius:999px;background:var(--text)}.app-title{justify-self:center;display:grid;justify-items:center;min-width:0}.app-title strong{font-size:1.02rem;line-height:1.1}.app-title span{max-width:min(52vw,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.78rem}.topbar-logo{width:54px;height:54px;object-fit:contain}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#04080ea3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-drawer{width:min(420px,calc(100vw - 28px));min-height:100dvh;padding:22px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,#383c45fa,#1f2126fa);border-right:1px solid var(--line);box-shadow:20px 0 80px #0000005c}.drawer-brand{align-items:center}.drawer-close{margin-left:auto}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.bottom-nav{position:fixed;z-index:35;left:50%;bottom:14px;transform:translate(-50%);width:min(760px,calc(100vw - 24px));height:68px;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:7px;background:#3a3d46f0;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 52px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav-item{position:relative;display:grid;place-items:center;align-content:center;gap:2px;border-radius:14px;color:var(--accent);min-width:0}.bottom-nav-item span{font-size:1.15rem;line-height:1}.bottom-nav-item small{font-size:.68rem;font-weight:750;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-item.router-link-active{background:var(--accent);color:#111318}.nav-list{display:grid;gap:8px}.nav-item,.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:12px 16px}.btn{cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.64}.nav-item.router-link-active{background:var(--panel-strong);border-color:var(--omega-orange)}.omega-panel,.omega-card,.sidebar-card,.auth-panel,.hero,.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #00000029}.omega-card{padding:22px;display:grid;gap:8px}.omega-panel{padding:24px}.sidebar-card{padding:16px;display:grid;gap:6px}.content{display:grid;gap:18px;min-width:0}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:clamp(14px,4vw,24px)}.auth-panel{width:min(100%,720px);padding:28px 30px 30px;text-align:center;border-radius:28px}.auth-panel-login{display:grid;gap:18px}.auth-logo{justify-self:center;margin-top:4px;margin-bottom:4px}.brand-logo.large{width:190px;height:190px;margin:0;display:block}.auth-form{display:grid;gap:14px;margin-top:4px;text-align:left}.auth-form label{display:grid;gap:8px;color:var(--muted)}.omega-input,.auth-form input{width:100%;border-radius:12px;border:1px solid var(--line);background:var(--field-bg);color:var(--text);padding:12px 14px}.omega-input:focus,.auth-form input:focus,.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--field-focus-shadow);outline:none}.lowercase{text-transform:lowercase}.auth-submit{width:100%;min-height:58px;font-size:1.02rem}.auth-forgot{align-self:center;justify-self:center;padding:0;border:0;background:transparent;color:var(--muted)}.auth-forgot:hover{color:var(--text)}.auth-error{margin:0}.omega-link,.link-btn{background:transparent;border:0;color:var(--muted);cursor:pointer}.omega-link:hover,.link-btn:hover{color:var(--text)}.success{color:#85e7b5}.omega-button,.btn{transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.omega-button-primary,.btn.primary{background:linear-gradient(180deg,var(--accent),var(--omega-yellow));color:#121212;border-color:transparent;font-weight:700}.omega-button:hover,.btn:hover{border-color:var(--omega-orange)}.omega-button-primary:hover,.btn.primary:hover{border-color:transparent;transform:translateY(-1px)}.btn.ghost{background:transparent}.modal-panel-narrow{width:min(100%,620px)}.hero,.card{padding:22px}.hero{display:grid;gap:18px}.hero>.toolbar-row{justify-content:space-between}.hero>.toolbar-row>.search{flex:1 1 260px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.card{display:grid;gap:8px}.error{color:var(--danger)}.page{display:grid;gap:18px}.stack{display:grid;gap:14px}.muted{color:var(--muted)}.search{min-width:260px;border-radius:12px;border:1px solid var(--line);background:var(--field-bg);color:var(--text);padding:12px 14px}.field{display:grid;gap:8px}.field>span{color:var(--muted);font-size:.92rem}.field input,.field select,.field textarea{width:100%;border-radius:12px;border:1px solid var(--line);background:var(--field-bg);color:var(--text);padding:12px 14px}.grid-form{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px;z-index:50}.modal-panel{width:min(100%,900px);max-height:92vh;overflow:auto;border-radius:28px;background:var(--panel-strong);border:1px solid var(--line);box-shadow:0 30px 80px #00000052;padding:22px}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.modal-head h3,.modal-head p{margin-top:0}.modal-body{display:grid;gap:16px}.omega-home{display:grid;gap:22px}.today-card{position:relative;overflow:hidden;min-height:190px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:clamp(22px,5vw,34px);border-radius:28px;background:radial-gradient(circle at 88% 14%,rgba(255,178,0,.22),transparent 28%),linear-gradient(135deg,#3a3d46f5,#1f2126f5);border:1px solid rgba(112,118,132,.42);box-shadow:0 24px 70px #00000042}.today-card:before{content:"";position:absolute;inset:auto -20% -55% 38%;height:190px;background:#1a8b9d38;filter:blur(46px);transform:rotate(-8deg)}.today-card>*{position:relative;z-index:1}.today-card h1{margin:10px 0 4px;color:var(--accent);font-size:clamp(3rem,12vw,6.5rem);line-height:.86;letter-spacing:-.08em}.today-card p{margin:0;color:var(--muted);font-size:1rem}.today-action{align-self:end;min-width:132px;min-height:52px;display:grid;place-items:center;border-radius:16px;background:var(--accent);color:#111318;font-weight:850}.status-pill{position:absolute;top:22px;right:22px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:var(--accent);background:#ffb2001a;border:1px solid rgba(255,178,0,.5);font-size:.82rem;font-weight:760}.status-pill span,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.home-section{display:grid;gap:14px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px}.section-title h2{margin:0;font-size:clamp(1.08rem,2vw,1.35rem)}.section-title span{color:var(--muted);font-size:.82rem}.active-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,360px);gap:14px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory}.active-card{scroll-snap-align:start;display:flex;justify-content:space-between;gap:14px;min-height:132px;padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.active-card strong{color:var(--text)}.active-card p{margin:8px 0;color:var(--text)}.active-card small{color:var(--muted)}.summary-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.metric-card{display:grid;gap:6px;min-height:128px;padding:20px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.metric-card.featured{background:linear-gradient(180deg,rgba(255,178,0,.11),transparent 72%),var(--panel);border-color:#ffb20061}.metric-card span{color:var(--muted)}.metric-card strong{color:var(--accent);font-size:clamp(1.8rem,5vw,3.4rem);line-height:.95}.metric-card p{margin:0;color:var(--muted);text-transform:capitalize}.month-card{display:grid;gap:16px;padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.month-card-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.month-card-head strong{color:var(--text)}.month-card-head span{color:var(--accent);font-weight:800}.month-bars{min-height:112px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(24px,1fr);align-items:end;gap:8px;overflow-x:auto;padding-bottom:4px}.month-bar-item{min-width:24px;display:grid;justify-items:center;align-items:end;gap:6px;color:var(--muted)}.bar-value{width:100%;max-width:18px;display:block;border-radius:999px 999px 5px 5px;background:linear-gradient(180deg,var(--accent),var(--omega-orange));opacity:.8}.month-bar-item.today{color:#55c1e7;font-weight:900}.month-bar-item.today .bar-value{background:#55c1e7;opacity:1}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-card{position:relative;overflow:hidden;min-height:124px;display:grid;align-content:end;gap:4px;padding:16px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 40px #0000001f}.quick-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}.quick-card.accent-cyan:before{background:#1a8b9d}.quick-icon{position:absolute;top:14px;left:16px;color:var(--accent);font-size:1.45rem}.quick-card.accent-cyan .quick-icon{color:#1a8b9d}.quick-card strong{font-size:1.05rem;color:var(--text)}.quick-card small{color:var(--muted)}@media(max-width:980px){.shell{padding:78px clamp(14px,4vw,18px) 96px}.app-tabs{width:min(360px,100%)}.nav-item,.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.grid,.grid-form{grid-template-columns:1fr}.search{min-width:0;width:100%}.hero>.toolbar-row{display:grid;grid-template-columns:1fr}.hero>.toolbar-row>.btn{width:100%}.card>.toolbar-row,article.card>.toolbar-row{align-items:stretch}.card>.toolbar-row>div:first-child,article.card>.toolbar-row>div:first-child{min-width:0}.summary-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-topbar{gap:10px;padding-inline:12px}.menu-button{width:48px;height:48px}.app-title{justify-items:start}.app-title span{max-width:48vw}.topbar-logo{width:46px;height:46px}.bottom-nav{bottom:8px;width:calc(100vw - 18px);height:66px;border-radius:18px}.bottom-nav-item small{display:none}.bottom-nav-item span{font-size:1.28rem}.today-card{min-height:178px;grid-template-columns:1fr;align-items:start}.today-action{width:100%}.status-pill{position:static;width:fit-content;order:3}.active-strip{grid-auto-columns:minmax(285px,86vw)}.quick-grid{grid-template-columns:1fr 1fr;gap:12px}.quick-card{min-height:116px}.auth-panel{width:100%;padding:20px;border-radius:24px}.brand-logo.large{width:clamp(150px,48vw,190px);height:clamp(150px,48vw,190px)}.auth-form{gap:12px}.auth-submit{min-height:56px}.modal-backdrop{align-items:end;place-items:end center;padding:12px}.modal-panel{width:100%;max-height:calc(100dvh - 24px);border-radius:24px;padding:18px}.modal-panel-narrow{width:100%}.modal-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.modal-head h3{line-height:1.08}.modal-body>.toolbar-row{display:grid;grid-template-columns:1fr}.modal-body>.toolbar-row .btn{width:100%}.toolbar-row{display:grid;grid-template-columns:1fr;align-items:stretch}.toolbar-row .btn,.toolbar-row input,.toolbar-row select{width:100%}.hero,.card,.omega-card,.omega-panel{padding:18px;border-radius:18px}.hero h2{font-size:clamp(1.6rem,8vw,2.25rem)}}@media(max-width:390px){.brand-copy strong{max-width:38vw}.app-title span{display:none}.quick-grid,.drawer-actions{grid-template-columns:1fr}.auth-panel{padding:18px 16px}.modal-head{grid-template-columns:1fr}.modal-head .btn{width:100%}}