:root{--font-body: "Nunito", sans-serif;--font-headings: "Fraunces", serif;--font-mono: "Courier Prime", monospace;--spacing-margin: 16px;--spacing-gutter: 16px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 32px;--spacing-lg: 48px;--spacing-xl: 64px;--radius-none: 0px;--radius-sm: 8px;--radius-md: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--primary: #5D7052;--on-primary: #F3F4F1;--background: #FDFCF8;--on-background: #2C2C24;--surface: #FEFEFA;--surface-dim: #F5F1E9;--surface-container: #E6DCCD;--surface-container-low: #F0EBE5;--surface-container-high: #DED8CF;--secondary: #C18C5D;--outline: rgba(222, 216, 207, .5);--outline-subtle: rgba(222, 216, 207, .3);--accent: #E6DCCD;--accent-container: #F0EBE5;--on-accent-container: #4A4A40;--error: #A85448;--error-container: #FDF1F0;--on-error-container: #68221A;--grid-color: rgba(93, 112, 82, .02);--dot-color: rgba(93, 112, 82, .04);--shadow-soft: 0 4px 20px -2px rgba(93, 112, 82, .15);--shadow-float: 0 10px 40px -10px rgba(193, 140, 93, .2);--shadow-main: var(--shadow-soft);--glow-accent: rgba(93, 112, 82, .2);--border-style-main: solid}html.dark{--primary: #869D7A;--on-primary: #1C1F1A;--background: #1C1F1A;--on-background: #EBECE8;--surface: #232720;--surface-dim: #181B16;--surface-container: #33392E;--surface-container-low: #2A2E26;--surface-container-high: #3D4438;--secondary: #D9A779;--outline: rgba(66, 71, 61, .5);--outline-subtle: rgba(66, 71, 61, .3);--accent: #393D33;--accent-container: #2A2E26;--on-accent-container: #EBECE8;--error: #C87467;--error-container: #47201C;--on-error-container: #FDF1F0;--grid-color: rgba(134, 157, 122, .015);--dot-color: rgba(134, 157, 122, .025);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .3);--shadow-float: 0 12px 36px rgba(0, 0, 0, .4);--shadow-main: var(--shadow-soft);--glow-accent: rgba(134, 157, 122, .15)}html.production-mode{--radius-none: 16px;--radius-sm: 8px;--radius-md: 20px;--radius-xl: 32px}@media (min-width: 768px){:root{--spacing-margin: 24px;--spacing-gutter: 20px}}body.dashboard-active{--background: #0b0f19;--on-background: #f8fafc;--primary: #3b82f6;--on-primary: #ffffff;--surface: #111827;--surface-dim: #0a0d16;--surface-container: #1e293b;--surface-container-low: #1f2937;--surface-container-high: #334155;--outline: rgba(248, 250, 252, .12);--outline-subtle: rgba(248, 250, 252, .06);--secondary: #94a3b8;--accent: #3b82f6;--on-accent-container: #93c5fd;--bg-card: #1f2937;--font-body: "Inter", sans-serif;--font-headings: "Inter", sans-serif;--shadow-soft: 0 4px 20px rgba(59, 130, 246, .15);--shadow-float: 0 10px 30px rgba(59, 130, 246, .25);--shadow-main: var(--shadow-soft);--glow-accent: rgba(59, 130, 246, .25);--grid-color: rgba(59, 130, 246, .02);--dot-color: rgba(59, 130, 246, .04)}body.dashboard-active:before{display:none!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{font-family:var(--font-body);background-color:var(--background);color:var(--on-background);line-height:1.6;font-size:14px;font-weight:400;overflow-x:hidden;width:100%;transition:background-color var(--transition-normal),color var(--transition-normal),background-image var(--transition-normal);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;background-position:center top}html.production-mode body{background-image:radial-gradient(circle at 10% 20%,rgba(93,112,82,.03),transparent 45%),radial-gradient(circle at 90% 80%,rgba(193,140,93,.03),transparent 45%),linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px)}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::selection{background-color:var(--primary);color:var(--on-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background);border-left:1px solid var(--outline-subtle)}::-webkit-scrollbar-thumb{background:var(--secondary);border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.font-mono{font-family:var(--font-mono)}.title-xl{font-family:var(--font-headings);font-size:2.25rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;transition:color var(--transition-normal)}.title-lg{font-family:var(--font-headings);font-size:1.75rem;font-weight:700;line-height:1.2;transition:color var(--transition-normal)}.title-md{font-family:var(--font-headings);font-size:1.25rem;font-weight:600;line-height:1.3;transition:color var(--transition-normal)}.label-caps{font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.mono-label{font-family:var(--font-mono);font-size:11px;color:var(--secondary);text-transform:uppercase;transition:color var(--transition-normal)}@media (min-width: 768px){.title-xl{font-size:4rem}.title-lg{font-size:2.25rem}.title-md{font-size:1.5rem}}.border-main{border:1px solid var(--outline);transition:border-color var(--transition-normal)}.border-b-main{border-bottom:1px solid var(--outline);transition:border-color var(--transition-normal)}.border-r-main{border-right:1px solid var(--outline);transition:border-color var(--transition-normal)}.border-t-main{border-top:1px solid var(--outline);transition:border-color var(--transition-normal)}.border-l-main{border-left:1px solid var(--outline);transition:border-color var(--transition-normal)}.bg-dot-matrix{background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.5px);background-size:15px 15px;transition:background-image var(--transition-normal)}.page-view{display:none;min-height:70vh}.page-view.active{display:block;animation:viewFadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);font-family:var(--font-mono);font-size:12px;pointer-events:none;opacity:0;transition:opacity var(--transition-normal),background-color var(--transition-normal)}.page-loader.active{opacity:1;pointer-events:auto}.loader-bar-outer{width:240px;height:18px;border:1px solid var(--outline);padding:2px;background-color:var(--surface);border-radius:var(--radius-none);transition:border-radius var(--transition-normal),border-color var(--transition-normal)}.loader-bar-inner{width:0%;height:100%;background-color:var(--primary);transition:width .1s linear,background-color var(--transition-normal)}.concept-toggle-pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;border:1px solid var(--outline);border-radius:var(--radius-full);background-color:var(--surface);cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:700;-webkit-user-select:none;user-select:none;transition:all var(--transition-normal)}.concept-toggle-pill:hover{background-color:var(--surface-container-low);border-color:var(--accent)}.concept-toggle-pill .toggle-indicator{width:28px;height:14px;background-color:var(--surface-container-high);border:1px solid var(--outline-subtle);border-radius:999px;position:relative;transition:all var(--transition-normal)}.concept-toggle-pill .toggle-indicator:after{content:"";position:absolute;top:1px;left:1px;width:10px;height:10px;background-color:var(--secondary);border-radius:50%;transition:transform var(--transition-normal),background-color var(--transition-normal)}html.production-mode .concept-toggle-pill{border-color:var(--accent);background-color:var(--accent-container);color:var(--on-accent-container);box-shadow:0 2px 10px var(--glow-accent)}html.production-mode .concept-toggle-pill .toggle-indicator{background-color:var(--accent);border-color:transparent}html.production-mode .concept-toggle-pill .toggle-indicator:after{transform:translate(14px);background-color:#fff}.brackets{position:relative}.brackets:before,.brackets:after,.brackets>.br-corner-bl:before,.brackets>.br-corner-bl:after{content:"";position:absolute;width:8px;height:8px;border:1px solid var(--outline);pointer-events:none;z-index:10;transition:opacity var(--transition-normal),border-color var(--transition-normal)}.brackets:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.brackets:after{top:-1px;right:-1px;border-left:none;border-bottom:none}.brackets>.br-corner-bl{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.brackets>.br-corner-bl:before{bottom:-1px;left:-1px;border-right:none;border-top:none}.brackets>.br-corner-bl:after{bottom:-1px;right:-1px;border-left:none;border-top:none}html.production-mode .brackets:before,html.production-mode .brackets:after,html.production-mode .brackets>.br-corner-bl:before,html.production-mode .brackets>.br-corner-bl:after{opacity:0!important}.wireframe-placeholder{position:relative;background-color:var(--surface-container-low);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--outline);aspect-ratio:16/10;border-radius:var(--radius-none);transition:all var(--transition-normal)}.wireframe-placeholder:before,.wireframe-placeholder:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity var(--transition-normal)}.wireframe-placeholder:before{background:linear-gradient(to top right,transparent calc(50% - .5px),var(--outline-subtle) calc(50% - .25px),var(--outline-subtle) calc(50% + .25px),transparent calc(50% + .5px))}.wireframe-placeholder:after{background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--outline-subtle) calc(50% - .25px),var(--outline-subtle) calc(50% + .25px),transparent calc(50% + .5px))}.wireframe-placeholder .center-label{position:relative;z-index:10;background-color:var(--surface);color:var(--primary);font-family:var(--font-mono);font-size:11px;padding:4px 8px;border:1px solid var(--outline);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-none);transition:all var(--transition-normal)}.wireframe-placeholder:hover{background-color:var(--surface-container-high)}.wireframe-placeholder:hover .center-label{transform:scale(1.05)}html.production-mode .wireframe-placeholder{border-color:transparent!important;background:linear-gradient(135deg,var(--accent-container) 0%,var(--surface-container-high) 100%);box-shadow:var(--shadow-main);border-radius:var(--radius-none)}html.production-mode .wireframe-placeholder:before,html.production-mode .wireframe-placeholder:after{opacity:0!important}html.production-mode .wireframe-placeholder .center-label{border-color:transparent;background-color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent);border-radius:var(--radius-sm);box-shadow:0 4px 10px #0000000d}html.production-mode.dark .wireframe-placeholder .center-label{background-color:#111827d9;color:var(--primary)}header{position:sticky;top:0;z-index:100;background-color:var(--surface);border-bottom:1px solid var(--outline);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-margin);transition:all var(--transition-normal)}body.dashboard-active header{display:none!important}html.production-mode header{position:sticky;top:12px;left:0;right:0;width:calc(100% - 24px);max-width:1200px;margin:12px auto;border-radius:var(--radius-full);border:1px solid var(--outline);background-color:#fdfcf8bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);z-index:1000;padding:8px 16px;height:54px;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-normal)}@media (min-width: 768px){html.production-mode header{top:16px;width:calc(100% - 32px);margin:16px auto;padding:8px 24px;height:56px}}html.production-mode.dark header{background-color:#1c1f1abf}.nav-links{display:none;height:100%}.nav-link{display:flex;align-items:center;height:100%;padding:0 var(--spacing-md);color:var(--secondary);text-decoration:none;border-right:1px solid var(--outline-subtle);transition:all var(--transition-fast)}.nav-link:first-child{border-left:1px solid var(--outline-subtle)}.nav-link:hover,.nav-link.active{color:var(--primary);background-color:var(--surface-container-low)}.nav-link.active{font-weight:700;border-bottom:2px solid var(--primary)}html.production-mode .nav-link{border:none!important;border-radius:var(--radius-sm);height:38px;align-self:center;margin:0 4px}html.production-mode .nav-link.active{background-color:var(--accent-container);color:var(--on-accent-container);border-bottom:none}.icon-btn{background:none;border:1px solid transparent;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;cursor:pointer;outline:none;border-radius:var(--radius-none);transition:all var(--transition-normal)}.icon-btn:hover{border-color:var(--outline);background-color:var(--surface-container)}html.production-mode .icon-btn{border-radius:var(--radius-full);border-color:var(--outline)}@media (min-width: 768px){.nav-links{display:flex;align-items:center}}#mobile-menu-trigger{display:inline-flex}@media (min-width: 768px){#mobile-menu-trigger{display:none!important}}.mobile-drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:290;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.mobile-drawer-backdrop.active{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:0;width:100%;max-width:280px;height:100%;background-color:var(--surface);border-left:1px solid var(--outline);z-index:300;transform:translate(100%);transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);display:flex;flex-direction:column}.mobile-drawer.active{transform:translate(0)}.mobile-drawer-header{height:64px;padding:0 var(--spacing-md);border-bottom:1px solid var(--outline);display:flex;align-items:center;justify-content:space-between}.mobile-drawer-content{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-drawer-link{display:flex;align-items:center;padding:12px var(--spacing-sm);color:var(--secondary);text-decoration:none;font-family:var(--font-mono);font-size:14px;border:1px solid var(--outline-subtle);transition:all var(--transition-fast)}.mobile-drawer-link:hover,.mobile-drawer-link.active{color:var(--primary);background-color:var(--surface-container-low);border-color:var(--outline)}.mobile-drawer-link.active{font-weight:700;border-left:3px solid var(--accent)}html.production-mode .mobile-drawer{border-radius:2rem 0 0 2rem;box-shadow:-10px 0 30px #5d70521a;border-left:2px solid var(--outline);background-color:#fdfcf8e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html.production-mode.dark .mobile-drawer{background-color:#1c1f1ae6}html.production-mode .mobile-drawer-link{border-radius:var(--radius-sm);border-color:transparent}html.production-mode .mobile-drawer-link.active{background-color:#5d70521a;color:var(--primary);border-left:3px solid var(--primary)}.telemetry-bar{background-color:var(--surface-container-low);border-bottom:1px solid var(--outline);padding:6px var(--spacing-margin);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;font-family:var(--font-mono);font-size:11px;transition:all var(--transition-normal)}html.production-mode .telemetry-bar{background-color:var(--surface);border-bottom-color:var(--outline)}.telemetry-item{display:flex;align-items:center;gap:var(--spacing-xs)}.telemetry-indicator{width:6px;height:6px;background-color:var(--accent);border-radius:var(--radius-full);display:inline-block}.telemetry-indicator.active{animation:blink 1s infinite alternate}@keyframes blink{0%{opacity:.2}to{opacity:1}}.section-title-wrapper{padding:var(--spacing-lg) var(--spacing-margin);border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;align-items:flex-end;transition:border-color var(--transition-normal)}.hero-section{padding:var(--spacing-xl) var(--spacing-margin);display:flex;flex-direction:column;gap:var(--spacing-md);border-bottom:1px solid var(--outline);position:relative;overflow:hidden;transition:border-color var(--transition-normal)}.hero-typewriter{border-right:2px solid var(--primary);animation:cursor-blink .75s step-end infinite;white-space:nowrap}@keyframes cursor-blink{0%,to{border-color:transparent}50%{border-color:var(--primary)}}.grid-cols-two{display:grid;grid-template-cols:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.hero-section{padding:var(--spacing-xl) calc(var(--spacing-margin) * 2)}.grid-cols-two{grid-template-cols:1.2fr .8fr;gap:var(--spacing-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-family:var(--font-body);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-normal);text-decoration:none}.btn-primary{background-color:var(--primary);color:var(--on-primary);border:1px solid var(--outline)}.btn-primary:hover{background-color:var(--surface-container-low);color:var(--primary)}.btn-secondary{background-color:transparent;color:var(--primary);border:1px solid var(--outline)}.btn-secondary:hover{background-color:var(--surface-container)}.btn:active{transform:scale(.95)}html.production-mode .btn{border-radius:var(--radius-full)}html.production-mode .btn-primary{background-color:var(--primary);color:var(--on-primary);border:none;box-shadow:var(--shadow-soft)}html.production-mode .btn-primary:hover{background-color:var(--primary);opacity:.9;transform:scale(1.05);box-shadow:0 6px 24px -4px #5d705240}html.production-mode .btn-secondary{background-color:transparent;color:var(--secondary);border:2px solid var(--secondary)}html.production-mode .btn-secondary:hover{background-color:#c18c5d1a;color:var(--secondary);transform:scale(1.05)}.metrics-grid{display:grid;grid-template-cols:repeat(2,1fr);border-bottom:1px solid var(--outline);transition:border-color var(--transition-normal)}.metric-card{padding:var(--spacing-lg);border-bottom:1px solid var(--outline);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all var(--transition-normal)}.metric-value{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--accent);transition:color var(--transition-normal)}html.production-mode .metric-card{border-color:var(--outline)!important}@media (min-width: 768px){.metrics-grid{grid-template-cols:repeat(4,1fr)}.metric-card{border-bottom:none;border-right:1px solid var(--outline)}.metric-card:last-child{border-right:none}}.highlight-row{display:grid;grid-template-cols:1fr;border-bottom:1px solid var(--outline);transition:border-color var(--transition-normal)}.highlight-content{padding:var(--spacing-lg) var(--spacing-margin);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;transition:all var(--transition-normal)}@media (min-width: 768px){.highlight-row{grid-template-cols:1fr 1fr}.highlight-content:first-child{border-right:1px solid var(--outline)}}.services-grid{display:grid;grid-template-cols:1fr;border-bottom:1px solid var(--outline);transition:border-color var(--transition-normal)}.service-card{padding:var(--spacing-lg);border-bottom:1px solid var(--outline);display:flex;flex-direction:column;gap:var(--spacing-sm);border-radius:var(--radius-none);transition:all var(--transition-normal)}.service-card:last-child{border-bottom:none}.service-card:hover{background-color:var(--surface-container-low)}html.production-mode .service-card{margin:var(--spacing-sm);background-color:var(--surface);border:1px solid var(--outline)!important;box-shadow:var(--shadow-main);border-radius:var(--radius-none)}html.production-mode .service-card:hover{transform:translateY(-4px);border-color:var(--accent)!important;box-shadow:0 12px 25px #00000014}.service-num{font-family:var(--font-mono);font-size:12px;color:var(--accent)}@media (min-width: 768px){.services-grid{grid-template-cols:repeat(2,1fr)}.service-card:nth-child(2n){border-left:1px solid var(--outline)}.service-card:nth-last-child(-n+2){border-bottom:none}}@media (min-width: 1024px){.services-grid{grid-template-cols:repeat(4,1fr)}.service-card{border-bottom:none!important;border-left:1px solid var(--outline)}.service-card:first-child{border-left:none}html.production-mode .service-card{border-left:1px solid var(--outline)!important}}.estimator-layout{display:grid;grid-template-cols:1fr;border-bottom:1px solid var(--outline);background-color:var(--surface);transition:all var(--transition-normal)}.estimator-controls{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);border-bottom:1px solid var(--outline);transition:border-color var(--transition-normal)}.estimator-output{padding:var(--spacing-lg);background-color:var(--surface-container-low);display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-md);transition:all var(--transition-normal)}@media (min-width: 768px){.estimator-layout{grid-template-cols:1fr 1fr}.estimator-controls{border-bottom:none;border-right:1px solid var(--outline)}}.config-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.config-label-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px}.checkbox-grid{display:grid;grid-template-cols:1fr;gap:var(--spacing-xs)}@media (min-width: 480px){.checkbox-grid{grid-template-cols:1fr 1fr}}.checkbox-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px var(--spacing-sm);border:1px solid var(--outline-subtle);background-color:var(--surface);cursor:pointer;font-size:13px;font-weight:500;border-radius:var(--radius-none);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.checkbox-btn:hover{border-color:var(--outline);background-color:var(--surface-container-low)}.checkbox-btn.checked{border-color:var(--accent);background-color:var(--accent-container);color:var(--on-accent-container)}.checkbox-btn input[type=checkbox]{display:none}.checkbox-btn .check-indicator{width:14px;height:14px;border:1px solid var(--outline);display:inline-flex;align-items:center;justify-content:center;background-color:var(--surface);font-family:var(--font-mono);font-size:10px;line-height:1;border-radius:var(--radius-none);transition:all var(--transition-normal)}.checkbox-btn.checked .check-indicator{border-color:var(--accent);background-color:var(--accent);color:#fff}.checkbox-btn.checked .check-indicator:before{content:"X"}html.production-mode .checkbox-btn,html.production-mode .checkbox-btn .check-indicator{border-radius:var(--radius-sm)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--surface-container-high);border:1px solid var(--outline-subtle);outline:none;border-radius:var(--radius-full)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border:1px solid var(--outline);cursor:pointer;border-radius:var(--radius-none);transition:all var(--transition-normal)}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent)}html.production-mode input[type=range]::-webkit-slider-thumb{border-radius:var(--radius-full);background:var(--accent);border-color:transparent}.estimator-invoice{border:1px dashed var(--outline);background-color:var(--surface);padding:var(--spacing-md);font-family:var(--font-mono);font-size:12px;border-radius:var(--radius-none);transition:all var(--transition-normal)}.invoice-header{border-bottom:1px dashed var(--outline);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between}.invoice-row{display:flex;justify-content:space-between;margin-bottom:8px}.invoice-total{border-top:1px dashed var(--outline);padding-top:var(--spacing-xs);margin-top:var(--spacing-md);font-size:14px;font-weight:700;display:flex;justify-content:space-between}html.production-mode .estimator-invoice{border:1px solid var(--outline);box-shadow:var(--shadow-main);background:var(--surface)}.filters-bar{padding:var(--spacing-sm) var(--spacing-margin);border-bottom:1px solid var(--outline);display:flex;gap:var(--spacing-xs);overflow-x:auto;white-space:nowrap;transition:border-color var(--transition-normal)}.filter-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--outline);font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;background-color:transparent;border-radius:var(--radius-none);transition:all var(--transition-normal)}.filter-btn:hover{background-color:var(--surface-container)}.filter-btn.active{background-color:var(--primary);color:var(--on-primary)}html.production-mode .filter-btn{border-radius:var(--radius-full)}html.production-mode .filter-btn.active{background:linear-gradient(135deg,var(--accent) 0%,#8b5cf6 100%);color:#fff;border-color:transparent}.gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-gutter);padding:var(--spacing-md) var(--spacing-margin);border-bottom:1px solid var(--outline);transition:border-color var(--transition-normal)}@media (min-width: 480px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}}.gallery-item{display:flex;flex-direction:column;gap:var(--spacing-xs);cursor:pointer;border-radius:var(--radius-none);transition:all var(--transition-normal)}.gallery-item:hover .wireframe-placeholder{border-color:var(--secondary)}html.production-mode .gallery-item{border-radius:2rem 2rem 4rem;background:var(--bg-card);border:1px solid var(--outline);padding:16px;box-shadow:var(--shadow-soft);transition:all var(--transition-normal)}html.production-mode .gallery-item .wireframe-placeholder{border-radius:1.5rem 1.5rem 3.5rem}html.production-mode .gallery-item:nth-child(2n){border-radius:4rem 2rem 2rem 4rem}html.production-mode .gallery-item:nth-child(2n) .wireframe-placeholder{border-radius:3.5rem 1.5rem 1.5rem 3.5rem}html.production-mode .gallery-item:nth-child(3n){border-radius:2rem 4rem 2rem 2rem}html.production-mode .gallery-item:nth-child(3n) .wireframe-placeholder{border-radius:1.5rem 3.5rem 1.5rem 1.5rem}html.production-mode .gallery-item:hover{transform:translateY(-6px) rotate(1deg);box-shadow:var(--shadow-float)}html.production-mode .gallery-item:nth-child(2n):hover{transform:translateY(-6px) rotate(-1deg)}.gallery-meta{display:flex;flex-direction:column;gap:2px}html.production-mode .drawer-image-container{transform:rotate(-2deg);border:4px solid #ffffff!important;box-shadow:var(--shadow-float)!important;transition:all var(--transition-normal)}html.production-mode.dark .drawer-image-container{border:4px solid var(--accent)!important}.drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.drawer-backdrop.active{opacity:1;pointer-events:auto}.side-drawer{position:fixed;top:0;right:0;width:100%;max-width:500px;height:100%;background-color:var(--surface);border-left:1px solid var(--outline);z-index:210;transform:translate(100%);transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);display:flex;flex-direction:column;box-shadow:-10px 0 30px #0000000d}.side-drawer.active{transform:translate(0)}.drawer-header{height:64px;padding:0 var(--spacing-md);border-bottom:1px solid var(--outline);display:flex;align-items:center;justify-content:space-between}.drawer-content{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.tech-tag{display:inline-block;padding:2px 6px;font-family:var(--font-mono);font-size:11px;border:1px solid var(--outline-subtle);background-color:var(--surface-container-low);margin-right:4px;margin-bottom:6px;border-radius:var(--radius-none);transition:all var(--transition-normal)}html.production-mode .tech-tag{border-radius:var(--radius-sm);background-color:var(--accent-container);color:var(--on-accent-container);border-color:transparent}.about-split{display:grid;grid-template-cols:1fr;border-bottom:1px solid var(--outline);transition:border-color var(--transition-normal)}.about-credentials{padding:var(--spacing-lg) var(--spacing-margin);border-bottom:1px solid var(--outline);transition:border-color var(--transition-normal)}.about-schematics{padding:var(--spacing-lg) var(--spacing-margin);background-color:var(--surface-container-low);transition:background-color var(--transition-normal)}@media (min-width: 768px){.about-split{grid-template-cols:1fr;max-width:850px;margin:0 auto}.about-credentials{border-bottom:none;border-right:none}}.org-tree-wrapper{border:1px solid var(--outline);padding:var(--spacing-md);background-color:var(--surface);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);position:relative;border-radius:var(--radius-none);transition:all var(--transition-normal)}.org-node{border:1px solid var(--outline);background-color:var(--surface-container-low);padding:var(--spacing-xs) var(--spacing-sm);text-align:center;font-family:var(--font-mono);font-size:11px;z-index:5;min-width:120px;border-radius:var(--radius-none);transition:all var(--transition-normal)}.org-node.root{border-color:var(--accent);background-color:var(--accent-container);color:var(--on-accent-container)}html.production-mode .org-node{border-radius:var(--radius-sm);box-shadow:0 4px 10px #00000008}html.production-mode .org-node.root{background:linear-gradient(135deg,var(--accent) 0%,#8b5cf6 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--glow-accent)}.org-connector-v{width:1px;height:20px;border-left:1px dashed var(--outline);transition:border-color var(--transition-normal)}.org-row{display:flex;gap:var(--spacing-md);justify-content:center;position:relative;width:100%}.org-row:before{content:"";position:absolute;top:-10px;left:25%;width:50%;height:1px;border-top:1px dashed var(--outline);z-index:1;transition:border-color var(--transition-normal)}.timeline{display:flex;flex-direction:column;position:relative;padding-left:20px;margin-top:var(--spacing-md)}.timeline:before{content:"";position:absolute;top:0;left:4px;height:100%;width:1px;border-left:1px dashed var(--outline);transition:border-color var(--transition-normal)}.timeline-item{position:relative;margin-bottom:var(--spacing-md)}.timeline-marker{position:absolute;top:6px;left:-20px;width:9px;height:9px;border:1px solid var(--outline);background-color:var(--surface);border-radius:var(--radius-none);transition:all var(--transition-normal)}.timeline-item:hover .timeline-marker{background-color:var(--accent);border-color:var(--accent)}html.production-mode .timeline-marker{border-radius:var(--radius-full);background-color:var(--accent-container);border-color:var(--accent)}html.production-mode .timeline-item:hover .timeline-marker{background-color:var(--accent);box-shadow:0 0 8px var(--accent)}.timeline-year{font-family:var(--font-mono);font-weight:700;color:var(--accent);font-size:12px}.contact-grid{display:grid;grid-template-cols:1fr;border-bottom:1px solid var(--outline);transition:border-color var(--transition-normal)}.contact-form-panel{padding:var(--spacing-lg) var(--spacing-margin)}.contact-terminal-panel{padding:var(--spacing-lg) var(--spacing-margin);background-color:var(--surface-container-low);display:flex;flex-direction:column;gap:var(--spacing-sm);border-top:1px solid var(--outline);transition:all var(--transition-normal)}@media (min-width: 1024px){.contact-grid{grid-template-cols:1fr;max-width:800px;margin:0 auto}}.brutalist-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:4px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;font-family:var(--font-body);font-size:14px;background-color:var(--surface);border:1px solid var(--outline);color:var(--on-background);border-radius:var(--radius-none);outline:none;transition:all var(--transition-normal)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}html.production-mode .form-input,html.production-mode .form-textarea,html.production-mode .form-select{border-radius:var(--radius-sm);border-color:var(--outline);background-color:var(--surface-container-low)}html.production-mode .form-input:focus,html.production-mode .form-textarea:focus,html.production-mode .form-select:focus{background-color:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--glow-accent)}.form-row{display:grid;grid-template-cols:1fr;gap:var(--spacing-md)}@media (min-width: 600px){.form-row{grid-template-cols:1fr 1fr}}.terminal{background-color:#0d0e0e;border:1px solid var(--outline);border-radius:var(--radius-sm);color:#0f6;font-family:var(--font-mono);font-size:12px;padding:var(--spacing-md);min-height:350px;display:flex;flex-direction:column;box-shadow:inset 0 0 10px #000c;transition:all var(--transition-normal)}html.production-mode .terminal{border-color:#60a5fa26;box-shadow:0 15px 35px #0000004d,inset 0 0 15px #00ff660d}.terminal-header{border-bottom:1px solid #222;padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between;color:#888}.terminal-body{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:280px}.terminal-line{word-break:break-all}.terminal-input-row{display:flex;align-items:center;gap:8px}.terminal-prompt{color:#0f6;font-weight:700}.terminal-input{background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-mono);font-size:12px;flex:1}footer{padding:var(--spacing-lg) var(--spacing-margin);background-color:var(--surface-container-low);font-family:var(--font-mono);font-size:11px;display:flex;flex-direction:column;gap:var(--spacing-md);border-top:1px solid var(--outline);transition:all var(--transition-normal)}html.production-mode footer{background-color:var(--surface);border-top-color:var(--outline)}.footer-top{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-bottom{border-top:1px dashed var(--outline-subtle);padding-top:var(--spacing-sm);display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-sm);transition:border-color var(--transition-normal)}@media (min-width: 768px){footer{padding:var(--spacing-lg) calc(var(--spacing-margin) * 2)}.footer-top{flex-direction:row;justify-content:space-between}.footer-bottom{flex-direction:row}}.promo-popup{position:fixed;bottom:24px;right:24px;width:calc(100% - 48px);max-width:360px;background-color:var(--surface);border:2px solid var(--primary);border-radius:var(--radius-none);padding:var(--spacing-md);box-shadow:8px 8px 0 var(--primary);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm);transform:translateY(150%) scale(.9);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s ease}.promo-popup.active{transform:translateY(0) scale(1);opacity:1}html.production-mode .promo-popup{border-radius:16px;border-color:#ffffff26;background:var(--surface-container-low);box-shadow:0 12px 40px #00000026;border:1px solid var(--outline-subtle)}.promo-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-normal),transform var(--transition-normal)}.promo-close:hover{color:var(--accent);transform:rotate(90deg)}.promo-content{display:flex;flex-direction:column;gap:12px}.promo-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--accent);letter-spacing:.1em}.promo-text{font-size:13px;line-height:1.5;color:var(--primary);margin:0;font-weight:500}.promo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);align-self:flex-start;text-decoration:none;font-size:12px;padding:8px 16px;font-weight:700}html.production-mode .promo-btn{background:linear-gradient(135deg,var(--accent) 0%,#8b5cf6 100%);border:none;color:#fff;box-shadow:0 4px 15px var(--glow-accent)}html.production-mode .promo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow-accent)}body.dashboard-active header,body.dashboard-active footer{display:none!important}.dashboard-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-margin);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:85vh;justify-content:center}@media (min-width: 768px){.dashboard-container{padding:var(--spacing-xl) var(--spacing-margin);gap:var(--spacing-lg)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--outline);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:border-color var(--transition-normal)}.dashboard-logo{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-weight:700;font-size:15px;letter-spacing:.1em;color:var(--primary);cursor:pointer}.dashboard-hero{text-align:center;max-width:720px;margin:var(--spacing-md) auto var(--spacing-lg) auto}.dashboard-hero h1{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);line-height:1.2}@media (min-width: 768px){.dashboard-hero h1{font-size:2.5rem}}.dashboard-hero p{color:var(--secondary);font-size:14px;line-height:1.6;margin:0}@media (min-width: 768px){.dashboard-hero p{font-size:15px}}.showcase-grid{display:grid;grid-template-cols:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.showcase-grid{grid-template-cols:repeat(2,1fr)}}@media (min-width: 1024px){.showcase-grid{grid-template-cols:repeat(3,1fr)}}.showcase-card{background-color:var(--surface);border:1px solid var(--outline);display:flex;flex-direction:column;position:relative;transition:all var(--transition-normal);border-radius:var(--radius-none);overflow:hidden}.showcase-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:6px 6px 0 var(--accent)}html.production-mode .showcase-card{border-radius:16px;border-color:var(--outline-subtle);background:var(--surface-container-low);box-shadow:var(--shadow-main)}html.production-mode .showcase-card:hover{border-color:var(--primary);box-shadow:var(--shadow-float);transform:translateY(-6px)}.showcase-img{width:100%;aspect-ratio:16/10;background-color:var(--surface-container);position:relative;border-bottom:1px solid var(--outline);background-size:cover;background-position:center;transition:border-color var(--transition-normal)}.showcase-badge{position:absolute;top:12px;left:12px;padding:4px 8px;font-family:var(--font-mono);font-size:9px;font-weight:700;background-color:var(--primary);color:var(--on-primary);letter-spacing:.05em;text-transform:uppercase}.showcase-badge.blueprint{background-color:var(--secondary);color:var(--on-secondary)}.showcase-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.showcase-title{font-size:16px;font-weight:700;margin:0;color:var(--primary)}.showcase-desc{font-size:13px;color:var(--secondary);line-height:1.5;margin:0;flex:1}.showcase-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.showcase-tag{font-family:var(--font-mono);font-size:9px;padding:2px 6px;border:1px solid var(--outline-subtle);background-color:var(--surface-container-high);color:var(--secondary);border-radius:var(--radius-none);transition:all var(--transition-normal)}html.production-mode .showcase-tag{border-radius:4px}.showcase-footer{padding:var(--spacing-md);border-top:1px dashed var(--outline-subtle);transition:border-color var(--transition-normal)}.showcase-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.dashboard-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);border-bottom:1px solid var(--outline);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);transition:border-color var(--transition-normal)}.dash-tab-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--outline);background:transparent;color:var(--secondary);font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;border-radius:var(--radius-none);transition:all var(--transition-normal)}.dash-tab-btn:hover{background-color:var(--surface-container);color:var(--primary)}.dash-tab-btn.active{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}html.production-mode .dash-tab-btn{border-radius:var(--radius-full)}html.production-mode .dash-tab-btn.active{background:var(--primary);color:var(--on-primary);border-color:transparent;box-shadow:var(--shadow-soft)}.prompt-explorer{display:grid;grid-template-cols:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-md);align-items:start}@media (min-width: 1024px){.prompt-explorer{grid-template-cols:280px 1fr}}.explorer-panel{border:1px solid var(--outline);background-color:var(--surface);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);border-radius:var(--radius-none);transition:all var(--transition-normal)}html.production-mode .explorer-panel{border-radius:16px;border-color:var(--outline-subtle);background-color:var(--surface-container-low)}.style-list-group{display:flex;flex-direction:column;gap:8px}.style-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);border:1px solid var(--outline);background:transparent;text-align:left;font-size:13px;font-weight:700;cursor:pointer;border-radius:var(--radius-none);transition:all var(--transition-normal);color:var(--primary)}.style-select-btn:hover{background-color:var(--surface-container);border-color:var(--accent)}.style-select-btn.active{border-color:var(--accent);background-color:var(--surface-container-high);box-shadow:3px 3px 0 var(--accent)}html.production-mode .style-select-btn{border-radius:12px}html.production-mode .style-select-btn.active{background-color:var(--surface-container-highest);box-shadow:0 4px 10px #8b5cf61a}.preview-stage{display:flex;align-items:stretch;justify-content:stretch;min-height:480px;border:1px solid var(--outline);padding:0;position:relative;overflow:hidden;transition:all var(--transition-normal);background-color:var(--surface-container-low)}html.production-mode .preview-stage{border-radius:16px;border-color:var(--outline-subtle)}.mock-dashboard{display:flex;flex:1;width:100%;min-height:480px;transition:all var(--transition-normal);background-color:var(--surface);color:var(--primary);font-family:var(--font-body)}.mock-sidebar{width:180px;border-right:1px solid var(--outline);padding:var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-normal);background-color:var(--surface-container-low)}.mock-logo{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;font-family:var(--font-mono);color:var(--primary)}.mock-nav{display:flex;flex-direction:column;gap:4px}.mock-nav-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;color:var(--secondary);text-decoration:none;border-radius:var(--radius-none);transition:all var(--transition-normal);cursor:pointer}.mock-nav-item.active{background-color:var(--surface-container-high);color:var(--primary);border-left:2px solid var(--accent)}.mock-main{flex:1;display:flex;flex-direction:column;transition:all var(--transition-normal);background-color:var(--surface)}.mock-header{height:48px;border-bottom:1px solid var(--outline);padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-normal);background-color:var(--surface)}.mock-header-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.mock-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--surface-container-highest);border:1px solid var(--outline)}.mock-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;flex:1}.mock-banner{padding:var(--spacing-md);background-color:var(--surface-container);border:1px solid var(--outline);display:flex;flex-direction:column;gap:4px;transition:all var(--transition-normal)}.mock-banner h2{margin:0;font-size:16px;font-weight:700}.mock-banner p{margin:0;font-size:11px;color:var(--secondary);line-height:1.4}.mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.mock-metric-card{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface-container-low);border:1px solid var(--outline);display:flex;flex-direction:column;gap:2px;transition:all var(--transition-normal)}.metric-lbl{font-size:9px;font-weight:500;color:var(--secondary);text-transform:uppercase}.metric-val{font-size:16px;font-weight:700;color:var(--primary)}.mock-table-card{border:1px solid var(--outline);background-color:var(--surface);transition:all var(--transition-normal)}.mock-table-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-normal)}.mock-table-header h3{margin:0;font-size:12px;font-weight:700}.mock-btn{font-family:var(--font-body);font-size:10px;font-weight:700;padding:4px 10px;border:1px solid var(--outline);background:transparent;cursor:pointer;transition:all var(--transition-normal)}.mock-table-rows{display:flex;flex-direction:column}.mock-table-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;padding:8px var(--spacing-md);font-size:11px;border-bottom:1px dashed var(--outline-subtle);align-items:center;color:var(--secondary)}.mock-table-row:last-child{border-bottom:none}.mock-table-row span:last-child{text-align:right;font-weight:700;color:var(--primary)}.status-badge{font-family:var(--font-mono);font-size:8px;font-weight:700;padding:2px 6px;align-self:center;width:fit-content;text-transform:uppercase;border:1px solid var(--outline);border-radius:var(--radius-none)}.status-badge.success{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.status-badge.pending{background-color:#eab3081a;color:#eab308;border-color:#eab3084d}.mock-dashboard.style-neobrutalism{font-family:Courier Prime,monospace!important;background-color:#fff!important;color:#000!important}.mock-dashboard.style-neobrutalism .mock-sidebar{background-color:#ffde59!important;border-right:3px solid #000000!important}.mock-dashboard.style-neobrutalism .mock-logo{font-family:Courier Prime,monospace!important;color:#000!important}.mock-dashboard.style-neobrutalism .mock-nav-item{border-radius:0!important;border:2px solid transparent!important;color:#000!important}.mock-dashboard.style-neobrutalism .mock-nav-item.active{background-color:#fff!important;border:2px solid #000000!important;box-shadow:3px 3px #000!important;font-weight:900!important}.mock-dashboard.style-neobrutalism .mock-main{background-color:#fff!important}.mock-dashboard.style-neobrutalism .mock-header{background-color:#fff!important;border-bottom:3px solid #000000!important}.mock-dashboard.style-neobrutalism .mock-header-title{color:#000!important;font-weight:900!important}.mock-dashboard.style-neobrutalism .mock-avatar{border:2px solid #000000!important;box-shadow:2px 2px #000!important;border-radius:0!important;background-color:#ffde59!important}.mock-dashboard.style-neobrutalism .mock-banner{background-color:#00f0ff!important;color:#000!important;border:3px solid #000000!important;box-shadow:5px 5px #000!important}.mock-dashboard.style-neobrutalism .mock-metric-card{background-color:#fff!important;border:3px solid #000000!important;box-shadow:4px 4px #000!important}.mock-dashboard.style-neobrutalism .metric-lbl{color:#000!important;font-weight:700!important}.mock-dashboard.style-neobrutalism .metric-val{color:#000!important;font-weight:900!important}.mock-dashboard.style-neobrutalism .mock-table-card{border:3px solid #000000!important;box-shadow:6px 6px #000!important;border-radius:0!important}.mock-dashboard.style-neobrutalism .mock-table-header{border-bottom:3px solid #000000!important;background-color:#ffde59!important}.mock-dashboard.style-neobrutalism .mock-btn{background-color:#fff!important;color:#000!important;border:2px solid #000000!important;box-shadow:3px 3px #000!important;border-radius:0!important;font-weight:800!important}.mock-dashboard.style-neobrutalism .mock-btn:hover{transform:translate(-1px,-1px)!important;box-shadow:4px 4px #000!important}.mock-dashboard.style-neobrutalism .mock-table-row{border-bottom:2px solid #000000!important;color:#000!important}.mock-dashboard.style-neobrutalism .mock-table-row span:last-child{color:#000!important}.mock-dashboard.style-neobrutalism .status-badge{border:2px solid #000000!important;border-radius:0!important;box-shadow:2px 2px #000!important;color:#000!important}.mock-dashboard.style-neobrutalism .status-badge.success{background-color:#22c55e!important}.mock-dashboard.style-neobrutalism .status-badge.pending{background-color:#eab308!important}.mock-dashboard.style-cyberpunk{background-color:#080c14!important;color:#00f0ff!important}.mock-dashboard.style-cyberpunk .mock-sidebar{background-color:#0b1120!important;border-right:2px solid #ff007f!important}.mock-dashboard.style-cyberpunk .mock-logo{color:#ff007f!important;text-shadow:0 0 8px #ff007f!important}.mock-dashboard.style-cyberpunk .mock-nav-item{color:#a5b4fc!important;border-radius:2px!important}.mock-dashboard.style-cyberpunk .mock-nav-item.active{background-color:#ff007f26!important;color:#ff007f!important;border-left:3px solid #ff007f!important;text-shadow:0 0 6px #ff007f!important}.mock-dashboard.style-cyberpunk .mock-main{background-color:#080c14!important}.mock-dashboard.style-cyberpunk .mock-header{background-color:#0b1120!important;border-bottom:2px solid #ff007f!important}.mock-dashboard.style-cyberpunk .mock-header-title{color:#00f0ff!important;text-shadow:0 0 5px rgba(0,240,255,.5)!important}.mock-dashboard.style-cyberpunk .mock-avatar{border:1px solid #00f0ff!important;box-shadow:0 0 8px #00f0ff!important;background-color:#080c14!important}.mock-dashboard.style-cyberpunk .mock-banner{background-color:#0b1120cc!important;border:2px solid #00f0ff!important;box-shadow:0 0 15px #00f0ff40!important;clip-path:polygon(0 0,97% 0,100% 20%,100% 100%,3% 100%,0 80%)!important}.mock-dashboard.style-cyberpunk .mock-banner h2{color:#ff007f!important;text-shadow:0 0 5px #ff007f!important}.mock-dashboard.style-cyberpunk .mock-banner p{color:#a5b4fc!important}.mock-dashboard.style-cyberpunk .mock-metric-card{background-color:#0b1120!important;border:1px solid #ff007f!important;box-shadow:0 0 10px #ff007f33!important}.mock-dashboard.style-cyberpunk .metric-lbl{color:#a5b4fc!important}.mock-dashboard.style-cyberpunk .metric-val{color:#00f0ff!important;text-shadow:0 0 4px #00f0ff!important}.mock-dashboard.style-cyberpunk .mock-table-card{border:1px solid #ff007f!important;background-color:#080c14!important;box-shadow:0 0 12px #ff007f26!important}.mock-dashboard.style-cyberpunk .mock-table-header{border-bottom:1px solid #ff007f!important;background-color:#0b1120!important}.mock-dashboard.style-cyberpunk .mock-btn{background-color:transparent!important;color:#00f0ff!important;border:1px solid #00f0ff!important;box-shadow:0 0 8px #00f0ff4d!important;clip-path:polygon(0 0,90% 0,100% 30%,100% 100%,10% 100%,0 70%)!important}.mock-dashboard.style-cyberpunk .mock-btn:hover{background-color:#00f0ff!important;color:#080c14!important;box-shadow:0 0 12px #00f0ff!important}.mock-dashboard.style-cyberpunk .mock-table-row{border-bottom:1px dashed rgba(255,0,127,.2)!important;color:#a5b4fc!important}.mock-dashboard.style-cyberpunk .mock-table-row span:last-child{color:#00f0ff!important;text-shadow:0 0 3px #00f0ff!important}.mock-dashboard.style-cyberpunk .status-badge{border:1px solid #ff007f!important;box-shadow:0 0 5px #ff007f!important;background-color:transparent!important}.mock-dashboard.style-cyberpunk .status-badge.success{color:#ff007f!important}.mock-dashboard.style-cyberpunk .status-badge.pending{color:#00f0ff!important;border-color:#00f0ff!important;box-shadow:0 0 5px #00f0ff!important}.mock-dashboard.style-glassmorphism{background:linear-gradient(135deg,#1e1b4b,#311042)!important;color:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.mock-dashboard.style-glassmorphism .mock-sidebar{background:#ffffff0a!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-right:1px solid rgba(255,255,255,.1)!important}.mock-dashboard.style-glassmorphism .mock-logo{color:#fff!important}.mock-dashboard.style-glassmorphism .mock-nav-item{color:#fff9!important;border-radius:8px!important}.mock-dashboard.style-glassmorphism .mock-nav-item.active{background:#ffffff1a!important;color:#fff!important;border-left:none!important}.mock-dashboard.style-glassmorphism .mock-main{background:transparent!important}.mock-dashboard.style-glassmorphism .mock-header{background:#ffffff05!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.mock-dashboard.style-glassmorphism .mock-header-title{color:#fff!important}.mock-dashboard.style-glassmorphism .mock-avatar{border:1px solid rgba(255,255,255,.3)!important;background-color:#ffffff1a!important}.mock-dashboard.style-glassmorphism .mock-banner{background:#ffffff12!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px!important;box-shadow:0 8px 32px #0003!important}.mock-dashboard.style-glassmorphism .mock-metric-card{background:#ffffff0d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important}.mock-dashboard.style-glassmorphism .metric-lbl{color:#ffffff80!important}.mock-dashboard.style-glassmorphism .metric-val{color:#fff!important}.mock-dashboard.style-glassmorphism .mock-table-card{background:#ffffff0a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;box-shadow:0 8px 32px #00000026!important}.mock-dashboard.style-glassmorphism .mock-table-header{border-bottom:1px solid rgba(255,255,255,.1)!important}.mock-dashboard.style-glassmorphism .mock-btn{background:#ffffffe6!important;color:#1e1b4b!important;border:none!important;border-radius:8px!important;font-weight:600!important}.mock-dashboard.style-glassmorphism .mock-btn:hover{background:#fff!important;box-shadow:0 4px 12px #fff3!important}.mock-dashboard.style-glassmorphism .mock-table-row{border-bottom:1px solid rgba(255,255,255,.05)!important;color:#ffffffb3!important}.mock-dashboard.style-glassmorphism .mock-table-row span:last-child{color:#fff!important}.mock-dashboard.style-glassmorphism .status-badge{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:6px!important}.mock-dashboard.style-glassmorphism .status-badge.success{color:#4ade80!important}.mock-dashboard.style-glassmorphism .status-badge.pending{color:#fef08a!important}.mock-dashboard.style-claymorphism{background-color:#e0f2fe!important;color:#1e293b!important}.mock-dashboard.style-claymorphism .mock-sidebar{background-color:#f0f9ff!important;border-right:none!important;box-shadow:4px 0 15px #00000008!important}.mock-dashboard.style-claymorphism .mock-logo{color:#0284c7!important}.mock-dashboard.style-claymorphism .mock-nav-item{color:#64748b!important;border-radius:12px!important}.mock-dashboard.style-claymorphism .mock-nav-item.active{background-color:#e0f2fe!important;color:#0284c7!important;border-left:none!important;box-shadow:inset -2px -2px 6px #00000005,inset 2px 2px 6px #fff9!important}.mock-dashboard.style-claymorphism .mock-main{background-color:#e0f2fe!important}.mock-dashboard.style-claymorphism .mock-header{background-color:#f0f9ff!important;border-bottom:none!important;box-shadow:0 4px 12px #00000005!important}.mock-dashboard.style-claymorphism .mock-header-title{color:#0284c7!important}.mock-dashboard.style-claymorphism .mock-avatar{border:none!important;background-color:#e0f2fe!important;box-shadow:inset -2px -2px 4px #0000000d,inset 2px 2px 4px #ffffff80!important}.mock-dashboard.style-claymorphism .mock-banner{background-color:#ffb5d8!important;color:#4a154b!important;border-radius:20px!important;border:none!important;box-shadow:8px 8px 16px #0000000d,inset -5px -5px 10px #00000014,inset 5px 5px 10px #ffffff4d!important}.mock-dashboard.style-claymorphism .mock-metric-card{background-color:#fff!important;border-radius:16px!important;border:none!important;box-shadow:6px 6px 12px #0000000a,inset -4px -4px 8px #0000000d,inset 4px 4px 8px #fff9!important}.mock-dashboard.style-claymorphism .metric-lbl{color:#64748b!important}.mock-dashboard.style-claymorphism .metric-val{color:#0f172a!important}.mock-dashboard.style-claymorphism .mock-table-card{background-color:#fff!important;border-radius:20px!important;border:none!important;box-shadow:8px 8px 16px #0000000a!important;overflow:hidden!important}.mock-dashboard.style-claymorphism .mock-table-header{border-bottom:none!important}.mock-dashboard.style-claymorphism .mock-btn{background-color:#e0f2fe!important;color:#0284c7!important;border:none!important;border-radius:12px!important;box-shadow:inset -2px -2px 4px #0000000d,inset 2px 2px 4px #fff6!important}.mock-dashboard.style-claymorphism .mock-btn:hover{transform:translateY(-1px)!important;box-shadow:3px 3px 8px #0000000d,inset -2px -2px 4px #0000000d!important}.mock-dashboard.style-claymorphism .mock-table-row{border-bottom:1px solid #f1f5f9!important;color:#475569!important}.mock-dashboard.style-claymorphism .status-badge{border-radius:10px!important;border:none!important;box-shadow:inset -1px -1px 3px #0000000d!important}.mock-dashboard.style-claymorphism .status-badge.success{background-color:#dcfce7!important;color:#15803d!important}.mock-dashboard.style-claymorphism .status-badge.pending{background-color:#fef9c3!important;color:#a16207!important}.mock-dashboard.style-swissminimalist{background-color:#fff!important;color:#000!important;font-family:Inter,sans-serif!important}.mock-dashboard.style-swissminimalist .mock-sidebar{background-color:#fff!important;border-right:1px solid #000000!important}.mock-dashboard.style-swissminimalist .mock-logo{font-family:Inter,sans-serif!important;font-weight:800!important;letter-spacing:-.05em!important;text-transform:uppercase!important;color:#000!important}.mock-dashboard.style-swissminimalist .mock-nav-item{color:#555!important;border-radius:0!important;text-transform:uppercase!important;letter-spacing:.02em!important}.mock-dashboard.style-swissminimalist .mock-nav-item.active{background-color:#000!important;color:#fff!important;border-left:none!important}.mock-dashboard.style-swissminimalist .mock-main{background-color:#fff!important}.mock-dashboard.style-swissminimalist .mock-header{background-color:#fff!important;border-bottom:1px solid #000000!important}.mock-dashboard.style-swissminimalist .mock-header-title{color:#000!important;font-weight:800!important;letter-spacing:-.02em!important}.mock-dashboard.style-swissminimalist .mock-avatar{border:1px solid #000000!important;border-radius:0!important;background-color:#fff!important}.mock-dashboard.style-swissminimalist .mock-banner{background-color:#ff3e3e!important;color:#fff!important;border:1px solid #000000!important;border-radius:0!important}.mock-dashboard.style-swissminimalist .mock-banner h2{font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.03em!important}.mock-dashboard.style-swissminimalist .mock-banner p{color:#ffffffe6!important}.mock-dashboard.style-swissminimalist .mock-metric-card{background-color:#fff!important;border:1px solid #000000!important;border-radius:0!important}.mock-dashboard.style-swissminimalist .metric-lbl{color:#555!important;font-weight:700!important}.mock-dashboard.style-swissminimalist .metric-val{color:#000!important;font-weight:800!important}.mock-dashboard.style-swissminimalist .mock-table-card{border:1px solid #000000!important;border-radius:0!important;background-color:#fff!important}.mock-dashboard.style-swissminimalist .mock-table-header{border-bottom:1px solid #000000!important}.mock-dashboard.style-swissminimalist .mock-btn{background-color:#000!important;color:#fff!important;border:none!important;border-radius:0!important;font-weight:700!important;text-transform:uppercase!important}.mock-dashboard.style-swissminimalist .mock-btn:hover{background-color:#ff3e3e!important}.mock-dashboard.style-swissminimalist .mock-table-row{border-bottom:1px solid #000000!important;color:#000!important}.mock-dashboard.style-swissminimalist .status-badge{border:1px solid #000000!important;border-radius:0!important;background-color:transparent!important;font-weight:700!important}.mock-dashboard.style-swissminimalist .status-badge.success{color:#000!important}.mock-dashboard.style-swissminimalist .status-badge.pending{color:#ff3e3e!important;border-color:#ff3e3e!important}.mock-dashboard.style-retroarcade{background-color:#000!important;color:#39ff14!important;font-family:Courier Prime,monospace!important;box-shadow:inset 0 0 20px #39ff1433!important}.mock-dashboard.style-retroarcade .mock-sidebar{background-color:#000!important;border-right:3px double #39ff14!important}.mock-dashboard.style-retroarcade .mock-logo{font-family:Courier Prime,monospace!important;color:#39ff14!important;text-shadow:0 0 6px #39ff14!important}.mock-dashboard.style-retroarcade .mock-nav-item{color:#166534!important}.mock-dashboard.style-retroarcade .mock-nav-item.active{background-color:transparent!important;color:#39ff14!important;border-left:2px dashed #39ff14!important;text-shadow:0 0 5px #39ff14!important}.mock-dashboard.style-retroarcade .mock-main{background-color:#000!important}.mock-dashboard.style-retroarcade .mock-header{background-color:#000!important;border-bottom:3px double #39ff14!important}.mock-dashboard.style-retroarcade .mock-header-title{color:#39ff14!important;text-shadow:0 0 5px #39ff14!important}.mock-dashboard.style-retroarcade .mock-avatar{border:1px solid #39ff14!important;background-color:#000!important;box-shadow:0 0 4px #39ff14!important;border-radius:0!important}.mock-dashboard.style-retroarcade .mock-banner{background-color:#000!important;color:#39ff14!important;border:3px double #39ff14!important;box-shadow:0 0 10px #39ff1466!important}.mock-dashboard.style-retroarcade .mock-banner h2{text-shadow:0 0 5px #39ff14!important}.mock-dashboard.style-retroarcade .mock-banner p{color:#22c55e!important}.mock-dashboard.style-retroarcade .mock-metric-card{background-color:#000!important;border:1px dashed #39ff14!important}.mock-dashboard.style-retroarcade .metric-lbl{color:#166534!important}.mock-dashboard.style-retroarcade .metric-val{color:#39ff14!important;text-shadow:0 0 4px #39ff14!important}.mock-dashboard.style-retroarcade .mock-table-card{border:3px double #39ff14!important;background-color:#000!important;box-shadow:0 0 8px #39ff144d!important;border-radius:0!important}.mock-dashboard.style-retroarcade .mock-table-header{border-bottom:3px double #39ff14!important}.mock-dashboard.style-retroarcade .mock-btn{background-color:#39ff14!important;color:#000!important;border:1px solid #000000!important;font-weight:700!important;border-radius:0!important}.mock-dashboard.style-retroarcade .mock-btn:hover{background-color:#22c55e!important;color:#fff!important;box-shadow:0 0 8px #39ff14!important}.mock-dashboard.style-retroarcade .mock-table-row{border-bottom:1px dashed #166534!important;color:#22c55e!important}.mock-dashboard.style-retroarcade .mock-table-row span:last-child{color:#39ff14!important;text-shadow:0 0 3px #39ff14!important}.mock-dashboard.style-retroarcade .status-badge{border:1px solid #39ff14!important;background-color:transparent!important;color:#39ff14!important;border-radius:0!important}.mock-dashboard.style-retroarcade .status-badge.success{box-shadow:0 0 3px #39ff14!important}.mock-dashboard.style-retroarcade .status-badge.pending{color:#22c55e!important;border-color:#22c55e!important}.mock-dashboard.style-bauhaus{font-family:Inter,sans-serif!important;background-color:#f5ebd6!important;color:#1c1917!important}.mock-dashboard.style-bauhaus .mock-sidebar{background-color:#b91c1c!important;border-right:2px solid #1c1917!important}.mock-dashboard.style-bauhaus .mock-logo{color:#f5ebd6!important}.mock-dashboard.style-bauhaus .mock-nav-item{color:#f5ebd6b3!important;border-radius:0!important}.mock-dashboard.style-bauhaus .mock-nav-item.active{background-color:#1c1917!important;color:#f5ebd6!important;border-left:none!important}.mock-dashboard.style-bauhaus .mock-main{background-color:#f5ebd6!important}.mock-dashboard.style-bauhaus .mock-header{background-color:#f5ebd6!important;border-bottom:2px solid #1c1917!important}.mock-dashboard.style-bauhaus .mock-header-title{color:#1c1917!important;font-weight:800!important}.mock-dashboard.style-bauhaus .mock-avatar{border:2px solid #1c1917!important;border-radius:50%!important;background-color:#1e40af!important}.mock-dashboard.style-bauhaus .mock-banner{background-color:#facc15!important;color:#1c1917!important;border:2px solid #1c1917!important;border-radius:0!important}.mock-dashboard.style-bauhaus .mock-banner h2{font-weight:900!important;text-transform:uppercase!important}.mock-dashboard.style-bauhaus .mock-metric-card{background-color:#1e40af!important;color:#fff!important;border:2px solid #1c1917!important;border-radius:0!important}.mock-dashboard.style-bauhaus .mock-metric-card:nth-child(2){background-color:#fff!important;color:#1c1917!important}.mock-dashboard.style-bauhaus .mock-metric-card:nth-child(3){background-color:#1c1917!important;color:#f5ebd6!important}.mock-dashboard.style-bauhaus .metric-lbl{color:inherit!important;opacity:.8!important;font-weight:700!important}.mock-dashboard.style-bauhaus .metric-val{color:inherit!important;font-weight:800!important}.mock-dashboard.style-bauhaus .mock-table-card{border:2px solid #1c1917!important;border-radius:0!important;background-color:#fff!important}.mock-dashboard.style-bauhaus .mock-table-header{border-bottom:2px solid #1c1917!important;background-color:#f5ebd6!important}.mock-dashboard.style-bauhaus .mock-btn{background-color:#1c1917!important;color:#f5ebd6!important;border:none!important;border-radius:0!important}.mock-dashboard.style-bauhaus .mock-table-row{border-bottom:1.5px solid #1c1917!important;color:#1c1917!important}.mock-dashboard.style-bauhaus .status-badge{border:1.5px solid #1c1917!important;border-radius:50px!important;background-color:#fff!important;color:#1c1917!important}.mock-dashboard.style-bauhaus .status-badge.success{background-color:#facc15!important}.mock-dashboard.style-artdeco{font-family:Georgia,serif!important;background-color:#111827!important;color:#f8fafc!important}.mock-dashboard.style-artdeco .mock-sidebar{background-color:#0f172a!important;border-right:2px solid #e5c158!important}.mock-dashboard.style-artdeco .mock-logo{color:#e5c158!important;font-weight:700!important;letter-spacing:.1em!important}.mock-dashboard.style-artdeco .mock-nav-item{color:#f8fafc99!important;border-radius:0!important}.mock-dashboard.style-artdeco .mock-nav-item.active{background-color:#e5c1581a!important;color:#e5c158!important;border-left:3px double #e5c158!important}.mock-dashboard.style-artdeco .mock-main{background-color:#111827!important}.mock-dashboard.style-artdeco .mock-header{background-color:#0f172a!important;border-bottom:2px solid #e5c158!important}.mock-dashboard.style-artdeco .mock-header-title{color:#e5c158!important;letter-spacing:.08em!important}.mock-dashboard.style-artdeco .mock-avatar{border:1px solid #e5c158!important;background-color:#1e293b!important;border-radius:0!important}.mock-dashboard.style-artdeco .mock-banner{background-color:#0f172a!important;border:2px solid #e5c158!important;outline:1px solid #e5c158!important;outline-offset:-4px!important;border-radius:0!important}.mock-dashboard.style-artdeco .mock-banner h2{color:#e5c158!important;letter-spacing:.05em!important}.mock-dashboard.style-artdeco .mock-banner p{color:#cbd5e1!important}.mock-dashboard.style-artdeco .mock-metric-card{background-color:#0f172a!important;border:1px solid #e5c158!important;border-radius:0!important}.mock-dashboard.style-artdeco .metric-lbl{color:#e5c158!important}.mock-dashboard.style-artdeco .metric-val{color:#f8fafc!important}.mock-dashboard.style-artdeco .mock-table-card{border:2px solid #e5c158!important;background-color:#0f172a!important;border-radius:0!important}.mock-dashboard.style-artdeco .mock-table-header{border-bottom:2px solid #e5c158!important}.mock-dashboard.style-artdeco .mock-btn{background-color:transparent!important;color:#e5c158!important;border:1px solid #e5c158!important;border-radius:0!important;text-transform:uppercase!important;letter-spacing:.05em!important}.mock-dashboard.style-artdeco .mock-btn:hover{background-color:#e5c158!important;color:#111827!important}.mock-dashboard.style-artdeco .mock-table-row{border-bottom:1px dashed rgba(229,193,88,.3)!important;color:#cbd5e1!important}.mock-dashboard.style-artdeco .mock-table-row span:last-child{color:#e5c158!important}.mock-dashboard.style-artdeco .status-badge{border:1px solid #e5c158!important;background-color:transparent!important;color:#e5c158!important;border-radius:0!important}.mock-dashboard.style-neumorphism{background-color:#e0e0e0!important;color:#333!important}.mock-dashboard.style-neumorphism .mock-sidebar{background-color:#e0e0e0!important;border-right:none!important;box-shadow:3px 0 10px #00000008!important}.mock-dashboard.style-neumorphism .mock-logo{color:#333!important}.mock-dashboard.style-neumorphism .mock-nav-item{color:#666!important;border-radius:12px!important;margin-bottom:4px}.mock-dashboard.style-neumorphism .mock-nav-item.active{background-color:#e0e0e0!important;color:#000!important;border-left:none!important;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff!important}.mock-dashboard.style-neumorphism .mock-main{background-color:#e0e0e0!important}.mock-dashboard.style-neumorphism .mock-header{background-color:#e0e0e0!important;border-bottom:none!important}.mock-dashboard.style-neumorphism .mock-avatar{border:none!important;background-color:#e0e0e0!important;box-shadow:inset 2px 2px 5px #bebebe,inset -2px -2px 5px #fff!important}.mock-dashboard.style-neumorphism .mock-banner{background-color:#e0e0e0!important;border-radius:16px!important;border:none!important;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff!important}.mock-dashboard.style-neumorphism .mock-metric-card{background-color:#e0e0e0!important;border-radius:14px!important;border:none!important;box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff!important}.mock-dashboard.style-neumorphism .metric-lbl{color:#666!important}.mock-dashboard.style-neumorphism .metric-val{color:#333!important}.mock-dashboard.style-neumorphism .mock-table-card{background-color:#e0e0e0!important;border-radius:16px!important;border:none!important;box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff!important}.mock-dashboard.style-neumorphism .mock-table-header{border-bottom:none!important}.mock-dashboard.style-neumorphism .mock-btn{background-color:#e0e0e0!important;color:#333!important;border:none!important;border-radius:10px!important;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff!important}.mock-dashboard.style-neumorphism .mock-btn:hover{box-shadow:inset 2px 2px 5px #bebebe,inset -2px -2px 5px #fff!important}.mock-dashboard.style-neumorphism .mock-table-row{border-bottom:1px solid rgba(0,0,0,.05)!important;color:#555!important}.mock-dashboard.style-neumorphism .status-badge{border:none!important;border-radius:8px!important;box-shadow:inset 1px 1px 3px #bebebe,inset -1px -1px 3px #fff!important;background-color:#e0e0e0!important}.mock-dashboard.style-neumorphism .status-badge.success{color:#2e7d32!important}.mock-dashboard.style-neumorphism .status-badge.pending{color:#f57f17!important}.mock-dashboard.style-vaporwave{background-color:#1e0a3d!important;color:#0fc!important}.mock-dashboard.style-vaporwave .mock-sidebar{background-color:#120224!important;border-right:2px solid #ff71ce!important}.mock-dashboard.style-vaporwave .mock-logo{color:#ff71ce!important;text-shadow:0 0 8px #ff71ce!important}.mock-dashboard.style-vaporwave .mock-nav-item{color:#0fc!important;border-radius:0!important}.mock-dashboard.style-vaporwave .mock-nav-item.active{background-color:#ff71ce33!important;color:#ff71ce!important;border-left:3px solid #ff71ce!important}.mock-dashboard.style-vaporwave .mock-main{background-color:#1e0a3d!important}.mock-dashboard.style-vaporwave .mock-header{background-color:#120224!important;border-bottom:2px solid #ff71ce!important}.mock-dashboard.style-vaporwave .mock-header-title{color:#0fc!important;text-shadow:0 0 5px #00ffcc!important}.mock-dashboard.style-vaporwave .mock-avatar{border:1px solid #ff71ce!important;background-color:#0fc!important}.mock-dashboard.style-vaporwave .mock-banner{background:linear-gradient(135deg,#ff71ce,#01cdfe)!important;color:#120224!important;border:2px solid #ff71ce!important;border-radius:0!important}.mock-dashboard.style-vaporwave .mock-metric-card{background-color:#120224!important;border:1px solid #00ffcc!important}.mock-dashboard.style-vaporwave .metric-lbl{color:#ff71ce!important}.mock-dashboard.style-vaporwave .metric-val{color:#0fc!important;text-shadow:0 0 5px #00ffcc!important}.mock-dashboard.style-vaporwave .mock-table-card{border:2px solid #ff71ce!important;background-color:#120224!important}.mock-dashboard.style-vaporwave .mock-table-header{border-bottom:2px solid #ff71ce!important}.mock-dashboard.style-vaporwave .mock-btn{background-color:transparent!important;color:#0fc!important;border:1px solid #00ffcc!important}.mock-dashboard.style-vaporwave .mock-btn:hover{background-color:#0fc!important;color:#120224!important}.mock-dashboard.style-vaporwave .mock-table-row{border-bottom:1px solid rgba(255,113,206,.2)!important;color:#fff!important}.mock-dashboard.style-vaporwave .status-badge{border:1px solid #00ffcc!important;background-color:transparent!important;color:#0fc!important;border-radius:0!important}.mock-dashboard.style-botanical{font-family:Georgia,serif!important;background-color:#fcfbfa!important;color:#2c3531!important}.mock-dashboard.style-botanical .mock-sidebar{background-color:#1e3f20!important;border-right:1px solid #c2c5aa!important}.mock-dashboard.style-botanical .mock-logo{color:#fcfbfa!important}.mock-dashboard.style-botanical .mock-nav-item{color:#fcfbfab3!important;border-radius:8px!important}.mock-dashboard.style-botanical .mock-nav-item.active{background-color:#fcfbfa1a!important;color:#fff!important;border-left:none!important}.mock-dashboard.style-botanical .mock-main{background-color:#fcfbfa!important}.mock-dashboard.style-botanical .mock-header{background-color:#fcfbfa!important;border-bottom:1px solid #c2c5aa!important}.mock-dashboard.style-botanical .mock-header-title{color:#1e3f20!important}.mock-dashboard.style-botanical .mock-avatar{border:1px solid #1e3f20!important;background-color:#c2c5aa!important}.mock-dashboard.style-botanical .mock-banner{background-color:#e8f5e9!important;color:#1b5e20!important;border:1px solid #c8e6c9!important;border-radius:12px!important}.mock-dashboard.style-botanical .mock-metric-card{background-color:#fff!important;border:1px solid #c2c5aa!important;border-radius:12px!important}.mock-dashboard.style-botanical .metric-lbl{color:#7f8c8d!important}.mock-dashboard.style-botanical .metric-val{color:#1e3f20!important}.mock-dashboard.style-botanical .mock-table-card{border:1px solid #c2c5aa!important;background-color:#fff!important;border-radius:12px!important;overflow:hidden!important}.mock-dashboard.style-botanical .mock-table-header{border-bottom:1px solid #c2c5aa!important}.mock-dashboard.style-botanical .mock-btn{background-color:#1e3f20!important;color:#fff!important;border:none!important;border-radius:6px!important}.mock-dashboard.style-botanical .mock-table-row{border-bottom:1px solid #f1f1f1!important;color:#555!important}.mock-dashboard.style-botanical .status-badge{border:none!important;border-radius:12px!important}.mock-dashboard.style-botanical .status-badge.success{background-color:#d1e7dd!important;color:#0f5132!important}.mock-dashboard.style-botanical .status-badge.pending{background-color:#fff3cd!important;color:#664d03!important}.mock-dashboard.style-monochrome{background-color:#000!important;color:#fff!important;font-family:Inter,sans-serif!important}.mock-dashboard.style-monochrome .mock-sidebar{background-color:#000!important;border-right:1px solid #ffffff!important}.mock-dashboard.style-monochrome .mock-logo{color:#fff!important;font-weight:900!important}.mock-dashboard.style-monochrome .mock-nav-item{color:#888!important;border-radius:0!important}.mock-dashboard.style-monochrome .mock-nav-item.active{background-color:#fff!important;color:#000!important;border-left:none!important}.mock-dashboard.style-monochrome .mock-main{background-color:#000!important}.mock-dashboard.style-monochrome .mock-header{background-color:#000!important;border-bottom:1px solid #ffffff!important}.mock-dashboard.style-monochrome .mock-header-title{color:#fff!important}.mock-dashboard.style-monochrome .mock-avatar{border:1px solid #ffffff!important;background-color:#000!important}.mock-dashboard.style-monochrome .mock-banner,.mock-dashboard.style-monochrome .mock-metric-card{background-color:#000!important;border:1px solid #ffffff!important;border-radius:0!important}.mock-dashboard.style-monochrome .metric-lbl{color:#888!important}.mock-dashboard.style-monochrome .metric-val{color:#fff!important}.mock-dashboard.style-monochrome .mock-table-card{border:1px solid #ffffff!important;background-color:#000!important;border-radius:0!important}.mock-dashboard.style-monochrome .mock-table-header{border-bottom:1px solid #ffffff!important}.mock-dashboard.style-monochrome .mock-btn{background-color:#fff!important;color:#000!important;border:none!important;border-radius:0!important}.mock-dashboard.style-monochrome .mock-table-row{border-bottom:1px solid #333333!important;color:#888!important}.mock-dashboard.style-monochrome .mock-table-row span:last-child{color:#fff!important}.mock-dashboard.style-monochrome .status-badge{border:1px solid #ffffff!important;background-color:transparent!important;color:#fff!important;border-radius:0!important}.designprompts-iframe{width:100%;height:82vh;min-height:820px;border:1px solid var(--outline-subtle);border-radius:var(--radius-lg);background-color:#0c0a09;display:block}.slide-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);align-items:center}@media (min-width: 768px){.slide-grid{grid-template-columns:1fr 1.2fr}}.carousel-btn{transition:all var(--transition-normal)}.carousel-btn:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--outline)}.carousel-btn:active{transform:translate(0);box-shadow:none}.carousel-indicator{display:inline-block;width:8px;height:8px;background-color:var(--bg-card);border:1px solid var(--outline);cursor:pointer;transition:all .2s ease}.carousel-indicator.active{background-color:var(--accent)!important}.carousel-slide{padding:var(--spacing-sm)!important}@media (min-width: 768px){.carousel-slide{padding:var(--spacing-md)!important}}.organic-blob{position:absolute;width:350px;height:350px;filter:blur(90px);opacity:.18;pointer-events:none;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}.organic-blob-primary{background-color:var(--primary);border-radius:50% 50% 30% 70%/50% 60% 40% 50%}.organic-blob-secondary{background-color:var(--secondary);border-radius:40% 60% 50% 50%/60% 40%}