@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#06090b;--panel:#0b1115;--panel2:#101820;--line:#24313d;--text:#f5f7fb;--muted:#9ba9bb;--blue:#85b5ff;--cyan:#8ee7e2;--lav:#a889ff;--peach:#ff977b;--red:#ff6266;--yellow:#ffd66e;--green:#5ee2a1}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 96% 0,#29334e77 0,transparent 21rem),radial-gradient(circle at 2% 100%,#433e7370 0,transparent 21rem),var(--bg);color:var(--text);font-family:DM Sans,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.logo{font-family:Space Grotesk,sans-serif;font-size:1.35rem;letter-spacing:.36em;font-weight:600}.page-shell{width:min(1420px,calc(100% - 8rem));margin:auto;padding:2rem 0 3rem}.app-header{justify-content:space-between;padding:1rem 0 2.4rem}.app-header,.app-nav{display:flex;align-items:center}.app-nav{gap:1.7rem}.app-nav a{font-size:.9rem;color:var(--muted)}.app-nav a.active,.app-nav a:hover{color:var(--text)}.avatar{height:42px;width:42px;border:1px solid #536070;background:#10141a;border-radius:50%;display:grid;place-items:center;font-weight:700}.eyebrow{font-size:.76rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.page-title{font-size:2.5rem;line-height:1.1;margin:.5rem 0 0;font-family:Space Grotesk}.subtitle{color:var(--muted);font-size:1.1rem;margin:.25rem 0 1.25rem}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#0d151a,#0a0f12);border-radius:10px}.button,.icon-button{border:1px solid #61748b;background:#131c24;color:var(--text);border-radius:6px;min-height:42px;padding:0 1rem;display:inline-flex;align-items:center;gap:.55rem;justify-content:center;transition:.2s}.button:hover,.icon-button:hover{border-color:#91b8f6;background:#17232f}.button.primary{color:#09101a;border:0;background:linear-gradient(100deg,#baf2f5,#9db9ff 55%,#ff9a79)}.button.danger{color:#ff7c7c;border-color:#662d34}.button[disabled]{opacity:.45;cursor:not-allowed}.icon-button{width:42px;padding:0}.field{display:grid;grid-gap:.45rem;gap:.45rem}.field label{font-size:.85rem;color:#c4cfdd}.field input,.field select,.field textarea,.search{background:#0b1218;border:1px solid #2a3845;border-radius:6px;padding:.72rem .85rem;color:var(--text);outline:none;width:100%}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:#91b8f6;box-shadow:0 0 0 3px #739ce622}.field textarea{min-height:118px;resize:vertical}.error{font-size:.78rem;color:#ff8e90}.loading-page{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.toasts{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;display:grid;grid-gap:.65rem;gap:.65rem}.toast{display:flex;align-items:center;gap:.65rem;min-width:270px;padding:.85rem 1rem;background:#13211d;border:1px solid #316348;border-radius:8px;box-shadow:0 12px 35px #0008;animation:rise .25s ease}.toast.error{background:#241719;border-color:#703438}.toast svg{width:18px}.toast button{border:0;background:transparent;color:var(--muted);margin-left:auto}.toast.success svg{color:var(--green)}.toast.error svg{color:var(--red)}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.landing{overflow:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.6rem max(2rem,calc((100% - 1320px)/2))}.landing-nav .button{background:#fff;color:#111;border:0;border-radius:99px;min-width:155px}.landing-hero{width:min(1300px,calc(100% - 4rem));margin:2rem auto 7rem;position:relative}.landing-kicker{font-size:1.3rem}.hero-word{font-family:Georgia,serif;font-style:italic;letter-spacing:.01em;text-align:center;font-size:clamp(5rem,15vw,13rem);line-height:.8;margin:1.5rem 0 -1rem;position:relative;z-index:2}.visual-field{height:clamp(310px,46vw,620px);border-radius:18px;background:linear-gradient(105deg,#bfeef4,#93b7fa 50%,#ff9a7b);overflow:hidden;position:relative}.tube{position:absolute;border:clamp(28px,4.5vw,75px) solid #bee6ed;border-radius:52%;filter:drop-shadow(0 16px 10px #5f61d555);transform:rotate(var(--r));opacity:.97}.tube.one{height:75%;width:62%;left:19%;top:10%;--r:25deg}.tube.two{height:68%;width:76%;left:12%;top:17%;--r:-20deg;border-color:#a9b8ff}.tube.three{height:60%;width:80%;left:11%;top:20%;--r:55deg;border-color:#cfebed}.about{width:min(1300px,calc(100% - 4rem));margin:0 auto 8rem;display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:5rem;gap:5rem;align-items:center}.about h2{font-family:Space Grotesk;font-size:clamp(3.5rem,8vw,8rem);line-height:.8;margin:.75rem 0 1.6rem}.about h2 span{background:linear-gradient(90deg,#8fe5f5,#9f98ff,#ff9a7b);color:transparent;-webkit-background-clip:text;background-clip:text}.feature-list{display:grid;grid-gap:1.5rem;gap:1.5rem}.feature{display:grid;grid-template-columns:48px 1fr;grid-gap:.75rem;gap:.75rem}.feature b{display:block;font-size:1.15rem}.feature p{margin:.3rem 0;color:var(--muted)}.about-visual{min-height:470px;position:relative}.about-visual .tube{width:78%;height:76%;top:12%;left:10%}.callout{position:absolute;background:#171225dd;border:1px solid #3b3653;border-radius:12px;padding:.8rem 1rem;color:#edf1ff}.callout:nth-child(4){top:6%;left:4%}.callout:nth-child(5){right:0;top:26%}.callout:nth-child(6){bottom:6%;left:0}.join{display:flex;justify-content:center;padding-bottom:5rem}.join .button{font-size:1.3rem;font-weight:700;border-radius:99px;padding:1rem 3rem}.topline{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem}.tasks-panel{padding:1rem}.task-toolbar{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:1rem}.tabs{display:flex;gap:.4rem;margin-right:auto}.tab{background:transparent;border:0;color:var(--muted);padding:.7rem 1rem;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-color:#8eb8f1;background:#182333}.task-table{width:100%;border-collapse:collapse}.task-table th{text-align:left;color:var(--muted);font-size:.76rem;font-weight:500;padding:1rem .65rem}.task-table td{border-top:1px solid #1d2932;padding:.85rem .65rem}.task-table tr:hover{background:#101a21}.check{width:20px;height:20px;accent-color:#a4c3ff}.priority{display:inline-flex;align-items:center;gap:.45rem}.priority:before{content:"";width:5px;height:26px;border-radius:6px;background:var(--yellow)}.priority.High:before{background:var(--red)}.priority.Low:before{background:var(--green)}.status{padding:.28rem .7rem;border-radius:5px;font-size:.8rem;border:1px solid #534326;color:#ffe079;background:#2a2515}.status.Completed{border-color:#23543d;color:#74edaa;background:#15271e}.status.Past{border-color:#5d292e;color:#ff7777;background:#2c1618}.row-menu{position:relative}.menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:8;background:#111a22;border:1px solid #30404c;border-radius:7px;min-width:190px;box-shadow:0 16px 45px #000b;padding:.4rem}.menu button{display:flex;gap:.6rem;width:100%;padding:.62rem;background:none;border:0;color:var(--text);text-align:left;border-radius:4px}.menu button:hover{background:#1c2934}.menu button.danger{color:#ff7777}.bulk{display:flex;align-items:center;gap:.8rem;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:7px}.bulk span{margin-right:auto}.mobile-cards{display:none}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#020507bb;display:grid;place-items:center;padding:1rem}.modal{width:min(630px,100%);max-height:92vh;overflow:auto;background:#0d151b;border:1px solid #435664;border-radius:10px;box-shadow:0 30px 80px #000;padding:1.6rem}.modal-heading{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1rem}.modal-heading h2{margin:0;font-size:1.45rem}.details{display:grid;grid-template-columns:145px 1fr;grid-gap:1rem;gap:1rem;line-height:1.5}.details dt{color:var(--muted)}.details dd{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:1.5rem}.task-form{width:min(720px,100%);padding:1.6rem;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.5rem}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:1rem;gap:1rem}.calendar{padding:1rem}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-head h2{font-size:1.2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.week-day{padding:.55rem;text-align:center;color:var(--muted);font-size:.8rem}.day{min-height:83px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:.4rem;font-size:.82rem}.day.today b{background:#287cf4;padding:.3rem .5rem;border-radius:50%}.dot{height:7px;width:7px;border-radius:50%;background:var(--red);display:inline-block;margin:.45rem .25rem 0}.side-stack{display:grid;grid-gap:1rem;gap:1rem}.preview,.today-card{padding:1.35rem}.today-number{font-size:4rem;line-height:1;font-family:Space Grotesk;font-weight:700}.preview h2{font-size:1.25rem;margin:0 0 .8rem}.preview-row{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-top:1px solid #202c35}.preview-row .priority{margin-left:auto}.stats{margin-top:1rem;padding:1.5rem}.stats h2{margin:0}.stat-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin:1.4rem 0}.chart-group{display:flex;align-items:center;justify-content:center;gap:1.3rem}.donut{height:138px;width:138px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--blue) 0 var(--a),var(--lav) var(--a) var(--b),var(--yellow) var(--b) var(--c),#738196 var(--c) 100%)}.donut:after{content:"";height:86px;width:86px;background:#0d1418;border-radius:50%;position:absolute}.donut b,.donut span{z-index:1;text-align:center}.donut b{font-size:1.5rem}.legend{display:grid;grid-gap:.55rem;gap:.55rem;font-size:.85rem}.legend span{display:flex;gap:.5rem;align-items:center}.legend i{height:9px;width:9px;border-radius:50%;background:var(--blue)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:1rem}.metric{padding:0 1.5rem;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric b{font-size:1.6rem;display:block}.empty{padding:3.5rem 1rem;text-align:center;color:var(--muted)}@media(max-width:800px){.page-shell{width:min(100% - 2rem,650px);padding-top:1rem}.app-header{padding-bottom:1.5rem}.app-nav{gap:.8rem}.app-nav a{font-size:.75rem}.page-title{font-size:2rem}.task-toolbar .tabs{width:100%;overflow:auto}.task-table{display:none}.mobile-cards{display:grid;grid-gap:.65rem;gap:.65rem;padding-top:.8rem}.task-card{padding:1rem;display:grid;grid-template-columns:auto 1fr auto;grid-gap:.6rem;gap:.6rem;align-items:start}.task-card h3{font-size:1rem;margin:0}.task-card p{font-size:.8rem;color:var(--muted);margin:.3rem 0}.search,.task-toolbar select{flex:1 1;min-width:125px}.bulk{flex-wrap:wrap}.bulk span{width:100%}.dashboard-grid{grid-template-columns:1fr}.calendar-grid{min-width:570px}.calendar{overflow:auto}.stats{overflow:hidden}.metric-row,.stat-columns{grid-template-columns:1fr}.metric-row{gap:1rem}.metric{border:0;border-bottom:1px solid var(--line);padding:.5rem 0}.about,.form-grid{grid-template-columns:1fr}.about{gap:2rem}.about-visual{min-height:380px}.landing-hero{margin-bottom:4rem}.hero-word{font-size:20vw}.details{grid-template-columns:1fr}.modal{padding:1.15rem}.toasts{left:1rem;right:1rem;bottom:1rem}.toast{min-width:0}.landing-nav{padding:1.3rem 1.2rem}.landing-nav .logo{font-size:1rem}.landing-nav .button{min-width:100px}.visual-field{height:52vw}.app-header .logo{font-size:1rem}.avatar{height:34px;width:34px}.subtitle{font-size:1rem}}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:3rem;grid-gap:3rem;gap:3rem;background:radial-gradient(circle at 90% 18%,#89baf855,transparent 20rem),#030405}.auth-side{min-height:calc(100vh - 6rem);border-radius:16px;padding:2.5rem;background:linear-gradient(135deg,#201a25,#07090c 55%,#111f29);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.auth-side:after{content:"";position:absolute;width:120%;height:50%;border:62px solid #392f3a;border-radius:50%;left:-30%;bottom:-8%;transform:rotate(30deg)}.auth-side h1{font-family:Space Grotesk;font-size:clamp(3rem,7vw,7rem);line-height:.83;margin:0;z-index:1}.auth-side h1 span{background:linear-gradient(90deg,#8ee7e2,#9c9dff,#ff9d7d);color:transparent;-webkit-background-clip:text;background-clip:text}.auth-side p{z-index:1;color:var(--muted)}.auth-card{align-self:center;width:min(490px,100%);margin:auto;border:1px solid #405062;background:linear-gradient(130deg,#12111c,#0d151c);border-radius:16px;padding:3rem}.auth-card .logo{font-size:1rem}.auth-card h1{font-family:Space Grotesk;font-size:2.5rem;margin:2.3rem 0 .2rem}.auth-card>p{color:var(--muted);margin-top:0}.auth-fields{display:grid;grid-gap:1rem;gap:1rem;margin:2rem 0 1rem}.auth-submit{width:100%;margin-top:1rem}.small-link{display:block;text-align:right;color:#b7c9df;font-size:.85rem}.or{display:flex;align-items:center;gap:.8rem;color:var(--muted);margin:1rem 0 -.2rem;font-size:.8rem}.or:after,.or:before{content:"";height:1px;background:#2c3842;flex:1 1}.auth-switch{text-align:center!important;margin:1.4rem 0 0!important;font-size:.9rem}.auth-switch a{color:#c9e0ff}.auth-message{padding:1rem;border:1px solid #2d6b4d;color:#a6eec5;background:#10251a;border-radius:7px;margin-top:2rem;line-height:1.5}@media(max-width:800px){.auth-page{display:block;padding:1rem}.auth-side{display:none}.auth-card{min-height:calc(100vh - 2rem);padding:2rem 1.35rem;border-radius:12px}}