:root{--color-primary: #0f172a;--color-primary-light: #1e293b;--color-secondary: #3b82f6;--color-secondary-hover: #2563eb;--color-accent: #06b6d4;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-input: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--severity-high: #ef4444;--severity-high-bg: rgba(239, 68, 68, .1);--severity-medium: #f59e0b;--severity-medium-bg: rgba(245, 158, 11, .1);--severity-low: #3b82f6;--severity-low-bg: rgba(59, 130, 246, .1);--status-running: #3b82f6;--status-completed: #10b981;--status-failed: #ef4444;--status-pending: #64748b;--border-color: #334155;--border-radius: 12px;--border-radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1rem}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary-hover)}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--color-secondary);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);z-index:9999;transition:top .2s}.skip-link:focus{top:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.9375rem;font-weight:500;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--color-primary-light);border-color:var(--color-secondary)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1.0625rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.input{width:100%;padding:var(--space-md);font-size:1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #3b82f633}.input::placeholder{color:var(--text-muted)}.select{width:100%;padding:var(--space-sm) var(--space-md);font-size:.9375rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer}.label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.badge-high{background:var(--severity-high-bg);color:var(--severity-high)}.badge-medium{background:var(--severity-medium-bg);color:var(--severity-medium)}.badge-low{background:var(--severity-low-bg);color:var(--severity-low)}.badge-running{background:#3b82f61a;color:var(--status-running)}.badge-completed{background:#10b9811a;color:var(--status-completed)}.badge-failed{background:#ef44441a;color:var(--status-failed)}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.08) 0%,transparent 50%),var(--bg-primary)}.home-container{width:100%;max-width:720px}.hero{text-align:center;margin-bottom:var(--space-xl);padding-top:3em}.hero-title{font-size:4rem;font-weight:800;text-align:center;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.tagline{color:var(--text-secondary);font-size:1.125rem;text-align:center}.scan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg);box-shadow:var(--shadow-lg)}.mode-toggle{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);background:var(--bg-primary);padding:4px;border-radius:var(--border-radius-sm)}.mode-btn{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-secondary);font-size:.9375rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.mode-btn.active{background:var(--color-primary-light);color:var(--text-primary)}.mode-btn:hover:not(.active){color:var(--text-primary)}.url-input-group{display:flex;gap:var(--space-sm)}.url-input-wrapper{flex:1;position:relative}.url-input{width:100%;padding:var(--space-md);font-size:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast)}.url-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #3b82f633}.url-input::placeholder{color:var(--text-muted)}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);z-index:100;max-height:240px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.suggestion-item:hover,.suggestion-item.selected{background:var(--bg-secondary)}.suggestion-icon{color:var(--text-muted);font-size:.875rem}.suggestion-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);border:none;border-radius:var(--border-radius-sm);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.scan-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.scan-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--severity-high-bg);border-radius:var(--border-radius-sm);color:var(--severity-high);font-size:.875rem}.guided-options{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.option-group{display:flex;flex-direction:column}.option-group.full-width{grid-column:1 / -1}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}.feature{text-align:center;padding:var(--space-lg)}.feature-icon{font-size:2rem;display:block;margin-bottom:var(--space-sm)}.feature h3{font-size:1rem;margin-bottom:var(--space-xs)}.feature p{font-size:.875rem;color:var(--text-secondary)}@media(max-width:640px){.url-input-group{flex-direction:column}.options-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr;gap:var(--space-md)}}.report{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.report-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.loading-content{text-align:center}.spinner-lg{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--color-secondary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-lg)}.report-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.header-left{display:flex;flex-direction:column;gap:var(--space-sm)}.back-link{color:var(--text-secondary);font-size:.875rem;transition:color var(--transition-fast)}.back-link:hover{color:var(--text-primary)}.report-logo{height:32px;width:auto}.scan-info h1{font-size:1.75rem}.url-path{font-size:.875rem;color:var(--text-muted);word-break:break-all}.header-right{display:flex;align-items:center;gap:var(--space-md)}.scan-device{padding:4px 12px;background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-size:.875rem;color:var(--text-secondary)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg);text-align:center;transition:border-color var(--transition-fast)}.summary-card.has-issues{border-color:var(--border-color)}.summary-card .count{display:block;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:var(--space-xs)}.summary-card .count.high{color:var(--severity-high)}.summary-card .count.medium{color:var(--severity-medium)}.summary-card .count.low{color:var(--severity-low)}.summary-card .label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.executive-summary{margin-bottom:var(--space-xl)}.executive-summary h2{font-size:1.125rem;margin-bottom:var(--space-md)}.executive-summary p{color:var(--text-secondary);line-height:1.7}.tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.tab{padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.evidence-section h3{margin-bottom:var(--space-md)}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.screenshot-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.screenshot-card img{width:100%;height:auto;display:block}.no-screenshots{padding:var(--space-xl);text-align:center}.no-issues{text-align:center;padding:var(--space-2xl)}.success-icon{display:block;font-size:3rem;color:var(--status-completed);margin-bottom:var(--space-md)}.issues-list{display:flex;flex-direction:column;gap:var(--space-md)}.issue-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg);border-left:4px solid transparent}.issue-card.severity-high{border-left-color:var(--severity-high)}.issue-card.severity-medium{border-left-color:var(--severity-medium)}.issue-card.severity-low{border-left-color:var(--severity-low)}.issue-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.issue-type{font-weight:600}.confidence{margin-left:auto;font-size:.8125rem;color:var(--text-muted)}.issue-description{color:var(--text-secondary);margin-bottom:var(--space-sm)}.issue-evidence{margin-top:var(--space-sm)}.issue-evidence summary{cursor:pointer;color:var(--color-secondary);font-size:.875rem}.issue-evidence pre{margin-top:var(--space-sm);padding:var(--space-md);background:var(--bg-primary);border-radius:var(--border-radius-sm);font-size:.8125rem;overflow-x:auto;color:var(--text-secondary)}.technical-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.technical-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg)}.technical-card h4{margin-bottom:var(--space-md);font-size:1rem}.details-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm) var(--space-md)}.details-list dt{color:var(--text-muted);font-size:.875rem}.details-list dd{font-size:.875rem}.download-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.text-sm{font-size:.8125rem}@media(max-width:768px){.report-header{flex-direction:column;gap:var(--space-md)}.summary-cards{grid-template-columns:1fr}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}}.technical-card.collapsible{cursor:pointer}.technical-card.collapsible summary{list-style:none;cursor:pointer}.technical-card.collapsible summary::-webkit-details-marker{display:none}.technical-card.collapsible summary h4{display:inline;margin-bottom:0}.technical-card.collapsible summary h4:before{content:"▸ ";color:var(--text-muted)}.technical-card.collapsible[open] summary h4:before{content:"▾ "}.console-filter{display:flex;gap:var(--space-xs);margin:var(--space-md) 0}.console-filter button{padding:4px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.console-filter button:hover{border-color:var(--text-muted)}.console-filter button.active{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.console-logs{max-height:300px;overflow-y:auto;font-family:monospace;font-size:.8125rem;background:var(--bg-primary);border-radius:var(--border-radius-sm);padding:var(--space-sm)}.console-entry{display:flex;gap:var(--space-sm);padding:2px 0;border-bottom:1px solid var(--border-color)}.console-entry:last-child{border-bottom:none}.console-type{font-weight:600;min-width:50px}.console-time{color:var(--text-muted);min-width:60px}.console-text{flex:1;word-break:break-word}.console-error .console-type{color:var(--severity-high)}.console-warn .console-type{color:var(--severity-medium)}.console-log .console-type,.console-info .console-type{color:var(--text-secondary)}.console-debug .console-type{color:var(--text-muted)}.data-table{width:100%;border-collapse:collapse;margin-top:var(--space-md);font-size:.8125rem}.data-table th,.data-table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-weight:600;color:var(--text-secondary);background:var(--bg-secondary)}.data-table td{font-family:monospace}.value-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions{max-width:1000px;margin:0 auto;padding:var(--space-xl)}.sessions-loading{min-height:60vh;display:flex;align-items:center;justify-content:center}.sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.sessions-header h1{font-size:2rem;margin-bottom:var(--space-xs)}.empty-state{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius)}.empty-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.empty-state h3{margin-bottom:var(--space-sm)}.sessions-list{display:flex;flex-direction:column;gap:var(--space-md)}.session-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg);transition:border-color var(--transition-fast)}.session-card:hover{border-color:var(--color-secondary)}.session-main{flex:1;display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.session-info h3{font-size:1.125rem;margin-bottom:var(--space-xs)}.session-url{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-xs)}.session-reason{display:inline-block;padding:2px 8px;background:var(--bg-primary);border-radius:var(--border-radius-sm);font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.session-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);font-size:.875rem;color:var(--text-muted)}.scan-count{font-weight:500;color:var(--text-secondary)}.session-actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:var(--space-lg)}.btn-icon{padding:var(--space-sm);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.btn-icon:hover{opacity:1}.btn-delete{padding:var(--space-sm);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;color:#dc3545;transition:all var(--transition-fast)}.btn-delete:hover{background:#dc354526;color:#ff4757}.error-banner{padding:var(--space-md);background:var(--severity-high-bg);border-radius:var(--border-radius-sm);color:var(--severity-high);margin-bottom:var(--space-lg)}@media(max-width:768px){.sessions-header{flex-direction:column;gap:var(--space-md);text-align:center}.session-card{flex-direction:column;gap:var(--space-md)}.session-main{flex-direction:column;text-align:center}.session-meta{align-items:center}.session-actions{margin-left:0;width:100%;justify-content:center}}.scan-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.08) 0%,transparent 50%),var(--bg-primary)}.loading-container{width:100%;max-width:600px;text-align:center}.loading-header{margin-bottom:var(--space-xl)}.loading-logo{max-width:200px;height:auto;display:block;margin:0 auto var(--space-md);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.loading-header h1{font-size:2rem;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--text-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-status{color:var(--text-secondary);font-size:1.125rem}.progress-container{margin-bottom:var(--space-xl)}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:var(--space-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-info{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.875rem}.progress-percent{font-weight:600;color:var(--color-secondary)}.checking-list{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-xl);text-align:left}.checking-list h3{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.checking-list ul{list-style:none}.checking-list li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin:var(--space-xs) 0;color:var(--text-muted);opacity:.4;transition:all .4s ease;border-radius:var(--border-radius-sm)}.checking-list li.active{opacity:1;color:var(--text-primary);background:#3b82f60d}.check-icon{font-size:1.25rem;min-width:1.5rem;text-align:center;transition:transform .3s ease}.checking-list li.active .check-icon{animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}.ad-section{margin-bottom:var(--space-xl)}.ad-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.ad-container{min-height:250px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-placeholder{color:var(--text-muted);font-size:.875rem}.loading-tips{background:#3b82f614;border-radius:var(--border-radius);padding:var(--space-md)}.tip{color:var(--text-secondary);font-size:.875rem;margin:0}.tip strong{color:var(--text-primary)}@media(max-width:640px){.loading-header h1{font-size:1.5rem}.loading-icon{font-size:3rem}}.not-found{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.not-found-content h1{font-size:6rem;font-weight:700;color:var(--color-secondary);line-height:1;margin-bottom:var(--space-md)}.not-found-content h2{font-size:1.5rem;margin-bottom:var(--space-md)}.legal-page{min-height:80vh;padding:var(--space-xl)}.legal-container{max-width:800px;margin:0 auto}.legal-page h1{font-size:2rem;margin-bottom:var(--space-sm)}.last-updated{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--space-xl)}.legal-page section{margin-bottom:var(--space-xl)}.legal-page h2{font-size:1.25rem;margin-bottom:var(--space-md);color:var(--text-primary)}.legal-page p{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.7}.legal-page ul{color:var(--text-secondary);margin-left:var(--space-lg);margin-bottom:var(--space-md)}.legal-page li{margin-bottom:var(--space-sm);line-height:1.6}.legal-page strong{color:var(--text-primary)}.cookie-table{width:100%;border-collapse:collapse;margin:var(--space-md) 0}.cookie-table th,.cookie-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}.cookie-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.cookie-table td{color:var(--text-secondary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.auth-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{height:48px;width:auto;margin-bottom:var(--space-lg)}.auth-header h1{font-size:1.75rem;margin-bottom:var(--space-xs)}.auth-error{padding:var(--space-md);background:var(--severity-high-bg);border-radius:var(--border-radius-sm);color:var(--severity-high);margin-bottom:var(--space-lg);text-align:center}.auth-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-group:last-of-type{margin-bottom:var(--space-xl)}.w-full{width:100%}.auth-footer{text-align:center;margin-top:var(--space-xl);color:var(--text-secondary)}.auth-footer a{color:var(--color-secondary);font-weight:500}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-xl) var(--space-lg);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:var(--space-xl);flex-wrap:wrap}.footer-brand{max-width:300px}.footer-logo img{height:28px;width:auto;margin-bottom:var(--space-sm)}.footer-tagline{color:var(--text-muted);font-size:.875rem}.footer-links{display:flex;gap:var(--space-2xl)}.footer-section h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:var(--space-sm)}.footer-section a{color:var(--text-secondary);font-size:.875rem;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid var(--border-color);text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.8125rem}@media(max-width:768px){.footer-container{flex-direction:column;text-align:center}.footer-brand{max-width:100%}.footer-links{justify-content:center}}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);text-decoration:none}.nav-logo-img{height:28px;width:auto}.nav-links{display:flex;gap:var(--space-lg)}.nav-links a{color:var(--text-secondary);font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:var(--bg-primary)}.nav-user{color:var(--text-secondary);font-size:.875rem;padding:var(--space-sm) var(--space-md)}.nav-logout{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.nav-logout:hover{border-color:var(--severity-high);color:var(--severity-high)}.nav-login{background:var(--color-secondary);color:#fff!important;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm)}.nav-login:hover{background:var(--color-secondary-hover)!important}.nav-overlay{position:absolute;top:0;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100}.nav-overlay .nav-links a{color:var(--text-secondary)}.nav-overlay .nav-links a:hover{color:var(--text-primary);background:var(--bg-primary)}.nav-minimal{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.nav-register{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%)!important;color:#fff!important;font-weight:600}.nav-register:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.nav-link{color:var(--text-secondary)!important}.nav-link:hover{color:var(--text-primary)!important}.main{flex:1}