.button{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;font-family:inherit;transition:all .2s ease;cursor:pointer;border:1px solid transparent;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--sm{padding:8px 16px;font-size:14px;line-height:20px}.button--md{padding:12px 24px;font-size:16px;line-height:24px}.button--lg{padding:16px 32px;font-size:18px;line-height:28px}.button--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#fff3;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.button--primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px -1px #0003}.button--secondary{background:#ffffff1a;color:#fff;border-color:#fff3;box-shadow:0 4px 6px -1px #0003}.button--secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.button--ghost{background:transparent;color:#fff;border-color:transparent}.button--ghost:hover:not(:disabled){background:#ffffff1a}.input-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.input-label{font-size:14px;font-weight:500;color:#fff;letter-spacing:.01em}.input{width:100%;padding:12px 16px;font-size:16px;font-family:inherit;color:#fff;background:#ffffff0d;border:1px solid rgb(255 255 255 / 20%);border-radius:8px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input::placeholder{color:#ffffff7f}.input:focus{outline:none;border-color:#3b82f6;background:#ffffff1a;box-shadow:0 0 0 3px #3b82f61a}.input:disabled{opacity:.5;cursor:not-allowed}.input:hover:not(:disabled){border-color:#ffffff4d;background:#ffffff14}.input--error{border-color:#ef4444}.input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-error{font-size:14px;color:#ef4444;margin:0}.loading-overlay{position:fixed;inset:0;background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fade-in var(--transition-base)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);max-width:500px;text-align:center}.loading-overlay__spinner{width:80px;height:80px}.spinner{width:100%;height:100%;border:4px solid var(--glass-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.loading-overlay__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.loading-overlay__tests{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.loading-overlay__test{padding:var(--spacing-xs) var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.scan-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.scan-form__fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.scan-form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.scan-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.scan-form__error{font-size:var(--font-size-sm);color:var(--color-danger);font-weight:var(--font-weight-normal)}.scan-form__checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.scan-form__checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm);color:var(--color-text-primary)}.scan-form__checkbox-label:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.scan-form__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent-primary)}@media(max-width:768px){.scan-form__checkboxes{grid-template-columns:1fr}}.scans-list__loading,.scans-list__error{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base)}.scans-list__error{color:var(--color-danger)}.scans-list__empty{padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.scans-list__empty-icon{font-size:4rem;color:var(--color-text-tertiary);opacity:.5}.scans-list__empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.scans-list__empty-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;max-width:400px}.scans-list__table{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scans-list__header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.scans-list__header-cell{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.scans-list__body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scans-list__row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.scans-list__row:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.scans-list__cell{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-primary)}.scans-list__url{color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scans-list__vuln-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.scans-list__vuln-badge--danger{background:var(--color-danger);color:#fff}.scans-list__vuln-badge--safe{background:var(--color-success);color:#fff}.scans-list__view-link{color:var(--color-accent-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.scans-list__view-link:hover{color:var(--color-accent-hover)}.scans-list__view-link:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:968px){.scans-list__header,.scans-list__row{grid-template-columns:1fr}.scans-list__header{display:none}.scans-list__cell{justify-content:space-between}.scans-list__cell:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}}.dashboard{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);padding:var(--spacing-lg)}.dashboard__container{max-width:1200px;margin:0 auto}.dashboard__header{margin-bottom:var(--spacing-xl)}.dashboard__header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.dashboard__header-text{flex:1}.dashboard__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:-.02em}.dashboard__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.dashboard__header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard__user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.dashboard__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard__section{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.dashboard__section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:-.01em}@media(max-width:768px){.dashboard{padding:var(--spacing-sm)}.dashboard__header-content{flex-direction:column;align-items:flex-start}.dashboard__title{font-size:var(--font-size-3xl)}.dashboard__header-actions{width:100%;justify-content:space-between}.dashboard__section{padding:var(--spacing-md)}}.auth-form{display:flex;flex-direction:column;gap:24px;width:100%;max-width:420px;padding:40px;background:#ffffff0d;border:1px solid rgb(255 255 255 / 10%);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000005e}.auth-form__header{display:flex;flex-direction:column;gap:8px;text-align:center}.auth-form__title{font-size:28px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.auth-form__subtitle{font-size:14px;color:#fff9;margin:0}.auth-form__fields{display:flex;flex-direction:column;gap:20px}.auth-form__link{text-align:center;font-size:14px;color:#fff9;margin:0}.auth-form__link-text{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-form__link-text:hover{color:#60a5fa;text-decoration:underline}.auth-form__link-text:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;border-radius:2px}.auth-form__error-message{padding:12px 16px;background:#dc26261a;border:1px solid rgb(220 38 38 / 30%);border-radius:8px;color:#fca5a5;font-size:14px;font-weight:500;text-align:center}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:20px}.auth-page__container{display:flex;align-items:center;justify-content:center;width:100%}.test-result-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.test-result-card:hover{border-color:var(--glass-border-hover)}.test-result-card__header{margin-bottom:var(--spacing-md)}.test-result-card__title-section{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.test-result-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.test-result-card__badges{display:flex;gap:var(--spacing-xs)}.test-result-card__badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:#fff}.test-result-card__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.test-result-card__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.test-result-card__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.test-result-card__details{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.6;margin:0}.test-result-card__recommendations{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.test-result-card__recommendation{padding:var(--spacing-sm);background:var(--glass-bg);border-left:3px solid var(--color-accent-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5}.test-result-card__evidence-toggle{background:none;border:none;padding:var(--spacing-sm);color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.test-result-card__evidence-toggle:hover{color:var(--color-accent-hover)}.test-result-card__evidence-toggle:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.test-result-card__evidence{background:var(--color-bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5;overflow-x:auto;margin:0}@media(max-width:768px){.test-result-card{padding:var(--spacing-md)}.test-result-card__title-section{flex-direction:column;align-items:flex-start}}.scan-results{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);padding:var(--spacing-lg)}.scan-results__container{max-width:1200px;margin:0 auto}.scan-results__loading,.scan-results__error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.scan-results__error{color:var(--color-danger)}.scan-results__header{margin-bottom:var(--spacing-xl)}.scan-results__back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-accent-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);transition:color var(--transition-fast)}.scan-results__back-link:hover{color:var(--color-accent-hover)}.scan-results__back-link:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.scan-results__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:-.02em}.scan-results__metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.scan-results__meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.scan-results__meta-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.scan-results__meta-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-results__vuln-count{padding:.25rem .75rem;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);display:inline-block}.scan-results__vuln-count--danger{background:var(--color-danger);color:#fff}.scan-results__vuln-count--safe{background:var(--color-success);color:#fff}.scan-results__tests{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.scan-results{padding:var(--spacing-sm)}.scan-results__title{font-size:var(--font-size-2xl)}.scan-results__metadata{grid-template-columns:1fr;padding:var(--spacing-md)}}:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #f59e0b;--color-info: #3b82f6;--color-severity-critical: #dc2626;--color-severity-high: #ea580c;--color-severity-medium: #f59e0b;--color-severity-low: #3b82f6;--color-severity-info: #6b7280;--color-accent-primary: #3b82f6;--color-accent-hover: #2563eb;--glass-bg: rgb(255 255 255 / 5%);--glass-bg-hover: rgb(255 255 255 / 8%);--glass-border: rgb(255 255 255 / 10%);--glass-border-hover: rgb(255 255 255 / 15%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 5%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-dropdown: 1000;--z-modal: 2000;--z-toast: 3000}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}