:root{--app-w:480px;--tabbar-h:64px;--backdrop:#e3e8ee;--fill:#eef1f5;--info:#1d4474;--info-bg:#eaf1fb;--link:#1d4474;--focus:#0a2540;--field-bg:#fff;--tabbar-bg:#fffffff2;--tab-active-bg:#fcefd2;--eyebrow:#8a5a00;--header-bg:#0a2540;--unread-bg:#fff8ec;--unread-line:#f0d9a6;--skel-a:#e9eef4;--skel-b:#f4f7fa}@media (prefers-color-scheme:dark){:root:has(.app){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mist:#0b1522;--white:#13202f;--fill:#1c2b3d;--line:#2a3b50;--ink:#eef3f9;--text:#d5deea;--slate:#a3b3c7;--navy-3:#9cc2f2;--link:#9cc2f2;--info:#9cc2f2;--info-bg:#16304d;--ok:#5fd6a8;--ok-bg:#0f2f25;--warn:#f5b84a;--warn-bg:#33250b;--bad:#ff9088;--bad-bg:#3b1715;--backdrop:#05090f;--field-bg:#0e1926;--tabbar-bg:#101b28f5;--tab-active-bg:#3a2b0c;--eyebrow:#f5b84a;--focus:#f5a300;--header-bg:#071b31;--unread-bg:#2a2110;--unread-line:#5a4417;--skel-a:#1a2839;--skel-b:#223347;--shadow:0 0 0 1px var(--line)}}:is(html:has(.app),body:has(.app)){background:var(--backdrop)}.app{width:100%;max-width:var(--app-w);background:var(--mist);min-height:100dvh;color:var(--text);font-variant-numeric:tabular-nums;flex-direction:column;margin-inline:auto;display:flex;position:relative}@media (min-width:520px){.app{box-shadow:0 0 0 1px var(--line), 0 40px 90px -50px #0a254073}}.app :focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.app .link{color:var(--link);text-underline-offset:3px;font-weight:700;text-decoration:underline}.app .btn{min-width:44px;min-height:44px}.app .btn.btn-sm{min-height:44px}.app .btn-block{width:100%}.app .btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.app .btn-line{color:#fff;background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff73}.app .grid-2,.app .grid-3{grid-template-columns:minmax(0,1fr);gap:14px}.app .grid-3:has(>.kpi){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app .grid-4 .card{padding:16px}.app .grid-4 .kpi .value{font-size:1.4rem}.app .only-mobile{display:grid}.app .only-desktop{display:none!important}.app .skel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app .skel-grid .skel-card:last-child{display:none}.app .od-grid{flex-direction:column;gap:16px;display:flex;align-items:stretch!important}.app .od-col{display:contents}.app .od-now{order:1}.app .od-quote{order:2}.app .od-info{order:3}.app .od-later{order:4}.app .od-next{max-width:var(--app-w);left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:29;background:linear-gradient(to top, var(--mist) 70%, transparent);margin-inline:auto;padding:10px 12px;display:block;position:fixed}.app .od-next .btn{border-radius:16px;width:100%;min-height:50px;font-size:15.5px}.app .app-main:has(.od-next){padding-bottom:calc(var(--tabbar-h) + 96px + env(safe-area-inset-bottom))}.app .pagehead{align-items:start}.app .field input,.app .field select,.app .field textarea,.app .qo-stepper input{background-color:var(--field-bg);color:var(--text);border-color:var(--line)}.app .field input:focus,.app .field select:focus,.app .field textarea:focus,.app .qo-stepper input:focus{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus);outline:none}.app .field input::placeholder{color:var(--slate);opacity:1}.app .field label{color:var(--ink)}.app fieldset{border-color:var(--line)}.app .eyebrow{color:var(--eyebrow)}.app .ocard,.app .wc-tile,.app .notif-item{background:var(--white);border-color:var(--line);color:var(--text)}.app .notif-item.unread{background:var(--unread-bg);border-color:var(--unread-line)}.app .b-grey{background:var(--fill);color:var(--slate)}.app .b-blue,.app .alert-info{background:var(--info-bg);color:var(--info)}.app .alert a{color:inherit;font-weight:700}.app .t th,.app .t td{border-bottom-color:var(--line)}.app .t a.rowlink{color:var(--link)}.app .skel{background:linear-gradient(90deg, var(--skel-a) 0%, var(--skel-b) 50%, var(--skel-a) 100%);background-size:200% 100%}.app .qo-chip-active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}.app .card-flat{border-color:var(--line)}.app .btn-ghost{color:var(--ink)}.app .btn-danger{background:var(--bad-bg);color:var(--bad)}.app .empty{color:var(--slate)}@media (prefers-color-scheme:light){.app{--ok:#0b6e4c;--warn:#8f5600}}.app .chip-PMS{background:#c63b3b}.app .bell-dot{background:#c62828}.app{--red:#b3261e}@media (prefers-color-scheme:dark){.app{--red:#ff9088}}.app-header{z-index:25;background:var(--header-bg);color:#fff;padding:env(safe-area-inset-top) max(6px, env(safe-area-inset-right)) 0 max(6px, env(safe-area-inset-left));position:sticky;top:0}.app-header-row{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:56px;display:grid}.app-title{letter-spacing:-.01em;color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:800;overflow:hidden}.app-header-mark{place-items:center;width:44px;height:44px;display:grid}.app-header-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;text-decoration:none;display:grid}.app-header-btn:hover{background:#ffffff14}.app-header-btn:active{transform:scale(.94)}.app-header .app-header-btn:focus-visible,.app-header a:focus-visible{outline-offset:-3px;border-radius:12px;outline:3px solid #f5a300}.app-header .sheet :focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:12px}.app-header-action{justify-content:end;align-items:center;min-width:44px;display:flex}.app-header .bell-link{color:#fff;border-radius:12px;width:44px;height:44px}.app-main{min-width:0;padding:18px max(16px, env(safe-area-inset-right)) calc(var(--tabbar-h) + 28px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;display:grid}.app-main>*{min-width:0}.app-tabbar{max-width:var(--app-w);z-index:30;background:var(--tabbar-bg);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-top:1px solid var(--line);padding:6px max(6px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));margin-inline:auto;position:fixed;bottom:0;left:0;right:0}.app-tabbar ul{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;margin:0;padding:0;list-style:none;display:grid}.app-tab{min-width:44px;min-height:52px;color:var(--slate);font:700 11px/1.15 var(--font);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;border-radius:12px;align-content:center;justify-items:center;gap:2px;padding:4px 0;text-decoration:none;display:grid}.app-tab-icon{border-radius:999px;place-items:center;width:52px;height:28px;transition:background-color .2s;display:grid}.app-tab[aria-current]{color:var(--ink)}.app-tab[aria-current] .app-tab-icon{background:var(--tab-active-bg)}.app-tab:active .app-tab-icon{transform:scale(.92)}.app-tab:focus-visible{outline:3px solid var(--focus);outline-offset:-2px;border-radius:12px}.sheet{width:min(100%, var(--app-w));max-width:var(--app-w);max-height:88dvh;color:var(--text);background:0 0;border:0;margin:auto auto 0;padding:0;overflow:visible}.sheet::backdrop{background:#030a148c}.sheet[open]{animation:.28s cubic-bezier(.16,1,.3,1) sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.sheet-body{background:var(--white);color:var(--text);padding:10px 18px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;gap:14px;max-height:88dvh;display:grid;overflow-y:auto;box-shadow:0 -20px 60px -30px #00000080}.sheet-grip{background:var(--line);border-radius:99px;justify-self:center;width:40px;height:5px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{color:var(--ink);font-size:1.15rem}.sheet-close{background:var(--fill);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:12px;place-items:center;display:grid}.sheet .muted{color:var(--slate);font-size:14.5px}.sheet-actions{gap:10px;display:grid}.sheet-actions .btn{gap:10px}.app-menu ul{background:var(--white);box-shadow:var(--shadow);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.app-menu li+li{border-top:1px solid var(--line)}.app-menu-row{min-height:56px;color:var(--text);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.app-menu-row:active{background:var(--fill)}.app-menu-row:focus-visible{outline-offset:-3px}.app-menu-icon{background:var(--fill);width:36px;height:36px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.app-menu-text{flex:1;min-width:0;display:grid}.app-menu-label{color:var(--ink);font-weight:700}.app-menu-hint{color:var(--slate);font-size:13px}.app-menu-chevron{color:var(--slate);display:grid}.app-section{gap:10px;display:grid}.app-section>h2{font-size:1.05rem}.app-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.app-item{background:var(--white);border:1px solid var(--line);color:var(--text);border-radius:16px;gap:6px;padding:14px 16px;text-decoration:none;display:grid}a.app-item:active{background:var(--fill)}.app-item-top{align-items:center;gap:8px;display:flex}.app-item-top b{color:var(--ink);font-size:14px}.app-item-top .badge{margin-left:auto}.app-item-main{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.app-item-main strong{color:var(--ink);font-size:1.15rem}.app-item-sub{color:var(--slate);font-size:13px}.app-item-cta{color:var(--link);font-size:14px;font-weight:700}.app-empty{background:var(--white);border:1px dashed var(--line);border-radius:16px;justify-items:start;gap:10px;padding:22px 18px;display:grid}.app-empty-icon{background:var(--fill);width:44px;height:44px;color:var(--ink);border-radius:14px;place-items:center;display:grid}.app-empty h2{font-size:1.05rem}.app-empty p{color:var(--slate);font-size:14.5px}.app-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app-tile{background:var(--white);border:1px solid var(--line);color:var(--text);border-radius:16px;gap:2px;padding:14px;text-decoration:none;display:grid}.app-tile .label{text-transform:uppercase;letter-spacing:.05em;color:var(--slate);font-size:11.5px;font-weight:700}.app-tile .value{color:var(--ink);font-size:1.2rem;font-weight:800}.app-note{color:var(--slate);font-size:13.5px}.app-entry{background:var(--header-bg);color:#fff;overflow:hidden}.entry{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));flex:1;grid-template-rows:auto 1fr auto auto;gap:28px;display:grid;position:relative}.entry-motif{pointer-events:none;opacity:.09;width:380px;height:380px;position:absolute;top:-70px;right:-120px}.entry-top{justify-content:space-between;align-items:center;display:flex;position:relative}.entry-body{align-self:end;gap:14px;display:grid;position:relative}.entry-kicker{letter-spacing:.14em;text-transform:uppercase;color:#f5b84a;align-items:center;gap:8px;font-size:12.5px;font-weight:800;display:inline-flex}.entry-kicker:before{content:"";background:#f5a300;border-radius:2px;width:18px;height:2px}.entry h1{color:#fff;letter-spacing:-.035em;max-width:14ch;font-size:clamp(2rem,9vw,2.6rem);font-weight:800;line-height:1.05}.entry-sub{color:#c3d0e0;max-width:32ch;font-size:1.02rem}.entry-actions{gap:10px;display:grid;position:relative}.entry-actions .btn{border-radius:14px;min-height:52px;font-size:16px}.entry :focus-visible{outline-color:#f5a300}.entry .sheet :focus-visible{outline-color:var(--focus)}.install-slot{justify-items:center;gap:4px;min-height:48px;display:grid}.entry-install{color:#fff;min-height:44px;font:700 14.5px var(--font);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.entry-install:hover{background:#ffffff14}.entry-install-status{color:#c3d0e0;text-align:center;min-height:0;font-size:13px}.entry-install-status:empty{display:none}.entry-foot{border-top:1px solid #ffffff1f;padding-top:14px;position:relative}.entry-foot ul{flex-wrap:wrap;gap:4px 2px;margin:0;padding:0;list-style:none;display:flex}.entry-foot a{color:#c3d0e0;border-radius:10px;align-items:center;min-height:44px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.entry-foot a:hover{color:#fff}.entry-foot li:first-child a{padding-left:0}.install-steps{counter-reset:s;gap:10px;margin:0;padding:0;list-style:none;display:grid}.install-steps li{background:var(--fill);color:var(--text);border-radius:14px;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.install-steps li svg{color:var(--ink);justify-self:center}.install-steps b{color:var(--ink)}.auth{gap:18px;display:grid}.auth h1{letter-spacing:-.025em;font-size:1.75rem}.auth-lede{color:var(--slate)}.auth .form{gap:16px}.auth-alt{border-top:1px solid var(--line);color:var(--text);gap:8px;padding-top:16px;font-size:14.5px;display:grid}.auth-alt .muted{color:var(--slate)}.step-form{gap:16px;display:grid}.step-progress{gap:8px;display:grid}.step-count{color:var(--slate);font-size:13.5px}.step-count b{color:var(--ink)}.step-bar{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.step-bar span{border-radius:inherit;background:#f5a300;height:100%;transition:width .35s cubic-bezier(.16,1,.3,1);display:block}.step-title{font-size:1.2rem}.step-title:focus{outline:none}.step-title:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.step-panel{gap:14px;display:grid}.step-panel[hidden]{display:none}.step-actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;display:grid}.step-actions .btn{min-height:50px}.app .check-row{color:var(--text);align-items:start;gap:10px;font-weight:500;display:flex}.app .check-row input{accent-color:#f5a300;flex:none;width:20px;height:20px;margin-top:2px}.app .choice-row{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.app .choice-row label{border:1.5px solid var(--line);min-height:44px;color:var(--ink);background:var(--field-bg);border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.app .choice-row input{accent-color:#f5a300;width:18px;height:18px}@media (prefers-reduced-motion:reduce){.sheet[open]{animation:none}.step-bar span,.app-tab-icon{transition:none}}.demo-tag{color:#0a2540;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;white-space:nowrap;background:#f5a300;border-radius:6px;align-items:center;padding:3px 8px;font-size:11.5px;font-weight:800;line-height:1.2;display:inline-flex}.demo-entry{border:1px solid var(--line);background:var(--white);border-radius:16px;gap:12px;padding:18px;display:grid}.demo-entry-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-entry h2{letter-spacing:-.02em;font-size:1.2rem}.demo-entry-lede{color:var(--slate);font-size:14.5px}.demo-roles{gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo-roles form{margin:0}.demo-role{border:1px solid var(--line);background:var(--mist);width:100%;min-height:64px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,transform .15s;display:grid}.demo-role:hover{border-color:var(--slate)}.demo-role:active:not(:disabled){transform:translateY(1px)scale(.99)}.demo-role:disabled{cursor:progress}.demo-role-icon{background:var(--header-bg);color:#f5a300;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.demo-role-text{gap:2px;min-width:0;display:grid}.demo-role-label{color:var(--ink);font-size:15.5px;font-weight:800}.demo-role-hint{color:var(--slate);font-size:13px}.demo-role-chevron{color:var(--slate);place-items:center;display:grid}.demo-banner{background:var(--unread-bg);border:1px solid var(--unread-line);color:var(--text);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px 10px;padding:12px 14px;font-size:13.5px;display:grid}.demo-banner p{margin:0;line-height:1.45}.demo-banner strong{color:var(--ink)}.demo-banner form{grid-column:2;margin:0}.app .demo-leave{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--unread-line);background:0 0}.app .demo-leave:hover{box-shadow:inset 0 0 0 1.5px var(--slate)}.demo-stop{border-left:4px solid #f5a300}.demo-pay-note{background:var(--unread-bg);border:1px solid var(--unread-line);color:var(--text);border-radius:10px;margin:0;padding:10px 12px;font-size:13.5px}.demo-toggle{background:var(--unread-bg);border:1px solid var(--unread-line);color:var(--ink);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-bottom:16px;padding:12px 14px;font-size:14px;display:flex}.demo-toggle p{flex:260px;margin:0}.demo-toggle .btn{background:var(--white);min-width:44px;min-height:44px}.demo-toggle a:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #0a2540}.demo-notice{background:var(--unread-bg);border:1px solid var(--unread-line);color:var(--ink);border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:600}.app .qo-chip-sub{opacity:1}
