@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;--primary:#6b26d9;--primary-light:#9767e4;--secondary:#3c83f6;--accent:#e92ba3;--bg-main:#0a0b10;--bg-card:#13152066;--bg-sidebar:#06060acc;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#627084;--border-subtle:#f8fafc0d;--border-active:#6b26d94d;--glass-blur:blur(24px);--shadow-lg:0 20px 50px -12px #00000080;background-color:#0a0b10;font-family:Plus Jakarta Sans,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--bg-main);overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);border-radius:24px}.glass-panel-hover{transition:all .4s cubic-bezier(.23,1,.32,1)}.glass-panel-hover:hover{border-color:var(--border-active);background:#1d203099;transform:translateY(-4px)scale(1.01);box-shadow:0 30px 60px -12px #6b26d933}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 16px -4px #6b26d966}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 24px -4px #6b26d980}.btn-icon{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;background:#f8fafc0d;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.btn-icon:hover{border-color:var(--text-dim);background:#f8fafc1a}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:hover{background:#f8fafc33}:root{--primary:#6f3feb;--primary-light:#a78bfa;--secondary:#3b82f6;--bg-main:#050608;--bg-card:#0d0e1299;--text-main:#fff;--text-muted:#ffffffb3;--text-dim:#fff6;--border-glass:#ffffff14;--shadow-premium:0 25px 60px #0009;--glass-gradient:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--bg-main);color:var(--text-main);overflow:hidden}.dashboard-container{background:var(--bg-main);min-height:100vh;display:flex;position:relative}.bg-blob{filter:blur(180px);opacity:.1;z-index:-1;pointer-events:none;border-radius:50%;width:900px;height:900px;position:fixed}.bg-blob-1{background:var(--primary);top:-300px;right:-200px}.bg-blob-2{background:var(--secondary);bottom:-300px;left:-200px}.login-container{background:#050608;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-card{text-align:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:48px;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:480px;padding:80px 50px;display:flex;box-shadow:0 60px 120px #000c;background:#0f111680!important;border:1px solid #ffffff14!important}.brand-icon.large{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:30px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 20px 50px #6f3feb66}.login-brand-text h1{letter-spacing:-.06em;margin-bottom:12px;font-size:2.8rem;font-weight:900;line-height:1}.login-brand-text p{color:var(--text-dim);letter-spacing:.02em;font-size:1.1rem;font-weight:700}.google-login{border-radius:24px;justify-content:center;align-items:center;gap:16px;width:100%;padding:20px;font-size:1.2rem;font-weight:900;display:flex}.sidebar{-webkit-backdrop-filter:blur(40px);z-index:100;background:#0f111666;border:1px solid #ffffff0d;border-radius:32px;flex-direction:column;width:280px;height:calc(100vh - 40px);margin:20px 0 20px 20px;padding:40px 24px;display:flex;box-shadow:10px 0 50px #0000004d}.sidebar-brand{align-items:center;gap:16px;margin-bottom:50px;padding-left:8px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 20px #6f3feb4d}.brand-info{flex-direction:column;gap:2px;display:flex}.brand-name{letter-spacing:-.04em;color:#fff;font-size:1.2rem;font-weight:900;line-height:1}.brand-tag{color:var(--primary-light);text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:.65rem;font-weight:800}.menu-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px;padding-left:12px;font-size:.7rem;font-weight:800}.nav-link{cursor:pointer;width:100%;color:var(--text-dim);background:0 0;border:none;border-radius:16px;align-items:center;gap:14px;margin-bottom:6px;padding:12px 16px;font-weight:700;transition:all .3s;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff08}.nav-link.active{color:#fff;background:#ffffff0d}.nav-link.active:before{content:"";background:var(--primary-light);width:3px;height:50%;box-shadow:0 0 10px var(--primary-light);border-radius:0 4px 4px 0;position:absolute;top:25%;left:0}.nav-icon-box{background:#ffffff05;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.nav-link.active .nav-icon-box{color:var(--primary-light);background:#6f3feb33}.sidebar-footer{margin-top:auto}.user-profile-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.user-avatar-main{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-weight:900;display:flex;overflow:hidden}.user-avatar-main img{object-fit:cover;width:100%;height:100%}.user-meta{flex-direction:column;display:flex;overflow:hidden}.user-meta .name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:800;overflow:hidden}.user-meta .role{color:var(--text-dim);text-transform:uppercase;font-size:.65rem;font-weight:700}.main-viewport{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.viewport-header{justify-content:space-between;align-items:center;padding:30px 40px;display:flex}.search-bar-wrapper{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:12px;width:400px;padding:0 18px;display:flex}.search-bar-wrapper input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:.9rem}.header-actions-group{align-items:center;gap:16px;display:flex}.btn-icon{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.btn-icon:hover{color:#fff;background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.notif-dot{background:#ef4444;border:2px solid #08090b;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.btn-logout-premium{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:14px;align-items:center;gap:10px;margin-left:12px;padding:10px 20px;font-weight:800;transition:all .3s;display:flex}.btn-logout-premium:hover{color:#fff;background:#ef4444;transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d}.notifications-dropdown{z-index:500;width:320px;margin-top:16px;padding:20px;position:absolute;top:100%;right:0}.content-scrollable{flex:1;padding:0 40px 40px;overflow-y:auto}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px}.text-gradient{background:linear-gradient(135deg,#fff 0%,#fff9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:12px 24px;font-weight:800;transition:all .3s;box-shadow:0 8px 20px #6f3feb33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #6f3feb4d}.dashboard-grid-layout{grid-template-columns:1fr 340px;gap:32px;display:grid}.projects-scroll-row{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.projects-grid-full{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px;margin-top:40px;display:grid}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}