specmem-hardwicksoftware 3.5.99

package/dist/dashboard/public/react-dist/assets/index-iRclxMst.css

@@ -0,0 +1 @@
+.layout-container{display:flex;min-height:100vh;background:var(--csgo-black);position:relative}.layout-sidebar{position:fixed;left:0;top:0;height:100vh;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--csgo-border);transition:width var(--transition-normal);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.layout-sidebar.collapsed{width:var(--nav-width)}.layout-sidebar.expanded{width:var(--nav-width-expanded)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--csgo-border);display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-md);animation:slideInRight var(--transition-normal)}.logo-icon{font-size:24px;color:var(--csgo-yellow);text-shadow:0 0 10px var(--csgo-yellow-glow)}.logo-text{font-family:Orbitron,monospace;font-size:18px;font-weight:700;color:var(--csgo-yellow);letter-spacing:3px;text-shadow:0 0 10px var(--csgo-yellow-glow)}.sidebar-toggle{background:transparent;border:none;color:var(--csgo-text-dim);font-size:16px;cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast);border-radius:var(--radius-sm)}.sidebar-toggle:hover{color:var(--csgo-yellow);background:var(--csgo-yellow-subtle)}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--csgo-text-dim);text-decoration:none;transition:all var(--transition-fast);position:relative;font-size:13px;font-weight:500;letter-spacing:.5px}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--csgo-yellow);transform:scaleY(0);transition:transform var(--transition-fast)}.nav-item:hover{color:var(--csgo-yellow);background:var(--csgo-yellow-subtle)}.nav-item:hover:before{transform:scaleY(1)}.nav-item.active{color:var(--csgo-yellow);background:linear-gradient(90deg,rgba(255,215,0,.15) 0%,transparent 100%)}.nav-item.active:before{transform:scaleY(1);box-shadow:0 0 10px var(--csgo-yellow-glow)}.nav-icon{font-size:20px;min-width:24px;text-align:center}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-sidebar.collapsed .nav-item{justify-content:center;padding:var(--spacing-md)}.layout-sidebar.collapsed .nav-label{display:none}.sidebar-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--csgo-border)}.sidebar-version{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.version-label{font-size:10px;color:var(--csgo-text-dim);text-transform:uppercase;letter-spacing:1px}.layout-main{flex:1;display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}.layout-sidebar.expanded~.layout-main{margin-left:var(--nav-width-expanded)}.layout-sidebar.collapsed~.layout-main{margin-left:var(--nav-width)}.layout-header{position:sticky;top:0;height:var(--header-height);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--csgo-border);padding:0 var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);z-index:900;box-shadow:var(--shadow-md)}.header-left,.header-title{display:flex;align-items:center;gap:var(--spacing-md)}.title-icon{font-size:24px;color:var(--csgo-yellow);text-shadow:0 0 10px var(--csgo-yellow-glow)}.header-title h1{font-family:Orbitron,monospace;font-size:18px;font-weight:700;color:var(--csgo-yellow);letter-spacing:2px;margin:0}.title-subtitle{font-size:11px;color:var(--csgo-text-dim);text-transform:uppercase;letter-spacing:1px;padding-left:var(--spacing-md);border-left:1px solid var(--csgo-border)}.header-center{flex:1;display:flex;justify-content:center;max-width:600px;margin:0 auto}.header-search{position:relative;width:100%;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);font-size:14px;color:var(--csgo-text-dim);pointer-events:none}.search-input{width:100%;padding-left:44px!important;background:var(--csgo-dark)!important;border:1px solid var(--csgo-border)!important;font-size:13px!important}.search-input:focus{border-color:var(--csgo-yellow)!important;box-shadow:0 0 20px var(--csgo-yellow-glow)!important}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.connection-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--csgo-gray);border-radius:var(--radius-md);border:1px solid var(--csgo-border)}.status-text{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--csgo-text-dim)}.connection-status .sm-status-dot.active~.status-text{color:var(--csgo-success)}.connection-status .sm-status-dot.offline~.status-text{color:var(--csgo-error)}.user-info{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--csgo-gray);border:1px solid var(--csgo-border);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.user-info:hover{border-color:var(--csgo-yellow);box-shadow:0 0 15px var(--csgo-yellow-glow)}.user-icon{font-size:18px}.layout-content{flex:1;padding:var(--spacing-xl);overflow-y:auto;position:relative;z-index:1}.layout-footer{background:var(--csgo-dark);border-top:1px solid var(--csgo-border);padding:var(--spacing-md) var(--spacing-lg);z-index:900}.footer-content{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--csgo-text-dim)}.footer-left,.footer-center,.footer-right{display:flex;align-items:center;gap:var(--spacing-md)}.footer-brand{font-weight:600;letter-spacing:.5px}.footer-version{color:var(--csgo-yellow)}.footer-separator{color:var(--csgo-border)}.footer-link{color:var(--csgo-text-dim);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--csgo-yellow)}.footer-stats{font-family:JetBrains Mono,monospace;font-size:10px;padding:2px 6px;background:var(--csgo-gray);border-radius:var(--radius-sm)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:999;animation:fadeIn var(--transition-fast)}@media (max-width: 1200px){.header-title h1{font-size:16px}.title-subtitle{display:none}}@media (max-width: 768px){.layout-sidebar{transform:translate(-100%)}.layout-sidebar.expanded{transform:translate(0);box-shadow:var(--shadow-lg)}.layout-main{margin-left:0!important}.header-left{display:none}.header-center{flex:1;margin:0}.layout-content{padding:var(--spacing-lg)}.footer-center{display:none}.footer-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width: 480px){.layout-header{padding:0 var(--spacing-md)}.connection-status .status-text{display:none}.layout-content{padding:var(--spacing-md)}.footer-stats{font-size:9px}}@keyframes navItemSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.nav-item{animation:navItemSlide .3s ease backwards}.nav-item:nth-child(1){animation-delay:.05s}.nav-item:nth-child(2){animation-delay:.1s}.nav-item:nth-child(3){animation-delay:.15s}.nav-item:nth-child(4){animation-delay:.2s}.nav-item:nth-child(5){animation-delay:.25s}@media (prefers-reduced-motion: reduce){.layout-sidebar,.nav-item,.sidebar-logo,.sidebar-toggle,.user-info{animation:none;transition:none}}.nav-item:focus-visible,.sidebar-toggle:focus-visible,.user-info:focus-visible,.footer-link:focus-visible{outline:2px solid var(--csgo-yellow);outline-offset:2px}.stats-dashboard{padding:var(--spacing-xl);animation:fadeIn .5s ease}.dashboard-header{margin-bottom:var(--spacing-xl);text-align:center;animation:slideInUp .6s ease}.dashboard-header h1{margin-bottom:var(--spacing-sm);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 10px var(--csgo-yellow-glow),0 0 20px var(--csgo-yellow-glow),0 0 30px var(--csgo-yellow-glow)}50%{text-shadow:0 0 20px var(--csgo-yellow-glow),0 0 30px var(--csgo-yellow-glow),0 0 40px var(--csgo-yellow-glow),0 0 50px var(--csgo-yellow-glow)}}.metric-card{transition:all var(--transition-normal);animation:slideInUp .4s ease backwards}.metric-card:nth-child(1){animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}.metric-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-yellow),0 0 40px var(--csgo-yellow-glow)}.activity-bar{animation:barGrow .6s ease backwards}.activity-bar:hover{filter:brightness(1.2);transform:scaleY(1.05)}@keyframes barGrow{0%{height:0;opacity:0}to{opacity:1}}.sm-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--csgo-black)}.sm-loading-screen p{margin-top:var(--spacing-lg);color:var(--csgo-yellow);font-family:Orbitron,monospace;font-size:18px;letter-spacing:2px;animation:pulse 2s ease-in-out infinite}@media (max-width: 1200px){.stats-dashboard{padding:var(--spacing-lg)}}@media (max-width: 768px){.stats-dashboard{padding:var(--spacing-md)}.dashboard-header h1{font-size:1.5rem}.sm-grid-4,.sm-grid-3,.sm-grid-2{grid-template-columns:1fr}.metric-card{padding:var(--spacing-md)}}@media (max-width: 480px){.dashboard-header h1{font-size:1.25rem}.metric-card{padding:var(--spacing-sm)}}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}.metric-card[data-critical=true] .glow-yellow{animation:glitch 1s infinite}.sm-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--csgo-yellow) 50%,transparent 100%);opacity:0;animation:scanline 3s ease-in-out infinite;pointer-events:none}@keyframes scanline{0%,to{opacity:0;transform:translateY(0)}50%{opacity:.5;transform:translateY(100px)}}.sm-panel:hover:before{animation-duration:1.5s}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 var(--csgo-success-glow)}50%{box-shadow:0 0 0 6px transparent}}.sm-status-dot.active{animation:statusPulse 2s ease-in-out infinite}.stats-dashboard::-webkit-scrollbar{width:10px}.stats-dashboard::-webkit-scrollbar-track{background:var(--csgo-darker);border-left:1px solid var(--csgo-border)}.stats-dashboard::-webkit-scrollbar-thumb{background:var(--csgo-yellow-dark);border-radius:var(--radius-sm);border:2px solid var(--csgo-darker)}.stats-dashboard::-webkit-scrollbar-thumb:hover{background:var(--csgo-yellow);box-shadow:0 0 10px var(--csgo-yellow-glow)}:root{--cyan-primary: #00bfff;--cyan-light: #33ccff;--cyan-dark: #0099cc;--cyan-glow: rgba(0, 191, 255, .5);--cyan-subtle: rgba(0, 191, 255, .1);--purple-primary: #a855f7;--purple-light: #c084fc;--purple-dark: #7c3aed;--purple-glow: rgba(168, 85, 247, .5);--purple-subtle: rgba(168, 85, 247, .1);--csgo-yellow: #FFD700;--csgo-yellow-light: #FFE44D;--csgo-yellow-dark: #CCAC00;--csgo-yellow-glow: rgba(255, 215, 0, .5);--csgo-yellow-subtle: rgba(255, 215, 0, .1);--csgo-black: #000000;--csgo-gray-dark: #0a0a0a;--csgo-gray-medium: #1a1a1a;--csgo-gray-light: #2a2a2a;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-elevated: #222230;--bg-glass: rgba(17, 17, 24, .7);--bg-glass-hover: rgba(17, 17, 24, .85);--text-primary: #ffffff;--text-secondary: #b4b4c8;--text-tertiary: #808090;--text-muted: #50505a;--text-cyan: var(--cyan-primary);--text-purple: var(--purple-primary);--text-yellow: var(--csgo-yellow);--border-primary: rgba(0, 191, 255, .3);--border-secondary: rgba(168, 85, 247, .3);--border-accent: rgba(255, 215, 0, .3);--border-subtle: rgba(255, 255, 255, .1);--border-glass: rgba(255, 255, 255, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--glow-cyan: 0 0 20px var(--cyan-glow);--glow-cyan-strong: 0 0 30px var(--cyan-glow), 0 0 50px var(--cyan-glow);--glow-purple: 0 0 20px var(--purple-glow);--glow-purple-strong: 0 0 30px var(--purple-glow), 0 0 50px var(--purple-glow);--glow-yellow: 0 0 20px var(--csgo-yellow-glow);--glow-yellow-strong: 0 0 30px var(--csgo-yellow-glow), 0 0 50px var(--csgo-yellow-glow);--font-heading: "Orbitron", "Rajdhani", sans-serif;--font-body: "Rajdhani", "Inter", sans-serif;--font-ui: "Inter", "Rajdhani", sans-serif;--font-mono: "Courier New", "Courier", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .4s ease-in-out;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--z-notification: 1700;--glass-blur: blur(12px);--glass-blur-strong: blur(20px);--glass-opacity: .7;--glass-border: 1px solid var(--border-glass)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);background-image:radial-gradient(circle at 20% 30%,rgba(0,191,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.02) 0%,transparent 80%);background-attachment:fixed;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:1.2;letter-spacing:.05em;text-transform:uppercase}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}a{color:var(--cyan-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--cyan-light);text-shadow:var(--glow-cyan)}@keyframes glow-cyan{0%,to{box-shadow:0 0 10px var(--cyan-glow),0 0 20px var(--cyan-glow)}50%{box-shadow:0 0 20px var(--cyan-glow),0 0 40px var(--cyan-glow)}}@keyframes glow-purple{0%,to{box-shadow:0 0 10px var(--purple-glow),0 0 20px var(--purple-glow)}50%{box-shadow:0 0 20px var(--purple-glow),0 0 40px var(--purple-glow)}}@keyframes glow-yellow{0%,to{box-shadow:0 0 10px var(--csgo-yellow-glow),0 0 20px var(--csgo-yellow-glow)}50%{box-shadow:0 0 20px var(--csgo-yellow-glow),0 0 40px var(--csgo-yellow-glow)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.sm-panel{background:var(--bg-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transition:all var(--transition-base)}.sm-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--cyan-primary) 50%,transparent 100%);opacity:.5}.sm-panel:hover{background:var(--bg-glass-hover);border-color:var(--border-primary);box-shadow:var(--shadow-xl),var(--glow-cyan);transform:translateY(-2px)}.sm-panel-cyan{border-color:var(--border-primary)}.sm-panel-cyan:hover{box-shadow:var(--shadow-xl),var(--glow-cyan)}.sm-panel-purple{border-color:var(--border-secondary)}.sm-panel-purple:hover{border-color:var(--purple-primary);box-shadow:var(--shadow-xl),var(--glow-purple)}.sm-panel-yellow{border-color:var(--border-accent)}.sm-panel-yellow:hover{border-color:var(--csgo-yellow);box-shadow:var(--shadow-xl),var(--glow-yellow)}.sm-panel-dark{background:#000c;border-color:var(--border-subtle)}.sm-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative}.sm-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sm-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.sm-card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--cyan-primary);text-transform:uppercase;letter-spacing:.05em}.sm-card-body{color:var(--text-secondary)}.sm-card-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.sm-card-interactive{cursor:pointer}.sm-card-interactive:hover{border-color:var(--cyan-primary);box-shadow:var(--shadow-lg),var(--glow-cyan)}.sm-btn{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden;white-space:nowrap}.sm-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.sm-btn:hover:before{left:100%}.sm-btn-primary{background:linear-gradient(135deg,var(--cyan-dark),var(--cyan-primary));color:var(--csgo-black);border-color:var(--cyan-primary);box-shadow:0 0 10px var(--cyan-glow)}.sm-btn-primary:hover{background:linear-gradient(135deg,var(--cyan-primary),var(--cyan-light));box-shadow:var(--glow-cyan-strong);transform:translateY(-2px)}.sm-btn-primary:active{transform:translateY(0)}.sm-btn-secondary{background:linear-gradient(135deg,var(--purple-dark),var(--purple-primary));color:var(--text-primary);border-color:var(--purple-primary);box-shadow:0 0 10px var(--purple-glow)}.sm-btn-secondary:hover{background:linear-gradient(135deg,var(--purple-primary),var(--purple-light));box-shadow:var(--glow-purple-strong);transform:translateY(-2px)}.sm-btn-accent{background:linear-gradient(135deg,var(--csgo-yellow-dark),var(--csgo-yellow));color:var(--csgo-black);border-color:var(--csgo-yellow);box-shadow:0 0 10px var(--csgo-yellow-glow);font-family:var(--font-heading);font-weight:var(--font-bold)}.sm-btn-accent:hover{background:linear-gradient(135deg,var(--csgo-yellow),var(--csgo-yellow-light));box-shadow:var(--glow-yellow-strong);transform:translateY(-2px)}.sm-btn-outline{background:transparent;color:var(--cyan-primary);border-color:var(--cyan-primary)}.sm-btn-outline:hover{background:var(--cyan-subtle);box-shadow:var(--glow-cyan)}.sm-btn-outline-purple{background:transparent;color:var(--purple-primary);border-color:var(--purple-primary)}.sm-btn-outline-purple:hover{background:var(--purple-subtle);box-shadow:var(--glow-purple)}.sm-btn-outline-yellow{background:transparent;color:var(--csgo-yellow);border-color:var(--csgo-yellow)}.sm-btn-outline-yellow:hover{background:var(--csgo-yellow-subtle);box-shadow:var(--glow-yellow)}.sm-btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.sm-btn-ghost:hover{background:var(--bg-tertiary);color:var(--cyan-primary);border-color:var(--border-primary)}.sm-btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.sm-btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.sm-btn-icon{padding:var(--space-sm);aspect-ratio:1}.sm-badge{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap;border:1px solid transparent}.sm-badge-cyan{background:var(--cyan-subtle);color:var(--cyan-light);border-color:var(--cyan-primary)}.sm-badge-purple{background:var(--purple-subtle);color:var(--purple-light);border-color:var(--purple-primary)}.sm-badge-yellow{background:var(--csgo-yellow-subtle);color:var(--csgo-yellow);border-color:var(--csgo-yellow)}.sm-badge-success{background:#22c55e1a;color:#4ade80;border-color:#22c55e}.sm-badge-warning{background:#fbbf241a;color:#fbbf24;border-color:#f59e0b}.sm-badge-error{background:#ef44441a;color:#f87171;border-color:#ef4444}.sm-badge-info{background:var(--cyan-subtle);color:var(--cyan-primary);border-color:var(--cyan-primary)}.sm-badge-glow{animation:glow-cyan 2s ease-in-out infinite}.sm-input,.sm-select,.sm-textarea{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);width:100%;transition:all var(--transition-fast);outline:none}.sm-input:focus,.sm-select:focus,.sm-textarea:focus{border-color:var(--cyan-primary);box-shadow:0 0 0 3px var(--cyan-subtle),var(--glow-cyan);background:var(--bg-secondary)}.sm-input::placeholder,.sm-textarea::placeholder{color:var(--text-muted)}.sm-input:disabled,.sm-select:disabled,.sm-textarea:disabled{opacity:.5;cursor:not-allowed}.sm-textarea{resize:vertical;min-height:100px}.sm-form-group{margin-bottom:var(--space-md)}.sm-label{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-xs);display:block;text-transform:uppercase;letter-spacing:.05em}.sm-form-error{font-size:var(--text-xs);color:#ef4444;margin-top:var(--space-xs)}.sm-form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.sm-checkbox,.sm-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all var(--transition-fast)}.sm-radio{border-radius:var(--radius-full)}.sm-checkbox:checked,.sm-radio:checked{background:var(--cyan-primary);border-color:var(--cyan-primary);box-shadow:var(--glow-cyan)}.sm-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--csgo-black);font-weight:var(--font-bold)}.sm-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--csgo-black);border-radius:var(--radius-full)}.sm-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.sm-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary)}.sm-table th{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--cyan-primary);padding:var(--space-md);text-align:left}.sm-table td{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-md);border-top:1px solid var(--border-subtle)}.sm-table tbody tr{transition:all var(--transition-fast)}.sm-table tbody tr:hover{background:var(--bg-tertiary);box-shadow:inset 3px 0 0 var(--cyan-primary)}.sm-table-striped tbody tr:nth-child(2n){background:#ffffff05}.sm-table-compact th,.sm-table-compact td{padding:var(--space-sm)}.text-cyan{color:var(--cyan-primary)}.text-purple{color:var(--purple-primary)}.text-yellow{color:var(--csgo-yellow)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-ui{font-family:var(--font-ui)}.font-mono{font-family:var(--font-mono)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.bg-glass{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.border{border:1px solid var(--border-subtle)}.border-cyan{border-color:var(--border-primary)}.border-purple{border-color:var(--border-secondary)}.border-yellow{border-color:var(--border-accent)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.glow-cyan{box-shadow:var(--glow-cyan)}.glow-purple{box-shadow:var(--glow-purple)}.glow-yellow{box-shadow:var(--glow-yellow)}.animate-glow-cyan{animation:glow-cyan 2s ease-in-out infinite}.animate-glow-purple{animation:glow-purple 2s ease-in-out infinite}.animate-glow-yellow{animation:glow-yellow 2s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fade-in var(--transition-base)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.w-full{width:100%}.h-full{height:100%}.w-screen{width:100vw}.h-screen{height:100vh}.sm-scanline{position:relative;overflow:hidden}.sm-scanline:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan-primary),transparent);opacity:.5;animation:scanline 3s linear infinite}.sm-glitch{position:relative;color:var(--text-primary)}.sm-glitch:before,.sm-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.sm-glitch:before{color:var(--cyan-primary);animation:glitch-1 .3s infinite}.sm-glitch:after{color:var(--purple-primary);animation:glitch-2 .3s infinite}@keyframes glitch-1{0%{clip-path:inset(0 0 0 0)}20%{clip-path:inset(10% 0 85% 0)}40%{clip-path:inset(80% 0 5% 0)}60%{clip-path:inset(50% 0 30% 0)}80%{clip-path:inset(20% 0 60% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes glitch-2{0%{clip-path:inset(0 0 0 0)}20%{clip-path:inset(85% 0 10% 0)}40%{clip-path:inset(5% 0 80% 0)}60%{clip-path:inset(30% 0 50% 0)}80%{clip-path:inset(60% 0 20% 0)}to{clip-path:inset(0 0 0 0)}}.sm-neon-cyan{color:var(--cyan-primary);text-shadow:0 0 5px var(--cyan-glow),0 0 10px var(--cyan-glow),0 0 20px var(--cyan-glow)}.sm-neon-purple{color:var(--purple-primary);text-shadow:0 0 5px var(--purple-glow),0 0 10px var(--purple-glow),0 0 20px var(--purple-glow)}.sm-neon-yellow{color:var(--csgo-yellow);text-shadow:0 0 5px var(--csgo-yellow-glow),0 0 10px var(--csgo-yellow-glow),0 0 20px var(--csgo-yellow-glow)}.sm-holographic{background:linear-gradient(45deg,var(--cyan-primary),var(--purple-primary),var(--csgo-yellow),var(--cyan-primary));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:holographic 3s ease infinite}@keyframes holographic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){:root{--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 1.875rem}.sm-panel{padding:var(--space-md)}.sm-btn{padding:var(--space-sm) var(--space-md)}.sm-table{font-size:var(--text-xs)}.sm-table th,.sm-table td{padding:var(--space-sm)}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}}@media print{body{background:#fff;color:#000}.sm-panel,.sm-card{border:1px solid #ccc;box-shadow:none}.sm-btn{border:1px solid #000}}

package/dist/dashboard/public/react-dist/index.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>SpecMem Dashboard</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+  <script type="module" crossorigin src="/assets/index-CkjobT5B.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-iRclxMst.css">
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>

package/dist/dashboard/public/shared-header.js

@@ -0,0 +1,325 @@
+/**
+ * SPECMEM Shared Header Component
+ * Provides consistent header with stats across all dashboard pages
+ */
+
+class SpecMemHeader {
+    constructor(options = {}) {
+        this.title = options.title || 'SPECMEM';
+        this.subtitle = options.subtitle || 'TACTICAL MEMORY OPERATIONS';
+        this.showStats = options.showStats !== false;
+        this.statsEndpoint = options.statsEndpoint || '/api/specmem/stats';
+        this.refreshInterval = options.refreshInterval || 5000;
+        this.stats = {
+            totalMemories: 0,
+            activeTeamMembers: 0,
+            systemStatus: 'Operational'
+        };
+        this.refreshTimer = null;
+        this.init();
+    }
+
+    init() {
+        this.injectStyles();
+        this.render();
+        if (this.showStats) {
+            this.loadStats();
+            this.startAutoRefresh();
+        }
+    }
+
+    render() {
+        const header = document.createElement('header');
+        header.className = 'specmem-header';
+        header.setAttribute('role', 'banner');
+
+        // Logo section
+        const logo = document.createElement('div');
+        logo.className = 'header-logo';
+        logo.innerHTML = `
+            <span class="logo-text">
+                <span class="logo-primary">${this.title}</span>
+                <span class="logo-secondary">${this.subtitle}</span>
+            </span>
+        `;
+
+        // Stats section
+        const stats = document.createElement('div');
+        stats.className = 'header-stats';
+        stats.id = 'header-stats';
+
+        if (this.showStats) {
+            stats.innerHTML = this.renderStats();
+        }
+
+        header.appendChild(logo);
+        header.appendChild(stats);
+
+        // Insert at the beginning of body
+        document.body.insertBefore(header, document.body.firstChild);
+    }
+
+    renderStats() {
+        return `
+            <div class="stat-item" title="Total memories in the system">
+                <span class="stat-value" id="stat-memories">${this.formatNumber(this.stats.totalMemories)}</span>
+                <span class="stat-label">MEMORIES</span>
+            </div>
+            <div class="stat-item" title="Currently active team members">
+                <span class="stat-value" id="stat-teamMembers">${this.stats.activeTeamMembers}</span>
+                <span class="stat-label">AGENTS</span>
+            </div>
+            <div class="stat-item" title="System operational status">
+                <span class="stat-value status-${this.stats.systemStatus.toLowerCase()}" id="stat-status">
+                    ${this.stats.systemStatus}
+                </span>
+                <span class="stat-label">STATUS</span>
+            </div>
+        `;
+    }
+
+    formatNumber(num) {
+        if (num >= 1000) {
+            return (num / 1000).toFixed(1) + 'K';
+        }
+        return num.toString();
+    }
+
+    async loadStats() {
+        try {
+            const response = await fetch(this.statsEndpoint);
+            if (response.ok) {
+                const data = await response.json();
+                this.updateStats(data);
+            }
+        } catch (error) {
+            console.warn('Failed to load header stats:', error);
+        }
+    }
+
+    updateStats(data) {
+        // Update internal state
+        this.stats.totalMemories = data.totalMemories || data.total || 0;
+        this.stats.activeTeamMembers = data.activeTeamMembers || 0;
+        this.stats.systemStatus = data.status || 'Operational';
+
+        // Update DOM
+        const memEl = document.getElementById('stat-memories');
+        const teamMembersEl = document.getElementById('stat-teamMembers');
+        const statusEl = document.getElementById('stat-status');
+
+        if (memEl) {
+            memEl.textContent = this.formatNumber(this.stats.totalMemories);
+            memEl.classList.add('stat-updated');
+            setTimeout(() => memEl.classList.remove('stat-updated'), 300);
+        }
+
+        if (teamMembersEl) {
+            team membersEl.textContent = this.stats.activeTeamMembers;
+            team membersEl.classList.add('stat-updated');
+            setTimeout(() => team membersEl.classList.remove('stat-updated'), 300);
+        }
+
+        if (statusEl) {
+            statusEl.textContent = this.stats.systemStatus;
+            statusEl.className = `stat-value status-${this.stats.systemStatus.toLowerCase()}`;
+        }
+    }
+
+    startAutoRefresh() {
+        if (this.refreshTimer) {
+            clearInterval(this.refreshTimer);
+        }
+        this.refreshTimer = setInterval(() => this.loadStats(), this.refreshInterval);
+    }
+
+    stopAutoRefresh() {
+        if (this.refreshTimer) {
+            clearInterval(this.refreshTimer);
+            this.refreshTimer = null;
+        }
+    }
+
+    injectStyles() {
+        const styleId = 'specmem-header-styles';
+        if (document.getElementById(styleId)) return;
+
+        const style = document.createElement('style');
+        style.id = styleId;
+        style.textContent = `
+            .specmem-header {
+                position: fixed;
+                top: 0;
+                left: 0;
+                right: 0;
+                height: 60px;
+                background: linear-gradient(180deg, var(--csgo-dark, #0a0a0a) 0%, var(--csgo-black, #000) 100%);
+                border-bottom: 2px solid var(--csgo-yellow, #FFD700);
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding: 0 20px;
+                z-index: 1000;
+                box-shadow: 0 4px 20px rgba(255, 215, 0, 0.2);
+            }
+
+            .header-logo {
+                display: flex;
+                align-items: center;
+                gap: 15px;
+            }
+
+            .logo-text {
+                display: flex;
+                flex-direction: column;
+                line-height: 1.2;
+            }
+
+            .logo-primary {
+                font-family: 'Orbitron', monospace;
+                font-size: 24px;
+                font-weight: 700;
+                color: var(--csgo-yellow, #FFD700);
+                text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
+                letter-spacing: 3px;
+            }
+
+            .logo-secondary {
+                font-family: 'Rajdhani', sans-serif;
+                font-size: 10px;
+                color: var(--csgo-text-dim, #888);
+                letter-spacing: 2px;
+                text-transform: uppercase;
+            }
+
+            .header-stats {
+                display: flex;
+                gap: 30px;
+                font-size: 14px;
+            }
+
+            .stat-item {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                min-width: 70px;
+            }
+
+            .stat-value {
+                font-family: 'Orbitron', monospace;
+                font-size: 18px;
+                color: var(--csgo-yellow, #FFD700);
+                text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
+                font-weight: 600;
+                transition: all 0.3s ease;
+            }
+
+            .stat-value.stat-updated {
+                transform: scale(1.1);
+                text-shadow: 0 0 15px rgba(255, 215, 0, 0.8);
+            }
+
+            .stat-value.status-operational {
+                color: var(--csgo-success, #4CAF50);
+                text-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
+            }
+
+            .stat-value.status-warning {
+                color: var(--csgo-warning, #ff9800);
+                text-shadow: 0 0 5px rgba(255, 152, 0, 0.5);
+            }
+
+            .stat-value.status-error {
+                color: var(--csgo-error, #f44336);
+                text-shadow: 0 0 5px rgba(244, 67, 54, 0.5);
+            }
+
+            .stat-label {
+                font-size: 10px;
+                color: var(--csgo-text-dim, #888);
+                text-transform: uppercase;
+                letter-spacing: 1px;
+                margin-top: 2px;
+            }
+
+            /* Responsive adjustments */
+            @media (max-width: 768px) {
+                .specmem-header {
+                    padding: 0 15px;
+                }
+
+                .logo-primary {
+                    font-size: 20px;
+                    letter-spacing: 2px;
+                }
+
+                .logo-secondary {
+                    font-size: 8px;
+                }
+
+                .header-stats {
+                    gap: 20px;
+                }
+
+                .stat-value {
+                    font-size: 16px;
+                }
+
+                .stat-label {
+                    font-size: 8px;
+                }
+            }
+
+            @media (max-width: 480px) {
+                .logo-secondary {
+                    display: none;
+                }
+
+                .header-stats {
+                    gap: 12px;
+                }
+
+                .stat-item {
+                    min-width: 50px;
+                }
+
+                .stat-value {
+                    font-size: 14px;
+                }
+
+                .stat-label {
+                    font-size: 7px;
+                }
+            }
+
+            @media (max-width: 360px) {
+                .logo-primary {
+                    font-size: 16px;
+                }
+
+                .header-stats {
+                    gap: 8px;
+                }
+
+                .stat-value {
+                    font-size: 12px;
+                }
+            }
+        `;
+
+        document.head.appendChild(style);
+    }
+
+    destroy() {
+        this.stopAutoRefresh();
+        const header = document.querySelector('.specmem-header');
+        if (header) {
+            header.remove();
+        }
+    }
+}
+
+// Export for use
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = SpecMemHeader;
+}