@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&family=Raleway:wght@200;300;400&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000303;--bg-card:#03100ebf;--bg-card-hover:#051a17e6;--border-color:#14b8a626;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-cyan:#14b8a6;--accent-aqua:#2dd4bf;--accent-yellow:#f59e0b;--accent-red:#f43f5e;--font-primary:"Montserrat",sans-serif;--font-secondary:"Montserrat",sans-serif}html,body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}.dashboard-wrapper{background:radial-gradient(circle at 50% 0,#031c19 0%,#010a09 45%,#000202 85%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:32px;display:flex}.loader-minimal{color:var(--accent-cyan);font-family:var(--font-secondary);letter-spacing:2px;justify-content:center;align-items:center;height:50vh;font-size:.75rem;font-weight:300;display:flex}.dashboard-root{background:radial-gradient(circle at 50% 0,#031c19 0%,#010807 50%,#000202 90%);flex-direction:column;height:100vh;display:flex;overflow:hidden}.dashboard-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);z-index:50;background:#010505eb;justify-content:space-between;align-items:center;width:100%;padding:14px 24px;display:flex}.topbar-brand-group{align-items:center;gap:16px;display:flex}.brand-title{font-family:var(--font-primary);letter-spacing:2.5px;color:#fff;text-transform:uppercase;font-size:.85rem;font-weight:400}.logout-btn{font-family:var(--font-secondary);letter-spacing:1.5px;color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:4px;padding:6px 14px;font-size:.7rem;font-weight:300;transition:all .2s}.logout-btn:hover{color:#fff;background:#14b8a614;border-color:#14b8a666}.dashboard-core{flex:1;display:flex;position:relative;overflow:hidden}.dashboard-content{flex:1;max-width:100%;overflow:hidden auto}@media (min-width:768px){.dashboard-nav{border-right:1px solid var(--border-color);background:#010404d9;flex-direction:column;padding:24px 0;transition:width .3s;display:flex;overflow:hidden}.dashboard-nav.sidebar-open{width:260px}.dashboard-nav.sidebar-closed{width:70px}.nav-item{color:var(--text-muted);font-family:var(--font-secondary);letter-spacing:.5px;white-space:nowrap;align-items:center;gap:12px;font-size:.85rem;font-weight:300;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.sidebar-open .nav-item{justify-content:flex-start;padding:12px 20px}.sidebar-closed .nav-item{justify-content:center;padding:12px 0}.sidebar-closed .nav-label{display:none}.nav-item:hover,.nav-item.active{color:#14b8a6;background:#14b8a60f;border-right:2px solid #14b8a6}}@media (max-width:767px){.dashboard-core{flex-direction:column}.dashboard-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:50;background:#010404fa;flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;width:100%!important;padding:8px 4px calc(8px + env(safe-area-inset-bottom))!important}.nav-item{color:var(--text-muted);font-size:.55rem;font-family:var(--font-secondary);flex:1;min-width:0;font-weight:300;text-decoration:none;overflow:hidden;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;padding:2px 0!important;display:flex!important}.nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;display:inline-block!important}.nav-item.active{color:#14b8a6}.nav-icon{flex-shrink:0;width:18px!important;height:18px!important;font-size:1rem!important}.dashboard-content{padding-bottom:72px}.brand-title{letter-spacing:2px;font-size:.7rem}.logout-btn{letter-spacing:1px;padding:4px 8px;font-size:.6rem}.sidebar-toggle-btn{display:none!important}}.active-dashboard{flex-direction:column;gap:28px;width:100%;max-width:920px;margin:0 auto;display:flex}.onboarding-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;min-height:80vh;margin:0 auto;padding:0 20px;display:flex;position:relative}.floating-tip{font-family:var(--font-secondary);color:#14b8a6;letter-spacing:1px;background:#14b8a60a;border:1px solid #14b8a633;border-radius:30px;padding:8px 16px;font-size:.7rem;font-weight:300;position:absolute;top:10px;right:10px}.hero-intent-block{flex-direction:column;align-items:center;width:100%;margin-top:40px;margin-bottom:25px;display:flex}.onboarding-subheading{color:#14b8a6;font-family:var(--font-secondary);letter-spacing:.5px;margin-bottom:14px;font-size:1.05rem;font-weight:300}.onboarding-dynamic-heading{color:#fff;font-family:var(--font-secondary);will-change:opacity;max-width:700px;min-height:100px;font-size:2.3rem;font-weight:300;line-height:1.3;transition:opacity .4s ease-in-out}.fade-in{opacity:1;transform:none}.fade-out{opacity:0;transform:none}.prompt-box-onboarding,.deadline-box-onboarding{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:620px;margin:0 auto;display:flex}.input-group-inline{border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:all .3s;display:flex}.onboarding-textarea{color:#fff;font-family:var(--font-secondary);resize:none;text-align:left;scrollbar-width:thin;scrollbar-color:#14b8a64d transparent;background:#ffffff04;border:1px solid #14b8a614;outline:none;flex:1;min-height:36px;max-height:120px;padding:10px 20px;font-size:1rem;font-weight:300;line-height:1.4;overflow-y:auto}.onboarding-textarea::-webkit-scrollbar{opacity:0;width:0}.onboarding-textarea::-webkit-scrollbar-track{opacity:0;background:0 0}.onboarding-textarea::-webkit-scrollbar-thumb{opacity:0;background:#14b8a500;border-radius:10px}.onboarding-textarea::-webkit-scrollbar-thumb:hover{opacity:0;background:#14b8a500}.onboarding-textarea::placeholder{color:#ffffff4d}.onboarding-textarea:focus{background:#14b8a608;border-color:#002823;box-shadow:0 0 12px #14b8a614}.onboarding-date-input{color:#fff;width:100%;font-family:var(--font-secondary);text-align:center;background:#ffffff04;border:1px solid #14b8a614;border-radius:6px;outline:none;min-height:42px;padding:8px 14px;font-size:1rem;font-weight:300}.onboarding-date-input:focus{background:#14b8a608;border-color:#00b8a2;box-shadow:0 0 12px #14b8a614}.onboarding-btn{color:#fff;font-family:var(--font-secondary);cursor:pointer;letter-spacing:1.2px;background:linear-gradient(135deg,#005b5058,#00100e,#00080b);border:1px solid #14b8a64d;border-radius:6px;flex-shrink:0;padding:10px 22px;font-size:.85rem;font-weight:300;transition:all .3s}.deadline-box-onboarding .onboarding-btn{margin-top:5px;padding:10px 28px;font-size:.85rem}.onboarding-btn:hover{filter:brightness(1.15);border-color:#14b8a6;transform:translateY(-1px);box-shadow:0 6px 16px #000c}.deadline-label-onboarding{color:var(--text-muted);font-family:var(--font-secondary);letter-spacing:1px;text-transform:uppercase;font-size:.75rem;font-weight:300}@media (max-width:768px){.dashboard-wrapper{padding:12px 12px 80px}.onboarding-container{min-height:auto;padding:30px 12px 0}.floating-tip{text-align:center;width:100%;margin-bottom:20px;padding:8px 12px;font-size:.6rem;position:relative;top:0;right:0}.onboarding-subheading{margin-bottom:10px;font-size:.9rem}.onboarding-dynamic-heading{min-height:80px;font-size:1.5rem}.input-group-inline{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.onboarding-textarea{text-align:center;padding:6px}.onboarding-btn{text-align:center;width:100%;padding:10px}.deadline-box-onboarding .onboarding-btn{width:100%;padding:12px;font-size:.85rem}}@media (min-width:769px){.onboarding-container{max-width:750px}.onboarding-dynamic-heading{font-size:2.4rem}}