*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f2f4f8;color:#1f2937;font-size:14px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#101828;color:#fff;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff;padding:4px}.header-actions{display:flex;gap:12px;align-items:center}.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);background:transparent;border-radius:8px;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:#fff;border-radius:999px;margin:0 auto}.user-pill{background:#ffffff26;padding:6px 12px;border-radius:999px;font-size:12px}.tenant-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;padding:6px 10px;border-radius:999px;font-size:12px}.tenant-logo{width:22px;height:22px;object-fit:contain;border-radius:4px;background:#fff;padding:2px}.app-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:8px 20px;background:#1f2937}.app-nav.collapsed{padding-top:6px;padding-bottom:6px}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.app-nav.collapsed .nav-links{display:none}.nav-link{color:#cbd5f5;text-decoration:none;padding:6px 10px;border-radius:8px;font-size:13px;background:transparent}.nav-link.active{background:#2563eb;color:#fff}.app-main{padding:16px 20px 24px}.card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 6px 18px #0f172a14;border:1px solid #eef1f6}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px}.form{display:grid;gap:12px}.input,.select,.textarea{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff}.button{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;background:#2563eb;color:#fff;font-weight:600;font-size:13px}.button.secondary{background:#e5e7eb;color:#111827}.stack{display:flex;flex-direction:column;gap:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.error{color:#b91c1c;font-size:14px}.success{color:#166534;font-size:14px}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;background:#e0f2fe;color:#0369a1}.badge.success{background:#dcfce7;color:#166534}.badge.muted{background:#e5e7eb;color:#6b7280}@media (min-width: 900px){.app-nav{position:sticky;top:0;z-index:10}}.logo-preview{width:160px;height:100px;border-radius:12px;border:1px dashed #cbd5f5;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#64748b}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#f3f4f6,#fff)}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 24px #0f172a1f;border:1px solid #edf0f5}.auth-header{margin-bottom:16px}.auth-header h2{margin:0 0 6px;font-size:20px}.auth-header p{margin:0;color:#6b7280;font-size:13px}.auth-footer{display:flex;justify-content:center;gap:6px;margin-top:12px;font-size:13px;color:#6b7280}.link{color:#2563eb;text-decoration:none;font-weight:600}