:root{--bg:#02070d;--panel:rgba(6,18,31,.78);--line:rgba(0,174,255,.28);--text:#f5fbff;--muted:#b6c8d8;--blue:#00a8ff;--silver:#e8edf3;--danger:#ff5263}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#000 url('assets/background-on-safer.jpg') center top/cover fixed no-repeat;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68) 44%,#000 100%);pointer-events:none}.app-shell{position:relative;max-width:1120px;margin:0 auto;padding:28px 18px 52px}.hero{text-align:center;padding:18px 0 26px}.brand{width:min(500px,88vw);filter:drop-shadow(0 0 22px rgba(0,168,255,.35))}.tagline{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.hero h1{font-size:clamp(2.2rem,7vw,5rem);line-height:.95;margin:8px 0 10px;text-transform:uppercase;background:linear-gradient(90deg,var(--blue),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.notice{max-width:760px;margin:0 auto 14px;color:#dceaf5;line-height:1.55}.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:20px;margin:16px 0;box-shadow:0 18px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(12px)}h2{margin:0 0 14px;font-size:1.12rem;color:var(--silver)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid .card{margin:0}.form-row{display:flex;gap:10px;margin:10px 0}.select-label{display:block;color:var(--muted);font-size:.9rem;margin-bottom:8px}input,select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.42);color:var(--text);outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,168,255,.16)}button,.file-btn{border:0;border-radius:14px;padding:13px 16px;font-weight:700;color:#00111f;cursor:pointer;white-space:nowrap}.primary{background:linear-gradient(135deg,#00a8ff,#eaf6ff)}.secondary,.file-btn{background:rgba(232,237,243,.9)}.danger{background:rgba(255,82,99,.95);color:#fff}.hidden{display:none}.status,.decision{margin-top:12px;padding:14px;border-radius:16px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.08)}.list{display:flex;flex-direction:column;gap:10px;min-height:70px}.item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.3);border-radius:14px;padding:11px}.item b{display:block}.item small{color:var(--muted)}.item button{padding:8px 10px;border-radius:10px;background:rgba(255,82,99,.9);color:white}.muted{color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.log{max-height:310px;overflow:auto;display:flex;flex-direction:column;gap:8px}.log-entry{padding:10px;border-radius:12px;background:rgba(0,0,0,.34);border-left:3px solid var(--blue)}.blocked{border-left-color:var(--danger)}.allowed{border-left-color:#72ff9a}.actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:820px){.grid{grid-template-columns:1fr}.form-row{flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.hero{padding-top:2px}.card{border-radius:18px}}