html,body{margin:0;padding:0}input,select,textarea{box-sizing:border-box;max-width:100%;min-width:0}.field-error{color:var(--danger-text);font-size:var(--font-body-2);margin-top:var(--space-xs)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger-text)}:root{--font-display: 2.5rem;--font-h1: 1.75rem;--font-h2: 1.375rem;--font-h3: 1.125rem;--font-body: 1rem;--font-body-2: .875rem;--font-caption: .75rem;--font-overline: .625rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem}:root{color-scheme:light;--surface-page: #f8f9fa;--surface-card: #ffffff;--surface-sunken: #f1f5f9;--surface-input: #fafafa;--surface-hover: #f1f3f4;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-on-brand: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--brand: #2563eb;--brand-hover: #1d4ed8;--brand-text: #1d4ed8;--brand-surface: #dbeafe;--danger-text: #b91c1c;--danger-border: #fecaca;--danger-surface: #fef2f2;--success-text: #166534;--success-surface: #dcfce7;--success-border: #bbf7d0;--info-text: #1e40af;--info-surface: #eff6ff;--info-border: #bfdbfe;--chip-off-surface: #f1f5f9;--chip-off-text: #64748b;--brand-disabled: #a5c8fd;--accent: #0284c7;--surface-selected: #f0f9ff;--nav-group-surface: #e2e8f0;--nav-group-head-surface: #cbd5e1;--focus-ring: #1a73e8;--focus-glow: rgba(37, 99, 235, .15);--overlay: rgba(15, 23, 42, .55);--shadow: 0 12px 40px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12)}:root[data-theme=dark]{color-scheme:dark;--surface-page: #0f141c;--surface-card: #1a212e;--surface-sunken: #232c3b;--surface-input: #202836;--surface-hover: #232c3b;--text-primary: #e6e9ee;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-on-brand: #ffffff;--border: #2b3648;--border-strong: #3a4658;--brand: #3b82f6;--brand-hover: #60a5fa;--brand-text: #7fb0ff;--brand-surface: #223a5e;--danger-text: #f87171;--danger-border: #7f1d1d;--danger-surface: #2a1416;--success-text: #4ade80;--success-surface: #14321f;--success-border: #14532d;--info-text: #93c5fd;--info-surface: #172a45;--info-border: #1e3a5f;--chip-off-surface: #232c3b;--chip-off-text: #94a3b8;--brand-disabled: #2a4a7a;--accent: #38bdf8;--surface-selected: #263f66;--nav-group-surface: #2b3648;--nav-group-head-surface: #3a4658;--focus-ring: #60a5fa;--focus-glow: rgba(96, 165, 250, .25);--overlay: rgba(0, 0, 0, .6);--shadow: 0 12px 40px rgba(0, 0, 0, .6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5)}body{background:var(--surface-page);color:var(--text-primary)}.data-list{list-style:none;margin:0;padding:0 0 var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.data-card{background:var(--surface-card);border:1px solid var(--border);border-radius:10px;padding:var(--space-md);container-type:inline-size}.data-card__title{font-size:var(--font-body);font-weight:var(--weight-semibold);color:var(--text-primary);word-break:break-word}.data-card__desc{margin:var(--space-xs) 0 0;font-size:var(--font-body-2);color:var(--text-secondary);word-break:break-word}.data-card__subline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.data-card__reg{font-size:var(--font-body-2);color:var(--text-secondary)}.section-heading{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--font-h2);font-weight:var(--weight-semibold);color:var(--text-primary)}.data-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);margin:var(--space-sm) 0 0}.data-card__meta .meta{display:flex;align-items:baseline;gap:var(--space-xs);min-width:0}.data-card__meta dt{margin:0;font-size:var(--font-caption);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted)}.data-card__meta dd{margin:0;font-size:var(--font-body-2);color:var(--text-primary);word-break:break-word}.data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions";align-items:start;gap:var(--space-sm)}.data-row__main{grid-area:main;min-width:0}.data-row__actions{grid-area:actions;justify-self:end;display:flex;flex-wrap:wrap;gap:var(--space-xs);flex-shrink:0}@media(max-width:767px){.data-row{grid-template-columns:1fr;grid-template-areas:"main" "actions"}.data-row__actions{justify-self:start}}.data-row--with-badge{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main  badge" "main  actions";column-gap:var(--space-md);row-gap:var(--space-sm)}.data-row__badge{grid-area:badge;justify-self:end;align-self:start;white-space:nowrap}.data-row--with-badge .data-row__actions{align-self:end}@media(max-width:767px){.data-row--with-badge{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main     badge" "actions  actions"}.data-row--with-badge .data-row__actions{justify-self:start}}@container (max-width: 719px){.data-row--wide-actions{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main     badge" "actions  actions"}.data-row--wide-actions .data-row__actions{justify-self:start}}.status-chip{display:inline-block;font-size:var(--font-overline);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);border-radius:12px;white-space:nowrap}.status-chip--on{background:var(--success-surface);color:var(--success-text)}.status-chip--off{background:var(--chip-off-surface);color:var(--chip-off-text)}.flash{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:10px;margin-bottom:var(--space-lg);font-size:var(--font-body-2);font-weight:var(--weight-medium);animation:flashSlideIn .25s ease-out}.flash-success{background:var(--success-surface);border:1px solid var(--success-border);color:var(--success-text)}.flash-error{background:var(--danger-surface);border:1px solid var(--danger-border);color:var(--danger-text)}.flash-icon{font-size:18px;line-height:1}.flash-close{margin-left:auto;background:none;border:none;font-size:16px;cursor:pointer;color:inherit;opacity:.6;padding:0 var(--space-xs)}.flash-close:hover{opacity:1}@keyframes flashSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.saas-form{padding:0 var(--space-lg) var(--space-lg)}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}@media(max-width:600px){.form-row{grid-template-columns:minmax(0,1fr)}}.form-group{display:flex;flex-direction:column;min-width:0}.form-group label{font-size:var(--font-body-2);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-xs)}.required{color:var(--danger-text)}.form-group input,.form-group select,.form-group textarea{width:100%;box-sizing:border-box;min-width:0;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-strong);border-radius:8px;font-size:var(--font-body);font-family:inherit;color:var(--text-primary);transition:border-color .2s,box-shadow .2s;background:var(--surface-input)}.form-group textarea{resize:vertical;font-family:inherit;line-height:1.4}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--surface-card)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input[aria-invalid=true],.form-group select[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:var(--danger-text);background:var(--danger-surface)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-glow)}@keyframes return-flash{0%,55%{outline-color:var(--focus-ring)}to{outline-color:transparent}}.return-flash{outline:2px solid transparent;outline-offset:2px;animation:return-flash 1.4s ease-out}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:8px;font-size:var(--font-body);font-weight:var(--weight-semibold);line-height:1.2;cursor:pointer;text-decoration:none;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.btn .material-icons{font-size:18px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.btn--primary{background:var(--brand);color:var(--text-on-brand);border-color:var(--brand)}.btn--primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn--secondary{background:var(--surface-card);color:var(--brand-text);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--text-muted)}.btn--danger{background:var(--surface-card);color:var(--danger-text);border-color:var(--danger-border)}.btn--danger:hover:not(:disabled){background:var(--danger-surface);border-color:var(--danger-text)}.btn--success{background:var(--surface-card);color:var(--success-text);border-color:var(--success-border)}.btn--success:hover:not(:disabled){background:var(--success-surface);border-color:var(--success-text)}.btn--link{background:transparent;color:var(--brand-text);border-color:transparent;border-radius:6px;padding:var(--space-xs) var(--space-sm)}.btn--link:hover:not(:disabled){text-decoration:underline}.btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-body-2)}.btn--block{width:100%}.dlg__footer .btn{width:auto}.screen-pad{padding:var(--space-lg)}@media(max-width:767px){.screen-pad{padding:var(--space-md) 0}}.saas-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border-radius:14px;background:var(--brand-surface);color:var(--brand-text);font-size:28px;line-height:1}.grid-3{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}}@media(max-width:767px){[style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}.btn-primary,.btn-secondary,.btn--block,button[type=submit]{width:100%}.btn-primary,.btn-secondary,.btn-small,.btn-ghost,button[type=submit]{min-height:44px}input,select,textarea{font-size:16px}}