@import "https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";
:root{--red:#e8180c;--black:#030609;--white:#f5f2ee;--gray:#111316;--green:#22c55e;--orange:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--black);color:var(--white);font-family:DM Sans,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Anton,sans-serif}code,pre,.monospace{font-family:Space Mono,monospace}body{margin:0;padding:0}a{color:var(--red);text-decoration:none;transition:color .2s}a:hover{opacity:.8}button{cursor:pointer;border:none;font-family:DM Sans,sans-serif;font-weight:600;transition:all .2s}input,textarea{background-color:var(--gray);color:var(--white);border:1px solid #ffffff1a;border-radius:4px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:16px}input:focus,textarea:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 2px #e8180c1a}input::placeholder{color:#ffffff80}.btn-clip{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%);background-color:var(--red);color:var(--white);cursor:pointer;border:none;padding:12px 20px;font-size:16px;font-weight:700;transition:all .2s}.btn-clip:hover{background-color:#cc140a;transform:translateY(-2px)}.btn-clip:active{transform:translateY(0)}.grade{font-family:Anton,sans-serif;font-size:48px;font-weight:700}.grade-a{color:var(--green)}.grade-b{color:#3b82f6}.grade-c{color:#eab308}.grade-d{color:var(--orange)}.grade-f{color:var(--red)}.score-ring-container{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.score-ring{background:conic-gradient(var(--ring-color) var(--ring-percent), #ffffff1a 0deg);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;animation:.6s ease-out ringScale;display:flex;position:relative}@keyframes ringScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.score-ring-inner{background-color:var(--black);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.score-ring-value{font-family:Anton,sans-serif;font-size:28px;font-weight:700}.score-ring-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.tabs-container{border-bottom:1px solid #ffffff1a;gap:0;margin-bottom:32px;display:flex}.tab-button{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:16px 24px;font-family:DM Sans,sans-serif;font-weight:600;transition:all .2s}.tab-button.active{color:var(--white);border-bottom-color:var(--red)}.tab-button:hover{color:var(--white)}.tab-content{display:none}.tab-content.active{animation:.2s ease-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:2px;padding:4px 12px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;display:inline-block}.badge-green{color:var(--green);background-color:#22c55e33}.badge-orange{color:var(--orange);background-color:#f59e0b33}.badge-red{color:var(--red);background-color:#e8180c33}.badge-blue{color:#3b82f6;background-color:#3b82f633}.status-good{color:var(--green);background-color:#22c55e33}.status-warning{color:var(--orange);background-color:#f59e0b33}.status-critical{color:var(--red);background-color:#e8180c33}.card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:24px}.card-hover{cursor:pointer;transition:all .2s}.card-hover:hover{border-color:var(--red);background-color:#ffffff14}.checklist{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.checklist-item{background-color:#ffffff08;border-radius:4px;align-items:center;gap:12px;padding:12px;display:flex}.checklist-item.checked:before{content:"✓";color:var(--green);font-size:18px;font-weight:700}.checklist-item.unchecked:before{content:"✗";color:var(--red);font-size:18px;font-weight:700}.checklist-item.warning:before{content:"!";color:var(--orange);font-size:18px;font-weight:700}.bar-chart{flex-direction:column;gap:16px;display:flex}.bar-item{align-items:center;gap:12px;display:flex}.bar-label{color:#fffc;min-width:120px;font-size:14px}.bar{background-color:#ffffff1a;border-radius:2px;flex:1;height:24px;position:relative;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--red), #ff6b35);border-radius:2px;justify-content:flex-end;align-items:center;height:100%;padding-right:8px;transition:width .4s ease-out;display:flex}.bar-value{color:var(--white);font-family:Space Mono,monospace;font-size:12px;font-weight:700}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:#fffc;background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px;font-weight:700}.table td{border-bottom:1px solid #ffffff0d;padding:12px}.table tr:hover{background-color:#ffffff05}@media print{body{color:#000;background-color:#fff}.btn-clip,.no-print{display:none}.card{break-inside:avoid;background-color:#fff;border:1px solid #ccc}a{color:#000}.score-ring{background:conic-gradient(var(--ring-color) var(--ring-percent), #eee 0deg)}.score-ring-inner{background-color:#fff}}@media (max-width:768px){.checklist{grid-template-columns:1fr}.tabs-container{flex-wrap:wrap}.tab-button{padding:12px 16px;font-size:14px}h1{font-size:28px}h2{font-size:22px}.score-ring{width:80px;height:80px}.score-ring-inner{width:70px;height:70px}.score-ring-value{font-size:22px}}.auth-gate{background:var(--black);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--gray);text-align:center;border:1px solid #f5f2ee1a;border-radius:8px;width:100%;max-width:420px;padding:48px 40px}.auth-logo{letter-spacing:2px;color:var(--white);margin-bottom:4px;font-family:Anton,sans-serif;font-size:28px}.auth-subtitle{text-transform:uppercase;letter-spacing:2px;color:#f5f2ee80;margin-bottom:36px;font-family:Space Mono,monospace;font-size:12px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-label{letter-spacing:2px;color:#f5f2ee99;text-align:left;font-family:Space Mono,monospace;font-size:11px}.auth-input{background:var(--black);width:100%;color:var(--white);letter-spacing:2px;text-transform:uppercase;border:1px solid #f5f2ee26;border-radius:4px;outline:none;padding:14px 16px;font-family:Space Mono,monospace;font-size:16px;transition:border-color .3s}.auth-input:focus{border-color:var(--red)}.auth-input::placeholder{color:#f5f2ee40;text-transform:none;letter-spacing:0;font-family:DM Sans,sans-serif}.auth-error{color:var(--red);text-align:left;font-family:DM Sans,sans-serif;font-size:14px}.auth-button{background:var(--red);width:100%;color:var(--white);letter-spacing:2px;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border:none;margin-top:8px;padding:14px;font-family:Anton,sans-serif;font-size:16px;transition:background .3s}.auth-button:hover:not(:disabled){background:#ff2a1a}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{color:#f5f2ee66;margin-top:24px;font-family:DM Sans,sans-serif;font-size:13px}.auth-footer a{color:var(--red);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-spinner{border:3px solid #f5f2ee26;border-top-color:var(--red);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}