:root{--bg-deep:#0a0a14;--bg-surface:#12121f;--bg-raised:#1a1a2e;--bg-elevated:#22223a;--text-primary:#e8e8f0;--text-secondary:#b0b0c8;--text-muted:#8888a0;--border-subtle:hsla(0,0%,100%,.06);--border-visible:hsla(0,0%,100%,.1);--border-active:hsla(0,0%,100%,.16);--glass-bg:rgba(15,15,25,.65);--glass-bg-hover:rgba(25,25,40,.75);--glass-blur:blur(24px) saturate(180%);--glass-border:1px solid hsla(0,0%,100%,.08);--glass-border-hover:1px solid hsla(0,0%,100%,.14);--glass-radius:16px;--glass-shadow:0 8px 32px rgba(0,0,0,.3);--status-live:#00b894;--status-blocked:#ff6b6b;--status-idle:#8888a0;--status-warning:#f9a825;--font-sans:"Inter","SF Pro Display",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--font-weight-heading:700;--font-weight-body:400;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);transition:all var(--duration-normal) var(--ease-out)}.glass-card:hover{background:var(--glass-bg-hover);border:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.glass-card-interactive{cursor:pointer}.glass-card-interactive:active{transform:translateY(0);box-shadow:var(--glass-shadow)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:var(--glass-border)}.brand-gradient{background:var(--brand-gradient,linear-gradient(135deg,#6c5ce7,#a29bfe));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.live{background:var(--status-live);box-shadow:0 0 8px var(--status-live)}.status-dot.blocked{background:var(--status-blocked);box-shadow:0 0 8px var(--status-blocked)}.status-dot.idle{background:var(--status-idle)}.status-dot.warning{background:var(--status-warning);box-shadow:0 0 8px var(--status-warning)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;border-radius:12px;border:var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.btn:hover{background:var(--glass-bg-hover);border:var(--glass-border-hover)}.btn-primary{background:var(--brand-primary,#6c5ce7);border:none;color:#fff}.btn-primary:hover{filter:brightness(1.15)}.btn-ghost{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:8px;transition:all var(--duration-fast) var(--ease-out)}.btn-ghost:hover{color:var(--text-primary);background:hsla(0,0%,100%,.05)}input,select,textarea{background:var(--bg-raised);border:var(--glass-border);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:border var(--duration-fast) var(--ease-out);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary,#6c5ce7);box-shadow:0 0 0 3px rgba(108,92,231,.15)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.brand-layout{display:flex;min-height:100vh}.brand-main{flex:1 1;padding:var(--space-xl);max-width:1200px;margin:0 auto}.brand-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0;margin-bottom:var(--space-xl);border-bottom:var(--glass-border)}.brand-header h1{font-size:28px;font-weight:var(--font-weight-heading);letter-spacing:-.5px}.brand-header .tagline{font-size:14px;color:var(--text-muted);margin-top:4px}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--glass-bg);border:var(--glass-border)}.badge.live{color:var(--status-live);border-color:rgba(0,184,148,.2)}.badge.blocked{color:var(--status-blocked);border-color:hsla(0,100%,71%,.2)}.badge.idle{color:var(--status-idle)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.14)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}@media (max-width:768px){.brand-layout{flex-direction:column}.brand-main{padding:var(--space-md)}.brand-grid{grid-template-columns:1fr}}