:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#090d16;--bg-secondary:#121824;--bg-tertiary:#1b2336;--bg-card:#121824b3;--border-color:#27354d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary:#3b82f6;--primary-hover:#60a5fa;--color-compliant:#10b981;--color-compliant-bg:#10b98126;--color-violation:#ef4444;--color-violation-bg:#ef444426;--color-warning:#f59e0b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;padding:0;font-size:1.25rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:3px solid var(--bg-primary);border-radius:6px}h1{letter-spacing:-.025em;margin-top:0;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:2.75rem;font-weight:900}h2{letter-spacing:-.02em;margin-top:0;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}h3{margin-top:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.app-container{background-attachment:fixed;min-height:100vh;display:flex}.sidebar{background-color:var(--bg-secondary);border-right:2px solid var(--border-color);box-sizing:border-box;flex-direction:column;justify-content:space-between;width:320px;padding:2rem 1.5rem;display:flex}.main-content{box-sizing:border-box;flex:1;padding:2.5rem;overflow-y:auto}.nav-menu{flex-direction:column;gap:1rem;margin-top:2.5rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:2px dashed #0000;border-radius:16px;align-items:center;gap:1.25rem;min-height:72px;padding:1.25rem 1.5rem;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background-color:var(--bg-tertiary);border:2px solid var(--primary);color:var(--text-primary);box-shadow:0 0 15px #3b82f626}.btn-huge{cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:76px;padding:1rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 6px -1px #0000001a}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.card-glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:2px solid var(--border-color);border-radius:24px;margin-bottom:2rem;padding:2.25rem;box-shadow:0 10px 15px -3px #0000004d}.compliance-toggles{gap:1.5rem;width:100%;max-width:480px;margin-top:1.25rem;display:flex}.toggle-btn{cursor:pointer;border:3px solid var(--border-color);min-height:80px;color:var(--text-secondary);background:0 0;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:.75rem;font-family:Outfit,sans-serif;font-size:1.65rem;font-weight:800;transition:all .2s;display:flex}.toggle-btn-yes:hover{border-color:var(--color-compliant);color:var(--color-compliant);background-color:#10b9810d}.toggle-btn-yes.selected{background-color:var(--color-compliant);border-color:var(--color-compliant);color:#fff;box-shadow:0 0 20px #10b98166}.toggle-btn-no:hover{border-color:var(--color-violation);color:var(--color-violation);background-color:#ef44440d}.toggle-btn-no.selected{background-color:var(--color-violation);border-color:var(--color-violation);color:#fff;box-shadow:0 0 20px #ef444466}.status-badge{text-transform:uppercase;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:700;display:inline-flex}.status-badge-compliant{background-color:var(--color-compliant-bg);color:var(--color-compliant);border:1px solid var(--color-compliant)}.status-badge-violation{background-color:var(--color-violation-bg);color:var(--color-violation);border:1px solid var(--color-violation)}.pin-pad-container{grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:360px;margin:1.5rem auto;display:grid}.pin-key{background-color:var(--bg-tertiary);width:90px;height:90px;color:var(--text-primary);border:2px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700;transition:all .15s;display:flex}.pin-key:hover{background-color:var(--border-color);border-color:var(--primary);color:#fff}.pin-key:active{transform:scale(.9)}.pin-display{justify-content:center;gap:1.5rem;margin:2rem 0;display:flex}.pin-dot{border:3px solid var(--border-color);background-color:#0000;border-radius:50%;width:24px;height:24px;transition:all .15s}.pin-dot.filled{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#000000d9;justify-content:center;align-items:flex-start;padding:2rem 1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background-color:var(--bg-secondary);border:3px solid var(--border-color);box-sizing:border-box;text-align:center;border-radius:32px;width:100%;max-width:600px;margin-top:auto;margin-bottom:auto;padding:3rem;box-shadow:0 25px 50px -12px #00000080}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.pulse-element{animation:2s ease-in-out infinite pulse-ring}.grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=1024px){.grid-2{grid-template-columns:1fr}}.flex-between{justify-content:space-between;align-items:center;gap:1rem;display:flex}.margin-top-large{margin-top:2.5rem}.large-select,.large-input{background-color:var(--bg-tertiary);border:2px solid var(--border-color);width:100%;min-height:72px;color:var(--text-primary);box-sizing:border-box;cursor:pointer;border-radius:16px;outline:none;padding:1rem 1.5rem;font-family:Outfit,sans-serif;font-size:1.35rem}.large-select:focus,.large-input:focus{border-color:var(--primary);box-shadow:0 0 10px #3b82f633}