:root{--font-family:"Inter", sans-serif;--bg-gradient:radial-gradient(circle at 50% 50%, #151b2d 0%, #080a10 100%);--surface-bg:#1e293b73;--surface-border:#ffffff14;--surface-glow:0 8px 32px 0 #0000005e;--primary-color:#6366f1;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--primary-hover-gradient:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-cyan:#06b6d4;--accent-pink:#ec4899;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--error-color:#ef4444;--success-color:#10b981;--input-bg:#0f172a99;--input-border:#ffffff1a;--input-focus-border:#6366f1;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;padding:0;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 5px #6366f133}50%{box-shadow:0 0 20px #6366f199}to{box-shadow:0 0 5px #6366f133}}@keyframes gradientBg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.auth-container{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.auth-bg-glow-1{z-index:0;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:400px;height:400px;position:absolute;top:10%;left:15%}.auth-bg-glow-2{z-index:0;pointer-events:none;background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);width:450px;height:450px;position:absolute;bottom:10%;right:15%}.auth-card{background:var(--surface-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);width:100%;max-width:480px;box-shadow:var(--surface-glow);border-radius:var(--radius-lg);z-index:1;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{background:var(--primary-gradient);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.25rem;font-size:1.75rem;font-weight:800;display:inline-flex;box-shadow:0 8px 16px #6366f14d}.auth-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.85rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);font-size:.95rem}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-smooth);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.form-group:focus-within .form-label{color:var(--primary-color)}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:var(--transition-smooth);padding:.85rem 1rem;font-size:.95rem}.form-input:focus{border-color:var(--input-focus-border);background:#0f172acc;outline:none;box-shadow:0 0 0 3px #6366f126}.form-input::placeholder{color:var(--text-muted)}.btn-primary{background:var(--primary-gradient);border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);border:none;margin-top:1rem;padding:.9rem;font-size:1rem;font-weight:600;box-shadow:0 4px 12px #6366f133}.btn-primary:hover{background:var(--primary-hover-gradient);transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert{border-radius:var(--radius-sm);align-items:center;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.4;display:flex}.alert-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.alert-success{color:#a7f3d0;background:#10b98126;border:1px solid #10b9814d}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.9rem}.auth-link{color:var(--primary-color);cursor:pointer;transition:var(--transition-smooth);margin-left:.25rem;font-weight:600;text-decoration:none}.auth-link:hover{color:#8b5cf6;text-decoration:underline}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr;gap:0}}.dashboard-layout{background:var(--bg-gradient);width:100vw;height:100vh;color:var(--text-primary);grid-template-rows:64px 1fr;grid-template-columns:260px 1fr;display:grid;overflow:hidden}.layout-org-area{border-right:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);z-index:10;background:#0f172a;grid-area:1/1;align-items:center;padding:0 1.25rem;display:flex;position:relative}.org-switcher{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition-smooth);align-items:center;gap:.75rem;padding:.5rem;display:flex}.org-switcher:hover{background:#ffffff0d}.org-icon{background:var(--primary-gradient);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.org-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.org-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:.9rem;font-weight:600;overflow:hidden}.org-plan{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:.7rem;font-weight:500}.org-chevron{color:var(--text-muted);align-items:center;display:flex}.layout-header{border-bottom:1px solid var(--surface-border);z-index:9;-webkit-backdrop-filter:blur(12px);background:#0f172a73;grid-area:1/2;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:relative}.workspace-nav{align-items:center;display:flex}.workspace-switcher{border:1px solid var(--surface-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.workspace-switcher:hover{background:#ffffff0f;border-color:#ffffff26}.ws-icon{color:var(--accent-cyan);align-items:center;display:flex}.ws-label{color:var(--text-secondary);font-size:.85rem}.ws-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.ws-chevron{color:var(--text-muted);align-items:center;display:flex}.header-actions{align-items:center;gap:1.25rem;display:flex}.header-user{align-items:center;gap:.75rem;display:flex}.header-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 6px #6366f14d}.header-username{color:var(--text-primary);font-size:.9rem;font-weight:500}.layout-sidebar{border-right:1px solid var(--surface-border);z-index:8;-webkit-backdrop-filter:blur(12px);background:#0f172a8c;flex-direction:column;grid-area:2/1;justify-content:space-between;padding:1.25rem .75rem;display:flex;position:relative;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:.35rem;display:flex}.sidebar-item{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-item.active{color:#fff;border-left:3px solid var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#6366f11a;padding-left:calc(1rem - 3px)}.sidebar-item-icon{color:inherit;justify-content:center;align-items:center;display:flex}.sidebar-footer{border-top:1px solid var(--surface-border);margin-top:auto;padding:1rem 1rem .5rem}.sidebar-footer-text{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.layout-main-content{background:radial-gradient(circle at 100% 0,#6366f108 0%,#0000 60%);flex-direction:column;grid-area:2/2;height:100%;display:flex;position:relative;overflow-y:auto}.layout-sidebar::-webkit-scrollbar{width:6px}.layout-main-content::-webkit-scrollbar{width:6px}.layout-sidebar::-webkit-scrollbar-track{background:0 0}.layout-main-content::-webkit-scrollbar-track{background:0 0}.layout-sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.layout-main-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.layout-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff26}.layout-main-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.empty-dashboard-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.empty-state-card{background:var(--surface-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);width:100%;max-width:540px;box-shadow:var(--surface-glow);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:1.5rem;padding:3.5rem 2.5rem;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--primary-color);background:#6366f11a;border:1px solid #6366f140;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;animation:3s ease-in-out infinite glowPulse;display:flex;box-shadow:0 0 20px #6366f126}.empty-state-title{background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.empty-state-desc{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;line-height:1.6}.empty-state-meta{border-top:1px solid var(--surface-border);text-align:left;grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-top:.5rem;padding-top:1.5rem;display:grid}.meta-item{flex-direction:column;gap:.25rem;display:flex}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.meta-value{color:var(--text-secondary);word-break:break-all;font-size:.85rem;font-weight:500}.btn-secondary{border:1px solid var(--surface-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.status-indicator{color:var(--success-color);background:#10b9811a;border:1px solid #10b98133;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.status-dot{background:var(--success-color);width:8px;height:8px;box-shadow:0 0 8px var(--success-color);border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}