:root{--bg:#080810;--bg-soft:#0f0f1a;--card:rgba(255,255,255,.04);--card-border:rgba(255,255,255,.08);--text:#f0f0f5;--text-dim:rgba(240,240,245,.5);--gold:#f5c500}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 70% -10%,rgba(245,197,0,.06),transparent),var(--bg)}.login-card{width:100%;max-width:400px;background:var(--bg-soft);border:1px solid var(--card-border);border-radius:20px;padding:40px 32px}.brand{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.brand b{color:var(--gold)}.login-sub{color:var(--text-dim);font-size:14px;margin-bottom:28px}.field{margin-bottom:16px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px}.field input{width:100%;padding:13px 14px;font-size:16px;background:rgba(255,255,255,.03);border:1px solid var(--card-border);border-radius:12px;color:var(--text);outline:none;transition:border-color .15s}.field input:focus{border-color:var(--gold)}.btn{width:100%;padding:14px;font-size:15px;font-weight:700;cursor:pointer;background:var(--gold);color:#0b1118;border:none;border-radius:12px;font-family:inherit;transition:opacity .15s}.btn:disabled{opacity:.55;cursor:default}.err{margin-bottom:16px;padding:11px 14px;border-radius:10px;font-size:13px;background:rgba(248,113,113,.12);color:#fca5a5}.hub{max-width:1080px;margin:0 auto;padding:40px 24px 80px}.hub-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hub h1{font-size:26px;font-weight:800;letter-spacing:-.02em}.hub h1 b{color:var(--gold)}.hub-sub{font-size:14px;margin-bottom:32px}.hub-sub,.logout{color:var(--text-dim)}.logout{background:rgba(255,255,255,.05);border:1px solid var(--card-border);border-radius:10px;padding:8px 14px;font-size:13px;cursor:pointer;font-family:inherit}.logout:hover{color:#fca5a5;border-color:#fca5a5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:16px;gap:16px}.tile{display:block;background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:22px;transition:transform .12s,border-color .12s}.tile:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)}.tile-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;color:#fff}.tile-name{font-size:16px;font-weight:700;margin-bottom:3px}.tile-sub{font-size:12.5px;color:var(--text-dim);line-height:1.4}.tile-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:6px;background:rgba(245,197,0,.15);color:var(--gold);margin-left:8px;vertical-align:middle}.empty{color:var(--text-dim);font-size:14px;padding:40px 0;text-align:center}.foot{margin-top:40px;font-size:11px;color:rgba(240,240,245,.25)}