@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-primary: #090d16;--bg-main: #090d16;--bg-card: rgba(22, 31, 49, .75);--bg-card-hover: rgba(36, 49, 74, .85);--bg-input: #131b2e;--surface: #1e293b;--border: rgba(255, 255, 255, .09);--border-color: rgba(255, 255, 255, .09);--border-focus: #06b6d4;--primary: #06b6d4;--primary-hover: #0891b2;--primary-gradient: linear-gradient(135deg, #06b6d4 0%, #4f46e5 100%);--primary-glow: rgba(6, 182, 212, .35);--accent: #6366f1;--accent-cyan: #00f2fe;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-purple: #8b5cf6;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-emerald: #10b981;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-main: #f8fafc;--text-muted: #64748b;--text-inverse: #0f172a;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-glow: 0 0 25px rgba(6, 182, 212, .2);--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Outfit,Inter,system-ui,sans-serif;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);background-attachment:fixed;color:var(--text-primary, #f1f5f9);-webkit-font-smoothing:antialiased}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #0f172a);padding:1rem}.login-card{width:100%;max-width:360px;padding:2.5rem 2rem;border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.login-header{text-align:center}.login-icon{width:64px;height:64px;border-radius:1rem;background:var(--accent, #6366f1);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1rem}.login-header h1{margin:0;font-size:1.5rem;color:var(--text-primary, #f1f5f9)}.login-subtitle{margin:.25rem 0 0;font-size:1rem;color:var(--text-secondary, #94a3b8)}.login-hint{font-size:.8rem;color:var(--text-muted, #64748b)}.login-error{color:#f87171;font-size:.85rem;margin:0}.login-submit{width:100%;margin-top:.5rem}.pin-dots{display:flex;gap:1rem;justify-content:center}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border, #334155);background:transparent;transition:background .15s,border-color .15s}.pin-dot.filled{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.numpad-btn{aspect-ratio:1;border:1px solid var(--border, #334155);border-radius:.75rem;background:var(--surface, #1e293b);color:var(--text-primary, #f1f5f9);font-size:1.25rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.numpad-btn:hover:not(:disabled){background:var(--accent, #6366f1);color:#fff}.numpad-btn:active{transform:scale(.95)}.numpad-btn.invisible{visibility:hidden}.numpad-btn.backspace{font-size:1rem}.btn-primary{padding:.75rem 1.5rem;border-radius:.75rem;border:none;background:var(--accent, #6366f1);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){opacity:.9}.dashboard{min-height:100vh;background:var(--bg-primary, #0f172a)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border, #334155)}.header-brand{display:flex;align-items:center;gap:.75rem;color:var(--text-primary, #f1f5f9);font-size:1.1rem;font-weight:700}.header-role{background:var(--accent, #6366f1);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.header-time{color:var(--text-muted, #64748b);font-size:.9rem}.btn-logout{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border, #334155);background:transparent;color:var(--text-secondary, #94a3b8);cursor:pointer;font-size:.85rem;transition:background .15s,color .15s}.btn-logout:hover{background:#ef44441a;color:#f87171;border-color:#ef4444}.dashboard-main{padding:2rem;max-width:1100px;margin:0 auto}.section-title{color:var(--text-secondary, #94a3b8);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dashboard-footer{color:var(--text-muted, #64748b);font-size:.8rem;text-align:center;margin-top:2rem}.app-card{padding:1.75rem;border-radius:1.25rem;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--border, #334155);transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.app-card-header{display:flex;justify-content:space-between;align-items:flex-start}.app-icon{width:52px;height:52px;border-radius:.875rem;display:flex;align-items:center;justify-content:center}.app-name{margin:0;color:var(--text-primary, #f1f5f9);font-size:1.2rem;font-weight:700}.app-description{margin:0;color:var(--text-secondary, #94a3b8);font-size:.875rem;line-height:1.5}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge-online{background:#10b98122;color:#34d399}.badge-offline{background:#ef444422;color:#f87171}.badge-pending{background:#f59e0b22;color:#fbbf24}.badge-checking{background:#6366f122;color:#a5b4fc}.tenant-list{display:flex;flex-direction:column;gap:.4rem}.tenant-label{margin:0 0 .25rem;font-size:.75rem;color:var(--text-muted, #64748b);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tenant-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-secondary, #94a3b8);font-size:.85rem;text-decoration:none;padding:.2rem .4rem;border-radius:.375rem;transition:color .15s,background .15s}.tenant-link:hover{color:var(--accent, #6366f1);background:#6366f111}.btn-open{margin-top:auto;padding:.65rem 1.25rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--btn-color, #6366f1) 40%,transparent);background:color-mix(in srgb,var(--btn-color, #6366f1) 15%,transparent);color:var(--btn-color, #6366f1);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:background .15s,transform .1s}.btn-open:hover:not(:disabled){background:color-mix(in srgb,var(--btn-color, #6366f1) 25%,transparent);transform:scale(1.02)}.btn-open:disabled{opacity:.45;cursor:not-allowed}.glass{background:#1e293bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.1)}@media (max-width: 600px){.dashboard-header{padding:.75rem 1rem}.dashboard-main{padding:1rem}.apps-grid{grid-template-columns:1fr}}