:root{--bg:#0b1020;--panel:#111827;--panel-2:#0f172a;--panel-3:#172036;--border:#1f2937;--border-strong:#334155;--text:#f8fafc;--muted:#cbd5e1;--muted-2:#94a3b8;--blue:#2563eb;--blue-2:#1d4ed8;--blue-soft:#93c5fd;--green-bg:#064e3b;--green-text:#a7f3d0;--yellow-bg:#78350f;--yellow-text:#fde68a;--red-bg:#7f1d1d;--red-text:#fecaca}*{box-sizing:border-box}html{margin:0;padding:0}body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{background:var(--bg);min-height:100vh}.app-content{min-height:calc(100vh - 76px)}.site-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1020e0;border-bottom:1px solid #3341558c;position:sticky;top:0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.site-header__left{align-items:center;display:flex}.site-logo{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.site-logo__badge{background:linear-gradient(135deg, var(--blue) 0%, var(--blue-2) 100%);color:#fff;letter-spacing:.04em;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:inline-flex}.site-logo__text{color:var(--text);font-size:16px;font-weight:800;line-height:1}.site-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-nav__link{color:var(--muted);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.site-nav__link:hover{color:var(--text);background:#172036e6;border-color:#334155e6}.site-nav__link.active{color:#fff;background:#172036;border-color:#334155;font-weight:700}.site-header__right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-primary-btn{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.header-primary-btn:hover{background:var(--blue-2);border-color:var(--blue-2);transform:translateY(-1px)}.header-secondary-btn{background:var(--panel-3);color:var(--text);border:1px solid var(--border-strong);border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.header-secondary-btn:hover{background:#1e293b;border-color:#475569;transform:translateY(-1px)}.header-logout-form{margin:0}.header-logout-btn{color:#e2e8f0;cursor:pointer;background-color:#172036;border:1px solid #334155;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.header-logout-btn:hover{background:#1e293b;border-color:#475569;transform:translateY(-1px)}@media (max-width:900px){.site-header{position:static}.site-header__inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:10px 14px;display:grid}.site-header__left{min-width:0}.site-nav{scrollbar-width:thin;flex-wrap:nowrap;order:3;grid-column:1/-1;gap:8px;width:100%;padding-bottom:2px;overflow-x:auto}.site-header__right{flex-wrap:nowrap;justify-content:flex-end;gap:8px;min-width:0}.site-logo{gap:8px;min-width:0}.site-logo__badge{border-radius:10px;width:34px;height:34px;font-size:12px}.site-logo__text{font-size:14px;line-height:1.1}.site-nav__link,.header-primary-btn,.header-secondary-btn,.header-logout-btn{white-space:nowrap;border-radius:11px;padding:9px 12px;font-size:14px}.header-primary-btn,.header-secondary-btn,.header-logout-btn{min-height:40px}}@media (max-width:640px){.site-logo__text{display:none}.site-header__right{gap:6px}.site-nav__link,.header-primary-btn,.header-secondary-btn,.header-logout-btn{padding:8px 10px;font-size:13px}}