:root{--ap-bg-base-hsl: 200, 12%, 5%;--ap-bg-surface-hsl: 200, 10%, 8%;--ap-bg-overlay-hsl: 200, 10%, 7%;--ap-bg-base: hsl(var(--ap-bg-base-hsl));--ap-bg-surface: hsl(var(--ap-bg-surface-hsl));--ap-bg-overlay: hsla(var(--ap-bg-overlay-hsl), .7);--ap-bg-card: hsla(200, 10%, 12%, .4);--ap-bg-card-hover: hsla(200, 10%, 15%, .6);--ap-border-dim: rgba(255, 255, 255, .02);--ap-border-subtle: rgba(255, 255, 255, .06);--ap-border-strong: rgba(255, 255, 255, .12);--ap-text-dim: hsl(200, 5%, 45%);--ap-text-muted: hsl(200, 8%, 70%);--ap-text-bright: hsl(200, 12%, 94%);--ap-text-highlight: hsl(190, 95%, 75%);--ap-accent-base-hsl: 195, 85%, 60%;--ap-accent-base: hsl(var(--ap-accent-base-hsl));--ap-accent-glow: hsla(var(--ap-accent-base-hsl), .12);--ap-accent-border: hsla(var(--ap-accent-base-hsl), .35);--ap-color-success: hsl(145, 65%, 45%);--ap-color-success-glow: hsla(145, 65%, 45%, .15);--ap-color-warning: hsl(35, 85%, 55%);--ap-color-warning-glow: hsla(35, 85%, 55%, .15);--ap-color-danger: hsl(355, 75%, 60%);--ap-color-danger-glow: hsla(355, 75%, 60%, .15);--ap-blur-premium: blur(24px);--ap-blur-subtle: blur(12px);--ap-shadow-ambient: 0 12px 40px -10px rgba(0, 0, 0, .6);--ap-shadow-glow: 0 0 20px -2px hsla(var(--ap-accent-base-hsl), .2);--ap-font-primary: "Outfit", "Inter", -apple-system, sans-serif;--ap-font-mono: "JetBrains Mono", monospace;--ap-sidebar-width: 340px;--ap-header-height: 60px;--ap-transition-fluid: all .35s cubic-bezier(.25, .8, .25, 1);--ap-transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.275)}body{margin:0;padding:0;background-color:var(--ap-bg-base);color:var(--ap-text-bright);font-family:var(--ap-font-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;height:100vh;position:relative}.app-header{height:var(--ap-header-height);background-color:var(--ap-bg-surface);border-bottom:1px solid var(--ap-border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box;z-index:10;box-shadow:0 4px 20px #0000004d}.brand-logo{font-size:18px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--ap-text-bright) 30%,var(--ap-text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:10px}.header-status{display:flex;align-items:center;gap:8px;background:#1c202280;padding:6px 14px;border-radius:99px;border:1px solid var(--ap-border-subtle)}.status-indicator{width:6px;height:6px;border-radius:50%;background-color:var(--ap-color-success);box-shadow:0 0 10px var(--ap-color-success);display:inline-block}.status-label{font-size:11px;font-weight:500;color:var(--ap-text-muted);letter-spacing:.5px;text-transform:uppercase}.app-shell{display:flex;flex:1;overflow:hidden;position:relative}.sidebar-container{width:var(--ap-sidebar-width);background-color:var(--ap-bg-surface);border-right:1px solid var(--ap-border-subtle);display:flex;flex-direction:column;z-index:5;transition:var(--ap-transition-fluid)}.main-viewport{flex:1;position:relative;background-color:var(--ap-bg-base);overflow-y:auto;overflow-x:hidden;padding:30px;box-sizing:border-box}.toolbar-container{position:fixed;bottom:24px;right:24px;background:var(--ap-bg-overlay);backdrop-filter:var(--ap-blur-premium);-webkit-backdrop-filter:var(--ap-blur-premium);border:1px solid var(--ap-border-subtle);border-radius:16px;padding:6px 12px;z-index:100;box-shadow:var(--ap-shadow-ambient);animation:slide-up-toolbar .5s cubic-bezier(.16,1,.3,1) both;display:flex;align-items:center;gap:8px}.toolbar-container:hover{border-color:var(--ap-accent-border);box-shadow:var(--ap-shadow-ambient),var(--ap-shadow-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:99px;border:2px solid var(--ap-bg-base)}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.glass-card{background:var(--ap-bg-card);backdrop-filter:var(--ap-blur-subtle);-webkit-backdrop-filter:var(--ap-blur-subtle);border:1px solid var(--ap-border-subtle);border-radius:16px;padding:24px;box-shadow:0 10px 30px -10px #00000080;transition:var(--ap-transition-fluid);position:relative;overflow:hidden}.glass-card:hover{background:var(--ap-bg-card-hover);border-color:var(--ap-border-strong);transform:translateY(-2px);box-shadow:0 20px 40px -15px #000000b3}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#ffffff0f,#ffffff03);z-index:1}.interactive-element{cursor:pointer;transition:var(--ap-transition-fluid)}.interactive-element:active{transform:scale(.98)}@keyframes slide-up-toolbar{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.glow-text{text-shadow:0 0 10px hsla(var(--ap-accent-base-hsl),.5)}.glow-border{border-color:var(--ap-accent-border)!important;box-shadow:var(--ap-shadow-glow)}