:root{--font-display:"Schibsted Grotesk","Hanken Grotesk",system-ui,sans-serif;--font-ui:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--r-xs:6px;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-full:999px;--control-h:40px;--control-h-sm:32px;--control-h-lg:46px;--shell-max:1180px;--rail-w:288px;--topbar-h:56px;--gutter:clamp(14px,4vw,44px);--ease:cubic-bezier(.2,.6,.25,1);--dur:.16s;--desktop-base:#14211f;--desktop-veil:rgba(237,241,242,.8);--surface:#ffffff;--surface-2:#f3f6f6;--surface-3:#e9eeee;--surface-glass:rgba(255,255,255,.72);--surface-glass-strong:rgba(255,255,255,.86);--border:#e4e9e9;--border-strong:#d3dbdb;--text:#16211f;--text-muted:#5b6a69;--text-subtle:#8b9897;--text-inverse:#f6faf9;--accent:#0e9488;--accent-hover:#0b7a70;--accent-press:#095f58;--accent-soft:#dcf1ee;--accent-line:#bfe6e0;--accent-contrast:#ffffff;--ring:rgba(14,148,136,.3);--success:#1f9d57;--success-soft:#e3f4ea;--success-line:#c2e6cf;--warning:#b0740b;--warning-soft:#f7ecd6;--warning-line:#ecd6ac;--danger:#d54545;--danger-soft:#f9e4e4;--danger-line:#eec6c6;--info:#2f7ec4;--info-soft:#e2eef9;--info-line:#c4ddf1;--chart-1:#0e9488;--chart-2:#3f8fd0;--chart-3:#c98a2b;--chart-4:#7b6ad4;--chart-grid:rgba(20,40,38,.09);--shadow-sm:0 1px 2px rgba(18,38,36,.05),0 1px 3px rgba(18,38,36,.07);--shadow-md:0 8px 24px -6px rgba(18,38,36,.16),0 2px 6px -2px rgba(18,38,36,.1);--shadow-lg:0 32px 64px -16px rgba(10,24,22,.34),0 8px 20px -8px rgba(10,24,22,.22);--shadow-focus:0 0 0 3px var(--ring)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;color:var(--text);background-color:var(--desktop-base);background-image:none;background-size:cover;background-position:center;background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--desktop-veil);-webkit-backdrop-filter:saturate(1.05);backdrop-filter:saturate(1.05)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0;text-wrap:balance;letter-spacing:-.01em}p{margin:0}a{color:var(--accent);text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}::selection{background:var(--accent-soft);color:var(--text)}code,kbd,samp{font-family:var(--font-mono);font-size:.85em}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;padding:0 var(--gutter) var(--sp-6)}.topbar{position:sticky;top:var(--sp-3);z-index:60;width:100%;max-width:var(--shell-max);margin:0 auto;padding-top:var(--sp-3)}.topbar__inner{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--topbar-h);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.topbar__home{width:38px;height:38px;flex:none;border:0;background:transparent;cursor:pointer;border-radius:var(--r-md);display:grid;place-items:center;color:var(--text-muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.topbar__home:hover{background:var(--surface-3);color:var(--text)}.topbar__home svg{width:19px;height:19px}.topbar .brand-mark{width:30px;height:30px;flex:none}.topbar__titles{min-width:0;display:flex;flex-direction:column;justify-content:center}.topbar__titles .crumb{font-size:var(--text-2xs);color:var(--text-subtle);letter-spacing:.05em;text-transform:uppercase;font-weight:600;line-height:1.25}.topbar__titles h1{font-size:var(--text-md);font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__search{margin-left:auto;position:relative;width:min(300px,32vw);flex:none}.topbar__search input{width:100%;height:var(--control-h-sm);padding:0 var(--sp-3) 0 34px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);color:var(--text);font-size:var(--text-sm)}.topbar__search input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus);background:var(--surface)}.topbar__search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-subtle)}.topbar__actions{display:flex;align-items:center;gap:2px}.topbar__search+.topbar__actions{margin-left:var(--sp-1)}.shell.is-home .topbar__search{display:none}.shell.is-home .topbar__actions{margin-left:auto}.shell__center{width:100%;max-width:var(--shell-max);margin:0 auto;flex:1;display:flex;flex-direction:column;padding-top:var(--sp-5)}.desktop{flex:1;display:grid;gap:var(--sp-5);grid-template-columns:var(--rail-w) minmax(0,1fr);align-items:start}.shell:not(.is-home) .desktop{grid-template-columns:minmax(0,1fr)}.shell:not(.is-home) .rail{display:none}.rail{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:calc(var(--topbar-h) + var(--sp-6))}.workspace{min-width:0;background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:clamp(16px,2.4vw,30px)}.shell.is-home .workspace{background:transparent;border:0;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.content__inner{display:flex;flex-direction:column;gap:var(--sp-8)}.shell:not(.is-home) .content__inner{max-width:960px;margin-inline:auto;width:100%}.widget{background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4) var(--sp-5)}.widget__clock{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}.widget__date{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--sp-1)}.widget__date:first-letter{text-transform:uppercase}.widget__title{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--sp-4)}.widget__rings{display:flex;gap:var(--sp-4);justify-content:space-around;padding-bottom:var(--sp-4)}.mini-ring{--_p:0;--_c:var(--accent);width:76px;height:76px;position:relative;display:grid;place-items:center;flex:none}.mini-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.mini-ring circle{fill:none;stroke-width:8}.mini-ring .t{stroke:var(--surface-3)}.mini-ring .f{stroke:var(--_c);stroke-linecap:round;stroke-dasharray:201;stroke-dashoffset:calc(201 - 201 * var(--_p) / 100);transition:stroke-dashoffset .6s var(--ease)}.mini-ring b{position:absolute;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.mini-ring small{position:absolute;bottom:-16px;font-size:var(--text-2xs);color:var(--text-subtle);font-weight:600;letter-spacing:.04em}.widget__storage{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.widget__disk{width:34px;height:34px;flex:none;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.widget__disk svg{width:18px;height:18px}.widget__storage strong{display:block;font-size:var(--text-sm);font-weight:600}.widget__storage span{font-size:var(--text-xs);color:var(--text-subtle)}.widget--btn{width:100%;text-align:left;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:var(--sp-3);color:var(--text);font-size:var(--text-sm);font-weight:600;transition:background var(--dur) var(--ease)}.widget--btn:hover{background:var(--surface-3)}.widget--btn svg{width:18px;height:18px;color:var(--text-muted);flex:none}.home-search{position:relative}.home-search input{width:100%;height:var(--control-h-lg);padding:0 var(--sp-4) 0 46px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:var(--text);font-size:var(--text-base);box-shadow:var(--shadow-sm);font-family:inherit}.home-search input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.home-search svg{position:absolute;z-index:2;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-subtle);pointer-events:none}.banner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.banner{display:flex;gap:var(--sp-4);align-items:flex-start;background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.banner__art{width:50px;height:50px;flex:none;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.banner__art svg{width:25px;height:25px}.banner h3{font-size:var(--text-sm);font-weight:600}.banner p{font-size:var(--text-xs);color:var(--text-muted);margin-top:3px;line-height:1.5}.apps-head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.apps-head h2{font-size:var(--text-lg);font-weight:600}.apps-head span{font-size:var(--text-xs);color:var(--text-subtle)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-4)}.app-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-3);cursor:pointer;font-family:inherit;background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.app-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.app-card:active{transform:translateY(0)}.app-card__icon{width:56px;height:56px;border-radius:var(--r-md);display:grid;place-items:center;background:linear-gradient(150deg,var(--accent),var(--accent-press));color:#fff;box-shadow:0 6px 16px -4px var(--ring)}.app-card__icon svg{width:27px;height:27px}.app-card__name{font-size:var(--text-sm);font-weight:600;color:var(--text);text-align:center;line-height:1.25}.app-card__tag{font-size:var(--text-2xs);color:var(--text-subtle)}.dockfoot{width:100%;max-width:var(--shell-max);margin:var(--sp-5) auto 0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-2);font-size:var(--text-xs);color:var(--text-subtle)}.dockfoot__brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:500}.dockfoot__brand svg{width:15px;height:15px;opacity:.85}.dockfoot__links{display:flex;align-items:center;gap:2px}.dockfoot__links a{width:28px;height:28px;border-radius:var(--r-full);display:grid;place-items:center;color:var(--text-subtle);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.dockfoot__links a:hover{background:var(--surface-3);color:var(--text)}.dockfoot__links svg{width:15px;height:15px}.view{display:none}.view.is-active{display:block;animation:viewIn var(--dur) var(--ease)}@keyframes viewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6)}.page-head h2{font-size:var(--text-xl)}.page-head p{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--sp-1);max-width:60ch}.page-head__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--sp-8)}.block{display:flex;flex-direction:column;gap:var(--sp-4)}.block__title{font-size:var(--text-lg);font-weight:600}.block__hint{color:var(--text-muted);font-size:var(--text-sm);margin-top:-6px}.divider{height:1px;background:var(--border);border:0;margin:0}.icon-btn{position:relative;width:34px;height:34px;border:0;background:transparent;cursor:pointer;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--text-muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn svg{width:17px;height:17px}.icon-btn .dot{position:absolute;top:7px;right:8px;width:6px;height:6px;border-radius:var(--r-full);background:var(--danger);border:1.5px solid var(--surface)}.avatar{border-radius:var(--r-full);object-fit:cover;background:var(--accent-soft);color:var(--accent);display:inline-grid;place-items:center;font-weight:600;flex:none;overflow:hidden;line-height:1}.avatar--28{width:28px;height:28px;font-size:var(--text-xs)}.avatar--32{width:32px;height:32px;font-size:var(--text-sm)}.avatar--40{width:40px;height:40px;font-size:var(--text-base)}.avatar--56{width:56px;height:56px;font-size:var(--text-lg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card--pad{padding:var(--sp-5)}.card--flat{box-shadow:none}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.card__head h3{font-size:var(--text-md);font-weight:600}.card__head p{font-size:var(--text-xs);color:var(--text-subtle);margin-top:2px}.card__body{padding:var(--sp-5)}.card__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);display:flex;gap:var(--sp-2);justify-content:flex-end}.grid{display:grid;gap:var(--sp-5)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.card__body>.grid[style]{grid-template-columns:repeat(2,1fr)!important}}.btn{--_bg:var(--surface);--_fg:var(--text);--_bd:var(--border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--control-h);padding:0 var(--sp-4);border:1px solid var(--_bd);border-radius:var(--r-sm);background:var(--_bg);color:var(--_fg);font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);line-height:1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.btn svg{width:16px;height:16px;flex:none}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn--primary{--_bg:var(--accent);--_fg:var(--accent-contrast);--_bd:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active{background:var(--accent-press)}.btn--ghost{--_bg:transparent;--_bd:transparent;--_fg:var(--text-muted)}.btn--ghost:hover{background:var(--surface-3);color:var(--text)}.btn--subtle{--_bg:var(--accent-soft);--_fg:var(--accent);--_bd:transparent}.btn--subtle:hover{background:var(--accent-soft);filter:brightness(.97)}.btn--danger{--_bg:var(--danger);--_fg:#fff;--_bd:var(--danger)}.btn--danger:hover{background:var(--danger);filter:brightness(.93)}.btn--danger-ghost{--_bg:transparent;--_fg:var(--danger);--_bd:var(--danger-line)}.btn--danger-ghost:hover{background:var(--danger-soft)}.btn--sm{height:var(--control-h-sm);padding:0 var(--sp-3);font-size:var(--text-xs);border-radius:var(--r-xs)}.btn--lg{height:var(--control-h-lg);padding:0 var(--sp-5);font-size:var(--text-base)}.btn--icon{padding:0;width:var(--control-h);flex:none}.btn--icon.btn--sm{width:var(--control-h-sm)}.btn--block{width:100%}.btn--pill{border-radius:var(--r-full)}.btn.is-loading{color:transparent;position:relative;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:15px;height:15px;border-radius:var(--r-full);border:2px solid currentColor;border-top-color:transparent;color:var(--accent-contrast);animation:spin .6s linear infinite}.btn--ghost.is-loading:after,.btn--subtle.is-loading:after{color:var(--accent)}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.btn-group .btn:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.btn-group .btn+.btn{margin-left:-1px}@keyframes spin{to{transform:rotate(1turn)}}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-2xs);font-weight:600;letter-spacing:.02em;padding:3px 8px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-muted);border:1px solid transparent;white-space:nowrap}.badge .badge__dot{width:6px;height:6px;border-radius:var(--r-full);background:currentColor}.badge--accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.badge--success{background:var(--success-soft);color:var(--success);border-color:var(--success-line)}.badge--warning{background:var(--warning-soft);color:var(--warning);border-color:var(--warning-line)}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.badge--info{background:var(--info-soft);color:var(--info);border-color:var(--info-line)}.badge--solid{background:var(--accent);color:var(--accent-contrast)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 4px 0 10px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-xs);font-weight:500;color:var(--text)}.chip button{width:18px;height:18px;border:0;background:transparent;border-radius:var(--r-full);cursor:pointer;display:grid;place-items:center;color:var(--text-subtle)}.chip button:hover{background:var(--surface-3);color:var(--text)}.chip--active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:var(--text-xs);font-weight:600;color:var(--text);letter-spacing:.01em}.label .req{color:var(--danger);margin-left:2px}.label .opt{color:var(--text-subtle);font-weight:500;margin-left:4px}.help{font-size:var(--text-xs);color:var(--text-subtle)}.help--error{color:var(--danger)}.help--ok{color:var(--success)}.input,.select,.textarea{width:100%;height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.textarea{height:auto;min-height:88px;padding:var(--sp-3);resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--text-subtle);cursor:not-allowed}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b9897' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.field.is-invalid .input,.field.is-invalid .select,.field.is-invalid .textarea{border-color:var(--danger)}.field.is-invalid .input:focus{box-shadow:0 0 0 3px var(--danger-soft)}.field.is-valid .input{border-color:var(--success)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;left:12px;width:16px;height:16px;color:var(--text-subtle);pointer-events:none}.input-wrap .input{padding-left:36px}.input-wrap .input-suffix{position:absolute;right:10px;font-size:var(--text-xs);color:var(--text-subtle);font-family:var(--font-mono)}.input-group{display:flex}.input-group .input{border-radius:var(--r-sm) 0 0 var(--r-sm)}.input-group .btn{border-radius:0 var(--r-sm) var(--r-sm) 0;border-left:0}.addon{display:inline-flex;align-items:center;padding:0 var(--sp-3);background:var(--surface-2);border:1px solid var(--border-strong);font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.input-group .addon:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm);border-right:0}.input-group .input:not(:first-child){border-radius:0 var(--r-sm) var(--r-sm) 0}.check{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--text-sm)}.check input{position:absolute;opacity:0;width:0;height:0}.check__box{width:18px;height:18px;flex:none;margin-top:1px;border:1.5px solid var(--border-strong);border-radius:5px;background:var(--surface);display:grid;place-items:center;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.check__box svg{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.6);transition:.12s var(--ease)}.check input:checked+.check__box{background:var(--accent);border-color:var(--accent)}.check input:checked+.check__box svg{opacity:1;transform:none}.check input:focus-visible+.check__box{box-shadow:var(--shadow-focus)}.check--radio .check__box{border-radius:var(--r-full)}.check--radio .check__box svg{display:none}.check--radio .check__box:after{content:"";width:8px;height:8px;border-radius:var(--r-full);background:#fff;opacity:0;transform:scale(.4);transition:.12s var(--ease)}.check--radio input:checked+.check__box:after{opacity:1;transform:none}.check__text small{display:block;color:var(--text-subtle);font-size:var(--text-xs);margin-top:1px}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--text-sm)}.switch input{position:absolute;opacity:0}.switch__track{width:38px;height:22px;flex:none;border-radius:var(--r-full);background:var(--border-strong);padding:2px;transition:background var(--dur) var(--ease)}.switch__track:after{content:"";display:block;width:18px;height:18px;border-radius:var(--r-full);background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease)}.switch input:checked+.switch__track{background:var(--accent)}.switch input:checked+.switch__track:after{transform:translate(16px)}.switch input:focus-visible+.switch__track{box-shadow:var(--shadow-focus)}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:3px;gap:2px}.segmented button{border:0;background:transparent;cursor:pointer;padding:5px 12px;border-radius:6px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.segmented button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.table-wrap{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.table-toolbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.table-toolbar .grow{flex:1}.table-scroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.data th,table.data td{padding:var(--sp-3) var(--sp-4);text-align:left;white-space:nowrap}table.data thead th{font-size:var(--text-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);background:var(--surface-2);border-bottom:1px solid var(--border)}table.data thead th.sortable{cursor:pointer}table.data thead th.sortable:hover{color:var(--text)}table.data thead th .arrow{opacity:.4;margin-left:4px}table.data thead th[aria-sort=ascending] .arrow,table.data thead th[aria-sort=descending] .arrow{opacity:1;color:var(--accent)}table.data tbody td{border-bottom:1px solid var(--border);color:var(--text)}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr:hover td{background:var(--surface-2)}table.data tbody tr.is-selected td{background:var(--accent-soft)}table.data .num{text-align:right;font-variant-numeric:tabular-nums}table.data .col-check{width:44px}.row-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--dur) var(--ease)}table.data tbody tr:hover .row-actions{opacity:1}.cell-user{display:flex;align-items:center;gap:10px}.cell-user strong{font-weight:600}.cell-user small{color:var(--text-subtle)}.bulkbar{display:none;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--accent-soft);border-bottom:1px solid var(--accent-line);font-size:var(--text-sm);color:var(--accent);font-weight:600}.bulkbar.is-shown{display:flex}.bulkbar .spacer{flex:1}.pagination{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);flex-wrap:wrap}.pagination .muted{color:var(--text-subtle);font-size:var(--text-xs)}.pager{display:flex;gap:4px;margin-left:auto}.pager button{min-width:32px;height:32px;padding:0 6px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-xs);cursor:pointer;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.pager button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.pager button.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.pager button:disabled{opacity:.4;cursor:not-allowed}.alert{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);font-size:var(--text-sm)}.alert__icon{flex:none;width:18px;height:18px;margin-top:1px}.alert__body{flex:1;min-width:0}.alert__body strong{display:block;font-weight:600;margin-bottom:2px}.alert__body p{color:var(--text-muted)}.alert__actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.alert--info{background:var(--info-soft);border-color:var(--info-line)}.alert--info .alert__icon{color:var(--info)}.alert--success{background:var(--success-soft);border-color:var(--success-line)}.alert--success .alert__icon{color:var(--success)}.alert--warning{background:var(--warning-soft);border-color:var(--warning-line)}.alert--warning .alert__icon{color:var(--warning)}.alert--danger{background:var(--danger-soft);border-color:var(--danger-line)}.alert--danger .alert__icon{color:var(--danger)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.tabs button{border:0;background:transparent;cursor:pointer;padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--text)}.tabs button.is-active{color:var(--accent);border-bottom-color:var(--accent)}.tabs--pill{border:0;background:var(--surface-2);padding:4px;border-radius:var(--r-sm);gap:2px;display:inline-flex}.tabs--pill button{border-radius:var(--r-xs);padding:6px 14px;margin:0}.tabs--pill button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);border:0}.tabpanel{display:none;padding-top:var(--sp-5)}.tabpanel.is-active{display:block}.menu-anchor{position:relative;display:inline-block}.menu{position:absolute;z-index:40;min-width:200px;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-md);padding:5px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.menu.is-open{opacity:1;transform:none;pointer-events:auto}.menu__label{font-size:var(--text-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);padding:6px 10px 4px}.menu__item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;cursor:pointer;text-align:left;padding:7px 10px;border-radius:6px;font-size:var(--text-sm);color:var(--text)}.menu__item svg{width:15px;height:15px;color:var(--text-subtle)}.menu__item:hover{background:var(--surface-2)}.menu__item kbd{margin-left:auto;font-size:var(--text-2xs);color:var(--text-subtle);background:var(--surface-2);padding:1px 5px;border-radius:4px;border:1px solid var(--border)}.menu__item--danger{color:var(--danger)}.menu__item--danger svg{color:var(--danger)}.menu__sep{height:1px;background:var(--border);margin:5px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0c161470;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--sp-4);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease)}.overlay.is-open{opacity:1;pointer-events:auto}.modal{width:min(480px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(8px) scale(.98);transition:transform var(--dur) var(--ease)}.overlay.is-open .modal{transform:none}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5) var(--sp-3)}.modal__head h3{font-size:var(--text-md);font-weight:600}.modal__head p{font-size:var(--text-sm);color:var(--text-muted);margin-top:3px}.modal__body{padding:0 var(--sp-5) var(--sp-5);font-size:var(--text-sm);color:var(--text-muted)}.modal__foot{display:flex;gap:var(--sp-2);justify-content:flex-end;padding:var(--sp-4) var(--sp-5);background:var(--surface-2);border-top:1px solid var(--border)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0c161470;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease)}.drawer-overlay.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:101;width:min(420px,92vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--dur) var(--ease)}.drawer.is-open{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5);border-bottom:1px solid var(--border)}.drawer__head h3{font-size:var(--text-md);font-weight:600}.drawer__body{flex:1;overflow-y:auto;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.drawer__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);display:flex;gap:var(--sp-2)}.toast-region{position:fixed;bottom:var(--sp-5);right:var(--sp-5);z-index:200;display:flex;flex-direction:column;gap:var(--sp-2);width:min(360px,92vw)}.toast{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-sm);box-shadow:var(--shadow-md);font-size:var(--text-sm);animation:toastIn .22s var(--ease)}.toast--success{border-left-color:var(--success)}.toast--danger{border-left-color:var(--danger)}.toast--warning{border-left-color:var(--warning)}.toast__icon{flex:none;width:17px;height:17px;margin-top:1px;color:var(--accent)}.toast--success .toast__icon{color:var(--success)}.toast--danger .toast__icon{color:var(--danger)}.toast--warning .toast__icon{color:var(--warning)}.toast strong{display:block;font-weight:600}.toast p{color:var(--text-muted)}.toast button{margin-left:auto;border:0;background:transparent;cursor:pointer;color:var(--text-subtle);width:18px;height:18px;flex:none}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.tip{position:relative;display:inline-flex}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--text);color:var(--surface);font-size:var(--text-2xs);font-weight:500;line-height:1.3;padding:5px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.tip:hover:after,.tip:focus-within:after{opacity:1;transform:translate(-50%)}.progress{height:8px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.progress__bar{height:100%;border-radius:inherit;background:var(--accent);transition:width .4s var(--ease)}.progress__bar--warning{background:var(--warning)}.progress__bar--danger{background:var(--danger)}.progress--striped .progress__bar{background-image:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.18) 75%,transparent 75%);background-size:12px 12px}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-xs)}.skeleton--line{height:12px;margin:6px 0}.skeleton--title{height:18px;width:40%}.skeleton--circle{width:40px;height:40px;border-radius:var(--r-full)}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:20px;height:20px;border-radius:var(--r-full);border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .6s linear infinite}.spinner--lg{width:34px;height:34px;border-width:3px}.loading-row{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-muted);font-size:var(--text-sm);justify-content:center;padding:var(--sp-6)}.empty{text-align:center;padding:var(--sp-12) var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.empty__art{width:56px;height:56px;border-radius:var(--r-lg);background:var(--surface-2);display:grid;place-items:center;color:var(--text-subtle)}.empty h3{font-size:var(--text-md);font-weight:600}.empty p{color:var(--text-muted);font-size:var(--text-sm);max-width:38ch}.stepper{display:flex;gap:var(--sp-2)}.step{flex:1;display:flex;flex-direction:column;gap:8px}.step__bar{height:4px;border-radius:var(--r-full);background:var(--surface-3)}.step--done .step__bar,.step--active .step__bar{background:var(--accent)}.step__label{font-size:var(--text-xs);font-weight:600;color:var(--text-subtle);display:flex;align-items:center;gap:6px}.step--done .step__label,.step--active .step__label{color:var(--text)}.step__num{width:18px;height:18px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-subtle);display:grid;place-items:center;font-size:10px;flex:none}.step--done .step__num{background:var(--accent);color:var(--accent-contrast)}.step--active .step__num{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.timeline{display:flex;flex-direction:column;gap:var(--sp-4);position:relative;padding-left:var(--sp-5)}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1.5px;background:var(--border)}.tl-item{position:relative}.tl-item:before{content:"";position:absolute;left:calc(-1 * var(--sp-5) + 1px);top:5px;width:11px;height:11px;border-radius:var(--r-full);background:var(--surface);border:2px solid var(--border-strong)}.tl-item--accent:before{border-color:var(--accent);background:var(--accent)}.tl-item time{font-size:var(--text-2xs);color:var(--text-subtle);font-family:var(--font-mono)}.tl-item p{font-size:var(--text-sm);margin-top:2px}.tl-item p strong{font-weight:600}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-subtle)}.breadcrumb a{color:var(--text-muted);font-weight:500}.breadcrumb a:hover{color:var(--text)}.breadcrumb .sep{opacity:.5}.breadcrumb .current{color:var(--text);font-weight:600}.list{display:flex;flex-direction:column}.list__row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.list__row:last-child{border-bottom:0}.list__row .list__main{flex:1;min-width:0}.list__row .list__main strong{display:block;font-size:var(--text-sm);font-weight:600}.list__row .list__main span{font-size:var(--text-xs);color:var(--text-subtle)}.kpi{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5)}.kpi__top{display:flex;align-items:center;justify-content:space-between}.kpi__icon{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.kpi__label{font-size:var(--text-xs);color:var(--text-subtle);font-weight:600;letter-spacing:.02em}.kpi__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi__delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600}.kpi__delta--up{color:var(--success)}.kpi__delta--down{color:var(--danger)}.kpi__delta svg{width:13px;height:13px}.ring-card{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5)}.ring{--_p:0;--_c:var(--accent);width:92px;height:92px;flex:none;position:relative;display:grid;place-items:center}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring__track{fill:none;stroke:var(--surface-3);stroke-width:9}.ring__fill{fill:none;stroke:var(--_c);stroke-width:9;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:calc(264 - (264 * var(--_p)) / 100);transition:stroke-dashoffset .6s var(--ease)}.ring__num{position:absolute;font-family:var(--font-display);font-weight:600;font-size:var(--text-md);font-variant-numeric:tabular-nums}.ring-card__meta strong{display:block;font-size:var(--text-sm);font-weight:600}.ring-card__meta span{font-size:var(--text-xs);color:var(--text-subtle)}.chart{width:100%;height:180px;display:block;overflow:visible}.chart .grid line{stroke:var(--chart-grid)}.chart .area{fill:url(#areaGrad)}.chart .line{fill:none;stroke:var(--chart-1);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart .endpoint{fill:var(--chart-1);stroke:var(--surface);stroke-width:3}.chart text{font-size:10px;fill:var(--text-subtle);font-family:var(--font-mono)}.legend{display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.swatch{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.swatch__chip{height:64px}.swatch__meta{padding:8px 10px}.swatch__meta strong{display:block;font-size:var(--text-xs);font-weight:600}.swatch__meta code{font-size:10px;color:var(--text-subtle)}.token-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.token-row:last-child{border-bottom:0}.token-row code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);min-width:150px}.token-row .token-demo{margin-left:auto}.radius-demo{width:64px;height:64px;background:var(--accent-soft);border:1px solid var(--accent-line)}.shadow-demo{width:120px;height:64px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}.type-specimen{display:flex;flex-direction:column;gap:var(--sp-4)}.type-specimen>div{display:flex;align-items:baseline;gap:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);flex-wrap:wrap}.type-specimen .tag{font-family:var(--font-mono);font-size:10px;color:var(--text-subtle);min-width:150px}.space-demo{display:flex;align-items:flex-end;gap:var(--sp-3)}.space-demo div{background:var(--accent-soft);border:1px solid var(--accent-line);width:24px}.space-demo figure{margin:0;text-align:center;font-size:10px;color:var(--text-subtle);font-family:var(--font-mono)}.row{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.row--tight{gap:var(--sp-2)}.col{display:flex;flex-direction:column;gap:var(--sp-3)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mt-0{margin-top:0}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.form-grid .span-2{grid-column:1 / -1}@media (max-width:640px){.form-grid{grid-template-columns:1fr!important}}html,body{overflow-x:clip}.shell__center,.desktop,.workspace,.content__inner,.view,.rail{min-width:0}img,video,canvas{max-width:100%}#view-inicio{display:flex;flex-direction:column;gap:var(--sp-8)}@media (max-width:920px){.desktop,.shell.is-home .desktop{grid-template-columns:minmax(0,1fr)}.rail{position:static}.banner-grid{grid-template-columns:1fr}.topbar__search{display:none}.topbar__actions{margin-left:auto}}@media (max-width:640px){.shell{padding-inline:12px}.topbar{top:8px;padding-top:8px}.topbar__inner{border-radius:var(--r-lg)}.topbar__titles .crumb{display:none}.workspace{padding:16px 14px;border-radius:var(--r-lg)}.content__inner{gap:var(--sp-6)}.app-grid{grid-template-columns:repeat(3,1fr);gap:12px}.app-card{padding:16px 8px}.app-card__icon{width:48px;height:48px}.app-card__icon svg{width:23px;height:23px}.app-card__name{font-size:var(--text-xs)}.dockfoot{padding-inline:6px}.stepper{gap:6px}.step__label{font-size:0;justify-content:center;gap:0}.step__num{font-size:10px}}@media (max-width:380px){.app-grid{grid-template-columns:repeat(2,1fr)}}.dp-day{border:0;background:transparent;cursor:pointer;padding:7px 0;border-radius:var(--r-xs);font-size:var(--text-xs);color:var(--text);font-family:var(--font-ui)}.dp-day:hover{background:var(--surface-2)}.dp-day.is-sel{background:var(--accent);color:var(--accent-contrast);font-weight:600}.page{display:flex;flex-direction:column}.loading-page{padding:var(--sp-12);text-align:center;color:var(--text-muted)}.cocktail-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.cocktail-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.cocktail-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:var(--sp-4) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.cocktail-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.cocktail-card__thumb{width:64px;height:64px;border-radius:var(--r-full);overflow:hidden;flex:none;display:grid;place-items:center;margin-bottom:2px;background:linear-gradient(150deg,var(--accent-soft),var(--surface-3));color:var(--accent);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.cocktail-card__thumb img{width:100%;height:100%;object-fit:cover}.cocktail-card__name{font-size:var(--text-sm);font-weight:600;line-height:1.2}.cocktail-card__desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cocktail-card__meta{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.cocktail-card__meta .badge{font-size:var(--text-2xs)}.cocktail-card.is-locked{opacity:.5}.auth-page{display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(24px,7vh,72px)}.auth-box{width:100%;max-width:440px;display:flex;flex-direction:column;gap:var(--sp-5)}.auth-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.auth-head img{width:76px;height:76px}.auth-head h2{font-size:var(--text-2xl);margin-top:var(--sp-2)}.auth-head p{font-size:var(--text-base)}.auth-foot{text-align:center;font-size:var(--text-xs)}.input--lg{height:var(--control-h-lg);font-size:var(--text-base);padding:0 var(--sp-4)}@media (max-width:720px){.auth-box{max-width:none}}.back-link{color:var(--text-muted);font-size:var(--text-sm);display:inline-block;margin-bottom:var(--sp-4)}.back-link:hover{color:var(--text)}.cd-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--sp-6);align-items:start}.cd-media{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:calc(var(--topbar-h) + var(--sp-4))}.cd-photo{aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(150deg,var(--accent-soft),var(--surface-3));display:grid;place-items:center;color:var(--accent);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600}.cd-photo img{width:100%;height:100%;object-fit:cover}.cd-body{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}.cd-line{display:flex;align-items:flex-start;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.cd-line:last-child{border-bottom:0;padding-bottom:0}.cd-line__q{flex:none;width:64px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding-top:4px}.cd-line__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.cd-line__main strong{font-size:var(--text-sm)}.cd-line__main .select{max-width:100%}.cd-line__c{flex:none;width:64px;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--text-sm);padding-top:4px}@media (max-width:720px){.cd-grid{grid-template-columns:1fr;gap:var(--sp-4)}.cd-media{position:static}.cd-photo{aspect-ratio:3/2;max-height:44vw}.cd-body{gap:var(--sp-4)}}.kpi__value{font-variant-numeric:normal}.price-card{display:flex;flex-direction:column;gap:var(--sp-3)}.pc-line{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.pc-lbl{font-size:var(--text-sm);color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.pc-val{display:inline-flex;align-items:center;gap:var(--sp-2)}.pc-line strong,#pcCost{font-size:var(--text-md);font-variant-numeric:tabular-nums}.pc-line--margin strong{font-size:var(--text-base)}.pc-note{font-size:var(--text-2xs);margin-top:-6px}.hairline{border:0;border-top:1px solid var(--border);margin:var(--sp-1) 0}.price-bar{display:flex;height:40px;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-3);border:1px solid var(--border)}.price-bar__seg{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:2px 4px;overflow:hidden}.price-bar__seg span{font-size:9px;text-transform:uppercase;letter-spacing:.04em;opacity:.85;white-space:nowrap}.price-bar__seg b{font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.price-bar__seg--cost{background:#e7edf6;color:#46587a}.price-bar__seg--margin{background:var(--accent);color:var(--accent-contrast)}.price-bar__foot{display:flex;justify-content:space-between;margin-top:6px;font-size:var(--text-sm)}.price-bar__foot b{font-variant-numeric:tabular-nums}.price-bar__hint{font-size:var(--text-xs);color:var(--text-subtle);margin-top:6px}.mtag{font-weight:700;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:var(--r-full);font-size:var(--text-sm)}.mtag--success{background:var(--success-soft);color:var(--success)}.mtag--warning{background:var(--warning-soft);color:var(--warning)}.mtag--danger{background:var(--danger-soft);color:var(--danger)}.info-i{width:15px;height:15px;border-radius:var(--r-full);flex:none;background:var(--surface-3);color:var(--text-subtle);font-size:10px;font-weight:700;font-style:normal;font-family:var(--font-display);display:inline-grid;place-items:center;cursor:help;line-height:1}.info-i:hover{background:var(--accent-soft);color:var(--accent)}.tip:after{z-index:40}.info-i.tip:after{white-space:normal;width:208px;text-align:left;font-weight:400}.segmented a{display:flex;align-items:center;padding:0 var(--sp-3);height:var(--control-h-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--r-xs);color:var(--text-muted)}.segmented a.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.input--mini{height:var(--control-h-sm);font-size:var(--text-xs);padding:0 var(--sp-2);max-width:110px}table.data td .switch{margin:0}.re-line{flex-wrap:wrap}.re-line .cd-line__c{width:auto;min-width:56px}body{background-image:none!important;background-attachment:initial!important;background-color:var(--surface-2);overflow-x:hidden}body:before{display:none!important}*,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[hidden]{display:none!important}:root{--shell-max: 1080px;--gutter: clamp(16px, 4vw, 40px);--topbar-h: 56px}.shell{padding:0;min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:60;width:100%;max-width:none;margin:0;padding:0;background:var(--surface);border-bottom:1px solid var(--border)}.topbar__inner{max-width:var(--shell-max);margin:0 auto;padding:0 var(--gutter);min-height:var(--topbar-h);background:none;border:0;border-radius:0;box-shadow:none;gap:var(--sp-2)}.topbar__home{width:40px;height:40px;margin-left:-8px;flex:none}.topbar__titles{flex:1;min-width:0}.topbar__actions{margin-left:auto;flex:none}.topbar__search input{background:var(--surface-2)}.topbar__nav{display:none}@media (min-width: 861px){.topbar__titles{flex:none}.topbar__nav{display:flex;align-items:center;gap:2px;margin-left:var(--sp-3)}.topbar__nav a{display:flex;align-items:center;height:34px;padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);white-space:nowrap}.topbar__nav a:hover{background:var(--surface-2);color:var(--text)}.topbar__nav a.is-active{background:var(--accent-soft);color:var(--accent)}.topbar__search{display:block;margin-left:auto;width:min(260px,26vw)}.topbar__search+.topbar__actions{margin-left:var(--sp-2)}}.menu,.card,.overlay .modal,.drawer{background:var(--surface)}#app{width:100%;max-width:var(--shell-max);margin:0 auto;padding:var(--sp-5) var(--gutter) var(--sp-12);flex:1}.bottom-nav{display:none}@media (max-width: 860px){.topbar__search{display:none}.topbar__inner{min-height:52px}.topbar__titles .crumb{display:none}.topbar__titles h1{font-size:var(--text-md)}#app{padding-top:var(--sp-4);padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 11px;color:var(--text-subtle);font-size:10px;font-weight:600;min-width:0}.bottom-nav a svg{width:22px;height:22px;flex:none}.bottom-nav a.is-active{color:var(--accent)}.cd-media{top:52px}}.cd-line__qi{width:52px;height:var(--control-h-sm);padding:0 6px;text-align:right;flex:none;font-variant-numeric:tabular-nums}.cd-line__u{flex:none;width:30px;font-size:var(--text-2xs);color:var(--text-subtle);padding-top:8px}.cd-line{align-items:flex-start}:root{--accent:#4e80d8;--accent-hover:#3f70c5;--accent-press:#315ea9;--accent-soft:#e9f1ff;--accent-line:#c7dbf5;--accent-contrast:#ffffff;--ring:rgba(78,128,216,.32);--chart-1:#4e80d8}.brand-mark{color:var(--text-muted)}.topbar .brand-mark{width:26px;height:26px;color:var(--text)}.app-footer{max-width:var(--shell-max);width:100%;margin:0 auto;padding:var(--sp-6) var(--gutter) var(--sp-8);display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-xs);color:var(--text-subtle);text-align:center;flex-wrap:wrap}.app-footer .brand-mark{width:16px;height:16px;flex:none}.app-footer strong{color:var(--text-muted);font-weight:600}@media (max-width: 720px){.app-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (max-width: 640px){.table-toolbar{flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3)}.table-toolbar>.input-wrap,.table-toolbar>.grow,.table-toolbar>.input,.table-toolbar>.select{max-width:none!important;width:100%}.table-toolbar .switch{justify-content:flex-start}table.data{font-size:var(--text-xs)}table.data th,table.data td{padding:var(--sp-2) var(--sp-3);white-space:normal}.table-scroll{-webkit-overflow-scrolling:touch}.mi-barra-table thead th:nth-child(3),.mi-barra-table tbody td:nth-child(3){display:none}.cat-table thead th:nth-child(3),.cat-table tbody td:nth-child(3){display:none}}.segmented{flex-wrap:wrap}.compare-bar{position:fixed;left:50%;transform:translate(-50%);bottom:var(--sp-4);z-index:90;display:flex;align-items:center;gap:var(--sp-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-full);padding:6px 6px 6px var(--sp-4);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:600}@media (max-width: 860px){.compare-bar{bottom:calc(70px + env(safe-area-inset-bottom,0px))}}.cocktail-card.is-pickable{cursor:pointer}.cocktail-card__pick{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:var(--r-full);border:2px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;font-size:12px;color:transparent}.cocktail-card.is-picked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-line)}.cocktail-card.is-picked .cocktail-card__pick{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.cocktail-card{position:relative}.compare-grid{display:grid;grid-template-columns:repeat(var(--n, 2),minmax(180px,1fr));gap:var(--sp-4);overflow-x:auto}.compare-col{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.compare-col__head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.compare-col__thumb{width:72px;height:72px;border-radius:var(--r-full);overflow:hidden;background:linear-gradient(150deg,var(--accent-soft),var(--surface-3));display:grid;place-items:center;color:var(--accent);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.compare-col__thumb img{width:100%;height:100%;object-fit:cover}.compare-col__stats{display:flex;flex-direction:column;gap:6px;margin:0}.compare-col__stats>div{display:flex;justify-content:space-between;gap:var(--sp-2);border-bottom:1px solid var(--border);padding-bottom:6px}.compare-col__stats dt{color:var(--text-muted);font-size:var(--text-xs)}.compare-col__stats dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.compare-col__ing{list-style:none;margin:0;padding:0;font-size:var(--text-xs);color:var(--text-muted);display:flex;flex-direction:column;gap:3px}.modal--wide{width:min(680px,94vw);max-width:none}.help-list{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--sp-2);color:var(--text);font-size:var(--text-sm)}.help-list strong{color:var(--text)}.print-sheet{display:none}@media print{body>*:not(.print-sheet){display:none!important}.print-sheet{display:block!important;color:#000;font-family:var(--font-ui);padding:12mm;max-width:180mm}.print-sheet header{display:flex;justify-content:space-between;font-size:10pt;color:#555;border-bottom:1px solid #ccc;padding-bottom:6pt}.print-sheet .ps-brand{font-weight:700}.print-sheet h1{font-size:22pt;margin:12pt 0 4pt}.print-sheet h2{font-size:12pt;margin:14pt 0 4pt}.print-sheet .ps-desc{font-style:italic;color:#444}.print-sheet .ps-meta{color:#666;font-size:10pt;margin-bottom:10pt}.print-sheet .ps-table{width:100%;border-collapse:collapse;font-size:10pt;margin:8pt 0}.print-sheet .ps-table th,.print-sheet .ps-table td{border-bottom:1px solid #ddd;padding:5pt 4pt;text-align:left}.print-sheet .ps-table .r{text-align:right}.print-sheet .ps-table tfoot td{border-top:2px solid #333;border-bottom:0;font-weight:600}.print-sheet footer{margin-top:18pt;font-size:9pt;color:#888;text-align:center}}