.shell{display:grid;grid-template-columns:var(--mp-sidebar-width) 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--mp-surface-1);border-right:1px solid var(--mp-border);padding:var(--mp-space-5) var(--mp-space-4)}.sidebar .mp-logo{width:auto;margin:0 auto var(--mp-space-8);justify-content:center}.sidebar .mp-logo-image{height:1.75rem;max-width:8rem}.side-nav{display:flex;flex-direction:column;gap:var(--mp-space-1)}.side-nav a{display:flex;align-items:center;gap:var(--mp-space-3);height:2.5rem;padding:0 var(--mp-space-3);border:0;border-radius:var(--mp-radius-md);background:transparent;color:var(--mp-text-2);cursor:pointer;text-align:left;font-family:inherit;font-size:var(--mp-text-body);font-weight:var(--mp-weight-medium);transition:background-color var(--mp-dur-fast) var(--mp-ease-out),color var(--mp-dur-fast) var(--mp-ease-out);text-decoration:none}.side-nav a:hover{background:var(--mp-surface-3);color:var(--mp-text-1);text-decoration:none}.side-nav a[aria-current=page]{font-weight:var(--mp-weight-semibold);box-shadow:var(--mp-shadow-brand)}.side-nav a[aria-current=page],.side-nav a[aria-current=page]:hover{background:var(--mp-grad);color:#FFFFFF}.side-nav svg{width:1.25rem;height:1.25rem;flex:none}.side-divider{border:0;border-top:1px solid var(--mp-border);margin:var(--mp-space-4) 0}.plan-card{margin-top:auto;background:var(--mp-surface-2);border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);padding:var(--mp-space-4)}.plan-card .plan-name{font-size:var(--mp-text-caption);font-weight:var(--mp-weight-semibold)}.plan-card .plan-usage{margin:var(--mp-space-2) 0 var(--mp-space-1)}.plan-card .plan-meta{font-size:var(--mp-text-micro);color:var(--mp-text-3);margin-bottom:var(--mp-space-3)}.mini-bar{height:.25rem;border-radius:var(--mp-radius-full);background:var(--mp-neutral-200);overflow:hidden}[data-theme=dark] .mini-bar{background:var(--mp-surface-3)}.mini-bar .fill{height:100%;border-radius:inherit;background:var(--mp-grad)}.content{min-width:0;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--mp-nav-height);display:flex;align-items:center;gap:var(--mp-space-4);background:var(--mp-surface-1);border-bottom:1px solid var(--mp-border);padding:0 var(--mp-gutter)}.breadcrumb{font-size:var(--mp-text-body);color:var(--mp-text-3);margin-right:auto}.breadcrumb strong{color:var(--mp-text-1);font-weight:var(--mp-weight-semibold)}.user-chip{gap:var(--mp-space-2);padding:var(--mp-space-1) var(--mp-space-3) var(--mp-space-1) var(--mp-space-1);border:1px solid var(--mp-border);background:var(--mp-surface-2);color:var(--mp-text-1)}.avatar,.user-chip{display:inline-flex;align-items:center;border-radius:var(--mp-radius-full);font-size:var(--mp-text-caption)}.avatar{width:2rem;height:2rem;background:var(--mp-grad);color:#FFFFFF;justify-content:center;font-weight:var(--mp-weight-semibold)}.panel{padding:var(--mp-space-6) var(--mp-gutter) var(--mp-space-16)}.panel-head{display:flex;align-items:flex-start;gap:var(--mp-space-4);margin-bottom:var(--mp-space-5);flex-wrap:wrap}.panel-head h1{margin:0;font-size:var(--mp-text-h2);line-height:var(--mp-lh-h2);font-weight:var(--mp-weight-semibold)}.panel-head p{margin:var(--mp-space-1) 0 0;color:var(--mp-text-3);font-size:var(--mp-text-caption)}.panel-head .head-actions{margin-left:auto;display:flex;gap:var(--mp-space-2);align-items:center}.console-guard{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mp-space-3);color:var(--mp-text-3);font-size:var(--mp-text-body)}.console-guard-spinner{width:1.75rem;height:1.75rem;border-radius:var(--mp-radius-full);border:2px solid var(--mp-border);border-top-color:var(--mp-brand);animation:mp-spin .7s linear infinite}@keyframes mp-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.console-guard-spinner{animation:none}}.skeleton-card{min-height:7.5rem;background:linear-gradient(90deg,var(--mp-surface-2) 25%,var(--mp-surface-3) 37%,var(--mp-surface-2) 63%);background-size:400% 100%;animation:mp-shimmer 1.4s ease infinite}@keyframes mp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton-card{animation:none}}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--mp-space-4);gap:var(--mp-space-4)}.metric{background:var(--mp-surface-1);border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);padding:var(--mp-space-5);box-shadow:var(--mp-shadow-sm);display:flex;flex-direction:column;gap:var(--mp-space-2);transition:box-shadow var(--mp-dur-base) var(--mp-ease-out),transform var(--mp-dur-base) var(--mp-ease-out)}.metric:hover{box-shadow:var(--mp-shadow-md);transform:translateY(-2px)}.metric .label{font-size:var(--mp-text-caption);color:var(--mp-text-2);display:flex;align-items:center;gap:var(--mp-space-2)}.metric .value{font-family:var(--mp-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--mp-tracking-num);font-size:var(--mp-text-h1);font-weight:var(--mp-weight-semibold)}.metric .sub{font-size:var(--mp-text-caption);color:var(--mp-text-3)}.metric .sub .num{color:var(--mp-text-2)}.ring-wrap{display:flex;align-items:center;gap:var(--mp-space-4)}.ring{width:6rem;height:6rem;flex:none}.ring .track{stroke:var(--mp-neutral-200)}[data-theme=dark] .ring .track{stroke:var(--mp-surface-3)}.ring .val{stroke:var(--mp-danger)}.ring text{fill:var(--mp-text-1);font-family:var(--mp-font-mono);font-size:1.125rem;font-weight:600}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:var(--mp-space-4);gap:var(--mp-space-4);margin-top:var(--mp-space-4)}.card h2{margin:0 0 var(--mp-space-1);font-size:var(--mp-text-h4);font-weight:var(--mp-weight-semibold)}.card .card-sub{margin:0 0 var(--mp-space-4);font-size:var(--mp-text-caption);color:var(--mp-text-3)}.chart{display:flex;align-items:flex-end;gap:2px;height:8.75rem;padding-top:var(--mp-space-2)}.chart span{flex:1 1;min-width:2px;background:var(--mp-brand-soft-2);border-radius:var(--mp-radius-xs) var(--mp-radius-xs) 0 0}.chart span.hot{background:var(--mp-grad)}.chart-axis{display:flex;justify-content:space-between;font-size:var(--mp-text-micro);color:var(--mp-text-3);font-family:var(--mp-font-mono);margin-top:var(--mp-space-2)}.row-current,.row-current:hover{background:var(--mp-brand-soft)}.key-cell{display:inline-flex;align-items:center;gap:var(--mp-space-2)}.key-text{font-family:var(--mp-font-mono);font-size:var(--mp-text-caption);color:var(--mp-text-2)}.row-actions{display:flex;gap:var(--mp-space-1);justify-content:flex-end}.act-danger{color:var(--mp-danger)}.switch{position:relative;width:2.75rem;height:1.5rem;flex:none;border:0;border-radius:var(--mp-radius-full);cursor:pointer;background:var(--mp-neutral-300);transition:background-color var(--mp-dur-fast) var(--mp-ease-out)}[data-theme=dark] .switch{background:var(--mp-surface-3)}.switch:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;border-radius:var(--mp-radius-full);background:var(--mp-neutral-0);box-shadow:var(--mp-shadow-xs);transition:transform var(--mp-dur-fast) var(--mp-ease-out)}.switch[aria-checked=true],.switch[data-on=true]{background:var(--mp-grad)}.switch[aria-checked=true]:after,.switch[data-on=true]:after{transform:translateX(1.25rem)}.switch-static{cursor:default}.alert-row{display:flex;align-items:center;gap:var(--mp-space-4);padding:var(--mp-space-3) 0;border-top:1px solid var(--mp-border)}.alert-row:first-of-type{border-top:0}.alert-row .alert-label{flex:1 1;font-size:var(--mp-text-body);color:var(--mp-text-1)}.alert-row .alert-opt{font-size:var(--mp-text-caption);color:var(--mp-text-2)}.alert-row .alert-opt,.flow{display:flex;align-items:center;gap:var(--mp-space-2)}.flow{flex-wrap:wrap;margin-bottom:var(--mp-space-5)}.flow .step{display:inline-flex;align-items:center;gap:var(--mp-space-2);height:2.25rem;padding:0 var(--mp-space-4);border-radius:var(--mp-radius-full);background:var(--mp-surface-1);border:1px solid var(--mp-border);font-size:var(--mp-text-caption);color:var(--mp-text-1);font-weight:var(--mp-weight-medium)}.flow .step .idx{font-family:var(--mp-font-mono);color:var(--mp-brand);font-weight:var(--mp-weight-semibold)}.flow svg{color:var(--mp-text-3);flex:none}.empty{text-align:center;padding:var(--mp-space-12) var(--mp-space-6)}.empty svg{width:3rem;height:3rem;color:var(--mp-text-3)}.empty p{color:var(--mp-text-2);margin:var(--mp-space-3) 0 var(--mp-space-5)}.empty .empty-actions{justify-content:center}.empty .empty-actions,.warn-block{display:flex;gap:var(--mp-space-2)}.warn-block{padding:var(--mp-space-3) var(--mp-space-4);background:var(--mp-warning-soft);border-radius:var(--mp-radius-md);color:var(--mp-on-warning-soft);font-size:var(--mp-text-caption);margin-top:var(--mp-space-3)}.warn-block svg{flex:none;margin-top:.125rem}.check-line{display:flex;align-items:center;gap:var(--mp-space-2);margin-top:var(--mp-space-4);font-size:var(--mp-text-body);color:var(--mp-text-1);cursor:pointer}.check-line input{width:1rem;height:1rem;accent-color:var(--mp-brand)}.sub-empty{text-align:center;padding:var(--mp-space-8) var(--mp-space-6)}.sub-empty h2{margin:0 0 var(--mp-space-1)}.sub-empty .card-sub{max-width:44ch;margin:0 auto var(--mp-space-5)}.sub-empty-actions{display:flex;gap:var(--mp-space-2);justify-content:center;flex-wrap:wrap}.sub-alert{display:flex;align-items:flex-start;gap:var(--mp-space-3);flex-wrap:wrap;margin-bottom:var(--mp-space-5);padding:var(--mp-space-4) var(--mp-space-5);background:var(--mp-danger-soft);border:1px solid var(--mp-danger-soft);border-radius:var(--mp-radius-lg);color:var(--mp-on-danger-soft)}.sub-alert>svg{flex:none;margin-top:.125rem;color:var(--mp-danger)}.sub-alert>div{display:flex;flex-direction:column;gap:2px;min-width:14rem;flex:1 1}.sub-alert strong{font-size:var(--mp-text-body);color:var(--mp-text-1)}.sub-alert span{font-size:var(--mp-text-caption);color:var(--mp-text-2);line-height:var(--mp-lh-body)}.sub-alert .btn{margin-left:auto;align-self:center}.sub-card-head{display:flex;align-items:flex-start;gap:var(--mp-space-4)}.sub-card-head h2{margin:0 0 var(--mp-space-1)}.sub-card-head .card-sub{margin:0;max-width:52ch}.sub-card-head .badge{margin-left:auto;flex:none}.sub-meta{display:flex;flex-direction:column;gap:0;margin:var(--mp-space-5) 0 0}.sub-meta-row{display:flex;align-items:center;gap:var(--mp-space-4);padding:var(--mp-space-3) 0;border-top:1px solid var(--mp-border)}.sub-meta-row dt{flex:none;width:6rem;font-size:var(--mp-text-caption);color:var(--mp-text-3)}.sub-meta-row dd{margin:0;display:flex;align-items:center;gap:var(--mp-space-2);flex-wrap:wrap;color:var(--mp-text-1)}.sub-meta-row dd,.sub-meta-row dd .mono{font-size:var(--mp-text-body)}.sub-meta-note{font-size:var(--mp-text-caption);color:var(--mp-text-3)}.sub-meta-amount{font-family:var(--mp-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--mp-tracking-num);font-size:var(--mp-text-caption);color:var(--mp-text-2);padding:2px var(--mp-space-2);background:var(--mp-surface-2);border-radius:var(--mp-radius-full)}.sub-card-foot{display:flex;align-items:center;gap:var(--mp-space-3);flex-wrap:wrap;margin-top:var(--mp-space-4);padding-top:var(--mp-space-4);border-top:1px solid var(--mp-border)}.sub-cancel-btn,.sub-cancel-btn:hover{color:var(--mp-danger)}.sub-cancel-btn:hover{background:var(--mp-danger-soft)}.invoice-form .card-sub{margin-bottom:var(--mp-space-5)}.invoice-field{display:flex;flex-direction:column}.invoice-field+.invoice-field{margin-top:var(--mp-space-4)}.invoice-form .segmented{align-self:flex-start}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--mp-space-4);gap:var(--mp-space-4);margin-top:var(--mp-space-5)}.invoice-grid .invoice-field+.invoice-field{margin-top:0}.invoice-hint{margin:var(--mp-space-2) 0 0;font-size:var(--mp-text-micro);color:var(--mp-text-3)}.invoice-form-foot{display:flex;align-items:center;gap:var(--mp-space-3);flex-wrap:wrap;margin-top:var(--mp-space-5);padding-top:var(--mp-space-5);border-top:1px solid var(--mp-border)}.invoice-title-cell{display:inline-flex;flex-direction:column;gap:2px}.invoice-title-type{font-weight:var(--mp-weight-regular)}.invoice-remark,.invoice-title-type{font-size:var(--mp-text-micro);color:var(--mp-text-3)}.invoice-remark{display:block;max-width:18rem;margin-top:var(--mp-space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.invoice-grid{grid-template-columns:1fr}}.console-foot{margin-top:auto;padding:var(--mp-space-5) var(--mp-gutter);border-top:1px solid var(--mp-border);font-size:var(--mp-text-micro);line-height:var(--mp-lh-micro);color:var(--mp-text-3)}.console-foot span{margin-right:var(--mp-space-4)}.mobile-tabs{display:none}@media (max-width:1023px){.shell{grid-template-columns:4rem 1fr}.sidebar{padding:var(--mp-space-5) var(--mp-space-2);align-items:center}.sidebar .mp-logo{width:2.75rem;height:2.75rem;overflow:hidden;justify-content:flex-start}.sidebar .mp-logo-image{height:2.75rem;max-width:none}.plan-card,.side-nav .nav-text{display:none}.side-nav a{justify-content:center;width:2.75rem;padding:0}.metrics{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}@media (max-width:767px){.shell{grid-template-columns:1fr}.sidebar{display:none}.metrics{grid-template-columns:1fr}.panel{padding-bottom:var(--mp-space-24)}.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--mp-surface-1);border-top:1px solid var(--mp-border);padding-bottom:env(safe-area-inset-bottom)}.mobile-tabs a{flex:1 1;min-height:3.5rem;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mp-space-1);font-family:inherit;font-size:var(--mp-text-micro);color:var(--mp-text-3)}.mobile-tabs a,.mobile-tabs a:hover{text-decoration:none}.mobile-tabs a[aria-current=page]{color:var(--mp-brand);font-weight:var(--mp-weight-semibold)}.mobile-tabs svg{width:1.25rem;height:1.25rem}.row-actions .btn-icon{min-width:2.75rem;min-height:2.75rem}}