@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}:root{--primary:#0891b2;--primary-soft:#06b6d4;--primary-hover:#0e7490;--secondary:#7c3aed;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--bg:#f8fafc;--surface:#ffffff;--surface-soft:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--input-bg:#f1f5f9;--table-bg:#ffffff;--table-row-bg:#ffffff;--table-row-hover-bg:#f8fafc;--table-header-bg:#f8fafc;--table-text:#0f172a;--table-header-text:#64748b;--dark-bg:var(--bg);--dark-surface:var(--surface);--dark-surface-soft:var(--surface-soft);--dark-border:var(--border);--dark-text:var(--text);--dark-text-secondary:var(--text-secondary);--dark-input-bg:var(--input-bg);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 10px 25px rgba(0,0,0,0.15);--focus-outline:2px solid rgba(8,145,178,0.6)}.theme-dark,[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--surface-soft:#020617;--border:#334155;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--input-bg:#1e293b;--table-bg:#020617;--table-row-bg:#020617;--table-row-hover-bg:#0b1120;--table-header-bg:#020617;--table-text:#cbd5e1;--table-header-text:#94a3b8;--shadow-sm:0 4px 12px rgba(15,23,42,0.35);--shadow-md:0 10px 30px rgba(15,23,42,0.55);--shadow-lg:0 20px 40px rgba(15,23,42,0.7)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font-size:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--primary-hover);text-decoration:underline}p{margin:0 0 .75rem}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700;line-height:1.2}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{padding:10px 16px;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all var(--duration-normal) var(--ease-standard)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#ffffff;box-shadow:0 4px 12px rgba(8,145,178,.3)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,145,178,.4)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-soft);border-color:var(--primary);color:var(--primary)}.btn-sm{padding:6px 12px;font-size:.75rem;border-radius:var(--radius-sm)}.btn-lg{padding:12px 20px;font-size:.95rem}.btn-full{width:100%}.input-field{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--duration-normal) var(--ease-standard)}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(8,145,178,.2);background:var(--surface)}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize;gap:4px}.status-passed{background:rgba(34,197,94,.15);color:#22c55e}.status-suppressed{background:rgba(245,158,11,.15);color:#f59e0b}.status-blocked{background:rgba(239,68,68,.15);color:#ef4444}.alert{padding:12px 16px;border-radius:var(--radius-md);border-left:4px solid;margin-bottom:16px;font-size:.875rem}.alert-error{background:rgba(239,68,68,.1);border-left-color:#ef4444;color:#ef4444}.alert-success{background:rgba(34,197,94,.1);border-left-color:#22c55e;color:#22c55e}.alert-warning{background:rgba(245,158,11,.1);border-left-color:#f59e0b;color:#f59e0b}.loading-spinner{display:inline-block;width:40px;height:40px;border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--table-bg)}.table thead{background:var(--table-header-bg);border-bottom:2px solid var(--border)}.table th{padding:12px;text-align:left;font-weight:600;color:var(--table-header-text);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table td{padding:12px;border-bottom:1px solid var(--border);color:var(--table-text)}.table tbody tr{background:var(--table-row-bg);transition:background var(--duration-fast) var(--ease-standard)}.table tbody tr:hover{background:var(--table-row-hover-bg);cursor:pointer}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metrics-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;transition:transform var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.metrics-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.metrics-label{margin:0 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.metrics-value{margin:0;font-size:1.9rem;font-weight:700;color:var(--primary)}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:10px}.sidebar-nav-item{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.85rem;text-align:left;font-weight:500;display:flex;align-items:center;gap:8px;transition:all var(--duration-fast) var(--ease-standard)}.sidebar-nav-item:hover{background:var(--surface-soft);border-color:var(--border);color:var(--text);transform:translateY(-1px)}.sidebar-nav-item--active{background:var(--surface-soft);border-color:var(--primary);color:var(--primary)}.dashboard-footer{margin-top:auto;padding:20px 40px;text-align:center;color:var(--text-muted);font-size:13px;border-top:1px solid var(--border);background:var(--surface)}.page-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.page-header{padding:20px 40px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface)}.page-content-wrapper,.page-main-content{display:flex;flex:1}.page-main-content{padding:40px;overflow-y:auto;flex-direction:column;color:var(--text)}.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-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.my-16{margin-top:16px;margin-bottom:16px}.p-0{padding:0}.px-16{padding-left:16px;padding-right:16px}.py-16{padding-top:16px;padding-bottom:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid-2,.grid-4{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.table{font-size:.8rem}.sidebar{width:180px}.page-main-content{padding:20px}.page-header{padding:16px 20px}}@media (max-width:480px){.grid-4{grid-template-columns:1fr}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.page-content-wrapper{flex-direction:column}}.logo{display:inline-flex;align-items:center;gap:.5rem}.logo-mark{width:50px;height:40px}.main-content-grid{display:grid;grid-template-columns:1fr 400px;gap:32px}@media (max-width:1200px){.main-content-grid{grid-template-columns:1fr 350px;gap:24px}}@media (max-width:1024px){.main-content-grid{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.main-content-grid{gap:20px}}.metrics-top-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metrics-middle-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:768px){.metrics-middle-row,.metrics-top-row{grid-template-columns:1fr;gap:16px}}@media (max-width:480px){.metrics-middle-row,.metrics-top-row{gap:12px}}.traces-container{max-height:500px;overflow:auto}@media (max-width:1024px){.traces-container{max-height:400px}}@media (max-width:768px){.traces-container{max-height:300px}}@media (max-width:480px){.traces-container{max-height:250px}}@media (max-width:768px){.sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:280px!important;min-width:280px!important;z-index:999!important;transform:translateX(-100%);transition:transform .3s ease!important}.sidebar-open{transform:translateX(0)!important}.sidebar-closed{transform:translateX(-100%)!important}.mobile-menu-btn{display:flex!important}.mobile-close-btn,.mobile-sidebar-overlay{display:block!important}.page-main-content{padding:20px 16px!important}.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.demo-scenarios-mobile,main{width:100%!important}main{margin-left:0!important}}@media (max-width:480px){.page-main-content{padding:16px 12px!important}.main-content-grid>div,.metrics-middle-row>div,.metrics-top-row>div{padding:20px!important;border-radius:12px!important}.dashboard-header h1{font-size:20px!important}.header-user-section{flex-direction:column!important;align-items:center!important;gap:8px!important}.sidebar{width:260px!important;min-width:260px!important}}@media (min-width:769px){.sidebar{position:relative!important;transform:translateX(0)!important}.mobile-close-btn,.mobile-menu-btn,.mobile-sidebar-overlay{display:none!important}}.dashboard-container{min-width:0;overflow-x:hidden}.dashboard-container *{box-sizing:border-box}@media (max-width:768px){.main-content-grid,.metrics-middle-row,.metrics-top-row,.traces-container{min-width:0;overflow-x:auto}.metrics-middle-row>div,.metrics-top-row>div{min-width:0;word-wrap:break-word;overflow-wrap:break-word}.audit-header-buttons{flex-direction:column!important;width:100%!important}.audit-header-buttons button{width:100%!important}}.main-content-grid,.metrics-middle-row,.metrics-top-row{min-width:0}.main-content-grid>div,.metrics-middle-row>div,.metrics-top-row>div{min-width:0;overflow-wrap:break-word}@media (max-width:768px){.main-content-grid>div{overflow-x:auto}}