.admin-shell[data-theme=dark],.user-shell[data-theme=dark]{--forest-950: #060a14;--forest-900: #0b1220;--forest-800: #111a2b;--forest-700: #18233a;--sage-300: #8fb0d6;--sage-200: #b7cbe8;--sage-100: #0f1b2d;--paper: #0b1220;--clay-500: #5c7aa6;--gold-400: #7db5ff;--ink: #e9f1ff;--muted: #9ab0c9;--ring: #4da3ff;--card: rgba(12, 18, 32, .96);--card-border: rgba(227, 236, 247, .08);--glass-bg: rgba(12, 18, 32, .7);--glass-border: rgba(227, 236, 247, .08);--btn-outline-bg: rgba(12, 18, 32, .8);--btn-outline-border: rgba(227, 236, 247, .18);--btn-outline-text: #e9f1ff;--badge-bg: rgba(227, 236, 247, .12);--badge-border: rgba(227, 236, 247, .18);--text-forest: #e9f1ff;--border-forest: rgba(227, 236, 247, .18);--card-shadow: 0 24px 60px rgba(0, 0, 0, .4);--glass-shadow: 0 20px 50px rgba(0, 0, 0, .35);--btn-glow: 0 10px 22px rgba(0, 0, 0, .45);--btn-glow-strong: 0 16px 36px rgba(0, 0, 0, .5);--badge-glow: 0 0 16px rgba(227, 236, 247, .12);--app-bg: #0a1224;--app-bg-soft: #111a33;--app-panel: rgba(13, 20, 36, .82);--app-panel-strong: rgba(12, 18, 32, .96);--app-panel-border: rgba(227, 236, 247, .12);--app-accent: #3aa0ff;--app-accent-2: #6bd1ff;--app-accent-3: #9aa4ff;--app-glow-a: rgba(58, 160, 255, .22);--app-glow-b: rgba(109, 209, 255, .16);--app-glow-c: rgba(148, 163, 255, .14);--app-grid: rgba(255, 255, 255, .05)}.admin-shell[data-theme=light],.user-shell[data-theme=light]{--forest-950: #f4f7f3;--forest-900: #eef3ee;--forest-800: #e7ede7;--forest-700: #d7dfd7;--sage-300: #6b7b71;--sage-200: #8a9a90;--sage-100: #f8fbf7;--paper: #f4f7f3;--clay-500: #9c6b3f;--gold-400: #c59a56;--ink: #0f1511;--muted: #5b6b61;--ring: #6aa37d;--card: #ffffff;--card-border: #d7dfd7;--glass-bg: rgba(255, 255, 255, .78);--glass-border: #d7dfd7;--btn-outline-bg: #ffffff;--btn-outline-border: #d7dfd7;--btn-outline-text: #1b241f;--badge-bg: #eef3ee;--badge-border: #d7dfd7;--text-forest: #0f1511;--border-forest: #d7dfd7;--card-shadow: 0 18px 36px rgba(15, 23, 42, .08);--glass-shadow: 0 14px 30px rgba(15, 23, 42, .08);--btn-glow: 0 6px 12px rgba(15, 23, 42, .08);--btn-glow-strong: 0 10px 18px rgba(15, 23, 42, .12);--badge-glow: 0 0 10px rgba(15, 23, 42, .06);--app-bg: #f4f7f3;--app-bg-soft: #edf2ec;--app-panel: rgba(255, 255, 255, .9);--app-panel-strong: rgba(255, 255, 255, .96);--app-panel-border: #d7dfd7;--app-accent: #16a34a;--app-accent-2: #22c55e;--app-accent-3: #86efac;--app-glow-a: rgba(34, 197, 94, .18);--app-glow-b: rgba(134, 239, 172, .18);--app-glow-c: rgba(15, 118, 110, .12);--app-grid: rgba(15, 23, 42, .05)}.admin-shell[data-theme=khaki],.user-shell[data-theme=khaki]{--forest-950: #070b09;--forest-900: #0b1210;--forest-800: #121c18;--forest-700: #1a2a22;--sage-300: #8ca39a;--sage-200: #a9bbb2;--sage-100: #1a2520;--paper: #0b0f0d;--clay-500: #9b6c49;--gold-400: #c29b5e;--ink: #e6efe7;--muted: #9aa89e;--ring: #6aa37d;--card: rgba(12, 21, 16, .96);--card-border: rgba(231, 238, 227, .08);--glass-bg: rgba(12, 21, 16, .7);--glass-border: rgba(231, 238, 227, .08);--btn-outline-bg: rgba(12, 21, 16, .8);--btn-outline-border: rgba(231, 238, 227, .18);--btn-outline-text: #e6efe7;--badge-bg: rgba(231, 238, 227, .12);--badge-border: rgba(231, 238, 227, .18);--text-forest: #e6efe7;--border-forest: rgba(231, 238, 227, .18);--card-shadow: 0 24px 60px rgba(0, 0, 0, .4);--glass-shadow: 0 20px 50px rgba(0, 0, 0, .35);--btn-glow: 0 10px 22px rgba(0, 0, 0, .45);--btn-glow-strong: 0 16px 36px rgba(0, 0, 0, .5);--badge-glow: 0 0 16px rgba(231, 238, 227, .12);--app-bg: #070b09;--app-bg-soft: #0b1511;--app-panel: rgba(13, 22, 18, .82);--app-panel-strong: rgba(14, 24, 19, .96);--app-panel-border: rgba(231, 238, 227, .12);--app-accent: #6aa37d;--app-accent-2: #a3d7b4;--app-accent-3: #f4cc62;--app-glow-a: rgba(73, 200, 150, .2);--app-glow-b: rgba(255, 182, 94, .14);--app-glow-c: rgba(56, 189, 248, .12);--app-grid: rgba(255, 255, 255, .05)}.admin-shell[data-theme=neon],.user-shell[data-theme=neon]{--forest-950: #07060c;--forest-900: #0c0a14;--forest-800: #16102b;--forest-700: #241647;--sage-300: #92a0ff;--sage-200: #b6c3ff;--sage-100: #1b1533;--paper: #07060c;--clay-500: #ff5ad8;--gold-400: #ff67e7;--ink: #f5f4ff;--muted: #9aa0c9;--ring: #4fdcff;--card: rgba(16, 8, 30, .96);--card-border: rgba(79, 220, 255, .45);--glass-bg: rgba(15, 8, 30, .8);--glass-border: rgba(255, 79, 216, .35);--btn-outline-bg: rgba(12, 6, 24, .85);--btn-outline-border: rgba(255, 79, 216, .55);--btn-outline-text: #f5f4ff;--badge-bg: rgba(255, 79, 216, .28);--badge-border: rgba(255, 79, 216, .6);--text-forest: #f5f4ff;--border-forest: rgba(79, 220, 255, .55);--card-shadow: 0 24px 60px rgba(79, 220, 255, .22);--glass-shadow: 0 20px 50px rgba(255, 79, 216, .2);--btn-glow: 0 0 24px rgba(79, 220, 255, .35);--btn-glow-strong: 0 0 32px rgba(255, 79, 216, .45);--badge-glow: 0 0 18px rgba(255, 79, 216, .4);--app-bg: #07060c;--app-bg-soft: #120c22;--app-panel: rgba(16, 10, 30, .8);--app-panel-strong: rgba(16, 8, 30, .96);--app-panel-border: rgba(79, 220, 255, .4);--app-accent: #4fdcff;--app-accent-2: #ff4fd8;--app-accent-3: #f9d0ff;--app-glow-a: rgba(79, 220, 255, .28);--app-glow-b: rgba(255, 79, 216, .3);--app-glow-c: rgba(155, 86, 255, .18);--app-grid: rgba(79, 220, 255, .1)}.admin-shell[data-theme=gold],.user-shell[data-theme=gold]{--forest-950: #060606;--forest-900: #0b0a08;--forest-800: #15120f;--forest-700: #1f1a14;--sage-300: #d8c89b;--sage-200: #ead8ae;--sage-100: #15110e;--paper: #060606;--clay-500: #c59b43;--gold-400: #f4cc62;--ink: #f7f1e3;--muted: #b8ab90;--ring: #f4cc62;--card: rgba(14, 10, 8, .96);--card-border: rgba(244, 204, 98, .4);--glass-bg: rgba(12, 9, 7, .78);--glass-border: rgba(244, 204, 98, .3);--btn-outline-bg: rgba(10, 7, 6, .85);--btn-outline-border: rgba(244, 204, 98, .6);--btn-outline-text: #f7f2e6;--badge-bg: rgba(244, 204, 98, .22);--badge-border: rgba(244, 204, 98, .55);--text-forest: #f7f2e6;--border-forest: rgba(244, 204, 98, .55);--card-shadow: 0 24px 60px rgba(244, 204, 98, .18);--glass-shadow: 0 18px 46px rgba(244, 204, 98, .16);--btn-glow: 0 0 22px rgba(244, 204, 98, .35);--btn-glow-strong: 0 0 30px rgba(244, 204, 98, .5);--badge-glow: 0 0 16px rgba(244, 204, 98, .35);--app-bg: #070607;--app-bg-soft: #13100c;--app-panel: rgba(14, 11, 9, .82);--app-panel-strong: rgba(14, 10, 8, .96);--app-panel-border: rgba(244, 204, 98, .4);--app-accent: #f4cc62;--app-accent-2: #f9e2a1;--app-accent-3: #ff8a5c;--app-glow-a: rgba(244, 204, 98, .22);--app-glow-b: rgba(241, 199, 91, .16);--app-glow-c: rgba(255, 138, 92, .12);--app-grid: rgba(244, 204, 98, .08)}.admin-shell[data-theme=studio],.user-shell[data-theme=studio]{--forest-950: #0a0a0d;--forest-900: #121016;--forest-800: #1a1620;--forest-700: #241c2a;--sage-300: #ff9b9b;--sage-200: #ffc1c1;--sage-100: #141118;--paper: #0a0a0d;--clay-500: #ff3b3b;--gold-400: #ff5c5c;--ink: #f6f2f7;--muted: #b1a5b8;--ring: #ff3b3b;--card: rgba(18, 14, 20, .96);--card-border: rgba(255, 59, 59, .45);--glass-bg: rgba(18, 14, 20, .82);--glass-border: rgba(255, 59, 59, .3);--btn-outline-bg: rgba(12, 10, 16, .85);--btn-outline-border: rgba(255, 59, 59, .6);--btn-outline-text: #f5f5f5;--badge-bg: rgba(255, 59, 59, .22);--badge-border: rgba(255, 59, 59, .55);--text-forest: #f5f5f5;--border-forest: rgba(255, 59, 59, .55);--card-shadow: 0 24px 60px rgba(255, 59, 59, .2);--glass-shadow: 0 18px 46px rgba(255, 59, 59, .18);--btn-glow: 0 0 22px rgba(255, 59, 59, .4);--btn-glow-strong: 0 0 30px rgba(255, 59, 59, .55);--badge-glow: 0 0 16px rgba(255, 59, 59, .35);--app-bg: #0a0a0d;--app-bg-soft: #151118;--app-panel: rgba(20, 16, 24, .82);--app-panel-strong: rgba(18, 14, 20, .96);--app-panel-border: rgba(255, 59, 59, .45);--app-accent: #ff3b3b;--app-accent-2: #ff8f8f;--app-accent-3: #f9c1c1;--app-glow-a: rgba(255, 59, 59, .22);--app-glow-b: rgba(255, 140, 140, .18);--app-glow-c: rgba(255, 90, 140, .14);--app-grid: rgba(255, 59, 59, .08)}.admin-shell[data-theme=terracotta],.user-shell[data-theme=terracotta]{--forest-950: #15100c;--forest-900: #1f1711;--forest-800: #2a1f16;--forest-700: #36281d;--sage-300: #d2a07f;--sage-200: #e2b999;--sage-100: #251c14;--paper: #15100c;--clay-500: #cc6f49;--gold-400: #e08a58;--ink: #f2e6d8;--muted: #c2a894;--ring: #e08a58;--card: rgba(30, 22, 16, .96);--card-border: rgba(224, 138, 88, .45);--glass-bg: rgba(30, 22, 16, .82);--glass-border: rgba(224, 138, 88, .3);--btn-outline-bg: rgba(22, 16, 12, .85);--btn-outline-border: rgba(224, 138, 88, .6);--btn-outline-text: #f3e9dd;--badge-bg: rgba(224, 138, 88, .22);--badge-border: rgba(224, 138, 88, .55);--text-forest: #f3e9dd;--border-forest: rgba(224, 138, 88, .55);--card-shadow: 0 22px 52px rgba(224, 138, 88, .2);--glass-shadow: 0 16px 40px rgba(224, 138, 88, .18);--btn-glow: 0 0 20px rgba(224, 138, 88, .35);--btn-glow-strong: 0 0 28px rgba(224, 138, 88, .5);--badge-glow: 0 0 16px rgba(224, 138, 88, .3);--app-bg: #15100c;--app-bg-soft: #221a13;--app-panel: rgba(30, 22, 16, .82);--app-panel-strong: rgba(30, 22, 16, .96);--app-panel-border: rgba(224, 138, 88, .45);--app-accent: #e08a58;--app-accent-2: #f2b18a;--app-accent-3: #ffd2a9;--app-glow-a: rgba(224, 138, 88, .2);--app-glow-b: rgba(255, 179, 120, .16);--app-glow-c: rgba(255, 204, 160, .12);--app-grid: rgba(224, 138, 88, .08)}.admin-shell[data-theme=tech],.user-shell[data-theme=tech]{--forest-950: #081018;--forest-900: #0e1620;--forest-800: #142330;--forest-700: #1a3241;--sage-300: #6fe1ff;--sage-200: #9aeaff;--sage-100: #0f1a24;--paper: #081018;--clay-500: #23d8ff;--gold-400: #3abfff;--ink: #eefbff;--muted: #9bb4c4;--ring: #3abfff;--card: rgba(10, 18, 26, .96);--card-border: rgba(58, 191, 255, .45);--glass-bg: rgba(10, 18, 26, .82);--glass-border: rgba(58, 191, 255, .3);--btn-outline-bg: rgba(10, 18, 26, .86);--btn-outline-border: rgba(58, 191, 255, .6);--btn-outline-text: #f0fbff;--badge-bg: rgba(58, 191, 255, .22);--badge-border: rgba(58, 191, 255, .55);--text-forest: #f0fbff;--border-forest: rgba(58, 191, 255, .55);--card-shadow: 0 24px 60px rgba(58, 191, 255, .2);--glass-shadow: 0 18px 46px rgba(58, 191, 255, .18);--btn-glow: 0 0 22px rgba(58, 191, 255, .4);--btn-glow-strong: 0 0 30px rgba(58, 191, 255, .55);--badge-glow: 0 0 16px rgba(58, 191, 255, .35);--app-bg: #081018;--app-bg-soft: #0f1b27;--app-panel: rgba(10, 18, 26, .82);--app-panel-strong: rgba(10, 18, 26, .96);--app-panel-border: rgba(58, 191, 255, .45);--app-accent: #3abfff;--app-accent-2: #8edfff;--app-accent-3: #b8f1ff;--app-glow-a: rgba(58, 191, 255, .22);--app-glow-b: rgba(99, 237, 255, .18);--app-glow-c: rgba(56, 189, 248, .12);--app-grid: rgba(58, 191, 255, .08)}.admin-shell[data-theme=sand],.user-shell[data-theme=sand]{--forest-950: #f8f1e7;--forest-900: #efe4d4;--forest-800: #e5d3bb;--forest-700: #d6bea1;--sage-300: #8b6f58;--sage-200: #a28770;--sage-100: #fdf8f2;--paper: #fdf8f2;--clay-500: #c69b6c;--gold-400: #a87947;--ink: #2a1e15;--muted: #6f5a4a;--ring: #a87947;--card: rgba(253, 248, 242, .96);--card-border: rgba(168, 121, 71, .3);--glass-bg: rgba(253, 248, 242, .82);--glass-border: rgba(168, 121, 71, .25);--btn-outline-bg: rgba(253, 248, 242, .92);--btn-outline-border: rgba(168, 121, 71, .4);--btn-outline-text: #2b1f16;--badge-bg: rgba(168, 121, 71, .14);--badge-border: rgba(168, 121, 71, .28);--text-forest: #2b1f16;--border-forest: rgba(168, 121, 71, .32);--card-shadow: 0 20px 40px rgba(168, 121, 71, .14);--glass-shadow: 0 14px 30px rgba(168, 121, 71, .12);--btn-glow: 0 10px 20px rgba(168, 121, 71, .18);--btn-glow-strong: 0 14px 28px rgba(168, 121, 71, .22);--badge-glow: 0 0 12px rgba(168, 121, 71, .2);--app-bg: #fdf8f2;--app-bg-soft: #f3e8db;--app-panel: rgba(253, 248, 242, .82);--app-panel-strong: rgba(253, 248, 242, .96);--app-panel-border: rgba(168, 121, 71, .32);--app-accent: #a87947;--app-accent-2: #cfa37a;--app-accent-3: #e6c6a5;--app-glow-a: rgba(168, 121, 71, .12);--app-glow-b: rgba(198, 155, 108, .12);--app-glow-c: rgba(214, 190, 161, .1);--app-grid: rgba(168, 121, 71, .08)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em}.btn-primary{background:linear-gradient(135deg,var(--forest-700),var(--forest-800));color:var(--paper);padding:.85rem 1.6rem;border-radius:999px;font-weight:600;box-shadow:var(--btn-glow);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--btn-glow-strong);filter:brightness(1.05)}.btn-outline{border:1px solid var(--btn-outline-border);color:var(--btn-outline-text);background:var(--btn-outline-bg);padding:.85rem 1.6rem;border-radius:999px;font-weight:600;transition:transform .2s ease,border-color .2s ease}.btn-outline:hover{transform:translateY(-1px);border-color:var(--forest-700)}.site-shell .btn-primary{background:var(--site-accent);color:var(--site-accent-text);box-shadow:none}.site-shell .btn-primary:hover{box-shadow:none;filter:brightness(1.05)}.site-shell .btn-outline{border-color:var(--site-border);color:var(--site-text);background:var(--site-card)}.site-shell .btn-outline:hover{border-color:var(--site-border);transform:translateY(-1px)}.section-pad{padding:4.5rem 1.5rem}.site-preview .section-pad{padding:1.25rem 1rem}.site-preview .min-h-screen{min-height:auto!important}.site-preview .card-elevated{box-shadow:none}.site-preview-frame{background:var(--site-bg-alt, #0b1220)}.site-preview-inner{transform:scale(.2);transform-origin:top left;width:1400px}.site-preview-inner h1,.site-preview-inner h2,.site-preview-inner h3,.site-preview-inner h4,.site-preview-inner p,.site-preview-inner span,.site-preview-inner li,.site-preview-inner a,.site-preview-inner button,.site-preview-inner label,.site-preview-inner input,.site-preview-inner textarea,.site-preview-inner small{color:transparent!important;text-shadow:none!important;background-color:#ffffff14!important;border-color:#ffffff1f!important}.site-preview-inner img,.site-preview-inner svg{opacity:.12!important;filter:grayscale(1)!important}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.section-title{font-size:clamp(2rem,3vw,3rem);font-weight:600;color:var(--forest-900)}.eyebrow{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.card-elevated{background:var(--card);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--card-shadow)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.bg-paper{background-color:var(--paper)}.bg-forest{background-color:var(--forest-900)}.bg-sage{background-color:var(--sage-100)}.text-forest{color:var(--text-forest)}.text-muted{color:var(--muted)}.text-sage{color:var(--sage-300)}.text-gold{color:var(--gold-400)}.border-forest{border-color:var(--border-forest)}.bg-hero{background:linear-gradient(115deg,#0c1510e6,#1220188c 55%,#12201833)}.bg-texture{background-image:radial-gradient(1px 1px at 10px 10px,rgba(18,32,24,.08),transparent 50%),radial-gradient(1px 1px at 30px 20px,rgba(18,32,24,.05),transparent 50%);background-size:60px 60px}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--paper);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--badge-glow)}