:root,[data-theme=dark],[data-theme=light]{--z-base: 1;--z-raised: 10;--z-dropdown: 20;--z-sticky: 30;--z-modal: 40;--z-toast: 50;--z-cursor: 60}:root,[data-theme=dark]{color-scheme:dark;--builder-bg: #07060f;--builder-bg-soft: #0e0b1e;--builder-panel: rgba(13, 10, 28, .82);--builder-panel-strong: rgba(9, 7, 20, .94);--builder-panel-solid: #130f26;--builder-ink: #f0ecff;--builder-ink-soft: #d8d2f4;--builder-muted: #7a6fa8;--builder-muted-strong: #b4a8d8;--builder-line: rgba(139, 92, 250, .15);--builder-line-strong: rgba(139, 92, 250, .32);--builder-emerald: #6d28d9;--builder-emerald-bright: #8b5cf6;--builder-champagne: #f97316;--builder-gold: #fb923c;--builder-danger: #f87171;--builder-shadow: 0 30px 90px rgba(0, 0, 0, .64);--builder-shadow-soft: 0 18px 50px rgba(0, 0, 0, .44);--color-bg: var(--builder-bg);--color-fg: var(--builder-ink-soft);--color-primary: var(--builder-emerald);--color-primary-fg: #ffffff;--color-secondary: var(--builder-champagne);--color-card: var(--builder-panel);--color-surface: var(--builder-panel-strong);--color-muted: rgba(255, 255, 255, .04);--color-muted-fg: var(--builder-muted);--color-border: var(--builder-line);--color-accent: var(--builder-champagne);--color-sidebar: var(--builder-bg-soft);--color-text-muted: var(--builder-muted);--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 36px;--font-heading: "Bricolage Grotesque", sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--glow-teal: rgba(139, 92, 250, .3);--glow-gold: rgba(249, 115, 22, .34);--dm-center: rgba(13, 10, 28, .95);--dm-edge: rgba(7, 6, 15, 1);--dm-border: rgba(255, 255, 255, .07);--dm-surface-elevated: rgba(16, 12, 34, .82);--dm-text: var(--builder-ink);--amethyst-start: #8b5cf6;--amethyst-end: #a78bfa;--amethyst-glow: rgba(139, 92, 250, .4);--mint-start: #f97316;--mint-end: #ea580c;--slate-bg: rgba(255, 255, 255, .04);--slate-border: rgba(255, 255, 255, .09);--slate-text-muted: rgba(216, 210, 244, .68);--page-glow-a: rgba(139, 92, 250, .14);--page-glow-b: rgba(249, 115, 22, .1);--page-glow-c: rgba(109, 40, 217, .12);--page-base-top: #0b0919;--page-base-bottom: #07060f;--page-grid: rgba(255, 255, 255, .04)}[data-theme=light]{color-scheme:light;--builder-bg: #faf8ff;--builder-bg-soft: #f1eeff;--builder-panel: rgba(255, 255, 255, .84);--builder-panel-strong: rgba(252, 250, 255, .96);--builder-panel-solid: #fefcff;--builder-ink: #1a1040;--builder-ink-soft: #2e2260;--builder-muted: #6b5c9e;--builder-muted-strong: #483876;--builder-line: rgba(109, 40, 217, .1);--builder-line-strong: rgba(109, 40, 217, .2);--builder-emerald: #6d28d9;--builder-emerald-bright: #7c3aed;--builder-champagne: #ea6000;--builder-gold: #f97316;--builder-danger: #dc2626;--builder-shadow: 0 30px 90px rgba(60, 20, 120, .14);--builder-shadow-soft: 0 18px 50px rgba(60, 20, 120, .1);--color-primary-fg: #ffffff;--color-muted: rgba(109, 40, 217, .05);--color-muted-fg: var(--builder-muted);--dm-border: rgba(109, 40, 217, .08);--dm-surface-elevated: rgba(255, 255, 255, .82);--dm-text: var(--builder-ink);--slate-bg: rgba(255, 255, 255, .62);--slate-border: rgba(109, 40, 217, .1);--slate-text-muted: rgba(46, 34, 96, .68);--amethyst-start: #7c3aed;--amethyst-end: #8b5cf6;--amethyst-glow: rgba(124, 58, 237, .32);--mint-start: #ea6000;--mint-end: #c2410c;--page-glow-a: rgba(109, 40, 217, .1);--page-glow-b: rgba(234, 96, 0, .12);--page-glow-c: rgba(124, 58, 237, .08);--page-base-top: #f5f0ff;--page-base-bottom: #ece8ff;--page-grid: rgba(109, 40, 217, .05)}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--page-base-bottom)}body{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--color-fg);min-height:100vh;background-color:var(--page-base-bottom);background:radial-gradient(circle at 12% 10%,var(--page-glow-a),transparent 24%),radial-gradient(circle at 88% 4%,var(--page-glow-b),transparent 28%),radial-gradient(circle at 68% 82%,var(--page-glow-c),transparent 22%),linear-gradient(180deg,var(--page-base-top) 0%,var(--page-base-bottom) 100%);background-repeat:no-repeat;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--page-grid) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 88%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;width:32rem;height:32rem;right:-10rem;bottom:-14rem;background:radial-gradient(circle,rgba(139,92,250,.12),transparent 68%);filter:blur(24px);pointer-events:none;z-index:-1}img{display:block;max-width:100%}h1,h2,h3,h4{margin:0;font-family:var(--font-heading);color:var(--builder-ink);font-weight:700}p{margin:0}a{color:var(--color-secondary);text-decoration:none;transition:color .18s ease,opacity .18s ease}a:hover{color:var(--builder-ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:#8b5cfa3d;color:var(--builder-ink)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cfa38;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8b5cfa6b}:focus-visible{outline:2px solid var(--builder-emerald-bright);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}.skeleton{border-radius:8px;background:linear-gradient(90deg,#ffffff0a 25%,#8b5cfa14,#ffffff0a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dm-background{background:transparent}.dm-background--animated{animation:dm-gradient-shift 14s ease-in-out infinite}@keyframes dm-gradient-shift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}.btn-amethyst{background:linear-gradient(135deg,var(--amethyst-start),var(--amethyst-end));color:#fff;border:none;border-radius:9999px;padding:12px 22px;font-weight:700;box-shadow:0 18px 28px #8b5cfa38}.btn-amethyst:hover{box-shadow:0 0 24px var(--amethyst-glow),0 16px 32px #8b5cfa2e}.progress-mint,.progress-mint-mesh{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--builder-emerald-bright),var(--builder-emerald))}.text-glow-teal{text-shadow:0 0 18px var(--glow-teal)}.text-glow-gold{text-shadow:0 0 18px var(--glow-gold)}.border-glow{box-shadow:0 0 0 1px #8b5cfa33,0 22px 44px #8b5cfa24}.border-glow-gold{box-shadow:0 0 0 1px #f973163d,0 22px 44px #f9731624}.glass-card,.surface-panel,.data-table-container{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 52%),linear-gradient(180deg,var(--builder-panel),var(--builder-panel-strong));border:1px solid var(--builder-line);border-radius:28px;box-shadow:var(--builder-shadow-soft);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.glass-card,.surface-panel{padding:24px}.data-table-container{padding:20px;overflow:hidden}.glass-card:before,.surface-panel:before,.data-table-container:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.05);pointer-events:none}.glass-card--hover{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.glass-card--hover:hover{transform:translateY(-4px);border-color:var(--builder-line-strong);box-shadow:var(--builder-shadow)}.slate-glass,.slate-glass-card{background:var(--slate-bg);border-color:var(--slate-border)}.page-header{width:100%;max-width:1240px;margin:0 auto;padding:12px 0 24px}.page-title{font-size:clamp(2.1rem,1.4rem + 2vw,3.2rem);line-height:1;letter-spacing:-.04em;margin-bottom:10px}.page-subtitle{max-width:720px;color:var(--builder-muted);font-size:.98rem;line-height:1.8}.page-content,.dashboard-content{width:100%;max-width:1240px;margin:0 auto}.table-header,.section-actions,.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.table-header h3,.section-title{color:var(--builder-ink);font-family:var(--font-heading)}.loading-state,.empty-state,.empty-panel,.error-panel{border-radius:22px;padding:42px 24px;text-align:center;border:1px dashed var(--builder-line);background:#ffffff08;color:var(--builder-muted)}.loading-state{display:flex;align-items:center;justify-content:center}.error-panel{border-style:solid;border-color:#f871714d;color:#ffb4aa}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:32px}.stat-item{display:flex;flex-direction:column;gap:8px;min-height:180px}.stat-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--builder-muted)}.stat-value{font-size:clamp(2.1rem,1.8rem + 1vw,3rem);font-weight:800;line-height:1;color:var(--builder-ink)}.stat-badge,.badge-live{display:inline-flex;width:fit-content;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#8b5cfa24;color:var(--builder-emerald-bright);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.site-card{display:flex;flex-direction:column;gap:18px}.site-card-top{display:flex;align-items:flex-start;gap:16px}.site-type-icon{width:48px;height:48px;border-radius:16px;border:1px solid var(--builder-line);background:#8b5cfa14;display:flex;align-items:center;justify-content:center}.site-type-icon mat-icon{width:22px;height:22px;font-size:22px;color:var(--builder-champagne)}.site-main-info{min-width:0;flex:1}.site-card-title{font-size:1.15rem;font-weight:700;color:var(--builder-ink);margin-bottom:4px}.site-card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--builder-muted)}.meta-dot{opacity:.45}.site-status-tag{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.site-status-tag.published{background:#8b5cfa24;color:var(--builder-emerald-bright)}.site-status-tag.draft{background:#f9731624;color:var(--builder-champagne)}.site-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);color:var(--builder-muted);font-size:12px}.site-actions{display:flex;flex-wrap:wrap;gap:10px}.empty-state-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:80px 32px}.empty-state-icon mat-icon{width:72px;height:72px;font-size:72px;opacity:.14}.empty-state-title{font-size:1.5rem;color:var(--builder-ink)}.empty-state-desc{max-width:480px;color:var(--builder-muted);line-height:1.7}.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#ffffff0d;color:var(--builder-muted-strong)}.status-chip.active,.status-chip.live,.status-chip.published,.status-chip.graded{background:#8b5cfa24;color:var(--builder-emerald-bright)}.status-chip.inactive,.status-chip.draft,.status-chip.submitted{background:#f9731624;color:var(--builder-champagne)}.builder-dialog-backdrop{background:#03020aad!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.builder-dialog-panel .mat-mdc-dialog-surface{padding:24px!important;border-radius:28px!important;background:radial-gradient(circle at top left,rgba(139,92,250,.14),transparent 26%),linear-gradient(180deg,var(--builder-panel-strong),var(--builder-panel-solid))!important;border:1px solid var(--builder-line)!important;box-shadow:var(--builder-shadow)!important;color:var(--builder-ink)!important}.builder-toast-panel,.builder-toast-panel .mat-mdc-snack-bar-container,.builder-toast-panel .mdc-snackbar__surface{background:transparent!important;box-shadow:none!important}.builder-toast-panel .mdc-snackbar__label{padding:0!important}.mat-mdc-raised-button,.mat-mdc-unelevated-button,.mat-mdc-outlined-button,.mat-mdc-button-base{--mdc-text-button-label-text-font: var(--font-body)}button,.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-unelevated-button,.mat-mdc-outlined-button,.mat-mdc-button-base,.mat-mdc-icon-button,.mat-mdc-fab,.mat-mdc-mini-fab{border-radius:12px!important}.mat-mdc-raised-button,.mat-mdc-unelevated-button{box-shadow:none!important}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-unelevated-button{background:linear-gradient(135deg,var(--builder-emerald-bright),var(--builder-emerald))!important;color:var(--color-primary-fg)!important;font-weight:700!important}.mat-mdc-raised-button.mat-accent{background:linear-gradient(135deg,var(--builder-champagne),var(--builder-gold))!important;color:#fff!important;font-weight:700!important}.mat-mdc-outlined-button{border-color:var(--builder-line-strong)!important;color:var(--builder-ink)!important;background:#ffffff08!important}.mat-mdc-button:not(:disabled){color:var(--builder-champagne)!important}.mat-mdc-icon-button{color:var(--builder-muted-strong)!important}.mat-mdc-form-field{width:100%;--mdc-outlined-text-field-container-shape: 18px;--mdc-outlined-text-field-outline-color: transparent;--mdc-outlined-text-field-hover-outline-color: transparent;--mdc-outlined-text-field-focus-outline-color: transparent;--mdc-outlined-text-field-label-text-color: var(--builder-muted);--mdc-outlined-text-field-hover-label-text-color: var(--builder-muted-strong);--mdc-outlined-text-field-focus-label-text-color: var(--builder-muted-strong);--mdc-outlined-text-field-input-text-color: var(--builder-ink);--mdc-outlined-text-field-caret-color: var(--builder-champagne)}.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:transparent!important}.mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing{border-color:transparent!important}.mat-mdc-form-field .mdc-text-field{background:#ffffff0a!important;border-radius:18px!important;box-shadow:inset 0 0 0 1px #f5dfae1a!important}.mat-mdc-form-field .mdc-text-field:hover{box-shadow:inset 0 0 0 1px #f5dfae2e!important}.mat-mdc-form-field .mdc-text-field--focused{box-shadow:inset 0 0 0 1px var(--builder-line-strong)!important}.mat-mdc-form-field .mdc-text-field__input,.mat-mdc-form-field .mat-mdc-select-value-text,.mat-mdc-form-field .mat-mdc-select-min-line{color:var(--builder-ink)!important}.mat-mdc-form-field .mdc-text-field__input::placeholder{color:#d8d2f48a!important}.mat-mdc-form-field .mat-mdc-select-arrow,.mat-mdc-form-field .mat-mdc-select-arrow svg{color:var(--builder-muted-strong)!important;fill:var(--builder-muted-strong)!important}.mat-mdc-form-field .mdc-floating-label,.mat-mdc-form-field .mat-mdc-form-field-hint,.mat-mdc-form-field .mat-mdc-form-field-error,.mat-mdc-form-field .mat-mdc-form-field-icon-prefix{color:var(--builder-muted)!important}.mat-mdc-select-panel,.mat-mdc-autocomplete-panel{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 52%),linear-gradient(180deg,var(--builder-panel),var(--builder-panel-strong))!important;border:1px solid var(--builder-line)!important;border-radius:20px!important;box-shadow:var(--builder-shadow-soft)!important}.mat-mdc-select-panel .mat-mdc-option,.mat-mdc-autocomplete-panel .mat-mdc-option{color:var(--builder-ink)!important}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled),.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled),.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled){background:#ffffff0d!important}.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle{stroke:var(--builder-champagne)!important}.mat-mdc-table,.mat-mdc-header-row,.mat-mdc-row{background:transparent!important}.mat-mdc-header-cell{color:var(--builder-muted-strong)!important;border-bottom-color:#ffffff14!important;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mat-mdc-cell{color:var(--builder-ink)!important;border-bottom-color:#ffffff0f!important}@media(max-width:1100px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.glass-card,.surface-panel{padding:20px}.sites-grid,.stats-row{grid-template-columns:1fr}.site-card-bottom,.table-header,.section-actions,.table-toolbar{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.glass-card--hover:hover{transform:none}}