:root{--bg:#061322;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.13);--text:#eef7ff;--muted:#98a9ba;--line:rgba(255,255,255,.14);--accent:#4fd1ff;--accent2:#2d7dff;--danger:#ff5b6e;--shadow:0 24px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,#123e63 0,#071626 38%,#030914 100%);letter-spacing:-.01em}.page-bg:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,rgba(79,209,255,.14),transparent 35%),radial-gradient(circle at 80% 20%,rgba(45,125,255,.22),transparent 26%);pointer-events:none}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:28px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(480px,100%);padding:36px}.brand-row{display:flex;align-items:center;gap:16px;margin-bottom:34px}.brand-mark,.logo span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#001323;font-weight:900}.brand-title{font-size:22px;font-weight:850}.brand-subtitle,.muted{color:var(--muted)}h1{font-size:clamp(32px,4vw,58px);line-height:1;margin:12px 0}h2{margin:0 0 10px}.form-stack,.form-grid{display:grid;gap:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}label{display:grid;gap:8px;color:#c9d7e5;font-weight:700}input,textarea{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:16px;color:var(--text);padding:14px 16px;font:inherit;outline:none}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:13px 18px;color:var(--text);text-decoration:none;font-weight:850;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#001323}.ghost{background:rgba(255,255,255,.09);border:1px solid var(--line)}.danger{background:rgba(255,91,110,.14);color:#ffd6dc;border:1px solid rgba(255,91,110,.4);margin-top:18px}.alert{padding:12px 14px;border-radius:16px;background:rgba(255,91,110,.13);border:1px solid rgba(255,91,110,.38);margin:18px 0}.login-footer,.footer{display:flex;justify-content:space-between;gap:16px;margin-top:24px;color:var(--muted)}a{color:#b9efff}.topbar{position:sticky;top:16px;z-index:10;margin:16px auto 0;width:min(1180px,calc(100% - 32px));padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.logo span{width:40px;height:40px;border-radius:12px}nav{display:flex;align-items:center;gap:14px}.user-chip{padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#dbe9f6}.container{width:min(1180px,calc(100% - 32px));margin:28px auto 100px}.narrow{width:min(860px,calc(100% - 32px))}.hero{padding:42px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero p{font-size:18px;color:#b9cadb;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent)!important;font-weight:900}.hero-badge{width:132px;height:132px;border-radius:38px;background:linear-gradient(135deg,rgba(79,209,255,.25),rgba(45,125,255,.2));display:grid;place-items:center;text-align:center;font-weight:950;font-size:28px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}.tile{padding:24px;min-height:230px;color:var(--text);text-decoration:none;transition:.18s;display:flex;flex-direction:column}.tile:hover{transform:translateY(-4px);background:var(--panel2);border-color:rgba(79,209,255,.44)}.tile p{color:#b7c6d5;line-height:1.5;flex:1}.tile span{font-weight:900;color:var(--accent)}.tile-icon{width:58px;height:58px;border-radius:18px;background:rgba(79,209,255,.16);border:1px solid rgba(79,209,255,.25);display:grid;place-items:center;color:#c8f5ff;font-weight:950;margin-bottom:18px}.tile-icon.big{width:82px;height:82px;border-radius:26px}.detail{padding:36px}.back{text-decoration:none;color:var(--muted)}.lead{font-size:20px;color:#bfd0df}.instruction{margin-top:28px;line-height:1.65;color:#dcebf7}.instruction h2,.instruction h3{margin-top:28px}.footer{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));padding:14px 18px;margin-top:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:26px}.wide-panel{grid-column:1/-1}.table{display:grid;gap:8px}.tr{display:grid;grid-template-columns:70px 1.2fr 2fr 70px auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.05)}.tr small,.tr em{color:var(--muted);font-style:normal}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.empty{padding:24px;color:var(--muted);grid-column:1/-1}
@media (max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.admin-grid,.form-grid{grid-template-columns:1fr}.hero-badge{display:none}.topbar,nav,.footer{flex-wrap:wrap}.footer{position:static;transform:none;margin:20px auto}.tr{grid-template-columns:1fr}.wide{grid-column:auto}}
@media (max-width:560px){.grid{grid-template-columns:1fr}.hero,.login-card,.detail,.panel{padding:24px}.topbar{position:static}.user-chip{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}