:root{--ink:#0b1220;--ink-2:#1a2238;--paper:#f6f7fb;--line:#e5e7ee;--muted:#6b7280;--accent:#2f54eb;--email:#2f54eb;--events:#0ea5b8;--media:#ea580c}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;color:var(--ink)}body{background:linear-gradient(180deg,#f6f7fb,#eef0f7);min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:40px 20px}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px 36px;box-shadow:0 1px 2px rgba(11,18,32,.04),0 12px 40px rgba(11,18,32,.06)}.login-card .logo{width:56px;height:56px;border-radius:12px;display:block;margin-bottom:20px;object-fit:cover}.login-card h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}.login-card .sub{color:var(--muted);font-size:14px;margin-bottom:28px}.login-card label{display:block;font-size:12px;color:#4b5563;margin-bottom:6px;font-weight:500}.login-card input:not([type=checkbox]){width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--line);border-radius:10px;background:#fbfbfd;font-family:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s}.login-card input:not([type=checkbox]):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,84,235,.12);background:#fff}.login-card .row{display:flex;align-items:center;justify-content:space-between;margin:18px 0 24px}.login-card .check{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563;white-space:nowrap;cursor:pointer}.login-card .link{font-size:13px;color:var(--accent)}.login-card button.signin{width:100%;padding:12px 16px;font-size:15px;font-weight:500;background:var(--ink);color:#fff;border:0;border-radius:10px;cursor:pointer}.login-card button.signin:hover{background:var(--ink-2)}.login-card button.signin:disabled{opacity:.55;cursor:not-allowed}.login-card .foot{margin-top:22px;font-size:12px;color:var(--muted);text-align:center}.login-card .err{margin-top:10px;font-size:13px;color:#b91c1c}.topbar{justify-content:space-between;padding:22px 36px}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{gap:12px}.topbar .brand img{width:32px;height:32px;border-radius:8px;object-fit:cover}.topbar .brand b{font-weight:600;font-size:15px;letter-spacing:.01em;color:var(--ink)}.topbar .signout{font-size:13px;color:var(--muted);background:transparent;border:0;padding:6px 10px;border-radius:8px;cursor:pointer}.topbar .signout:hover{color:var(--ink);background:rgba(11,18,32,.04)}.greeting{padding:24px 36px 0;max-width:1100px;margin:0 auto}.greeting h1{font-size:32px;letter-spacing:-.02em;margin:0 0 6px;font-weight:600}.greeting p{color:var(--muted);margin:0 0 32px;font-size:15px}.grid{max-width:1100px;margin:0 auto;padding:0 36px 60px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column;gap:14px;min-height:280px;position:relative;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,18,32,.1)}.card.disabled{cursor:not-allowed;opacity:.6;filter:grayscale(.7)}.card.disabled:hover{transform:none;box-shadow:none}.meta .dot.amber{background:#d97706}.card .stripe{position:absolute;top:0;left:0;right:0;height:4px}.card.email .stripe{background:var(--email)}.card.events .stripe{background:var(--events)}.card.media .stripe{background:var(--media)}.card .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff}.card.email .icon{background:var(--email)}.card.events .icon{background:var(--events)}.card.media .icon{background:var(--media)}.card .icon svg{display:block}.card h2{font-size:20px;margin:6px 0 4px;letter-spacing:-.01em}.card p{font-size:14px;line-height:1.5;margin:0;flex:1 1}.card p,.meta{color:var(--muted)}.meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding-top:10px;border-top:1px solid var(--line)}.meta .dot{width:6px;height:6px;border-radius:50%;background:#16a34a;display:inline-block;margin-right:6px}.arrow{font-size:14px;color:var(--ink);font-weight:500}@media (max-width:900px){.grid{grid-template-columns:1fr}.topbar{padding:18px 24px}.greeting{padding:18px 24px 0}.grid{padding:0 24px 40px}}