@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--brand: #6b21a8;--brand-dark: #581c87;--brand-light: #e9d5ff;--surface-50: #f8f5fb;--surface-100: #f1e8ff;--surface-200: #e4d4ff;--text: #1b1124;--muted: #6b5a7a;--border: #e4d4ff;--shadow: 0 10px 30px -15px rgba(88, 28, 135, .35)}*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,sans-serif;background:radial-gradient(circle at top,#fdf7ff 0%,var(--surface-50) 45%,#f5f0fb 100%);color:var(--text)}.layout{display:flex;min-height:100vh}.main-wrap{flex:1;display:flex;flex-direction:column;min-height:100vh}.sidebar{width:300px;padding:28px 22px;border-right:1px solid var(--surface-200);background:#fff;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow)}.logo{display:grid;align-items:center;justify-content:center;font-weight:700;color:var(--text);text-decoration:none}.logo:hover{color:var(--text)}.link-plain,.logo-text{text-decoration:none}.logo-text{font-size:28px;font-weight:700;letter-spacing:.01em;background:linear-gradient(120deg,var(--brand),var(--brand-dark));background-clip:text;-webkit-background-clip:text;color:transparent}.logo-powered{font-weight:600;text-align:center;margin:10px!important}.nav{display:flex;flex-direction:column;gap:8px}.org-switch{display:grid;gap:8px;position:relative}.org-switch label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.org-switch select{width:100%}.org-select{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--surface-200);background:#fff;font-size:14px;font-family:Poppins,system-ui,sans-serif;color:var(--text);cursor:pointer;text-align:left;box-shadow:0 8px 18px #10082614}.org-select:focus-visible{outline:2px solid rgba(117,74,222,.5);outline-offset:2px}.org-select-caret{font-size:12px;color:var(--muted)}.org-options{position:absolute;top:70px;left:0;right:0;max-height:220px;overflow:auto;background:#fff;border:1px solid var(--surface-200);border-radius:14px;box-shadow:var(--shadow);z-index:30;padding:6px}.org-option{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer;font-size:13px;font-family:Poppins,system-ui,sans-serif;color:var(--text)}.org-option:hover{background:var(--surface-50)}.org-option-check{font-size:14px;color:var(--text)}.nav-item{color:#5b4b6a;text-decoration:none;padding:10px 14px;border-radius:14px;border:1px solid transparent;font-weight:600;transition:all .18s ease;width:100%;white-space:normal;line-height:1.3;word-break:break-word}.nav-item:hover{border-color:var(--surface-200);color:var(--brand);background:var(--surface-50)}.nav-item.active{background:var(--surface-100);border-color:var(--surface-200);color:var(--brand)}.user{margin-top:auto;font-size:12px;color:var(--muted)}.user .btn{margin-top:8px}.mobile-header{display:none;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--surface-200);background:#fff;box-shadow:var(--shadow)}.menu-toggle{border:1px solid var(--surface-200);background:#fff;width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.menu-toggle:hover{background:var(--surface-50)}.menu-icon{width:20px;height:20px}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.mobile-menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0c1466}.mobile-menu-panel{position:absolute;right:0;top:0;bottom:0;width:min(320px,85vw);background:#fff;padding:64px 20px 24px;border-left:1px solid var(--surface-200);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px}.mobile-menu-close{position:absolute;top:16px;right:16px;border:1px solid var(--surface-200);background:#fff;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.mobile-menu-close:hover{background:var(--surface-50)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.main{flex:1;padding:28px 32px}.page{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.card{background:#fff;border:1px solid var(--surface-200);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.muted{color:var(--muted);font-size:14px;margin:10px 0}.btn{border:none;border-radius:14px;padding:10px 14px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:Poppins,system-ui,sans-serif}.btn.primary{background:var(--brand);color:#fff;box-shadow:var(--shadow)}.btn.primary:hover{background:var(--brand-dark)}.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--surface-200)}.btn.ghost:hover{border-color:var(--brand-light)}.btn-normal{padding:6px 10px;border-radius:10px;font-size:13px}.btn-compact{width:auto;padding:8px 16px;border-radius:14px;font-size:14px}.scanner-form .btn-normal,.scanner-form .btn-compact{width:auto;justify-self:start;margin:1rem 0}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}input,select,textarea{width:300px;padding:10px 12px;border-radius:14px;border:1px solid var(--surface-200);background:#fff;color:var(--text);font-size:14px;font-family:inherit}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b5a7a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding-right:34px;box-shadow:0 8px 18px #10082614;font-family:Poppins,system-ui,sans-serif}.report-summary{width:100%;margin-bottom:10px}.report-grid{display:grid;gap:12px 16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:12px}.report-field{display:grid;gap:6px}.report-field-full{grid-column:1 / -1}.report-preview{margin-top:16px;padding:16px;border-radius:16px;border:1px solid var(--surface-200);background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #6b21a81f}.flex-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.list-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--surface-100);gap:12px}.list-title{display:flex;align-items:center;gap:10px}.list-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list-actions select{width:220px}.checklist-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.checklist-filter-row{display:flex;align-items:center;gap:10px}.checklist-filter-row label{font-size:13px;color:var(--muted)}.checklist-filter-row select{min-width:180px}.checklist-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,200px);align-items:start;gap:12px 18px;padding:12px;border-radius:16px;border:1px solid var(--surface-100);background:var(--surface-50)}.checklist-item+.checklist-item{margin-top:8px}.checklist-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.checklist-title{margin:0;font-weight:600}.checklist-meta{margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted);align-items:center}.checklist-page{margin:6px 0 0;font-size:12px;color:var(--muted)}.severity-badge{padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent;background:var(--surface-100);color:var(--brand);text-transform:uppercase;letter-spacing:.03em}.severity-badge[data-severity=critical]{background:#ffe5e8;border-color:#f6a7b0;color:#c81e2b}.severity-badge[data-severity=high]{background:#ffe9cc;border-color:#ffbd73;color:#cc6a00}.severity-badge[data-severity=medium]{background:#fff5cc;border-color:#ffd56a;color:#a36b00}.severity-badge[data-severity=low]{background:#ddf7e5;border-color:#7be495;color:#15803d}.checklist-actions{display:grid;gap:8px;align-content:start;width:min(200px,100%);justify-self:end}.checklist-actions select,.checklist-actions .btn{width:100%;padding:6px 10px;font-size:13px;border-radius:10px;min-height:36px}.checklist-actions .btn.ghost{margin-top:0}@media (max-width: 900px){.checklist-item{grid-template-columns:1fr}.checklist-actions{width:100%;justify-self:stretch}}.assignee-dot{width:20px;height:20px;border-radius:50%;border:2px solid #fff;flex:0 0 auto}.invite-counters{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.pill{padding:6px 10px;border-radius:999px;background:var(--surface-100);color:var(--brand);font-size:12px;border:1px solid var(--surface-200)}.progress{height:8px;background:var(--surface-100);border-radius:6px;margin-top:8px;overflow:hidden}.progress .bar{height:100%;background:var(--brand);transition:width .2s ease}.centered{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.loading-card{display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid var(--surface-200);background:#fff;box-shadow:var(--shadow)}.loading-spinner{width:20px;height:20px;border-radius:999px;border:3px solid var(--brand-light);border-top-color:var(--brand);animation:loading-spin .8s linear infinite}.loading-text{margin:0;font-size:14px;color:var(--muted)}@keyframes loading-spin{to{transform:rotate(360deg)}}.dashboard-shell{gap:22px}.dashboard-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;padding:26px;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#fff,#f6efff 55%,#efe4ff)}.dashboard-hero:after{content:"";position:absolute;right:-80px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#6b21a82e,#6b21a800)}.dashboard-hero h2{margin:0}.dashboard-hero-content{display:grid;gap:8px;position:relative;z-index:1}.dashboard-hero-stats{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(160px,1fr));align-content:start;position:relative;z-index:1}.hero-stat{padding:12px 14px;border-radius:18px;border:1px solid var(--surface-200);background:#ffffffeb;box-shadow:var(--shadow);display:grid;gap:6px}.hero-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hero-value{font-size:18px}.hero-sub{font-size:12px;color:var(--muted)}.scanner-form{display:grid;gap:12px;margin-top:12px}.schedule-panel{margin-top:8px;padding:14px;border-radius:16px;border:1px solid var(--surface-200);background:var(--surface-50);display:grid;gap:16px}.schedule-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.schedule-toggle{display:grid;grid-template-columns:24px 1fr;gap:8px 12px;align-items:center;padding:25px 16px;border-radius:14px;border:1px solid var(--surface-200);background:#fff}.schedule-toggle input{width:20px;height:20px;accent-color:var(--brand);justify-self:start;align-self:center}.schedule-toggle strong{display:block;margin-bottom:2px}.schedule-toggle-input{display:flex;align-items:center;margin-bottom:1rem;grid-column:1 / -1}.schedule-toggle-title{font-weight:700;align-self:center;margin-left:1rem}.schedule-toggle-help{grid-column:2;margin:0}.schedule-toggle-fields{grid-column:2;display:grid;gap:12px}.schedule-grid{gap:18px}.schedule-panel label{display:block;margin-bottom:6px}.schedule-panel input:not([type=checkbox]),.schedule-panel select{width:200px}.scanner-panel .flex-row{margin:0}.scanner-target{display:flex;gap:10px;align-items:center}.scanner-target select{min-width:0;width:auto}.scan-result-card{position:relative;display:grid;gap:18px;grid-template-rows:auto 1fr auto;padding:22px;background:linear-gradient(140deg,#ffffff 0%,var(--surface-50) 100%)}.scan-result-loading{display:inline-flex;align-items:center;gap:12px;font-weight:600;color:var(--muted)}.scan-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:#fff}.scan-result-spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--surface-200);border-top-color:var(--brand);animation:scan-spin .9s linear infinite}.scan-result-card .btn-compact{margin-top:1rem;text-decoration:none}.loading-overlay{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px}@keyframes scan-spin{to{transform:rotate(360deg)}}.scan-result-hero{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start}.scan-result-info h3{margin:6px 0 0}.scan-result-url{font-weight:600;margin:6px 0 0;word-break:break-word}.scan-result-meta{margin:6px 0 0;color:var(--muted);font-size:14px}.scan-limit-banner{border-radius:14px;padding:12px 14px;background:#fff3cd;color:#7a4b00;border:1px solid #ffe4a3;font-size:13px}.scan-score-card{min-width:140px;padding:14px 16px;border-radius:20px;border:1px solid var(--surface-200);background:#fff;text-align:center;box-shadow:var(--shadow)}.scan-score-value{font-size:28px;font-weight:700;margin:0}.scan-score-label{margin:4px 0 0;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}.scan-progress-list{display:grid;gap:12px}.scan-progress-row{display:grid;gap:6px}.scan-progress-action{display:flex;justify-content:flex-start;margin-top:2px}.scan-progress-top{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--muted)}.scan-progress-track{height:10px;border-radius:999px;background:var(--surface-100);overflow:hidden}.scan-progress-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5f2a9a,#9f6dff);transition:width .3s ease}.scan-progress-row[data-severity=critical] .scan-progress-bar{background:linear-gradient(90deg,#f05d6b,#ff7a9a)}.scan-progress-row[data-severity=high] .scan-progress-bar{background:linear-gradient(90deg,#ffb000,#ff7a33)}.scan-progress-row[data-severity=medium] .scan-progress-bar{background:linear-gradient(90deg,#ffd56a,#ffb347)}.scan-progress-row[data-severity=low] .scan-progress-bar,.scan-progress-row[data-tone=success] .scan-progress-bar{background:linear-gradient(90deg,#7be495,#22c55e)}.sammanfattning{width:100%}.dash-card{text-decoration:none;color:inherit;display:grid;gap:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dash-card:hover{transform:translateY(-2px);border-color:var(--brand-light);box-shadow:0 14px 32px -18px #581c8773}.dash-card:focus-visible{outline:3px solid rgba(107,33,168,.25);outline-offset:3px}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.dash-counts{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dash-count{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--surface-100);border:1px solid var(--surface-200);color:var(--brand);font-weight:600}.dash-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.dash-list{display:grid;gap:10px}.dash-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.dash-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.dash-stats strong{font-size:18px}.dash-checklist-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;align-items:center}.dash-checklist-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.dash-checklist-value{display:block;font-size:32px;font-weight:700;color:var(--text)}.dash-card-body{display:grid;gap:12px;align-content:start}.dash-card-footer{align-self:start;justify-self:start;padding:8px 14px;border-radius:999px;border:1px solid var(--surface-200);background:#fff;color:var(--brand);font-size:13px;font-weight:600;box-shadow:0 8px 18px #1008261f}.viewer-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;border:1px solid var(--surface-200);background:linear-gradient(135deg,#ffffff 0%,var(--surface-100) 100%);box-shadow:var(--shadow);margin-bottom:18px}.viewer-banner strong{color:var(--brand)}.viewer-badge{padding:6px 12px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:600;letter-spacing:.03em}.widget-page{gap:24px}.widget-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.widget-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.widget-form{display:grid;gap:16px}.widget-form label{margin-bottom:6px;font-weight:600}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field{border-radius:12px;padding:10px}.form-field label{display:block;margin-bottom:8px}.form-grid input{width:100%;border:1px solid #00000033}.form-grid select{width:100%}.muted-input{color:var(--muted);background:var(--surface-50);border-color:var(--surface-200)}.color-field{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center}.color-field input[type=color]{width:44px;height:36px;padding:0;border:1px solid #00000033;border-radius:8px;background:#fff}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.form-stack{display:grid;margin-top:12px}.login-form{gap:12px}.login-form .btn-ghost{margin-top:0}.invite-form-fields{display:grid;align-items:center;justify-content:start;gap:12px}.invite-form{margin-bottom:12px}.invite-form{justify-items:start}.toggle{display:flex;align-items:center;gap:10px;font-weight:600}.toggle input{width:auto}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--surface-200);background:var(--surface-50);font-size:13px}.chip input{width:auto;margin:0}.font-picker{position:relative;margin:10px 0}.font-options{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:220px;overflow:auto;background:#fff;border:1px solid var(--surface-200);border-radius:14px;box-shadow:var(--shadow);z-index:20;padding:6px}.font-option{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--text)}.font-option:hover{background:var(--surface-50)}.font-option.empty{cursor:default;color:var(--muted)}.danger-text{color:#a61b1b}.pill.danger{background:#ffe6e6;color:#a61b1b;border-color:#f5b5b5}.pill.success{background:#e7f8ee;color:#1b7a46;border-color:#bfe7cf}.widget-preview{border:1px solid var(--surface-200);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow);align-self:center;max-height:320px}.widget-preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:linear-gradient(135deg,var(--preview-header-start),var(--preview-header-end));color:var(--preview-header-text);font-weight:600}.widget-preview-header span{font-size:12px;opacity:.85}.widget-preview-body{padding:12px;display:grid;gap:10px}.widget-preview-actions{display:flex;gap:10px;flex-wrap:wrap}.preview-btn{border:none;border-radius:999px;padding:6px 12px;background:var(--preview-header-start);color:var(--preview-header-text);font-weight:600;font-size:12px}.preview-btn{border:none;border-radius:999px;padding:8px 14px;background:var(--preview-header-start);color:var(--preview-header-text);font-weight:600}.preview-btn.ghost{background:transparent;border:1px solid var(--preview-header-start);color:var(--preview-header-start)}.stats-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:12px 0 18px}.stat-card{background:var(--surface-50);border:1px solid var(--surface-200);border-radius:16px;padding:12px 14px}.list{display:grid;gap:8px}.code-block{margin-top:14px;background:var(--surface-50);border:1px dashed var(--surface-200);border-radius:16px;padding:14px;display:grid;gap:12px}.code-block pre{margin:0;white-space:pre-wrap}.code-block code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;color:var(--text)}.accordion{display:grid;gap:10px;margin-top:12px}.accordion details{border:1px solid var(--surface-200);border-radius:14px;padding:10px 14px;background:#fff}.accordion summary{cursor:pointer;font-weight:600}@media (max-width: 960px){.layout{flex-direction:column}.sidebar{display:none}.mobile-header{display:flex;height:7rem}.main{padding:20px 16px 28px}.dashboard-hero{grid-template-columns:1fr;padding:18px}.dashboard-hero-stats{grid-template-columns:1fr}.dashboard-hero:after{right:-120px;top:-120px;width:200px;height:200px}}