:root{--pico-font-family: "Inter", system-ui, -apple-system, sans-serif;--pico-border-radius: .5rem;--gauge-danger: #ef4444;--gauge-success: #10b981}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--pico-background-color)}main{flex:1 0 auto;padding:3rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}header.hero{text-align:center;margin-bottom:2rem;animation:fadeInDown .6s ease-out}header.hero h1{font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3rem)}header.hero p{color:var(--pico-muted-color);font-size:1.1rem}.security-badge{display:inline-flex;align-items:center;gap:.5rem;background:#10b9811a;color:var(--gauge-success);padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:600;border:1px solid rgba(16,185,129,.2);margin-bottom:1.5rem}.card{background-color:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:1.5rem;box-shadow:var(--pico-card-box-shadow)}.card h3{font-size:1.25rem;margin-top:0;margin-bottom:1.5rem;font-weight:600;border-bottom:1px solid var(--pico-muted-border-color);padding-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.threshold-section{margin-bottom:1.5rem;padding:1.25rem;background:#00000026;border-radius:var(--pico-border-radius);border:1px solid var(--pico-muted-border-color)}.threshold-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;cursor:pointer}.threshold-header span{font-weight:600;font-size:.95rem;color:var(--pico-h2-color);display:flex;align-items:center;gap:.5rem}.threshold-toggle{font-size:.8rem;color:var(--pico-primary);cursor:pointer;user-select:none}.threshold-mode-label{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .8rem;border-radius:1rem;font-size:.8rem;font-weight:600}.mode-standard{background:#10b9811a;color:var(--gauge-success);border:1px solid rgba(16,185,129,.2)}.mode-custom{background:#0ea5e91a;color:var(--pico-primary);border:1px solid rgba(14,165,233,.3)}.threshold-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.threshold-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:2rem;font-size:.8rem;font-weight:600;background:#ef444414;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.threshold-chip .chip-limit{color:var(--gauge-danger);font-family:ui-monospace,Cascadia Code,monospace}.threshold-chip .chip-remove{background:none;border:none;color:var(--gauge-danger);cursor:pointer;font-size:.9rem;padding:0;margin-left:.2rem;line-height:1;opacity:.6;transition:opacity .2s}.threshold-chip .chip-remove:hover{opacity:1}.custom-upload-zone{border:1px dashed var(--pico-primary);border-radius:var(--pico-border-radius);padding:1rem;text-align:center;cursor:pointer;transition:all .2s;background:#0ea5e905;margin-bottom:.75rem}.custom-upload-zone:hover{background:#0ea5e914}.custom-upload-zone p{margin:0;font-size:.85rem;color:var(--pico-muted-color)}.custom-upload-zone input[type=file]{display:none}.threshold-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-reset-threshold{padding:.3rem .8rem;font-size:.8rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:var(--pico-border-radius);cursor:pointer;transition:all .2s}.btn-reset-threshold:hover{background:#ef444433}.btn-use-custom{padding:.3rem .8rem;font-size:.8rem;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);color:var(--pico-primary);border-radius:var(--pico-border-radius);cursor:pointer;transition:all .2s}.btn-use-custom:hover{background:#0ea5e933}.drop-zone{border:2px dashed var(--pico-primary);border-radius:var(--pico-border-radius);padding:3rem 1.5rem;text-align:center;background:#0ea5e905;transition:all .3s ease;cursor:pointer}.drop-zone.dragover{background:#0ea5e91a;border-color:var(--pico-primary-hover)}.drop-zone p{margin:0 0 1rem;color:var(--pico-muted-color)}.drop-zone input[type=file]{display:none}.table-container{overflow-x:auto;margin-top:1rem;border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);display:none}table{margin-bottom:0;font-size:.9rem}th{background:#ffffff0d;position:sticky;top:0}.row-violation{background-color:#ef444426!important;border-left:3px solid var(--gauge-danger)}.row-violation td{color:#fca5a5}.btn-export{padding:.4rem 1rem;font-size:.8rem;width:auto;background-color:var(--gauge-danger);border-color:var(--gauge-danger)}.btn-export:hover{background-color:#dc2626;border-color:#dc2626}.ad-container{margin:2rem 0;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px dashed var(--pico-muted-border-color);color:var(--pico-muted-color);font-size:.8rem}footer{flex-shrink:0;padding:2rem 0;border-top:1px solid var(--pico-muted-border-color);margin-top:4rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.footer-links a{color:var(--pico-muted-color);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--pico-h2-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--pico-muted-color)}#demoMsg{font-size:.8rem;color:var(--pico-muted-color);text-align:center;margin-top:1rem}.threshold-format-hint{font-size:.75rem;color:var(--pico-muted-color);margin-top:.5rem;line-height:1.5}.threshold-format-hint code{font-size:.7rem;background:#ffffff0d;padding:.1rem .3rem;border-radius:3px}