@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#050816;--glass:rgba(255,255,255,.09);--border:rgba(255,255,255,.18);--text:#f8fbff;--muted:#a8b3cf;--blue:#3b82f6;--cyan:#22d3ee;--purple:#8b5cf6;--green:#22c55e;--red:#ef4444}
body{min-height:100vh;font-family:Inter,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(59,130,246,.32),transparent 28%),radial-gradient(circle at 85% 10%,rgba(139,92,246,.30),transparent 30%),radial-gradient(circle at 50% 90%,rgba(34,211,238,.20),transparent 35%),linear-gradient(135deg,#030712,#080b22,#020617);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(120deg,rgba(59,130,246,.12),rgba(139,92,246,.14),rgba(34,211,238,.10));background-size:300% 300%;animation:bgMove 12s infinite alternate ease-in-out}
@keyframes bgMove{from{background-position:0 50%}to{background-position:100% 50%}}
.orb{position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(32px);opacity:.35;z-index:-2;animation:float 8s infinite ease-in-out}
.orb.one{background:#2563eb;left:-100px;top:120px}.orb.two{background:#9333ea;right:-90px;top:70px;animation-delay:1.5s}.orb.three{background:#06b6d4;left:36%;bottom:-130px;animation-delay:3s}
@keyframes float{50%{transform:translateY(-35px) scale(1.08)}}
.container{width:min(1180px,92%);margin:auto}.nav{padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px;font-weight:900}.logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.06));border:1px solid var(--border);box-shadow:0 15px 45px rgba(59,130,246,.30)}
.nav a{color:white;text-decoration:none;padding:12px 16px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(20px)}
.hero{min-height:calc(100vh - 98px);display:grid;place-items:center;padding:35px 0}.center{text-align:center}
h1{font-size:clamp(38px,6vw,80px);line-height:.95;letter-spacing:-3px;background:linear-gradient(90deg,#fff,#93c5fd,#c4b5fd,#67e8f9);-webkit-background-clip:text;color:transparent}.sub{margin:18px auto 0;color:var(--muted);font-size:18px;max-width:700px;line-height:1.6}
.badges{margin:24px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.badge{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid var(--border);backdrop-filter:blur(18px)}
.card{width:min(650px,100%);margin:28px auto 0;padding:34px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border:1px solid var(--border);backdrop-filter:blur(28px);box-shadow:0 35px 100px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18)}
.form{display:grid;gap:14px;text-align:left}.input{width:100%;padding:17px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.20);outline:none;color:white;background:rgba(255,255,255,.08);font-size:16px}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(34,211,238,.13)}
.btn{border:0;cursor:pointer;padding:16px 22px;border-radius:18px;font-weight:900;color:white;background:linear-gradient(135deg,var(--blue),var(--purple),var(--cyan));box-shadow:0 18px 45px rgba(59,130,246,.35);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn.danger{background:linear-gradient(135deg,#ef4444,#f97316)}.btn.soft{background:rgba(255,255,255,.10);border:1px solid var(--border)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px;text-align:left}.box{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.box small{color:var(--muted)}.box strong{display:block;margin-top:5px}
.status-ok{display:inline-block;padding:10px 16px;border-radius:999px;background:rgba(34,197,94,.18);color:#86efac;font-weight:900}.status-bad{display:inline-block;padding:10px 16px;border-radius:999px;background:rgba(239,68,68,.18);color:#fca5a5;font-weight:900}.check,.warn{width:96px;height:96px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:50px}.check{background:rgba(34,197,94,.16);color:var(--green);box-shadow:0 0 55px rgba(34,197,94,.35)}.warn{background:rgba(239,68,68,.16);color:var(--red);box-shadow:0 0 55px rgba(239,68,68,.35)}
.pdf-preview{width:100%;height:650px;margin-top:24px;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:white}.pdf-preview iframe{width:100%;height:100%;border:0}
.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:24px;background:rgba(255,255,255,.07);border-right:1px solid var(--border);backdrop-filter:blur(25px);position:sticky;top:0;height:100vh}.sidebar a{display:block;color:white;text-decoration:none;padding:14px 16px;margin:8px 0;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid transparent}.sidebar a:hover{border-color:var(--border);background:rgba(255,255,255,.12)}.content{padding:28px}
.table-wrap{overflow:auto;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,.08);backdrop-filter:blur(24px)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:15px;border-bottom:1px solid rgba(255,255,255,.10);text-align:left}th{color:#c7d2fe}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:760px){.grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.pdf-preview{height:480px}.nav{flex-direction:column}.card{padding:24px}}