@layer payload-default{.oak-dashboard{--oak-pine:#2d6a4f;--oak-pine-dark:#245a42;--oak-pine-soft:rgba(45,106,79,0.08);--oak-pine-border:rgba(45,106,79,0.22);--oak-card-bg:var(--theme-input-bg);--oak-card-border:var(--theme-elevation-150);margin-bottom:calc(var(--base)*2);display:flex;flex-direction:column;gap:calc(var(--base)*1.1);max-width:56rem}.oak-dashboard__hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:calc(var(--base)*1);padding:1.125rem 1.25rem;border-radius:var(--style-radius-m);background:linear-gradient(145deg,var(--oak-card-bg) 0,var(--theme-elevation-50) 100%);border:1px solid var(--oak-card-border)}.oak-dashboard__hero-main{flex:1 1 18rem;min-width:0}.oak-dashboard__eyebrow{margin:0 0 .25rem;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--oak-pine)}.oak-dashboard__title{margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--theme-text)}.oak-dashboard__subtitle{margin:.4rem 0 0;font-size:.9375rem;line-height:1.55;color:var(--theme-elevation-600);max-width:36rem}.oak-dashboard__metrics{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.oak-dashboard__metric{display:flex;flex-direction:column;align-items:center;min-width:3.75rem;padding:.5rem .875rem;border-radius:var(--style-radius-s);background:var(--oak-card-bg);border:1px solid var(--oak-card-border)}.oak-dashboard__metric--alert{border-color:var(--theme-warning-300);background:var(--theme-warning-50)}.oak-dashboard__metric-value{font-size:1.375rem;font-weight:700;line-height:1;color:var(--theme-text)}.oak-dashboard__metric-label{margin-top:.2rem;font-size:.6875rem;color:var(--theme-elevation-600)}.oak-dashboard__flow{padding:.875rem 1rem;border-radius:var(--style-radius-m);background:var(--oak-pine-soft);border:1px solid var(--oak-pine-border)}.oak-dashboard__flow-title{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;color:var(--oak-pine-dark)}.oak-dashboard__flow-steps{margin:0;padding-left:1.15rem;font-size:.8125rem;line-height:1.65;color:var(--theme-elevation-700)}.oak-dashboard__flow-steps li+li{margin-top:.2rem}.oak-dashboard__analytics{padding:1rem 1.125rem;border-radius:var(--style-radius-m);background:var(--oak-card-bg);border:1px solid var(--oak-card-border)}.oak-dashboard__analytics-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.oak-dashboard__analytics-title{margin:0;font-size:.9375rem;font-weight:600;color:var(--theme-text)}.oak-dashboard__analytics-period{display:block;margin-top:.125rem;font-size:.75rem;color:var(--theme-elevation-600)}.oak-dashboard__analytics-link{flex-shrink:0;font-size:.8125rem;font-weight:600;color:var(--oak-pine);text-decoration:none}.oak-dashboard__analytics-link:hover{text-decoration:underline}.oak-dashboard__analytics-demo{display:inline-block;margin-bottom:.625rem;padding:.15rem .5rem;font-size:.6875rem;border-radius:999px;background:var(--theme-warning-100);color:var(--theme-warning-700)}.oak-dashboard__analytics-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.625rem;gap:.625rem}.oak-dashboard__analytics-row div{padding:.625rem .75rem;border-radius:var(--style-radius-s);background:var(--theme-elevation-50);display:flex;flex-direction:column;gap:.125rem}.oak-dashboard__analytics-row strong{font-size:1.25rem;font-weight:700;color:var(--theme-text)}.oak-dashboard__analytics-row span{font-size:.6875rem;color:var(--theme-elevation-600)}.oak-dashboard__guide{display:flex;flex-direction:column;gap:calc(var(--base)*1.25)}.oak-guide-section__head{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--theme-elevation-150)}.oak-guide-section__title{margin:0;font-size:1.0625rem;font-weight:600;color:var(--theme-text)}.oak-guide-section__desc{margin:.25rem 0 0;font-size:.8125rem;color:var(--theme-elevation-600)}.oak-guide-section__grid{display:flex;flex-direction:column;gap:.75rem}.oak-guide-card{padding:1rem 1.125rem;border-radius:var(--style-radius-m);background:var(--oak-card-bg);border:1px solid var(--oak-card-border);transition:border-color .15s ease,box-shadow .15s ease}.oak-guide-card:hover{border-color:var(--oak-pine-border);box-shadow:0 2px 14px rgba(45,106,79,.07)}.oak-guide-card__top{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.oak-guide-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--style-radius-s);background:var(--oak-pine-soft);color:var(--oak-pine)}.oak-guide-card__icon svg{width:1.25rem;height:1.25rem}.oak-guide-card__head{flex:1 1;min-width:0}.oak-guide-card__title{margin:0;font-size:1rem;font-weight:600;line-height:1.3;color:var(--theme-text)}.oak-guide-card__summary{margin:.25rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--theme-elevation-600)}.oak-guide-card__cta{flex-shrink:0;align-self:center;padding:.4rem .875rem;border-radius:var(--style-radius-s);font-size:.8125rem;font-weight:600;text-decoration:none;color:#fff;background:var(--oak-pine);transition:background .15s ease,transform .15s ease;white-space:nowrap}.oak-guide-card__cta:hover{background:var(--oak-pine-dark);color:#fff;transform:translateY(-1px)}.oak-guide-card__steps{margin:0;list-style:none;counter-reset:oak-step;display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--theme-elevation-100);padding:.75rem 0 0}.oak-guide-card__steps li{position:relative;padding-left:1.75rem;font-size:.8125rem;line-height:1.55;color:var(--theme-elevation-700);counter-increment:oak-step}.oak-guide-card__steps li:before{content:counter(oak-step);position:absolute;left:0;top:.1rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:var(--oak-pine);background:var(--oak-pine-soft);border-radius:999px}.oak-dashboard__footer{padding:.75rem 0;font-size:.75rem;line-height:1.5;color:var(--theme-elevation-500);border-top:1px solid var(--theme-elevation-150)}.oak-dashboard__footer p{margin:0}.oak-onboarding{position:relative;padding:1rem 1.125rem;border-radius:var(--style-radius-m);border:1px solid var(--oak-pine-border);background:var(--oak-card-bg);box-shadow:0 1px 3px rgba(0,0,0,.04)}.oak-onboarding h3{margin:0 0 .35rem;font-size:.9375rem;font-weight:600;color:var(--theme-text)}.oak-onboarding p{margin:0 0 .625rem;font-size:.8125rem;line-height:1.5;color:var(--theme-elevation-600)}.oak-onboarding__btn{padding:.45rem .875rem;background:var(--oak-pine);color:#fff;font-size:.8125rem;font-weight:600}.oak-onboarding__btn,.oak-onboarding__close{border:0;border-radius:var(--style-radius-s);cursor:pointer}.oak-onboarding__close{position:absolute;top:.625rem;right:.625rem;width:1.75rem;height:1.75rem;background:rgba(0,0,0,0);color:var(--theme-elevation-500);font-size:1.125rem;line-height:1}.oak-mode-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;color:var(--theme-elevation-600);background:var(--theme-elevation-50);border-radius:var(--style-radius-s);border:1px solid var(--theme-elevation-150)}.oak-mode-toggle__btn{border:1px solid var(--theme-elevation-200);background:var(--oak-card-bg);color:var(--theme-text);border-radius:var(--style-radius-s);padding:.3rem .65rem;cursor:pointer;font-size:.8125rem;font-weight:500}.oak-preview-btn{display:inline-flex;padding:10px 14px;border-radius:var(--style-radius-s);background:var(--oak-pine);color:#fff;text-decoration:none;font-weight:600}html:not(.oakville-advanced-mode) [data-nav-group=系統],html:not(.oakville-advanced-mode) [data-nav-group=進階設定]{display:none!important}@media(max-width:640px){.oak-dashboard__hero{flex-direction:column}.oak-guide-card__top{flex-wrap:wrap}.oak-guide-card__cta{width:100%;text-align:center;margin-top:.25rem}.oak-dashboard__analytics-row{grid-template-columns:1fr}}}@layer payload-default{:root{--oak-paper:#ebf3f7;--oak-paper-deep:#d8e6ee;--oak-ink:#2a3a44;--oak-ink-soft:#5a6e7c;--oak-cinnabar:#5a7a8c;--oak-cinnabar-deep:#4a6578;--oak-line:rgba(184,197,206,0.72);--theme-elevation-0:var(--oak-paper);--theme-elevation-50:#e4eef4;--theme-elevation-100:var(--oak-paper-deep);--theme-elevation-150:#cddde6;--theme-bg:var(--theme-elevation-0);--theme-input-bg:#ffffff;--theme-text:var(--oak-ink);--color-success-500:var(--oak-cinnabar);--color-success-600:var(--oak-cinnabar-deep)}html[data-theme=dark]{--theme-bg:var(--theme-elevation-0);--theme-text:var(--theme-elevation-1000);--theme-input-bg:var(--theme-elevation-50);--color-success-500:#8a9fb0;--color-success-600:#6e8494}.template-minimal.login{--oak-paper:#f3efe6;--oak-paper-deep:#ebe6db;--oak-line:rgba(184,176,160,0.45);position:relative;min-height:100vh;background:linear-gradient(165deg,#f5f2eb,#f3efe6 46%,#ebe6db);background-attachment:fixed}.template-minimal.login:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}.template-minimal.login .template-minimal__wrap{position:relative;z-index:1;width:min(420px,92vw);padding:0;border:0;border-radius:0;background:rgba(0,0,0,0);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.login__brand{margin-bottom:calc(var(--base)*.75)}.oak-brand-logo{display:flex;justify-content:center;margin:0 auto calc(var(--base)*.25)}.template-minimal.login .oak-brand-logo img{display:block;width:min(420px,100%);height:auto;border:0;border-radius:0;box-shadow:none}.oak-brand-icon{display:block;width:1.5rem;height:1.5rem;object-fit:contain}.oak-login-intro{margin:0 0 calc(var(--base)*1.25);text-align:center;font-size:.875rem;font-weight:500;letter-spacing:.08em;color:var(--oak-ink-soft)}.oak-login-intro__en{display:block;margin-top:.25rem;font-size:.6875rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:rgba(90,110,124,.72)}.login__form .field-label{color:var(--oak-ink);font-weight:500}.login__form .field-type__wrap input{border-color:var(--oak-line);background:rgba(255,255,255,.55);border-radius:2px;transition:border-color .15s ease,background .15s ease}.login__form .field-type__wrap input:focus{border-color:var(--oak-cinnabar);background:rgba(255,255,255,.82);box-shadow:none}.login__form .form-submit .btn{border-radius:2px;font-weight:600;letter-spacing:.06em}.login__form .form-submit .btn--style-primary{background:var(--oak-ink);border-color:var(--oak-ink)}.login__form .form-submit .btn--style-primary:focus-visible,.login__form .form-submit .btn--style-primary:hover{background:#1a2832;border-color:#1a2832}.login__form a{color:var(--oak-cinnabar);-webkit-text-decoration-color:rgba(90,122,140,.35);text-decoration-color:rgba(90,122,140,.35)}.login__form a:hover{color:var(--oak-cinnabar-deep);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.collections__label,.step-nav a,.step-nav span{color:var(--theme-text)}.nav-group__toggle{color:var(--theme-elevation-600)}.nav-group__toggle:focus-visible,.nav-group__toggle:hover{color:var(--theme-text)}.dashboard .template-default__wrap{gap:calc(var(--base)*.75);max-width:60rem}.dashboard .dashboard__group{margin:0;padding:0;border:0;background:rgba(0,0,0,0)}.dashboard .dashboard__label{display:none}}@media print{@page{size:A4 landscape;margin:10mm}html:has(.oak-analytics-page),html:has(.oak-analytics-page) body{background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html:has(.oak-analytics-page) .oak-analytics-page__toolbar,html:has(.oak-analytics-page) .oak-dash__header-actions,html:has(.oak-analytics-page) .oak-header-actions{display:none!important}html:has(.oak-analytics-page) .oak-analytics-page{display:block!important;padding:0!important;margin:0!important}html:has(.oak-analytics-page) .oak-dash__shell{max-width:none!important;width:100%!important;margin:0!important}html:has(.oak-analytics-page) .oak-dash-bar-fill,html:has(.oak-analytics-page) .oak-dash-donut__ring,html:has(.oak-analytics-page) .oak-dash-funnel__fill,html:has(.oak-analytics-page) .oak-dash__body,html:has(.oak-analytics-page) .oak-dash__card,html:has(.oak-analytics-page) .oak-dash__header,html:has(.oak-analytics-page) .oak-dash__kpi{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html:has(.oak-analytics-page) .oak-dash__kpi{break-inside:avoid;page-break-inside:avoid}}