.back-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#a78bfa,#60a5fa);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:1rem;padding:.75rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(59,130,246,.12);cursor:pointer;transition:var(--transition)}.back-button:hover{background:linear-gradient(90deg,#60a5fa,#a78bfa);box-shadow:0 4px 16px rgba(59,130,246,.18);transform:translateY(-2px)}.back-icon{font-size:1.3rem!important;color:#fff!important}.back-text{font-size:1rem;font-weight:600;color:#fff}.developer-highlight{background:linear-gradient(135deg,#60a5fa,#a78bfa);border:2px solid #2563eb;box-shadow:0 4px 24px rgba(59,130,246,.15);margin-bottom:2.5rem}.developer-header{background:transparent;display:flex;align-items:center;gap:1rem;padding-bottom:.5rem}.developer-icon{font-size:2.5rem!important;color:#fff!important;filter:drop-shadow(0 2px 8px #2563eb88)}.developer-title{font-size:2rem;font-weight:700;letter-spacing:1px;color:#fff}.developer-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 8px #2563eb44}.developer-role{font-size:1.1rem;font-weight:500;color:#fff;opacity:.95;margin-bottom:.5rem}.developer-desc{color:#fff;opacity:.9;font-size:1rem;margin-bottom:.5rem}:root{--background:var(--color-background,#ffffff);--foreground:var(--color-text,#171717);--secondary-background:var(--color-backgroundSecondary,#f8fafc);--secondary-foreground:var(--color-textSecondary,#64748b);--primary:var(--color-primary,#60a5fa);--primary-hover:var(--color-primaryHover,#93c5fd);--muted-foreground:var(--color-textMuted,#64748b);--border:var(--color-border,#e2e8f0);--card-bg:var(--color-cardBackground,#ffffff);--success:var(--color-success,#10b981);--error:var(--color-error,#b91c1c);--warning:var(--color-warning,#b45309);--info:var(--color-info,#0dcaf0);--accent:var(--color-accent,#7c3aed);--accent-hover:var(--color-accentHover,#6d28d9);--success-light:rgba(16,185,129,0.1);--error-light:rgba(185,28,28,0.1);--warning-light:rgba(180,83,9,0.1);--shadow:0 1px 3px var(--color-shadow,rgba(0,0,0,0.1));--shadow-lg:0 10px 15px -3px var(--color-shadowHeavy,rgba(0,0,0,0.1));--shadow-sm:0 1px 2px var(--color-shadow,rgba(0,0,0,0.05));--radius:0.5rem;--transition:all 0.2s ease-in-out}[data-theme=dark]{--background:#0f172a;--foreground:#ffffff;--secondary-background:#1e293b;--secondary-foreground:#cbd5e1;--border:#475569;--card-bg:#1e293b;--success:#4ade80;--error:#f87171;--warning:#fbbf24;--shadow:0 1px 3px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5)}[data-theme=cyberpunk]{--background:#0a0e27;--foreground:#e0f7ff;--secondary-background:#10162f;--secondary-foreground:#b8d4f1;--border:#ff00ff;--card-bg:#10162f;--success:#39ff14;--error:#ff0055;--warning:#ffb000;--shadow:0 1px 3px rgba(255,0,255,0.3);--shadow-lg:0 10px 15px -3px rgba(255,0,255,0.5)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-jetbrains-mono),"JetBrains Mono",monospace;background:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition)}a{color:inherit;text-decoration:none}.main-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 80px)}.app-layout-with-sidebar{margin-left:280px;padding-top:60px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;background:var(--background)}.main-container-with-sidebar{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 60px);background:var(--background)}body.sidebar-collapsed .header{left:70px!important}body.sidebar-collapsed .app-layout-with-sidebar{margin-left:70px!important}@media (max-width:768px){.header{left:0!important}.app-layout-with-sidebar{margin-left:0!important;padding-top:60px}.main-container-with-sidebar{padding:1.5rem 1rem}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);margin-bottom:2rem}.card:hover{transform:translateY(-1px)}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--foreground);display:flex;align-items:center;gap:.5rem}.card-title:before{content:"";font-size:1.25rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--foreground);font-size:.875rem}.select-input,.textarea-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--foreground);font-size:.875rem;transition:var(--transition);font-family:var(--font-jetbrains-mono),"JetBrains Mono",monospace}.select-input:focus,.textarea-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.button-primary{background:var(--accent);color:white;border:none;padding:.75rem 2rem;border-radius:var(--radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.button-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.button-primary:disabled{opacity:.7;cursor:not-allowed;background:#e5e7eb;color:#6b7280;border:2px solid #d1d5db}.button-secondary{background:transparent;color:var(--secondary-foreground);border:2px solid var(--border);font-weight:500;font-size:.875rem}.button-secondary:hover{background:var(--secondary-background)}.refresh-button:disabled svg{animation:spin 1s linear infinite}.loading-container{text-align:center;padding:3rem 2rem;color:var(--secondary-foreground)}.loading-container p{margin:0;font-size:1.125rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-message{color:var(--secondary-foreground);font-size:1rem;text-align:center;padding:1rem}.error-container{text-align:center;padding:2rem;color:var(--error);background:#fee2e2;border:2px solid #b91c1c;border-radius:var(--radius);margin:1rem 0}.error-container p{margin:0;font-size:1rem;font-weight:500}.error-message{color:var(--error);font-size:.875rem;background:#fee2e2;opacity:.7;cursor:not-allowed;background:#e5e7eb;color:#6b7280;text-align:center;padding:2rem;color:var(--warning);background:#fef3c7;border:2px solid #b45309;border-radius:var(--radius);margin:1rem 0}.header{background:var(--card-bg);border-bottom:2px solid var(--border);box-shadow:var(--shadow-sm);position:fixed;top:0;right:0;left:280px;z-index:800;margin:0;padding:0;transition:left .3s cubic-bezier(.4,0,.2,1);border-left:none}.header-content{width:100%;max-width:100%;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:flex-end;gap:2rem;box-sizing:border-box}.header-title{font-weight:600;color:var(--foreground)}.header-title:before{content:"";font-size:1.25rem}.header-right{display:flex;align-items:center;gap:1rem}.user-info{padding:8px 12px;min-height:40px;background:var(--color-cardBackground);border:1px solid var(--color-border);border-radius:8px}.login-status,.user-avatar{color:var(--success)}.login-status{font-size:.875rem}.logout-button{border:2px solid var(--error);background:transparent;color:var(--error)}.logout-button:hover{background:var(--error);color:white}.theme-toggle{background:transparent;border:2px solid var(--border);border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.theme-toggle:hover{background:var(--secondary-background);border-color:var(--accent)}.theme-toggle:before{content:"";font-size:1.25rem}[data-theme=dark] .theme-toggle:before{content:""}.mobile-menu-btn{background:var(--primary);border:none;color:white;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition);min-width:44px;height:44px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.15)}.mobile-menu-btn:hover{background:var(--primary-accent);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.mobile-menu-btn:active{transform:translateY(0)}.mobile-menu-btn svg{font-size:1.5rem}.mobile-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--foreground);flex:1 1;overflow:hidden;min-width:0}.mobile-title-icon{font-size:1.25rem;color:var(--primary);flex-shrink:0}.mobile-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.user-info-mobile{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:.5rem;background:var(--color-cardBackground);border:1px solid var(--color-border);border-radius:8px}.user-info-mobile .user-avatar{font-size:1.25rem;color:var(--success)}@media (max-width:768px){.main-container{padding:1rem}.card{padding:1.5rem}.header{left:0}.header-content{padding:.75rem 1rem;width:100%;max-width:100%;justify-content:space-between;gap:.75rem}.header-content,.header-title{display:flex;align-items:center}.header-title{font-size:1.25rem!important;margin:0;gap:.5rem;flex:1 1}.header-right{flex-shrink:0}.header-actions{display:none!important}.mobile-menu-button{display:flex!important}.header-title-text{display:inline!important}@media (max-width:768px){.header-title-text{font-size:.875rem!important}}.card-title{font-size:1.25rem}}.card{animation:fadeIn .3s ease-out}.button-primary,.button-secondary{position:relative;overflow:hidden}.button-primary:before,.button-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.button-primary:active:before,.button-secondary:active:before{width:300px;height:300px}.test-results-grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.test-result-item{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--secondary-background);transition:var(--transition)}.test-result-item:hover{border-color:var(--accent);background:var(--card-bg)}.test-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.test-result-title{font-weight:600;color:var(--foreground)}.test-result-score{font-weight:700;color:var(--success);background:rgba(34,197,94,.15);padding:.25rem .5rem;border-radius:4px;border:2px solid rgba(34,197,94,.3);display:inline-block;margin:.25rem 0;font-size:1.1em;box-shadow:0 2px 4px rgba(34,197,94,.1)}[data-theme=dark] .test-result-score{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.4);box-shadow:0 2px 4px rgba(34,197,94,.2)}.test-result-details{font-size:.875rem;color:var(--secondary-foreground)}.accordion-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;overflow:hidden}.accordion-header{background:var(--secondary-background);padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.accordion-content,.accordion-header:hover{background:var(--card-bg)}.accordion-content{padding:1rem;border-top:1px solid var(--border)}.accordion-icon{transition:transform .2s ease}.accordion-icon.expanded{transform:rotate(180deg)}[data-theme=dark] .MuiAccordion-root{background-color:var(--card-bg)!important;color:var(--foreground)!important;border:1px solid var(--border)!important}[data-theme=dark] .MuiAccordionSummary-root{background-color:var(--secondary-background)!important;color:var(--foreground)!important;border-bottom:1px solid var(--border)!important}[data-theme=dark] .MuiAccordionSummary-content{color:var(--foreground)!important}[data-theme=dark] .MuiAccordionDetails-root{border-top:1px solid var(--border)!important}[data-theme=dark] .MuiAccordionDetails-root,[data-theme=dark] .MuiPaper-root{background-color:var(--card-bg)!important;color:var(--foreground)!important}[data-theme=dark] .MuiTypography-root,[data-theme=dark] .json-display,[data-theme=dark] pre{color:var(--foreground)!important}[data-theme=dark] .json-display{background-color:var(--secondary-background)!important;border:1px solid var(--border)!important}[data-theme=dark] .MuiAccordionSummary-expandIconWrapper,[data-theme=dark] .MuiIconButton-root,[data-theme=dark] .MuiSvgIcon-root,[data-theme=dark] .test-accordion *,[data-theme=dark] .test-accordion .MuiAccordionSummary-content *,[data-theme=dark] .test-accordion .MuiTypography-root{color:var(--foreground)!important}.header-left,.header-title{display:flex;align-items:center}.header-title{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0;gap:.5rem}.header-icon{font-size:1.75rem;color:var(--primary)}.header-title-text{margin-left:.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.theme-toggle-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--secondary-background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;transition:var(--transition);font-size:.875rem}.theme-toggle-button:hover{background:var(--accent);color:white;border-color:var(--accent)}.theme-icon{font-size:1rem;color:var(--foreground)}.theme-text{font-weight:500}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:0;transition:var(--transition)}.mobile-menu-button:hover{background:var(--secondary-background);border-color:var(--accent)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:200;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:80px}.mobile-menu{width:280px;max-width:80vw;background:var(--card-bg);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideInFromRight .3s ease-out}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.mobile-menu-title{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0}.mobile-menu-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--foreground);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition)}.mobile-menu-close:hover{background:var(--secondary-background)}.mobile-menu-content{padding:1rem 0}.mobile-menu-item{display:flex;align-items:center;gap:.75rem;padding:1rem;width:100%;background:transparent;border:none;text-align:left;cursor:pointer;transition:var(--transition);color:var(--foreground);font-size:.875rem}.mobile-menu-item:hover{background:var(--secondary-background)}.mobile-menu-icon{font-size:1.25rem;width:24px;text-align:center;color:var(--foreground)}.mobile-menu-text{flex:1 1}.logout-mobile{color:var(--error);border-top:1px solid var(--border);margin-top:.5rem}.logout-mobile:hover{background:rgba(239,68,68,.1)}.user-info-mobile{cursor:default}.user-info-mobile,.user-info-mobile:hover{background:var(--secondary-background)}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--secondary-background);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;color:var(--foreground)}.user-avatar{font-size:1.25rem}.login-status,.logout-button{font-weight:500}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--error);border:1px solid var(--error);border-radius:var(--radius);color:white;cursor:pointer;transition:var(--transition);font-size:.875rem}.logout-button:hover{background:#dc2626;border-color:#dc2626}.logout-icon{font-size:1rem;color:var(--error)}.logout-text{font-weight:500}.login-layout{min-height:100vh;background:var(--background);color:var(--foreground);display:flex;align-items:center;justify-content:center;padding:2rem}.login-layout .layout-container,.login-layout .main-content,.login-layout .sidebar,.login-layout .sidebar-overlay,.login-layout .sidebar-toggle,.login-layout .top-bar{display:none!important}.login-page-container{width:100%;max-width:400px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-bounce{animation:bounce 1s infinite}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:var(--transition)}.button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.4)}.select-input:hover{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.test-accordion:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(59,130,246,.15)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-actions{display:flex;gap:.5rem;align-items:center}.theme-toggle-admin{font-size:1.2rem;padding:.5rem;min-width:auto;width:auto}.dashboard-description{color:var(--muted-foreground);margin-bottom:2rem;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{text-align:center;padding:2rem}.stat-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--foreground);display:flex;align-items:center;justify-content:center;gap:.5rem}.stat-value{font-size:2.5rem;font-weight:700;margin:0;color:var(--primary)}.table-container{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;background:var(--card-bg);font-size:.9rem}.data-table th{background:var(--secondary-background);padding:1rem .5rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border)}.data-table td,.data-table th{color:var(--foreground);white-space:nowrap}.data-table td{padding:.75rem .5rem;border-bottom:1px solid var(--border);max-width:none;overflow:hidden;text-overflow:ellipsis}.data-table tr:hover{background:var(--secondary-background)}.user-agent-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{padding:3rem;text-align:center;color:var(--muted-foreground);font-style:italic}.button-secondary{background:var(--secondary-background);color:var(--foreground);border:1px solid var(--border);padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-size:.9rem}.button-secondary:hover{background:var(--accent);color:white;border-color:var(--accent)}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem}.admin-login-card{max-width:400px;width:100%}.admin-login-title{text-align:center;margin-bottom:2rem}.dashboard-title-section{display:flex;flex-direction:column;gap:.5rem}.realtime-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--secondary-foreground)}.realtime-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}.realtime-text{font-size:.8rem}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.refresh-button{position:relative;animation:none}.refresh-button:disabled{opacity:.7;cursor:not-allowed}.refresh-button:disabled:hover{background:transparent;border-color:var(--border);transform:none}.refresh-button:disabled .refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.theme-toggle-admin-login{position:absolute;top:1rem;right:1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;cursor:pointer;font-size:1.2rem;transition:var(--transition);z-index:10}.theme-toggle-admin-login:hover{background:var(--accent);color:white;border-color:var(--accent)}