:root{--ai-bg:#0b0b10;--ai-card:#121219;--ai-fg:#fafafa;--ai-muted:#a1a1aa;--ai-border:#292932;--ai-primary:#f4c430;--ai-accent:#23232b}
html{background:var(--ai-bg)}body{margin:0;background:var(--ai-bg);color:var(--ai-fg);font-family:Inter,system-ui,sans-serif;padding-top:64px}a{text-decoration:none}
.ai-site-header{position:fixed;z-index:1000;inset:0 0 auto;height:64px;border-bottom:1px solid rgba(42,42,50,.65);background:rgba(11,11,16,.82);backdrop-filter:blur(18px)}
.ai-site-nav{height:64px;width:min(1152px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.ai-brand{display:inline-flex;align-items:center;gap:10px;color:#fff}.ai-brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--ai-primary);color:#111;font-size:20px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.ai-brand-icon.small{width:32px;height:32px;font-size:17px}.ai-brand-name{font:700 18px/1 'Space Grotesk',sans-serif;letter-spacing:-.02em}.ai-brand-name>span{color:var(--ai-primary)}
.ai-main-nav{display:flex;align-items:center;gap:32px}.ai-main-nav a{color:var(--ai-muted);font-size:14px;transition:.15s}.ai-main-nav a:hover{color:#fff}.ai-account-nav{display:flex;align-items:center;gap:8px}.ai-account-nav a{font-size:14px}.ai-dashboard-link,.ai-login,.ai-admin-link{height:40px;display:inline-flex;align-items:center;gap:8px;border-radius:8px;padding:0 12px;color:#f4f4f5}.ai-dashboard-link:hover,.ai-login:hover{background:var(--ai-accent)}.ai-admin-link{color:var(--ai-primary)}.ai-logout{height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ai-border);border-radius:8px;padding:0 14px;color:var(--ai-muted)}.ai-logout:hover{background:var(--ai-accent);color:#fff}.ai-create{height:40px;display:inline-flex;align-items:center;border-radius:8px;padding:0 16px;background:var(--ai-primary);color:#111;font-weight:600}.ai-grid-icon{width:15px;height:15px;display:inline-block;background:linear-gradient(currentColor,currentColor) 0 0/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 9px 0/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 0 9px/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 9px 9px/6px 6px no-repeat;border-radius:1px}
.ai-site-footer{border-top:1px solid rgba(42,42,50,.65);background:var(--ai-bg)}.ai-footer-wrap{width:min(1152px,calc(100% - 32px));margin:auto;padding:48px 0 30px}.ai-footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:48px}.ai-footer-brand{max-width:320px}.ai-footer-brand p{margin:13px 0 0;color:var(--ai-muted);font-size:14px;line-height:1.7}.ai-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;font-size:14px}.ai-footer-links>div{display:flex;flex-direction:column;gap:9px;min-width:130px}.ai-footer-links strong{margin-bottom:4px}.ai-footer-links a,.ai-footer-links span{color:var(--ai-muted)}.ai-footer-links a:hover{color:#fff}.ai-footer-copy{margin-top:40px;border-top:1px solid rgba(42,42,50,.65);padding-top:24px;color:var(--ai-muted);font-size:14px}
@media(max-width:820px){.ai-main-nav{display:none}.ai-site-nav{width:calc(100% - 24px)}.ai-dashboard-link span:last-child,.ai-logout span:last-child{display:none}.ai-dashboard-link,.ai-logout{padding:0 10px}.ai-footer-top{flex-direction:column}.ai-footer-links{width:100%}.ai-footer-wrap{width:calc(100% - 24px)}}
@media(max-width:520px){.ai-brand-name{font-size:16px}.ai-footer-links{grid-template-columns:repeat(2,1fr);gap:28px}.ai-footer-links>div:last-child{grid-column:1/-1}}