:root{--blue-600:#2563eb;--blue-900:#1e3a8a;--cyan-500:#06b6d4;--green-600:#16a34a;--yellow-400:#facc15;--red-600:#dc2626;--violet-600:#7c3aed;--gray-100:#f3f4f6;--gray-400:#9ca3af;--gray-700:#374151;--white:#fff;--bg:var(--gray-100);--card:var(--white);--text:var(--gray-700);--primary:var(--blue-600);--primary-strong:var(--blue-900);--accent:var(--cyan-500)}*{box-sizing:border-box}#__nuxt,body,html{height:100%}body{background:radial-gradient(1200px 800px at 80% -10%,rgba(37,99,235,.08),transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;margin:0}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.app-header{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:#ffffffb3;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:12px 20px;position:sticky;top:0}.brand{align-items:center;color:var(--primary-strong);cursor:pointer;display:inline-flex;font-size:18px;font-weight:800;letter-spacing:.4px;text-decoration:none}.brand .dot{color:var(--accent);margin-left:2px}nav{margin-left:auto}.top-controls,nav{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.dropdown{position:relative}.ddl-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:var(--text);cursor:pointer;display:flex;gap:8px;padding:6px 10px}.ddl-button:hover{border-color:#d1d5db}.ddl-button .flag{font-size:16px;line-height:16px}.ddl-button .tenant-icon{font-size:14px}.ddl-button .ddl-label{font-weight:600}.ddl-button .chevron{color:var(--gray-400)}.ddl-menu{background:var(--card);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 40px #1e3a8a1f;min-width:220px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:30}.ddl-item{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px;text-align:left;width:100%}.ddl-item:hover{background:#f5f7ff}.tenant-pill{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:var(--text);display:inline-flex;font-weight:600;gap:8px;max-width:260px;padding:6px 10px}.pill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-area{position:relative}.user-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:var(--text);cursor:pointer;display:flex;gap:8px;padding:6px 10px}.user-button:hover{border-color:#d1d5db}.user-button .avatar{background:linear-gradient(135deg,var(--blue-600),var(--cyan-500));border-radius:50%;color:#fff;display:grid;font-size:12px;font-weight:700;height:26px;place-items:center;width:26px}.user-button .username{font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-button .chevron{color:var(--gray-400)}.user-menu{background:var(--card);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 40px #1e3a8a1f;min-width:220px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:30}.menu-item{background:transparent;border:0;border-radius:8px;color:var(--text);cursor:pointer;font-weight:500;padding:10px;text-align:left;width:100%}.menu-item:hover{background:#f5f7ff}.menu-item.danger{color:var(--red-600)}.menu-sep{background:#eef2f7;height:1px;margin:6px 0}.app-main{margin:0 auto;max-width:980px;padding:24px;width:100%}.app-footer{background:#fff9;border-top:1px solid #e5e7eb;color:var(--gray-400);font-size:13px;padding:16px 20px;text-align:center}