:root{--bg:#f4f4ef;--bg-2:#fafaf7;--surface:#fff;--ink:#0a0e14;--ink-2:#52525b;--ink-3:#71717a;--border:#e4e4e0;--brand:#4f46e5;--brand-soft:#eef2ff;--sh-sm:0 1px 2px rgba(10,14,20,.04);--sh-md:0 2px 4px rgba(10,14,20,.04),0 4px 12px rgba(10,14,20,.06);--sh-lg:0 4px 8px rgba(10,14,20,.06),0 12px 32px rgba(10,14,20,.08);--sh-xl:0 8px 16px rgba(10,14,20,.08),0 24px 48px rgba(10,14,20,.12)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:linear-gradient(180deg,var(--bg-2) 0,var(--bg) 100%);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}.header{position:relative;background:linear-gradient(135deg,#0a0e14,#1a1f2e);color:#fff;padding:28px 32px;overflow:hidden}.header:after{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 12% -20%,rgba(79,70,229,.28),transparent 60%),radial-gradient(500px 200px at 90% 120%,rgba(8,145,178,.22),transparent 60%);pointer-events:none}.header-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;justify-content:space-between;gap:16px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:14px}.brand-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#0891b2);letter-spacing:-.04em;box-shadow:var(--sh-md)}.brand h1,.brand-icon{font-weight:800;font-size:20px}.brand h1{font-family:Inter Tight,Inter,sans-serif;letter-spacing:-.02em;line-height:1.1}.brand p{color:hsla(0,0%,100%,.6);font-size:13px;margin-top:2px}.logout{color:hsla(0,0%,100%,.78);text-decoration:none;font-size:13px;font-weight:500;border:1px solid hsla(0,0%,100%,.18);padding:8px 14px;border-radius:9px;transition:background .15s,color .15s}.logout:hover{background:hsla(0,0%,100%,.1);color:#fff}.wrap{max-width:1180px;margin:0 auto;padding:40px 32px 64px}.section-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px}.card{position:relative;display:block;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 22px 20px;text-decoration:none;color:inherit;box-shadow:var(--sh-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:#d6d6d2}.card-accent{position:absolute;top:0;left:0;width:100%;height:4px}.card-cat{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;margin-bottom:14px}.card h3{font-family:Inter Tight,Inter,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.25;margin-bottom:8px}.card p{color:var(--ink-2);font-size:13.5px;line-height:1.5}.card-go{margin-top:16px;gap:6px;font-size:13px;font-weight:600}.card-go,.viewer-bar{display:flex;align-items:center}.viewer-bar{justify-content:space-between;gap:16px;padding:12px 20px;background:linear-gradient(135deg,#0a0e14,#1a1f2e);color:#fff}.viewer-bar .left{display:flex;align-items:center;gap:14px;min-width:0}.viewer-bar a.back{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap}.viewer-bar a.back:hover{color:#fff}.viewer-bar .title{font-family:Inter Tight,Inter,sans-serif;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-frame{width:100%;height:calc(100vh - 49px);border:0;display:block;background:#fff}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0a0e14,#1a1f2e)}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:20px;padding:36px 32px;box-shadow:var(--sh-xl)}.login-card .brand-icon{margin-bottom:20px}.login-card h1{font-family:Inter Tight,Inter,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;margin-bottom:6px}.login-card .sub{color:var(--ink-2);font-size:14px;margin-bottom:24px}.login-card label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:8px}.login-card input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:11px;font-size:15px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.login-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.login-card button{width:100%;margin-top:18px;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .15s}.login-card button:hover{filter:brightness(1.08)}.login-error{margin-top:14px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px}.login-foot{margin-top:22px;text-align:center;font-size:12px;color:var(--ink-3)}