.cockpit{--ux-side-card:oklch(23% .035 262);--ux-side-top:oklch(22% .035 264);--ux-side-bottom:oklch(25% .04 262);--ux-side-fg:oklch(97% .005 260);--ux-side-muted-fg:oklch(68% .025 262);--ux-side-pill-fg:oklch(85% .02 260);--ux-side-pill-bg:oklch(100% 0 0/.12);--ux-side-border:oklch(100% 0 0/.1);--ux-side-muted:oklch(100% 0 0/.09);--ux-hero-glow:oklch(100% 0 0/.16);--ux-hero-shadow:oklch(30% .1 262/.55)}.ux-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ux-num{font-variant-numeric:tabular-nums}.ux-ph{-webkit-text-decoration:underline dotted color-mix(in oklab, currentColor 55%, transparent);-webkit-text-decoration:underline dotted color-mix(in oklab, currentColor 55%, transparent);text-decoration:underline dotted color-mix(in oklab, currentColor 55%, transparent);text-underline-offset:3px}.ux-navy{background:linear-gradient(180deg, var(--ux-side-top), var(--ux-side-bottom));color:var(--ux-side-fg)}.ux-navy-muted{color:var(--ux-side-muted-fg)}.ux-roll{vertical-align:bottom;height:1.2em;line-height:1.2em;display:inline-flex;overflow:hidden}.ux-roll>span{flex-direction:column;display:flex}.ux-roll[data-rolling]>span{transition:transform .24s cubic-bezier(.33,1,.68,1);transform:translateY(-1.2em)}.ux-island-slot{z-index:45;margin-right:8px;position:relative}.ux-pill{height:40px;box-shadow:0 14px 30px -18px var(--ux-hero-shadow), 0 0 0 1px var(--ux-side-border) inset;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:16px;padding:0 16px;font-size:13px;font-weight:500;display:flex;position:relative}.ux-pill:before{content:"";position:absolute;inset:-2px 0}.ux-pill .ux-dot{background:var(--cockpit-c2-bg);border-radius:999px;width:8px;height:8px}.ux-pill[data-offline] .ux-dot{background:var(--muted-foreground);animation:none}.ux-pill .ux-count{align-items:center;gap:8px;display:inline-flex}.ux-pill svg{width:16px;height:16px}.ux-card{width:400px;box-shadow:0 14px 30px -18px var(--ux-hero-shadow), 0 0 0 1px var(--ux-side-border) inset;transform-origin:100% 0;border-radius:24px;grid-template-columns:48px 1fr;align-items:center;gap:0 16px;padding:16px;display:grid;position:absolute;top:calc(100% + 16px);right:0}.ux-card[data-narrow]{width:calc(100vw - 32px)}.ux-tile{background:var(--cockpit-c2-bg);width:48px;height:48px;color:var(--cockpit-ok);border-radius:16px;place-items:center;display:grid}.ux-tile[data-type=mail]{background:var(--cockpit-c3-bg);color:var(--cockpit-c3)}.ux-tile[data-type=maja]{background:var(--cockpit-hero);color:var(--primary-foreground)}.ux-tile svg{width:24px;height:24px}.ux-card .ux-t{font-size:16px;font-weight:600;line-height:1.25}.ux-card .ux-s{overflow-wrap:anywhere;margin-top:4px;font-size:14px;line-height:1.5}.ux-card .ux-row{grid-column:1/-1;align-items:center;gap:8px;margin-top:16px;display:flex}.ux-card .ux-group{margin-left:auto;font-size:13px}.ux-btn-tonal{background:var(--ux-side-pill-bg);min-height:44px;color:var(--ux-side-fg);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.ux-btn-tonal svg{width:16px;height:16px}.ux-btn-ghost{min-height:44px;color:var(--ux-side-pill-fg);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.ux-btn-tonal:focus-visible,.ux-btn-ghost:focus-visible,.ux-pill:focus-visible,.ux-bell:focus-visible,.ux-bell-row:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@keyframes ux-in{0%{opacity:0;transform:translateY(-8px)scale(.94)}to{opacity:1;transform:none}}@keyframes ux-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)scale(.96)}}@keyframes ux-bump{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ux-fade{0%{opacity:0}to{opacity:1}}@keyframes ux-fade-out{0%{opacity:1}to{opacity:0}}.ux-card[data-phase=open]{animation:.32s cubic-bezier(.33,1,.68,1) both ux-in}.ux-card[data-phase=closing]{animation:.2s cubic-bezier(.32,0,.67,0) both ux-out}.ux-bump{animation:.28s cubic-bezier(.34,1.56,.64,1) both ux-bump;display:inline-flex}.ux-bell-wrap{z-index:45;margin-right:8px;position:relative}.ux-bell{width:44px;height:44px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:relative}.ux-bell:hover{background:var(--muted)}.ux-bell svg{width:20px;height:20px}.ux-bell-badge{background:var(--primary);min-width:20px;height:20px;color:var(--primary-foreground);border-radius:999px;place-items:center;padding:0 4px;font-size:12px;font-weight:600;display:grid;position:absolute;top:2px;right:2px}.ux-bell-list{z-index:45;background:var(--card);border:1px solid var(--border);width:360px;max-height:calc(100vh - 96px);box-shadow:0 2px 4px color-mix(in oklab, var(--foreground) 10%, transparent), 0 18px 34px -14px color-mix(in oklab, var(--foreground) 30%, transparent);border-radius:16px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.ux-bell-hd{justify-content:space-between;align-items:center;gap:8px;padding:0 0 0 8px;font-size:14px;font-weight:600;display:flex}.ux-bell-hd button{min-height:44px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 12px;font-size:13px;font-weight:500}.ux-bell-hd button:hover{background:var(--muted);color:var(--foreground)}.ux-bell-list ul{margin:0;padding:0;list-style:none}.ux-bell-row{text-align:left;width:100%;min-height:64px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:grid;position:relative}.ux-bell-row:hover{background:var(--muted)}.ux-bell-row .ux-tile{border-radius:12px;width:40px;height:40px}.ux-bell-row .ux-tile svg{width:20px;height:20px}.ux-bell-row .ux-txt{min-width:0;display:grid}.ux-bell-row .ux-t{font-size:14px;font-weight:600}.ux-bell-row .ux-s{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ux-bell-row .ux-when{color:var(--muted-foreground);font-size:12px}.ux-bell-row .ux-unseen{background:var(--primary);border-radius:999px;width:8px;height:8px;position:absolute;top:12px;left:4px}.ux-bell-empty{color:var(--muted-foreground);padding:16px 8px;font-size:14px}.ux-sk{background:var(--muted);border-radius:6px;position:relative;overflow:hidden;color:#0000!important}.ux-sk:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--card) 70%, transparent), transparent);animation:1.6s cubic-bezier(.4,0,.2,1) 3 ux-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes ux-sweep{to{transform:translate(100%)}}.side .ux-sk{background:var(--ux-side-muted)}.side .ux-sk:after{background:linear-gradient(90deg, transparent, var(--ux-side-border), transparent)}.hero .ux-sk{background:var(--ux-hero-glow)}.hero .ux-sk:after{background:linear-gradient(90deg, transparent, var(--ux-hero-glow), transparent)}.ux-sk-line{border-radius:6px;height:12px}.ux-sk-note{color:var(--foreground);align-items:center;gap:8px;padding:12px 0;font-size:14px;display:flex}.ux-loaded{animation:.15s cubic-bezier(.33,1,.68,1) both ux-fade}.ux-m{background:var(--background);color:var(--foreground);overscroll-behavior-y:none;font-size:16px;position:fixed;inset:0}.ux-m-cards{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;position:absolute;inset:0;overflow:auto hidden}.ux-m-cards::-webkit-scrollbar{display:none}.ux-m-cards[data-locked]{overflow-x:hidden}.ux-m-card{scroll-snap-align:start;scroll-snap-stop:always;overscroll-behavior-y:contain;flex:0 0 100vw;width:100vw;height:100%;padding-bottom:200px;overflow-y:auto}.ux-m-head{padding:calc(8px + env(safe-area-inset-top)) 20px 16px;position:relative}.ux-m-head .ux-bell-wrap{top:calc(4px + env(safe-area-inset-top));margin:0;position:absolute;right:12px}.ux-m-shop{align-items:center;gap:8px;min-height:32px;font-size:13px;font-weight:500;display:inline-flex}.ux-m-title{align-items:center;gap:8px;min-height:44px;margin-top:4px;display:flex}.ux-m-title h1{letter-spacing:-.01em;font-size:28px;font-weight:600;line-height:1.2}.ux-m-chev{width:44px;height:44px;color:var(--muted-foreground);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.ux-m-sub{font-size:14px;line-height:1.5}.ux-m-body{gap:16px;padding:0 16px;display:grid}.ux-m-hero{border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;height:112px;padding:16px;display:grid}.ux-m-stat{background:var(--ux-side-pill-bg);text-align:left;min-height:76px;color:inherit;border:0;border-radius:12px;padding:12px}.ux-m-stat .l{opacity:.85;font-size:13px}.ux-m-stat .v{font-size:28px;font-weight:600;line-height:1.2}.ux-m-alert{background:var(--cockpit-warn-bg);border-radius:14px;align-items:center;gap:12px;min-height:72px;padding:12px 16px;font-size:16px;display:flex}.ux-m-kpis{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ux-m-kpi{text-align:left;height:116px;padding:12px}.ux-m-kpi .l{color:var(--muted-foreground);font-size:13px}.ux-m-kpi .v{margin-top:4px;font-size:22px;font-weight:600}.ux-m-kpi .s{color:var(--muted-foreground);margin-top:4px;font-size:13px}.ux-m-list .hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.ux-m-row{border-bottom:1px solid var(--border);text-align:left;width:100%;min-height:64px;color:inherit;background:0 0;border-top:0;border-left:0;border-right:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:16px;display:flex}.ux-m-row:last-child{border-bottom:0}.ux-m-row .a{font-weight:600}.ux-m-row .b{color:var(--muted-foreground);font-size:13px}.ux-m-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ux-m-tile{background:var(--card);border:1px solid var(--border);min-height:72px;color:var(--foreground);text-align:left;border-radius:14px;flex-direction:column;justify-content:space-between;padding:12px;font-size:15px;font-weight:600;display:flex}.ux-m-tile svg{color:var(--primary);width:20px;height:20px}.ux-m-search{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.ux-m-search input{min-width:0;height:44px;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-size:16px}.ux-m-seg{background:var(--muted);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.ux-m-seg button{height:44px;color:var(--foreground);background:0 0;border:0;border-radius:10px;font-size:13px;font-weight:500}.ux-m-seg button[aria-pressed=true]{background:var(--card);box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 10%, transparent)}.ux-m-rail{scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.ux-m-chip{white-space:nowrap;background:var(--card);border:1px solid var(--border);min-height:44px;color:var(--foreground);border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.ux-m-steps{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:12px;display:grid}.ux-m-step{text-align:center;color:var(--muted-foreground);font-size:12px}.ux-m-step i{background:var(--border);border-radius:4px;height:4px;margin-bottom:8px;display:block}.ux-m-step[data-on]{color:var(--foreground);font-weight:600}.ux-m-step[data-done] i,.ux-m-step[data-on] i{background:var(--primary)}.ux-m-msg{padding:12px 16px;font-size:16px;line-height:1.5}.ux-m-cta{left:16px;right:16px;bottom:calc(max(24px, env(safe-area-inset-bottom)) + 64px + 16px);z-index:20;transition:opacity .15s cubic-bezier(.32,0,.67,0);position:fixed}.ux-m-cta[data-hidden]{opacity:0;pointer-events:none}.ux-m-cta button{background:var(--primary);width:100%;height:56px;color:var(--primary-foreground);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.ux-m-cta button:disabled{opacity:.6}.ux-m-dock{left:12px;right:12px;bottom:max(24px, env(safe-area-inset-bottom));z-index:30;touch-action:pan-x;box-shadow:0 14px 30px -12px var(--ux-hero-shadow), 0 0 0 1px var(--ux-side-border) inset;border-radius:24px;position:fixed;overflow:hidden}.ux-m-dock-bar{align-items:center;gap:4px;height:64px;padding:0 8px;display:flex}.ux-m-ind{min-width:48px;height:48px;color:var(--ux-side-pill-fg);white-space:nowrap;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.ux-m-ind svg{flex:none;width:20px;height:20px}.ux-m-ind[aria-current=page]{background:var(--accent);color:var(--accent-foreground)}.ux-m-ind .ux-m-badge{background:var(--cockpit-c2-bg);min-width:20px;height:20px;color:var(--cockpit-ok);border-radius:999px;place-items:center;padding:0 4px;font-size:12px;font-weight:600;display:grid;position:absolute;top:2px;right:2px}.ux-m-maja{background:var(--cockpit-hero);width:48px;height:48px;color:var(--primary-foreground);border:0;border-radius:999px;flex:none;place-items:center;margin-left:auto;display:grid;position:relative}.ux-m-maja svg{width:22px;height:22px}.ux-m-maja .ux-m-mdot{background:var(--primary-foreground);border-radius:999px;width:8px;height:8px;position:absolute;top:2px;right:2px}.ux-m-maja[data-offline] .ux-m-mdot{background:var(--muted-foreground)}.ux-m-maja .ux-m-moon{width:16px;height:16px;position:absolute;bottom:-2px;right:-2px}.ux-m-ev{border-bottom:1px solid var(--ux-side-border);grid-template-columns:44px 1fr;align-items:center;gap:0 12px;padding:16px 16px 4px;display:grid}.ux-m-ev .ux-tile{border-radius:14px;width:44px;height:44px}.ux-m-ev .ux-t{font-size:16px;font-weight:600}.ux-m-ev .ux-s{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.ux-m-ev .ux-row{grid-column:1/-1;gap:8px;margin:12px 0;display:flex}.ux-m-ev .ux-row .ux-btn-tonal{flex:1;justify-content:center;min-height:48px}@keyframes ux-grow{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ux-m-ev[data-phase=open]{animation:.32s cubic-bezier(.33,1,.68,1) both ux-grow}.ux-m-ev[data-phase=closing]{animation:.2s cubic-bezier(.32,0,.67,0) both ux-fade-out}.ux-m-scrim{z-index:50;background:color-mix(in oklab, var(--foreground) 28%, transparent);border:0;position:fixed;inset:0}.ux-m-sheet{z-index:51;background:var(--background);box-shadow:0 -10px 30px -12px color-mix(in oklab, var(--foreground) 35%, transparent);border-radius:24px 24px 0 0;flex-direction:column;animation:.28s cubic-bezier(.33,1,.68,1) both ux-sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0}.ux-m-sheet[data-closing]{animation:.2s cubic-bezier(.32,0,.67,0) both ux-sheet-down-out}.ux-m-sheet.ux-m-maja-sheet{top:112px}.ux-m-sheet.ux-m-bell-sheet{background:var(--card);max-height:560px}.ux-m-grab{background:var(--border);border-radius:5px;flex:none;width:40px;height:5px;margin:8px auto 0}.ux-m-sheet-hd{flex:none;align-items:center;gap:8px;padding:8px 12px 8px 20px;font-size:17px;font-weight:600;display:flex}.ux-m-sheet-hd .ux-m-x{width:44px;height:44px;color:var(--muted-foreground);background:0 0;border:0;border-radius:12px;place-items:center;margin-left:auto;display:grid}.ux-m-sheet-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.ux-m-bell-list{margin:0;padding:0 8px 32px;list-style:none;overflow-y:auto}.ux-m-bell-list .ux-bell-row{min-height:72px}.ux-m-bell-list .ux-bell-row .ux-t{font-size:16px}.ux-m-bell-list .ux-bell-row .ux-s{font-size:14px}.ux-m-topsheet{z-index:51;background:var(--card);padding:calc(56px + env(safe-area-inset-top)) 16px 16px;box-shadow:0 10px 30px -12px color-mix(in oklab, var(--foreground) 35%, transparent);border-radius:0 0 24px 24px;animation:.28s cubic-bezier(.33,1,.68,1) both ux-sheet-down;position:fixed;top:0;left:0;right:0}.ux-m-topsheet .ux-m-x{top:calc(8px + env(safe-area-inset-top));width:44px;height:44px;color:var(--muted-foreground);background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;right:12px}.ux-m-topsheet .grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.ux-m-it{background:var(--muted);min-height:52px;color:var(--foreground);text-align:left;border:0;border-radius:14px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.ux-m-it svg{color:var(--primary);flex:none;width:20px;height:20px}.ux-m-it:disabled{background:var(--card);border:1px dashed var(--border);color:var(--muted-foreground)}.ux-m-it:disabled svg{color:var(--muted-foreground)}@keyframes ux-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes ux-sheet-down-out{0%{transform:none}to{transform:translateY(100%)}}@keyframes ux-sheet-down{0%{transform:translateY(-100%)}to{transform:none}}.ux-m-embed{overscroll-behavior-x:contain;margin:0 -4px;overflow-x:auto}[data-ux-m] .ux-m-embed [data-mobile-primary]{display:none}[data-ux-m] .ux-m-embed .bg-primary{background:var(--card);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border)}[data-ux-m] .ux-m-sheet-body>section{border-radius:0;flex:1;min-height:0;margin:0}@media (prefers-reduced-motion:reduce){.ux-card[data-phase=open],.ux-m-ev[data-phase=open],.ux-m-sheet,.ux-m-topsheet{animation:.15s linear both ux-fade}.ux-card[data-phase=closing],.ux-m-ev[data-phase=closing],.ux-m-sheet[data-closing]{animation:.15s linear both ux-fade-out}.ux-bump{animation:none}.ux-roll[data-rolling]>span{transition:none}.ux-sk:after{opacity:0;animation:none}.ux-loaded{animation:none}.ux-m-cta{transition:opacity .15s linear}}