:root{--fps-primary: #1976d2;--fps-primary-light: #42a5f5;--fps-primary-dark: #1565c0;--fps-secondary: #4caf50;--fps-secondary-light: #66bb6a;--fps-accent: #ff6b35;--fps-accent-light: #f7931e;--fps-success: #4caf50;--fps-warning: #ff9800;--fps-error: #f44336;--fps-info: #2196f3;--fps-surface: #1f1f1f;--fps-surface-variant: #1a1a1a;--fps-surface-elevated: #2d2d2d;--fps-background: #0f0f0f;--fps-text-primary: #e8eaed;--fps-text-secondary: #9aa0a6;--fps-text-disabled: #5f6368;--fps-text-on-primary: #ffffff;--fps-border: #2d2d2d;--fps-border-variant: rgba(255, 255, 255, .1);--fps-outline: rgba(255, 255, 255, .2);--fps-shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--fps-shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--fps-shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--fps-shadow-xl: 0 20px 25px rgba(0, 0, 0, .25);--fps-space-xs: 4px;--fps-space-sm: 8px;--fps-space-md: 12px;--fps-space-lg: 16px;--fps-space-xl: 20px;--fps-space-2xl: 24px;--fps-space-3xl: 32px;--fps-radius-sm: 4px;--fps-radius-md: 6px;--fps-radius-lg: 8px;--fps-radius-xl: 12px;--fps-radius-full: 9999px;--fps-font-family: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fps-font-mono: "Roboto Mono", "Monaco", "Menlo", monospace;--fps-font-size-xs: .75rem;--fps-font-size-sm: .85rem;--fps-font-size-base: .9rem;--fps-font-size-lg: 1rem;--fps-font-size-xl: 1.125rem;--fps-font-size-2xl: 1.25rem;--fps-font-size-3xl: 1.5rem;--fps-font-weight-normal: 400;--fps-font-weight-medium: 500;--fps-font-weight-semibold: 600;--fps-font-weight-bold: 700;--fps-transition-fast: .15s ease;--fps-transition-base: .2s ease;--fps-transition-slow: .3s ease;--fps-glass-bg: rgba(255, 255, 255, .05);--fps-glass-border: 1px solid rgba(255, 255, 255, .1);--fps-glass-blur: 10px}.fps-ui{font-family:var(--fps-font-family);color:var(--fps-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fps-glass{background:var(--fps-glass-bg);border:var(--fps-glass-border);backdrop-filter:blur(var(--fps-glass-blur));-webkit-backdrop-filter:blur(var(--fps-glass-blur))}.fps-elevated{box-shadow:var(--fps-shadow-md)}.fps-transition{transition:all var(--fps-transition-base)}.fps-focus{outline:2px solid var(--fps-primary);outline-offset:2px}.fps-hover-lift{transition:transform var(--fps-transition-base)}.fps-hover-lift:hover{transform:translateY(-2px)}.fps-flex{display:flex}.fps-flex-col{flex-direction:column}.fps-flex-row{flex-direction:row}.fps-flex-center{align-items:center;justify-content:center}.fps-flex-between{justify-content:space-between}.fps-flex-around{justify-content:space-around}.fps-flex-start{justify-content:flex-start}.fps-flex-end{justify-content:flex-end}.fps-flex-wrap{flex-wrap:wrap}.fps-flex-nowrap{flex-wrap:nowrap}.fps-grid{display:grid}.fps-grid-cols-1{grid-template-columns:repeat(1,1fr)}.fps-grid-cols-2{grid-template-columns:repeat(2,1fr)}.fps-grid-cols-3{grid-template-columns:repeat(3,1fr)}.fps-grid-cols-4{grid-template-columns:repeat(4,1fr)}.fps-grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fps-p-xs{padding:var(--fps-space-xs)}.fps-p-sm{padding:var(--fps-space-sm)}.fps-p-md{padding:var(--fps-space-md)}.fps-p-lg{padding:var(--fps-space-lg)}.fps-p-xl{padding:var(--fps-space-xl)}.fps-p-2xl{padding:var(--fps-space-2xl)}.fps-p-3xl{padding:var(--fps-space-3xl)}.fps-m-xs{margin:var(--fps-space-xs)}.fps-m-sm{margin:var(--fps-space-sm)}.fps-m-md{margin:var(--fps-space-md)}.fps-m-lg{margin:var(--fps-space-lg)}.fps-m-xl{margin:var(--fps-space-xl)}.fps-m-2xl{margin:var(--fps-space-2xl)}.fps-m-3xl{margin:var(--fps-space-3xl)}.fps-gap-xs{gap:var(--fps-space-xs)}.fps-gap-sm{gap:var(--fps-space-sm)}.fps-gap-md{gap:var(--fps-space-md)}.fps-gap-lg{gap:var(--fps-space-lg)}.fps-gap-xl{gap:var(--fps-space-xl)}.fps-gap-2xl{gap:var(--fps-space-2xl)}.fps-gap-3xl{gap:var(--fps-space-3xl)}.fps-text-primary{color:var(--fps-text-primary)}.fps-text-secondary{color:var(--fps-text-secondary)}.fps-text-disabled{color:var(--fps-text-disabled)}.fps-text-success{color:var(--fps-success)}.fps-text-warning{color:var(--fps-warning)}.fps-text-error{color:var(--fps-error)}.fps-text-info{color:var(--fps-info)}.fps-text-xs{font-size:.75rem}.fps-text-sm{font-size:.875rem}.fps-text-base{font-size:1rem}.fps-text-lg{font-size:1.125rem}.fps-text-xl{font-size:1.25rem}.fps-text-2xl{font-size:1.5rem}.fps-text-3xl{font-size:1.875rem}.fps-text-center{text-align:center}.fps-text-left{text-align:left}.fps-text-right{text-align:right}.fps-text-bold{font-weight:600}.fps-text-semibold{font-weight:500}.fps-text-normal{font-weight:400}.fps-bg-surface{background-color:var(--fps-surface)}.fps-bg-surface-variant{background-color:var(--fps-surface-variant)}.fps-bg-surface-elevated{background-color:var(--fps-surface-elevated)}.fps-bg-background{background-color:var(--fps-background)}.fps-bg-primary{background-color:var(--fps-primary)}.fps-bg-secondary{background-color:var(--fps-secondary)}.fps-bg-success{background-color:var(--fps-success)}.fps-bg-warning{background-color:var(--fps-warning)}.fps-bg-error{background-color:var(--fps-error)}.fps-bg-info{background-color:var(--fps-info)}.fps-border{border:1px solid var(--fps-border)}.fps-border-variant{border-color:var(--fps-border-variant)}.fps-border-none{border:none}.fps-border-t{border-top:1px solid var(--fps-border)}.fps-border-b{border-bottom:1px solid var(--fps-border)}.fps-border-l{border-left:1px solid var(--fps-border)}.fps-border-r{border-right:1px solid var(--fps-border)}.fps-rounded-none{border-radius:0}.fps-rounded-sm{border-radius:4px}.fps-rounded-md{border-radius:8px}.fps-rounded-lg{border-radius:12px}.fps-rounded-xl{border-radius:16px}.fps-rounded-full{border-radius:9999px}.fps-shadow-sm{box-shadow:var(--fps-shadow-sm)}.fps-shadow-md{box-shadow:var(--fps-shadow-md)}.fps-shadow-lg{box-shadow:var(--fps-shadow-lg)}.fps-shadow-xl{box-shadow:var(--fps-shadow-xl)}.fps-shadow-none{box-shadow:none}.fps-relative{position:relative}.fps-absolute{position:absolute}.fps-fixed{position:fixed}.fps-sticky{position:sticky}.fps-block{display:block}.fps-inline{display:inline}.fps-inline-block{display:inline-block}.fps-hidden{display:none}.fps-overflow-hidden{overflow:hidden}.fps-overflow-auto{overflow:auto}.fps-overflow-scroll{overflow:scroll}.fps-overflow-x-hidden{overflow-x:hidden}.fps-overflow-y-hidden{overflow-y:hidden}.fps-overflow-x-auto{overflow-x:auto}.fps-overflow-y-auto{overflow-y:auto}.fps-w-full{width:100%}.fps-w-auto{width:auto}.fps-w-fit{width:fit-content}.fps-w-screen{width:100vw}.fps-h-full{height:100%}.fps-h-auto{height:auto}.fps-h-fit{height:fit-content}.fps-h-screen{height:100vh}.fps-card{background:var(--fps-surface);border:1px solid var(--fps-border);border-radius:8px;padding:var(--fps-space-lg);box-shadow:var(--fps-shadow-sm)}.fps-button-base{display:inline-flex;align-items:center;justify-content:center;gap:var(--fps-space-sm);padding:var(--fps-space-sm) var(--fps-space-lg);border-radius:6px;font-weight:500;font-size:.875rem;line-height:1.25rem;border:none;cursor:pointer;transition:all .2s ease-in-out}.fps-button-base:disabled{opacity:.5;cursor:not-allowed}.fps-input-base{width:100%;padding:var(--fps-space-sm) var(--fps-space-md);background:var(--fps-surface-variant);border:1px solid var(--fps-border);border-radius:6px;color:var(--fps-text-primary);font-size:.875rem;transition:all .2s ease-in-out}.fps-input-base:focus{outline:none;border-color:var(--fps-primary);box-shadow:0 0 0 3px #1976d21a}.fps-input-base::placeholder{color:var(--fps-text-disabled)}@media (max-width: 768px){.fps-mobile-hidden{display:none}.fps-mobile-block{display:block}.fps-mobile-flex{display:flex}.fps-mobile-grid{display:grid}}@media (min-width: 769px){.fps-desktop-hidden{display:none}.fps-desktop-block{display:block}.fps-desktop-flex{display:flex}.fps-desktop-grid{display:grid}}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;background:#0f0f0f;color:#e8eaed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:root{--firebase-orange: #ff6b35;--firebase-orange-light: #f7931e;--primary-color: #1976d2;--primary-light: #42a5f5;--primary-dark: #1565c0;--accent-color: #4caf50;--accent-light: #66bb6a;--surface-color: #1f1f1f;--sidebar-bg: #1a1a1a;--card-bg: #1a1a1a;--glass-border: 1px solid #2d2d2d;--glass-blur: 0px;--glass-shadow: 0 1px 3px rgba(0, 0, 0, .5);--card-radius: 8px;--btn-radius: 4px;--input-bg-color: #2d2d2d;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--border-color: #2d2d2d;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--button-shadow: 0 1px 2px rgba(0, 0, 0, .3);--button-shadow-hover: 0 2px 4px rgba(0, 0, 0, .4);--sidebar-width: 260px;--header-height: 64px;--cyber-black: #0a0a0f;--cyber-dark: #111118;--cyber-gray: #1a1a24;--cyber-light: #2a2a3a;--cyber-accent: #00ffff;--cyber-neon: #ff0080;--cyber-text: #ffffff;--cyber-text-secondary: #b0b0c0;--cyber-text-muted: #f9f9f9;--cyber-success: #00ff88;--cyber-warning: #ffaa00;--cyber-error: #ff4444;--gradient-neural: linear-gradient(135deg, #00ffff 0%, #ff0080 50%, #8000ff 100%);--gradient-glow: linear-gradient(135deg, rgba(0, 255, 255, .3) 0%, rgba(255, 0, 128, .3) 100%);--shadow-cyber: 0 0 20px rgba(0, 255, 255, .3);--shadow-neon: 0 0 30px rgba(255, 0, 128, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-cyber: "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--border-cyber: 1px solid var(--cyber-accent);--border-matrix: 1px solid rgba(0, 255, 255, .3);--transition-normal: .3s ease}.container{max-width:1400px;margin:0 auto;padding:0 20px}.header{text-align:center;margin-bottom:40px}.header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,var(--primary-light),var(--accent-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;letter-spacing:.5px}.header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.firebase-console{display:flex;height:100vh;flex-direction:column}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg, #1f1f1f);border-right:var(--sidebar-border, 1px solid var(--border-color));overflow-y:auto;z-index:900;transform:translate(0);transition:width .3s ease;display:flex;flex-direction:column}.sidebar.collapsed{width:60px}.sidebar.collapsed .sidebar-header{padding:24px 8px 16px}.sidebar.collapsed .sidebar-title{justify-content:center}.sidebar.collapsed .sidebar-title span:not(.nav-icon){display:none}.sidebar.collapsed .settings-icon{margin:0 auto}.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-text,.sidebar.collapsed .nav-badge{display:none}.sidebar.collapsed .nav-item{padding:12px 8px;justify-content:center}.sidebar.collapsed .nav-icon{margin:0}.sidebar.collapsed .sidebar-footer{padding:16px 0;display:flex;justify-content:center;align-items:center}.sidebar.collapsed .plan-name,.sidebar.collapsed .plan-description{display:none}.sidebar.collapsed .plan-info{display:flex;align-items:center;justify-content:center;width:100%}.sidebar.collapsed .plan-info>div:first-child{display:none}.sidebar.collapsed .plan-info>div{display:flex;justify-content:center;align-items:center;width:100%}.sidebar.collapsed .collapse-arrow-btn{margin:0 auto;display:flex;align-items:center;justify-content:center}.sidebar-header{padding:24px 20px 16px;border-bottom:1px solid var(--border-color)}.sidebar-title{font-size:14px;font-weight:400;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:8px;justify-content:space-between}.settings-icon{font-size:14px;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.settings-icon:hover{color:var(--text-primary)}.sidebar-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.sidebar-nav{padding:8px 0}.nav-section{margin-bottom:24px}.nav-section-title{font-size:10px;font-weight:500;color:var(--nav-section-title-color, #9aa0a6);text-transform:uppercase;letter-spacing:.8px;padding:8px 20px;margin-bottom:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--nav-item-text, #bdc1c6);text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;background:var(--nav-item-bg, none);width:100%;text-align:left;font-size:13px;font-family:Google Sans,sans-serif;border-left:3px solid transparent}.nav-item:hover{background:var(--nav-item-hover-bg, rgba(255, 255, 255, .1));color:var(--primary-light)}.nav-item.active{background:var(--nav-item-active-bg, var(--primary-color));color:var(--nav-item-active-text, white);border-left:3px solid var(--primary-light)}.nav-item.active:hover{background:var(--primary-dark)}.nav-icon{font-size:16px;width:20px;text-align:center;color:var(--text-secondary)}.nav-item.active .nav-icon{color:#fff}.nav-text{font-weight:500;flex:1}.nav-badge{background:var(--firebase-orange);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;border-top:1px solid var(--border-color);background:#0003}.plan-info{display:flex;flex-direction:column;gap:4px}.plan-name{font-size:14px;font-weight:600;color:var(--text-primary)}.plan-description{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.collapse-arrow-btn{background:transparent;border:none;color:var(--text-secondary);width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;transition:all .2s ease;border-radius:2px}.collapse-arrow-btn:hover{background:#ffffff1a;color:var(--text-primary)}.collapse-arrow-btn:active{transform:scale(.95)}.main-content{margin-left:var(--sidebar-width);margin-top:0;min-height:100vh;transition:margin-left .3s ease;padding:24px;width:calc(100% - var(--sidebar-width));box-sizing:border-box}.main-content.collapsed{margin-left:60px;width:calc(100% - 60px)}.main-content.chatbot-fullwidth{padding:0}.chatbot-container{height:100vh;width:100%;overflow:hidden}.upload-section:hover{transform:translateY(-2px);box-shadow:0 15px 30px #00000040}.upload-section h2{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.upload-form{display:flex;gap:15px;align-items:center;flex-wrap:wrap}input[type=file]{flex:1;min-width:300px;padding:12px;border-radius:var(--btn-radius);border:1px solid var(--border-color);background-color:var(--input-bg-color);color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;cursor:pointer;transition:all .3s ease}input[type=file]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f14d}.upload-btn{padding:12px 24px;border-radius:var(--btn-radius);border:none;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--button-shadow);text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap}.upload-btn:hover{background:linear-gradient(90deg,var(--primary-dark),var(--primary-color));box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}.upload-btn:active{transform:translateY(0);box-shadow:inset 0 2px 5px #0000004d}.upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.clear-btn{padding:12px 24px;border-radius:var(--btn-radius);border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clear-btn:hover{background:#ffffff1a;border-color:var(--primary-color)}.dashboard-section{background:var(--card-bg);border-radius:var(--card-radius);border:var(--glass-border);padding:30px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);transition:all .3s ease}.dashboard-section:hover{transform:translateY(-2px);box-shadow:0 15px 30px #00000040}.dashboard-section h2{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.stats{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.stat-item{background:var(--card-bg);border-radius:10px;border:var(--card-border);box-shadow:var(--card-shadow);text-align:center;min-width:120px;flex:1;transition:all .3s ease}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-light);margin-bottom:5px}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.table-container{overflow-x:auto;overflow-y:auto;max-height:600px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0003}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:.7rem;min-width:1200px}.dashboard-table th,.dashboard-table td{padding:8px 6px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dashboard-table th{background-color:#1e1e1e;font-weight:600;position:sticky;top:0;z-index:10;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.dashboard-table tbody tr:hover{background-color:#ffffff12}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table td:last-child,.dashboard-table th:last-child{border-right:none}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-primary)}.empty-state p{font-size:1rem;margin:0}.btn{padding:8px 16px;border-radius:var(--btn-radius);border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#fff3;border-color:var(--primary-color)}.loading-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.loading-overlay.show{visibility:visible;opacity:1}.loading-spinner{border-radius:50%;height:3rem;width:3rem;border-bottom:3px solid var(--primary-color);border-top:3px solid transparent;border-left:3px solid transparent;border-right:3px solid transparent;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero{position:relative;overflow:hidden}iframe.hero-bg-video,video.hero-bg-video,img.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none!important}.hero{position:relative}.hero .hero-bg-video{position:absolute;inset:0;pointer-events:none!important}.hero .hero-bg-video>iframe,.hero .hero-bg-video>video,.hero .hero-bg-video>img{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none!important}@media (max-width: 768px){.sidebar{width:var(--sidebar-width)}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.main-content.collapsed{margin-left:60px;width:calc(100% - 60px)}.upload-form{flex-direction:column}input[type=file]{min-width:100%}.stats{flex-direction:column}.dashboard-table th,.dashboard-table td{padding:6px 8px;font-size:.6rem}}
