html{scroll-behavior:smooth}html,body,#root{width:100%;min-width:320px;min-height:100%}body{min-height:100vh;margin:0}#root{min-height:100vh}::selection{background:#4f46e52e}::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:999px}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#060b16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}html,body{overflow-x:hidden}body{color:#f8fafc;background:radial-gradient(circle at 15% 15%,#4f46e51f,#0000 28%),radial-gradient(circle at 90% 20%,#0ea5e914,#0000 26%),#060b16;min-height:100vh}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.premium-auth{background:#060b16;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);width:100%;min-height:100vh;display:grid}.brand-side{background:radial-gradient(circle at 15% 10%,#6366f147,#0000 32%),radial-gradient(circle at 90% 72%,#0ea5e933,#0000 34%),linear-gradient(145deg,#0b1227 0%,#0b1830 48%,#08101f 100%);border-right:1px solid #ffffff0e;flex-direction:column;justify-content:space-between;min-width:0;min-height:100vh;padding:46px 64px 44px;display:flex;position:relative;overflow:hidden}.brand-side:before{content:"";border:1px solid #ffffff13;border-radius:50%;width:690px;height:690px;position:absolute;top:50%;right:-330px;transform:translateY(-50%)}.brand-side:after{content:"";border:1px solid #ffffff0e;border-radius:50%;width:420px;height:420px;position:absolute;top:50%;right:-145px;transform:translateY(-50%);box-shadow:0 0 100px #0ea5e90d}.signup-brand{background:radial-gradient(circle at 14% 12%,#7c3aed4d,#0000 31%),radial-gradient(circle at 86% 76%,#06b6d429,#0000 35%),linear-gradient(145deg,#0a1023 0%,#141236 48%,#08101f 100%)}.brand-top,.mobile-brand{z-index:3;color:#fff;letter-spacing:-.35px;align-items:center;gap:12px;font-size:15px;font-weight:750;display:flex;position:relative}.brand-symbol{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 48%,#0ea5e9 100%);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 12px 35px #4f46e557,inset 0 1px #ffffff47}.brand-copy{z-index:3;width:100%;max-width:650px;margin-top:-10px;position:relative}.micro-label{color:#8ea3cd;letter-spacing:2.2px;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:25px;font-size:11px;font-weight:800;display:inline-flex}.micro-label:before{content:"";background:linear-gradient(90deg,#6366f1,#38bdf8);width:24px;height:1px}.brand-copy h1{color:#fff;letter-spacing:-4.8px;text-wrap:balance;max-width:690px;margin:0;font-size:clamp(58px,5.4vw,84px);font-weight:650;line-height:.98}.brand-copy p{color:#91a3c2;max-width:525px;margin:30px 0 0;font-size:15px;line-height:1.85}.brand-footer{z-index:3;color:#607392;letter-spacing:1.2px;text-transform:uppercase;align-items:center;gap:11px;font-size:10px;font-weight:650;display:flex;position:relative}.footer-dot{background:#6366f1;border-radius:50%;width:5px;height:5px;box-shadow:0 0 14px #6366f1e6}.auth-side{background:radial-gradient(circle at 92% 5%,#6366f12b,#0000 28%),radial-gradient(circle at 8% 92%,#0ea5e912,#0000 32%),#060c17;justify-content:center;align-items:center;min-width:0;min-height:100vh;padding:48px 52px;display:flex;position:relative;overflow:hidden}.auth-side:before{content:"";filter:blur(10px);background:#6366f11f;border-radius:50%;width:420px;height:420px;position:absolute;top:-220px;right:-160px}.auth-side:after{content:"";background:#0ea5e912;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-170px;left:-90px}.auth-content{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#141f33eb,#0c1626e3);border:1px solid #ffffff18;border-radius:26px;width:100%;max-width:500px;padding:42px 40px 36px;position:relative;overflow:hidden;box-shadow:0 35px 90px #00000061,0 8px 30px #0000002e,inset 0 1px #ffffff0b}.auth-content:before{content:"";background:linear-gradient(90deg,#0000,#818cf8bf,#38bdf866,#0000);height:1px;position:absolute;top:0;left:35px;right:35px}.auth-content:after{content:"";filter:blur(5px);pointer-events:none;background:#6366f114;border-radius:50%;width:170px;height:170px;position:absolute;top:-120px;right:-80px}.signup-content{max-width:520px}.mobile-brand{display:none}.form-heading{z-index:2;margin-bottom:31px;position:relative}.step-number{color:#8ea0c3;letter-spacing:1.8px;text-transform:uppercase;align-items:center;margin-bottom:15px;font-size:10px;font-weight:800;display:inline-flex}.form-heading h2{color:#f8fafc;letter-spacing:-2.1px;margin:0;font-size:43px;font-weight:650;line-height:1.04}.form-heading p{color:#7f90ad;max-width:410px;margin:14px 0 0;font-size:13px;line-height:1.7}.auth-method-switch{z-index:2;background:#0309138a;border:1px solid #fff1;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:24px;padding:5px;display:grid;position:relative}.auth-method-switch button{color:#71809c;background:0 0;border:0;border-radius:10px;min-width:0;min-height:40px;padding:0 12px;font-size:11px;font-weight:750;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.auth-method-switch button:hover{color:#dce6fa}.auth-method-switch button.active{color:#fff;background:linear-gradient(135deg,#635bff,#4f46e5);box-shadow:0 7px 20px #4f46e53d}.premium-form{z-index:2;flex-direction:column;width:100%;display:flex;position:relative}.field-group{width:100%;margin-bottom:18px}.field-group label{color:#a2aec4;letter-spacing:.72px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.field-group input{color:#f8fafc;caret-color:#818cf8;background:#040b16b8;border:1px solid #94a3b821;border-radius:13px;outline:none;width:100%;height:54px;padding:0 16px;font-size:13px;font-weight:500;transition:border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px 1px #0000002e}.field-group input:hover{border-color:#94a3b840}.field-group input:focus{background:#050d1af0;border-color:#6366f1e0;box-shadow:0 0 0 4px #6366f11b,inset 0 1px 1px #0000001f}.password-label-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.password-label-row label{margin:0}.forgot-password-link{color:#8d9cff;flex-shrink:0;font-size:10px;font-weight:750;text-decoration:none;transition:color .18s}.forgot-password-link:hover{color:#b4bdff}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{padding-right:79px}.password-toggle{color:#a7b0ff;background:#6366f11a;border:1px solid #6366f124;border-radius:9px;min-width:54px;height:34px;padding:0 10px;font-size:10px;font-weight:800;transition:background .18s,border-color .18s,color .18s;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.password-toggle:hover{color:#fff;background:#6366f12b;border-color:#6366f13d}.phone-input-wrap{background:#040b16b8;border:1px solid #94a3b821;border-radius:13px;align-items:center;width:100%;height:54px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden}.phone-input-wrap:hover{border-color:#94a3b840}.phone-input-wrap:focus-within{background:#050d1af0;border-color:#6366f1e0;box-shadow:0 0 0 4px #6366f11b}.phone-prefix{color:#8b9bb6;background:#ffffff05;border-right:1px solid #ffffff12;flex-shrink:0;justify-content:center;align-items:center;height:100%;padding:0 15px;font-size:12px;font-weight:700;display:flex}.phone-input-wrap input{min-width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0}.phone-input-wrap input:hover,.phone-input-wrap input:focus{box-shadow:none;background:0 0;border:0}.otp-input{text-align:center;letter-spacing:12px;font-variant-numeric:tabular-nums;font-weight:800;height:62px!important;padding-left:26px!important;font-size:24px!important}.black-button{color:#fff;letter-spacing:-.1px;background:linear-gradient(135deg,#6d63ff 0%,#5b51f5 45%,#4f46e5 100%);border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;height:55px;margin-top:7px;padding:0 18px;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 34px #4f46e54d,inset 0 1px #ffffff2e}.black-button:before{content:"";filter:blur(18px);background:#ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;top:-65px;left:35%}.black-button span{z-index:2;position:relative}.black-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 17px 42px #4f46e563,inset 0 1px #fff3}.black-button:active:not(:disabled){transform:translateY(0)}.button-arrow{font-size:20px;font-weight:400;transition:transform .18s}.black-button:hover .button-arrow{transform:translate(3px)}.text-button{color:#71819e;background:0 0;border:0;width:fit-content;margin:18px auto 0;padding:6px 8px;font-size:10px;font-weight:750;transition:color .18s}.text-button:hover{color:#cbd6ea}.auth-bottom{z-index:2;text-align:center;color:#66758f;border-top:1px solid #ffffff0e;margin-top:28px;padding-top:22px;font-size:10px;position:relative}.auth-bottom a{color:#aeb6ff;font-weight:800;text-decoration:none;transition:color .18s}.auth-bottom a:hover{color:#fff}.minimal-alert{z-index:2;border-radius:11px;margin-bottom:19px;padding:12px 14px;font-size:11px;font-weight:600;line-height:1.55;position:relative}.minimal-alert.error{color:#fecaca;background:#7f1d1d24;border:1px solid #f871712e}.minimal-alert.success{color:#bbf7d0;background:#14532d29;border:1px solid #4ade802b}.dashboard-page{color:#dce6f7;background:radial-gradient(circle at 10% 0,#6366f121,#0000 27%),radial-gradient(circle at 95% 15%,#0ea5e913,#0000 25%),#060b16;width:100%;min-height:100vh;overflow-x:hidden}.dashboard-header{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#060b16d1;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:78px;padding:16px 34px;display:flex;position:sticky;top:0}.auth-brand{color:#fff;align-items:center;gap:11px;font-size:13px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6d63ff,#4f46e5,#0ea5e9);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 10px 28px #4f46e545}.dashboard-welcome{color:#60718f;margin:5px 0 0 51px;font-size:10px}.header-actions{align-items:center;gap:9px;display:flex}.primary-button,.secondary-button,.danger-button{border-radius:10px;min-height:41px;padding:0 16px;font-size:10px;font-weight:800;transition:transform .18s,background .18s,border-color .18s,color .18s}.primary-button{color:#fff;background:linear-gradient(135deg,#6d63ff,#4f46e5);border:0;box-shadow:0 8px 24px #4f46e542}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button{color:#95a5be;background:#ffffff06;border:1px solid #ffffff17}.secondary-button:hover:not(:disabled){color:#fff;border-color:#6366f16b}.dashboard-content{width:min(1450px,100% - 64px);margin:0 auto;padding:46px 0 70px}.dashboard-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:#627495;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 9px;font-size:9px;font-weight:850}.dashboard-title h1{color:#fff;letter-spacing:-2px;margin:0;font-size:44px;font-weight:650;line-height:1}.dashboard-title p:not(.eyebrow){color:#677792;margin:12px 0 0;font-size:11px}.task-total{color:#65758f;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;font-size:9px;font-weight:800}.task-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;width:100%;display:grid}.task-column{background:#ffffff06;border:1px solid #fff1;border-radius:18px;min-width:0;overflow:hidden;box-shadow:0 18px 40px #0000001f}.column-header{background:#ffffff05;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 16px;display:flex}.column-header h2{color:#b5c1d5;letter-spacing:1.1px;text-transform:uppercase;margin:0;font-size:10px;font-weight:850}.column-header span{color:#aeb7ff;background:#6366f121;border-radius:8px;justify-content:center;align-items:center;min-width:27px;height:27px;padding:0 7px;font-size:9px;font-weight:850;display:inline-flex}.column-body{min-height:420px;padding:11px}.empty-column{color:#53637d;text-align:center;border:1px dashed #ffffff13;border-radius:12px;justify-content:center;align-items:center;min-height:120px;padding:20px;font-size:10px;display:flex}.task-card{cursor:grab;background:linear-gradient(145deg,#121e32f5,#0a1525f5);border:1px solid #fff1;border-radius:14px;width:100%;margin-bottom:10px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:0 10px 28px #00000026}.task-card:hover{border-color:#6366f140;transform:translateY(-3px);box-shadow:0 17px 36px #0003}.task-card.dragging{opacity:.48}.task-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.task-status{color:#7485a1;letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:850}.drag-handle{color:#4c5e78}.task-card h3{color:#eef3fb;margin:15px 0 8px;font-size:15px;font-weight:700;line-height:1.4}.task-description{color:#7889a4;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.65}.task-deadline{color:#596a85;letter-spacing:.5px;text-transform:uppercase;margin-top:15px;font-size:9px}.task-actions{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.task-actions button{color:#8595ae;background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;min-height:31px;padding:0 10px;font-size:9px;font-weight:750}.task-actions button:hover{color:#fff;border-color:#6366f161}.task-actions .danger-button,.danger-button{color:#f39a9a}.loading-state{color:#65758f;border:1px solid #ffffff0f;border-radius:16px;justify-content:center;align-items:center;min-height:350px;font-size:11px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#01060ec7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.task-modal{background:linear-gradient(145deg,#0e192c,#091421);border:1px solid #ffffff16;border-radius:21px;width:100%;max-width:600px;max-height:calc(100vh - 40px);padding:30px;overflow-y:auto;box-shadow:0 40px 110px #0000007a}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.modal-header h2{color:#fff;letter-spacing:-1.2px;margin:0;font-size:30px;font-weight:650}.modal-close{color:#8798b3;background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;width:38px;height:38px;font-size:18px}.modal-close:hover{color:#fff;border-color:#ffffff24}.task-form{flex-direction:column;width:100%;display:flex}.task-form label{color:#8a9ab3;letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:850}.task-form input,.task-form textarea,.task-form select{color:#edf3fc;background:#040b16bd;border:1px solid #ffffff14;border-radius:11px;outline:none;width:100%;transition:border-color .18s,box-shadow .18s,background .18s}.task-form input,.task-form select{min-height:47px;margin-bottom:20px;padding:0 13px}.task-form textarea{resize:vertical;min-height:108px;margin-bottom:20px;padding:12px 13px}.task-form input::placeholder,.task-form textarea::placeholder{color:#4b5a72}.task-form input:focus,.task-form textarea:focus,.task-form select:focus{background:#050d1aeb;border-color:#6366f1d1;box-shadow:0 0 0 4px #6366f118}.task-form select option{color:#fff;background:#0a1526}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;display:grid}.form-row>div{flex-direction:column;min-width:0;display:flex}.modal-actions{justify-content:flex-end;gap:9px;margin-top:7px;display:flex}.alert{border-radius:10px;margin-bottom:19px;padding:12px 14px;font-size:11px;font-weight:600}.alert-error{color:#fecaca;background:#7f1d1d24;border:1px solid #f871712e}.alert-success{color:#bbf7d0;background:#14532d26;border:1px solid #4ade802b}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#26344d;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#344561}@media (width<=1100px){.premium-auth{grid-template-columns:1fr}.brand-side{display:none}.auth-side{min-height:100vh;padding:40px 24px}.auth-content{max-width:520px}.mobile-brand{margin-bottom:36px;display:flex}.task-board{grid-template-columns:1fr}.column-body{min-height:150px}}@media (width<=700px){.auth-side{align-items:flex-start;padding:20px 14px}.auth-content{border-radius:20px;margin-top:8px;padding:27px 20px 25px}.auth-content:before{left:22px;right:22px}.mobile-brand{margin-bottom:34px}.brand-symbol{border-radius:12px;width:39px;height:39px}.form-heading{margin-bottom:26px}.form-heading h2{letter-spacing:-1.7px;font-size:37px}.form-heading p{font-size:12px}.field-group input,.phone-input-wrap{height:52px}.otp-input{letter-spacing:8px;height:58px!important;padding-left:20px!important;font-size:21px!important}.black-button{height:53px}.dashboard-header{flex-direction:column;align-items:stretch;gap:14px;padding:14px 15px}.dashboard-welcome{margin-left:51px}.header-actions{width:100%}.header-actions button{flex:1}.dashboard-content{width:calc(100% - 24px);padding-top:29px}.dashboard-title{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-title h1{font-size:37px}.task-board{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.task-modal{border-radius:18px;padding:23px 18px}.modal-header h2{font-size:27px}}.productivity-app{color:#e8eef8;background:radial-gradient(circle at 82% 2%,#6366f11f,#0000 24%),radial-gradient(circle at 52% 45%,#0ea5e909,#0000 32%),#070c16;grid-template-columns:250px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.productivity-sidebar{background:linear-gradient(#0e1728fa,#070d18fa);border-right:1px solid #fff1;flex-direction:column;justify-content:space-between;height:100vh;padding:25px 17px 18px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:18px 0 50px #0000001f}.productivity-brand{align-items:center;gap:11px;padding:3px 8px 27px;display:flex}.productivity-logo{color:#fff;background:linear-gradient(135deg,#7668ff,#4f46e5 55%,#0ea5e9);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 11px 28px #4f46e547}.productivity-brand div{flex-direction:column;min-width:0;display:flex}.productivity-brand strong{color:#f8fafc;font-size:12px;font-weight:800}.productivity-brand div span{color:#596a85;letter-spacing:.6px;text-transform:uppercase;margin-top:3px;font-size:8px;font-weight:700}.productivity-nav{flex-direction:column;gap:5px;display:flex}.productivity-nav button{color:#72819b;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 12px;font-size:10px;font-weight:750;transition:all .18s;display:grid}.productivity-nav button>span{color:#61718c;text-align:center;font-size:14px}.productivity-nav button b{color:#6f7f99;background:#ffffff0a;border-radius:7px;justify-content:center;align-items:center;min-width:23px;height:23px;padding:0 6px;font-size:8px;display:inline-flex}.productivity-nav button:hover{color:#dce5f5;background:#ffffff06}.productivity-nav button.active{color:#f2f4ff;background:linear-gradient(90deg,#6366f12b,#6366f10e);border-color:#6f65ff29;box-shadow:inset 3px 0 #7168ff}.productivity-nav button.active>span,.productivity-nav button.active b{color:#a9b0ff}.sidebar-bottom{flex-direction:column;gap:16px;display:flex}.sidebar-progress{background:#ffffff05;border:1px solid #ffffff0e;border-radius:13px;padding:14px}.sidebar-progress-head{color:#65758f;text-transform:uppercase;letter-spacing:.6px;justify-content:space-between;align-items:center;gap:8px;font-size:8px;font-weight:750;display:flex}.sidebar-progress-head strong{color:#aeb6ff;font-size:9px}.sidebar-progress-bar,.stat-progress,.mini-progress{background:#ffffff0e;border-radius:999px;height:5px;overflow:hidden}.sidebar-progress-bar{margin-top:10px}.sidebar-progress-bar span,.stat-progress span,.mini-progress span{border-radius:inherit;background:linear-gradient(90deg,#6d63ff,#38bdf8);height:100%;transition:width .25s;display:block}.sidebar-user{border-top:1px solid #ffffff0e;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:9px;min-width:0;padding:12px 8px 0;display:grid}.sidebar-avatar{color:#c6caff;background:#6366f124;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:850;display:inline-flex}.sidebar-user div{flex-direction:column;min-width:0;display:flex}.sidebar-user strong{color:#dce5f3;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sidebar-user div span{color:#53637c;margin-top:3px;font-size:7px}.sidebar-user button{color:#61718a;background:0 0;border:0;border-radius:8px;width:28px;height:28px;font-size:14px}.sidebar-user button:hover{color:#fca5a5;background:#f8717114}.productivity-main{min-width:0}.productivity-topbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#070c16c2;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:28px;min-height:118px;padding:27px 32px 23px;display:flex}.dashboard-date,.productivity-topbar p,.section-kicker{margin:0}.dashboard-date{letter-spacing:.8px;text-transform:uppercase;font-weight:800;color:#667792!important;font-size:8px!important}.productivity-topbar h1{color:#f8fafc;letter-spacing:-1.2px;margin:7px 0 4px;font-size:27px;font-weight:650;line-height:1}.productivity-topbar p:not(.dashboard-date){color:#64748b;font-size:9px}.topbar-actions{align-items:center;gap:10px;display:flex}.dashboard-search{background:#ffffff06;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:8px;width:235px;height:42px;padding:0 13px;display:flex}.dashboard-search span{color:#5f708b;font-size:16px}.dashboard-search input{color:#e8eef8;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:9px}.dashboard-search input::placeholder{color:#506078}.new-task-button{color:#fff;background:linear-gradient(135deg,#7168ff,#4f46e5);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:9px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 10px 28px #4f46e540}.new-task-button span{font-size:16px;font-weight:400}.new-task-button:hover{transform:translateY(-1px);box-shadow:0 14px 34px #4f46e557}.productivity-content{width:min(1600px,100% - 48px);margin:0 auto;padding:25px 0 60px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.stat-card{background:linear-gradient(145deg,#111c2fd1,#0a1321e0);border:1px solid #ffffff0f;border-radius:15px;min-width:0;min-height:132px;padding:17px;box-shadow:0 14px 35px #0000001a}.stat-card.featured{background:radial-gradient(circle at 90% 10%,#6366f129,#0000 35%),linear-gradient(145deg,#181f3deb,#0b1425e6);border-color:#6366f129}.stat-card-head{color:#64748d;letter-spacing:.9px;align-items:center;gap:8px;font-size:7px;font-weight:850;display:flex}.stat-icon{color:#9da5ff;background:#6366f11a;border-radius:8px;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;display:inline-flex}.stat-card>strong{color:#f4f7fc;letter-spacing:-1px;margin-top:12px;font-size:25px;font-weight:650;line-height:1;display:block}.stat-card>p{color:#596a84;margin:6px 0 0;font-size:8px}.stat-progress{margin-top:12px}.day-strip-section,.workspace-section,.lower-panel{background:#ffffff05;border:1px solid #ffffff0f;border-radius:17px;margin-top:14px;box-shadow:0 15px 38px #00000014}.day-strip-section{padding:17px 18px}.section-heading,.workspace-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-heading.compact{align-items:flex-start}.section-kicker{color:#657792;letter-spacing:1.25px;text-transform:uppercase;font-size:7px;font-weight:850}.section-heading h2,.workspace-toolbar h2{color:#eaf0f9;letter-spacing:-.5px;margin:5px 0 0;font-size:16px;font-weight:650}.day-strip-section .text-button{color:#8d98ff;margin:0}.day-strip{grid-template-columns:repeat(7,minmax(72px,1fr));gap:8px;margin-top:15px;display:grid}.day-card{color:#667792;background:#ffffff05;border:1px solid #ffffff0e;border-radius:12px;flex-direction:column;align-items:center;min-width:0;min-height:83px;padding:10px 8px;transition:all .18s;display:flex}.day-card:hover{border-color:#6366f140;transform:translateY(-2px)}.day-card>span{text-transform:uppercase;font-size:7px;font-weight:800}.day-card strong{color:#dce5f3;margin-top:4px;font-size:17px;font-weight:650}.day-card small{color:#52617a;margin-top:1px;font-size:7px}.day-task-count{color:#74849d;background:#ffffff0a;border-radius:999px;margin-top:7px;padding:3px 6px;font-size:7px;font-weight:800}.day-card.today{border-color:#38bdf838}.day-card.selected{background:linear-gradient(145deg,#6366f12b,#4f46e50f);border-color:#6366f161;box-shadow:0 8px 22px #4f46e51a}.day-card.selected strong{color:#fff}.day-card.selected .day-task-count{color:#b8bdff;background:#6366f129}.workspace-section{padding:19px}.workspace-toolbar{margin-bottom:17px}.workspace-toolbar>div:first-child>p:last-child{color:#586981;margin:5px 0 0;font-size:8px}.task-filters{gap:7px;display:flex}.task-filters select{color:#8392aa;background:#0c1626;border:1px solid #fff1;border-radius:9px;outline:0;min-height:36px;padding:0 29px 0 10px;font-size:8px}.task-filters option{color:#e5edf8;background:#0c1626}.advanced-task-board{grid-template-columns:repeat(4,minmax(210px,1fr));align-items:start;gap:9px;padding-bottom:4px;display:grid;overflow-x:auto}.advanced-task-column{background:#040a1345;border:1px solid #ffffff0d;border-radius:13px;min-width:210px;overflow:hidden}.advanced-column-header{border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;min-height:47px;padding:0 11px;display:flex}.advanced-column-header>div{align-items:center;gap:7px;display:flex}.column-symbol{color:#8f99ff;background:#6366f117;border-radius:7px;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;display:inline-flex}.column-in-progress .column-symbol{color:#7dd3fc;background:#38bdf814}.column-done .column-symbol{color:#86efac;background:#4ade8014}.column-missed .column-symbol{color:#fca5a5;background:#f8717114}.advanced-column-header h3{color:#aebbd0;letter-spacing:.55px;text-transform:uppercase;margin:0;font-size:8px;font-weight:850}.column-number,.panel-count{color:#667791;background:#ffffff09;border-radius:7px;justify-content:center;align-items:center;min-width:23px;height:23px;padding:0 6px;font-size:7px;font-weight:850;display:inline-flex}.advanced-column-body{min-height:170px;padding:8px}.column-empty{color:#45546b;border:1px dashed #ffffff0e;border-radius:9px;justify-content:center;align-items:center;min-height:80px;font-size:8px;display:flex}.pro-task-card{cursor:grab;background:linear-gradient(145deg,#111c2ff5,#09121ff7);border:1px solid #fff1;border-radius:11px;margin-bottom:8px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 8px 22px #0000001f}.pro-task-card:hover{border-color:#6366f138;transform:translateY(-2px);box-shadow:0 12px 28px #0000002e}.pro-task-card.dragging{opacity:.45}.pro-task-top,.pro-task-footer,.task-title-row,.subtask-progress-head,.progress-label,.subtask-form-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.task-chip-row{flex-wrap:wrap;gap:5px;display:flex}.priority-chip,.category-chip{letter-spacing:.45px;text-transform:uppercase;border-radius:6px;padding:4px 6px;font-size:6px;font-weight:850}.priority-low{color:#86efac;background:#4ade8014}.priority-medium{color:#7dd3fc;background:#38bdf814}.priority-high{color:#fcd34d;background:#fbbf2417}.priority-urgent{color:#fca5a5;background:#f8717117}.category-chip{color:#8291a9;background:#94a3b812}.pro-task-card .drag-handle{font-size:10px}.task-title-row{justify-content:flex-start;align-items:flex-start;margin-top:11px}.task-check{color:#fff;background:#ffffff06;border:1px solid #94a3b82e;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:9px;transition:all .18s;display:inline-flex}.task-check:hover{border-color:#6366f18c}.task-check.checked{background:linear-gradient(135deg,#6d63ff,#4f46e5);border-color:#5f58e8}.pro-task-card h3{color:#e8eef8;margin:1px 0 0;font-size:11px;font-weight:700;line-height:1.35}.pro-task-card .task-description{color:#65758e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0 28px;font-size:8px;line-height:1.55;display:-webkit-box;overflow:hidden}.subtask-progress{margin-top:11px}.subtask-progress-head{color:#61718a;font-size:7px}.mini-progress{height:4px;margin-top:6px}.task-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px;display:grid}.task-info-grid>div{background:#ffffff06;border-radius:7px;flex-direction:column;gap:3px;padding:7px;display:flex}.task-info-label{color:#4f5f76;text-transform:uppercase;font-size:6px;font-weight:800}.task-info-grid strong{color:#8291a9;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:700;overflow:hidden}.deadline-info.overdue strong{color:#fca5a5}.deadline-info.today strong{color:#fcd34d}.deadline-info.complete strong{color:#86efac}.task-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.task-tags span{color:#6677a0;font-size:6px}.pro-task-footer{border-top:1px solid #ffffff0b;margin-top:11px;padding-top:9px}.task-status-text{color:#53637b;text-transform:uppercase;letter-spacing:.55px;font-size:6px;font-weight:800}.pro-task-footer .task-actions{gap:4px;margin:0}.pro-task-footer .task-actions button{min-height:25px;padding:0 7px;font-size:7px}.premium-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:35px 20px;display:flex}.empty-state-icon{color:#9da5ff;background:#6366f114;border:1px solid #6366f12b;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-size:22px;display:flex}.premium-empty-state h3{color:#dce5f3;margin:15px 0 0;font-size:14px}.premium-empty-state p{color:#5c6c84;max-width:340px;margin:7px 0 16px;font-size:8px;line-height:1.6}.dashboard-lower-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.lower-panel{padding:18px}.daily-checklist,.upcoming-list{flex-direction:column;gap:6px;margin-top:13px;display:flex}.daily-check-item,.upcoming-item{background:#ffffff05;border:1px solid #ffffff0b;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:flex}.daily-check-item>div,.upcoming-item>div{flex-direction:column;gap:3px;min-width:0;display:flex}.daily-check-item strong,.upcoming-item strong{color:#cdd7e6;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.daily-check-item div span,.upcoming-item div span{color:#56667e;text-transform:capitalize;font-size:7px}.completed-text{text-decoration:line-through;color:#6b7a91!important}.upcoming-item{text-align:left;width:100%;color:inherit}.upcoming-item:hover{background:#6366f109;border-color:#6366f12e}.upcoming-priority{border-radius:999px;flex-shrink:0;width:5px;height:28px}.upcoming-priority.priority-low{background:#4ade80}.upcoming-priority.priority-medium{background:#38bdf8}.upcoming-priority.priority-high{background:#fbbf24}.upcoming-priority.priority-urgent{background:#f87171}.upcoming-item>div{flex:1}.upcoming-item>b{color:#56667f;font-size:16px}.panel-empty{color:#53637b;margin:8px 0;font-size:8px}.advanced-modal{max-width:760px}.advanced-task-form{gap:0}.form-field{flex-direction:column;min-width:0;display:flex}.advanced-task-form .form-field>input,.advanced-task-form .form-field>textarea,.advanced-task-form .form-field>select{margin-bottom:0}.advanced-task-form .form-field{margin-bottom:16px}.advanced-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.progress-label span{color:#9da5ff;font-size:9px;font-weight:800}.task-form .progress-range{accent-color:#6366f1;min-height:22px;box-shadow:none;background:0 0;padding:0}.subtask-form-header{margin-bottom:7px}.subtask-form-header label{margin:0}.subtask-form-header button{color:#9da5ff;background:#6366f117;border:0;border-radius:6px;padding:4px 7px;font-size:7px;font-weight:800}.subtask-form-list{flex-direction:column;gap:6px;display:flex}.subtask-form-row{grid-template-columns:minmax(0,1fr) 35px;gap:6px;display:grid}.task-form .subtask-form-row input{margin:0}.subtask-form-row button{color:#fca5a5;background:#f871710e;border:1px solid #f871711f;border-radius:8px}.recurring-toggle{cursor:pointer;align-items:center;gap:8px;width:fit-content;display:flex;margin:0 0 16px!important}.task-form .recurring-toggle input{accent-color:#6366f1;width:16px;height:16px;min-height:16px;margin:0}.recurring-toggle span{color:#8a9ab3;text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:800}@media (width<=1280px){.productivity-app{grid-template-columns:215px minmax(0,1fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-task-board{grid-template-columns:repeat(4,minmax(230px,1fr))}}@media (width<=900px){.productivity-app{display:block}.productivity-sidebar{border-bottom:1px solid #ffffff0f;border-right:0;width:100%;height:auto;padding:13px;position:relative}.productivity-brand{padding:0 0 12px}.productivity-nav{flex-direction:row;padding-bottom:3px;overflow-x:auto}.productivity-nav button{width:auto;min-width:115px}.sidebar-bottom{display:none}.productivity-topbar{flex-direction:column;align-items:flex-start;padding:20px}.topbar-actions,.dashboard-search{width:100%}.productivity-content{width:calc(100% - 30px)}.dashboard-lower-grid{grid-template-columns:1fr}}@media (width<=650px){.productivity-topbar h1{font-size:24px}.topbar-actions{flex-direction:column;align-items:stretch}.new-task-button{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:120px;padding:14px}.day-strip{display:flex;overflow-x:auto}.day-card{min-width:75px}.workspace-toolbar{flex-direction:column;align-items:flex-start}.task-filters{width:100%}.task-filters select{flex:1;min-width:0}.workspace-section{padding:13px}.advanced-form-grid{grid-template-columns:1fr}.advanced-modal{padding:21px 16px}}:root{--tm-bg:#f5f8ff;--tm-bg-soft:#eef4ff;--tm-surface:#fff;--tm-surface-soft:#f8faff;--tm-surface-hover:#eff6ff;--tm-text:#172033;--tm-text-2:#64748b;--tm-text-3:#94a3b8;--tm-primary:#2563eb;--tm-primary-2:#1d4ed8;--tm-primary-soft:#eff6ff;--tm-primary-border:#dbeafe;--tm-border:#e2e8f0;--tm-border-soft:#edf2f7;--tm-success:#16a34a;--tm-warning:#d97706;--tm-danger:#dc2626;--tm-shadow:0 12px 35px #2563eb14;--tm-shadow-lg:0 22px 60px #2563eb1f}html[data-theme=dark]{--tm-bg:#07101f;--tm-bg-soft:#091426;--tm-surface:#0f172a;--tm-surface-soft:#0b1526;--tm-surface-hover:#172235;--tm-text:#f8fafc;--tm-text-2:#94a3b8;--tm-text-3:#64748b;--tm-primary:#6366f1;--tm-primary-2:#818cf8;--tm-primary-soft:#6366f124;--tm-primary-border:#818cf838;--tm-border:#94a3b824;--tm-border-soft:#94a3b814;--tm-success:#22c55e;--tm-warning:#f59e0b;--tm-danger:#ef4444;--tm-shadow:0 12px 35px #0003;--tm-shadow-lg:0 22px 60px #0000004d}html,body,#root{background:var(--tm-bg);color:var(--tm-text)}body,.premium-auth,.auth-side{background:var(--tm-bg)!important;color:var(--tm-text)!important}.brand-side,.signup-brand{border-right:1px solid var(--tm-border)!important;background:radial-gradient(circle at 18% 10%,#2563eb24,#0000 32%),radial-gradient(circle at 85% 75%,#0ea5e91a,#0000 34%),linear-gradient(145deg,#eef5ff 0%,#f7fbff 48%,#edf4ff 100%)!important}html[data-theme=dark] .brand-side,html[data-theme=dark] .signup-brand{background:radial-gradient(circle at 15% 10%,#6366f147,#0000 32%),radial-gradient(circle at 90% 72%,#0ea5e933,#0000 34%),linear-gradient(145deg,#0b1227 0%,#0b1830 48%,#08101f 100%)!important;border-right-color:#ffffff0e!important}.brand-top,.mobile-brand,.brand-copy h1{color:var(--tm-text)!important}.brand-copy p,.brand-footer,.micro-label,.form-heading p,.step-number,.auth-bottom{color:var(--tm-text-2)!important}.auth-content{border-color:var(--tm-border)!important;background:var(--tm-surface)!important;box-shadow:var(--tm-shadow-lg)!important;color:var(--tm-text)!important}.form-heading h2,.field-group input,.phone-input-wrap input{color:var(--tm-text)!important}.field-group label,.password-label-row label{color:var(--tm-text-2)!important}.field-group input,.phone-input-wrap,.auth-method-switch{border-color:var(--tm-border)!important;background:var(--tm-surface-soft)!important}.field-group input:focus,.phone-input-wrap:focus-within{border-color:var(--tm-primary)!important;background:var(--tm-surface)!important;box-shadow:0 0 0 4px #2563eb1a!important}.forgot-password-link,.auth-bottom a,.password-toggle,.text-button{color:var(--tm-primary)!important}.black-button,.new-task-button,.primary-button{background:linear-gradient(135deg, var(--tm-primary), var(--tm-primary-2))!important;color:#fff!important}.productivity-sidebar{border-right-color:var(--tm-border)!important;background:var(--tm-surface)!important;box-shadow:12px 0 36px #2563eb0d!important}.productivity-brand strong,.productivity-topbar h1,.section-heading h2,.workspace-toolbar h2,.pro-task-card h3,.premium-empty-state h3,.daily-check-item strong,.upcoming-item strong,.day-card strong{color:var(--tm-text)!important}.productivity-brand div span,.productivity-nav button,.productivity-nav button>span,.sidebar-progress-head,.sidebar-user div span,.dashboard-date,.productivity-topbar p:not(.dashboard-date),.section-kicker,.workspace-toolbar>div:first-child>p:last-child,.task-status-text,.task-description,.pro-task-card .task-description,.task-info-label,.task-info-grid strong,.panel-empty,.daily-check-item div span,.upcoming-item div span{color:var(--tm-text-2)!important}.productivity-nav button:hover,.productivity-nav button.active{color:var(--tm-primary)!important;background:var(--tm-primary-soft)!important}.productivity-nav button.active{border-color:var(--tm-primary-border)!important;box-shadow:inset 3px 0 0 var(--tm-primary)!important}.productivity-nav button b,.column-number,.panel-count,.day-task-count{background:var(--tm-bg-soft)!important;color:var(--tm-text-2)!important}.sidebar-progress,.sidebar-user,.productivity-topbar,.day-strip-section,.workspace-section,.lower-panel,.stat-card,.advanced-task-column,.pro-task-card,.daily-check-item,.upcoming-item,.day-card,.loading-state{border-color:var(--tm-border)!important}.productivity-topbar{background:color-mix(in srgb, var(--tm-surface) 92%, transparent)!important}.stat-card,.day-strip-section,.workspace-section,.lower-panel,.pro-task-card,.advanced-task-column,.daily-check-item,.upcoming-item,.day-card{background:var(--tm-surface)!important;box-shadow:var(--tm-shadow)!important}.stat-card.featured,.day-card.selected{border-color:var(--tm-primary-border)!important;background:var(--tm-primary-soft)!important}.dashboard-search,.task-filters select,.task-info-grid>div,.task-check,.task-actions button,.column-number,.panel-count{border-color:var(--tm-border)!important;background:var(--tm-surface-soft)!important;color:var(--tm-text)!important}.dashboard-search input,.task-filters select,.task-filters option{background:0 0;color:var(--tm-text)!important}.task-filters option{background:var(--tm-surface)!important}.dashboard-search input::placeholder,.task-form input::placeholder,.task-form textarea::placeholder{color:var(--tm-text-3)!important}.advanced-column-header,.pro-task-footer{border-color:var(--tm-border-soft)!important}.advanced-column-header h3,.category-chip{color:var(--tm-text-2)!important}.task-form input,.task-form textarea,.task-form select,.task-modal{border-color:var(--tm-border)!important;background:var(--tm-surface)!important;color:var(--tm-text)!important}.task-form input,.task-form textarea,.task-form select{background:var(--tm-surface-soft)!important}.task-form input:focus,.task-form textarea:focus,.task-form select:focus{border-color:var(--tm-primary)!important;background:var(--tm-surface)!important;box-shadow:0 0 0 4px #2563eb1a!important}.task-form select option{background:var(--tm-surface)!important;color:var(--tm-text)!important}.modal-backdrop{background:#0f172a70!important}.modal-header h2{color:var(--tm-text)!important}.modal-close,.secondary-button{border-color:var(--tm-border)!important;background:var(--tm-surface-soft)!important;color:var(--tm-text-2)!important}.sidebar-avatar,.stat-icon,.column-symbol,.empty-state-icon,.subtask-form-header button{background:var(--tm-primary-soft)!important;color:var(--tm-primary)!important}.sidebar-progress-bar,.stat-progress,.mini-progress{background:var(--tm-bg-soft)!important}.sidebar-progress-bar span,.stat-progress span,.mini-progress span,.task-check.checked{background:linear-gradient(90deg, var(--tm-primary), #38bdf8)!important}::-webkit-scrollbar-track{background:var(--tm-bg-soft)!important}::-webkit-scrollbar-thumb{background:#cbd5e1!important}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155!important}@media (width<=900px){.productivity-sidebar{background:var(--tm-surface)!important;border-bottom:1px solid var(--tm-border)!important}.productivity-nav button{min-width:108px}}@media (width<=650px){.productivity-content{width:calc(100% - 20px)!important}.workspace-section,.day-strip-section,.lower-panel{border-radius:14px}.stats-grid{gap:8px}.stat-card{min-height:110px;padding:12px}.advanced-task-board{scroll-snap-type:x proximity}.advanced-task-column{scroll-snap-align:start}}:root{--app-bg:#f5f8ff;--app-bg-2:#eef4ff;--surface:#fff;--surface-2:#f8faff;--surface-hover:#eff6ff;--text:#172033;--text-2:#64748b;--text-3:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--border:#e2e8f0;--border-blue:#dbeafe;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--shadow:0 12px 35px #2563eb14;--shadow-large:0 22px 60px #2563eb1f}html[data-theme=dark]{--app-bg:#07101f;--app-bg-2:#091426;--surface:#0f172a;--surface-2:#0b1526;--surface-hover:#172235;--text:#f8fafc;--text-2:#94a3b8;--text-3:#64748b;--primary:#6366f1;--primary-hover:#818cf8;--primary-soft:#6366f124;--border:#94a3b824;--border-blue:#818cf838;--success:#22c55e;--success-soft:#22c55e17;--warning:#f59e0b;--warning-soft:#f59e0b17;--danger:#ef4444;--danger-soft:#ef444417;--shadow:0 12px 35px #0003;--shadow-large:0 22px 60px #0000004d}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--app-bg)}body{background:var(--app-bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .2s,color .2s}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}input,textarea,select{color:var(--text)}.productivity-app{background:var(--app-bg)!important;color:var(--text)!important}.productivity-sidebar{background:var(--surface)!important;border-right:1px solid var(--border)!important;color:var(--text)!important;box-shadow:5px 0 30px #2563eb0a!important}html[data-theme=dark] .productivity-sidebar{background:var(--app-bg-2)!important;box-shadow:none!important}.productivity-brand strong{color:var(--text)!important}.productivity-brand span,.sidebar-progress-head,.sidebar-bottom,.sidebar-user small{color:var(--text-2)!important}.productivity-nav button{color:var(--text-2)!important;background:0 0!important;border:1px solid #0000!important}.productivity-nav button:hover{background:var(--surface-hover)!important;color:var(--primary)!important}.productivity-nav button.active{background:var(--primary-soft)!important;color:var(--primary)!important;border:1px solid var(--border-blue)!important}.productivity-nav button b{background:var(--surface-2)!important;color:var(--text-2)!important}.productivity-nav button.active b{background:var(--surface)!important;color:var(--primary)!important}.productivity-main,.dashboard-content{background:var(--app-bg)!important}.dashboard-header,.workspace-header,.productivity-header,.dashboard-header h1,.workspace-header h1,.productivity-header h1,.workspace-title h1{color:var(--text)!important}.dashboard-header p,.workspace-header p,.productivity-header p,.workspace-title p{color:var(--text-2)!important}.stat-card,.day-strip-section,.day-card,.workspace-panel,.task-column,.pro-task-card,.task-card,.sidebar-progress,.upcoming-card,.daily-checklist,.insight-card,.productivity-panel{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow)!important}.task-column{overflow:hidden}.column-header{background:var(--surface-2)!important;border-bottom:1px solid var(--border)!important}.column-header h2{color:var(--text-2)!important}.column-header span{background:var(--primary-soft)!important;color:var(--primary)!important}.pro-task-card,.task-card{background:var(--surface)!important}.pro-task-card:hover,.task-card:hover{border-color:var(--border-blue)!important;box-shadow:var(--shadow-large)!important}.pro-task-card h3,.task-card h3,.stat-card strong,.day-card strong,.workspace-panel h2{color:var(--text)!important}.task-description,.task-info-label,.subtask-progress-head,.task-status-text,.stat-card p,.day-card span,.day-card small,.empty-column{color:var(--text-2)!important}.task-info-grid>div{background:var(--surface-2)!important;border:1px solid var(--border)!important}.category-chip,.task-tags span{background:var(--primary-soft)!important;color:var(--primary)!important}.mini-progress,.stat-progress{background:var(--surface-hover)!important}.mini-progress span,.stat-progress span{background:var(--primary)!important}.day-card:hover{border-color:var(--border-blue)!important;background:var(--surface-hover)!important}.day-card.today,.day-card.selected{background:var(--primary-soft)!important;border-color:var(--primary)!important}.day-card.today strong,.day-card.selected strong{color:var(--primary)!important}.search-box,.filter-group,.dashboard-toolbar input,.dashboard-toolbar select,.workspace-toolbar input,.workspace-toolbar select,.form-field input,.form-field textarea,.form-field select{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}.search-box input{color:var(--text)!important}.search-box input::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-3)!important}.search-box:focus-within,.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-soft)!important;outline:none!important}.primary-button,.habits-primary-button,.black-button{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:0 8px 22px #2563eb2e!important}.primary-button:hover,.habits-primary-button:hover,.black-button:hover{background:var(--primary-hover)!important}.secondary-button,.habit-secondary-button{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.secondary-button:hover,.habit-secondary-button:hover{background:var(--surface-hover)!important}.text-button{color:var(--primary)!important}.danger-button{color:var(--danger)!important}.modal-backdrop,.habit-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a7a!important}.task-modal,.modal-card,.habit-modal{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-large)!important}.modal-header,.habit-modal-header{border-bottom:1px solid var(--border)!important}.modal-header h2,.habit-modal-header h2{color:var(--text)!important}.modal-close,.habit-close{background:var(--surface-2)!important;color:var(--text-2)!important;border:1px solid var(--border)!important}.habits-page{background:var(--app-bg)!important;color:var(--text)!important}.habits-header h1,.habits-workspace h2,.habit-section-title h2,.habit-insight h2,.habit-row h3{color:var(--text)!important}.habits-subtitle,.habit-row p,.habit-insight p,.habit-stat-card p{color:var(--text-2)!important}.habits-kicker{color:var(--primary)!important}.habit-stat-card,.habit-calendar,.habits-workspace,.habit-row,.habit-insight{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}.habit-stat-card strong{color:var(--text)!important}.habit-stat-card.featured strong{color:var(--primary)!important}.habit-stat-bar{background:var(--surface-hover)!important}.habit-stat-bar span{background:var(--primary)!important}.habit-day{background:var(--surface-2)!important;color:var(--text-2)!important;border:1px solid var(--border)!important}.habit-day:hover{border-color:var(--border-blue)!important}.habit-day.today,.habit-day.selected{background:var(--primary-soft)!important;color:var(--primary)!important;border-color:var(--primary)!important}.habit-row.completed{background:var(--success-soft)!important}.habit-check{background:var(--surface)!important;border:1px solid var(--border)!important;color:#fff!important}.habit-check.checked{background:var(--primary)!important;border-color:var(--primary)!important}.habit-category{background:var(--primary-soft)!important;color:var(--primary)!important}.habits-search,.habits-controls select,.habit-modal input,.habit-modal textarea,.habit-modal select{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.habits-search input{color:var(--text)!important}.insight-ring{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--primary-soft)!important}.premium-auth{background:var(--app-bg)!important;color:var(--text)!important}.brand-side{color:#fff!important;background:linear-gradient(145deg,#2563eb,#3b82f6)!important}html[data-theme=dark] .brand-side{background:linear-gradient(145deg,#111827,#312e81)!important}.brand-side h1,.brand-side p,.brand-top,.brand-footer,.brand-copy{color:#fff!important}.auth-side{background:var(--surface)!important;color:var(--text)!important}.auth-content,.form-heading h2{color:var(--text)!important}.form-heading p,.auth-helper,.account-link,.brand-footer{color:var(--text-2)!important}.brand-side .brand-footer{color:#fffc!important}.step-number,.micro-label{color:var(--primary)!important}.brand-side .micro-label{color:#ffffffb8!important}.field-group label{color:var(--text-2)!important}.field-group input,.password-input-wrap input,.otp-input{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.field-group input:focus,.password-input-wrap input:focus,.otp-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-soft)!important}.field-group input::placeholder{color:var(--text-3)!important}.password-toggle{color:var(--primary)!important}.minimal-alert.error{background:var(--danger-soft)!important;color:var(--danger)!important;border:1px solid #dc26262e!important}.minimal-alert.success{background:var(--success-soft)!important;color:var(--success)!important;border:1px solid #16a34a2e!important}.mobile-brand{color:var(--text)!important}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}@media (width<=1050px){.productivity-sidebar{width:205px!important;min-width:205px!important}.productivity-main,.dashboard-content{padding-left:22px!important;padding-right:22px!important}.task-board,.habit-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.habit-insight-grid{grid-template-columns:1fr!important}}@media (width<=760px){.productivity-app{display:block!important}.productivity-sidebar{border-right:0!important;border-bottom:1px solid var(--border)!important;width:100%!important;min-width:0!important;min-height:auto!important;padding:14px!important;position:relative!important}.productivity-sidebar>div:first-child{width:100%}.productivity-brand{margin-bottom:14px!important}.productivity-nav{padding-bottom:5px;gap:7px!important;display:flex!important;overflow-x:auto!important}.productivity-nav button{white-space:nowrap;flex:none}.sidebar-bottom{display:none!important}.productivity-main,.dashboard-content{width:100%!important;padding:20px 14px 45px!important}.dashboard-header,.productivity-header,.workspace-header,.habits-header{flex-direction:column!important;align-items:stretch!important}.task-board{grid-template-columns:1fr!important}.task-column{width:100%}.column-body{min-height:170px!important}.stat-grid,.dashboard-stat-grid,.habit-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.day-strip,.habit-day-strip{padding-bottom:8px;display:flex!important;overflow-x:auto!important}.day-card,.habit-day{min-width:75px}.workspace-toolbar,.habits-toolbar,.habits-controls{flex-direction:column!important;align-items:stretch!important}.search-box,.habits-search{width:100%!important}.premium-auth{min-height:100vh;display:block!important}.brand-side{min-height:auto!important;padding:24px 20px!important}.brand-copy{margin:45px 0!important}.brand-copy h1{font-size:36px!important}.auth-side{min-height:auto!important;padding:28px 18px 45px!important}.auth-content{width:100%!important;max-width:500px!important}.habit-row{grid-template-columns:1fr!important}.habit-insight{flex-direction:column!important;align-items:flex-start!important}.task-modal,.modal-card,.habit-modal{width:calc(100% - 20px)!important;max-height:92vh!important;overflow-y:auto!important}}@media (width<=480px){.stat-grid,.dashboard-stat-grid,.habit-stat-grid{grid-template-columns:1fr!important}.productivity-main,.dashboard-content{padding:16px 10px 38px!important}.dashboard-header h1,.habits-header h1{font-size:30px!important}.task-actions{flex-wrap:wrap!important}.form-grid,.advanced-form-grid,.habit-form-grid{grid-template-columns:1fr!important}.modal-actions,.habit-modal-actions{flex-direction:column-reverse!important}.modal-actions button,.habit-modal-actions button{width:100%!important}}.habits-page{color:#f5f7ff;background:radial-gradient(circle at 15% 0,#5c4cff29,#0000 32%),radial-gradient(circle at 90% 15%,#00beff14,#0000 28%),#060a13;min-height:100vh;padding:42px 48px 70px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.habits-header{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1500px;margin:0 auto 32px;display:flex}.habits-kicker{color:#8491b7;letter-spacing:.2em;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:800}.habits-header h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4vw,58px);font-weight:850;line-height:.98}.habits-subtitle{color:#7885a7;margin:14px 0 0;font-size:14px}.habits-primary-button,.habit-secondary-button{cursor:pointer;border:1px solid #0000;border-radius:13px;padding:13px 19px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s}.habits-primary-button{color:#fff;background:linear-gradient(135deg,#635bff,#4f46e5);box-shadow:0 12px 30px #4f46e540}.habits-primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 36px #4f46e561}.habits-primary-button span{margin-right:8px;font-size:17px}.habits-alert{color:#fca5a5;background:#7f1d1d2e;border:1px solid #f8717140;border-radius:12px;max-width:1500px;margin:0 auto 22px;padding:13px 16px;font-size:13px}.habit-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:1500px;margin:0 auto 28px;display:grid}.habit-stat-card{background:linear-gradient(145deg,#111b2ff2,#080e1bf2);border:1px solid #7584b021;border-radius:18px;min-height:145px;padding:23px;box-shadow:0 15px 40px #00000029}.habit-stat-card.featured{background:radial-gradient(circle at 100% 0,#635bff38,#0000 55%),linear-gradient(145deg,#151b40,#0b1122);border-color:#635bff59}.habit-stat-card>span{color:#8491b7;letter-spacing:.17em;font-size:10px;font-weight:800;display:block}.habit-stat-card strong{letter-spacing:-.04em;margin-top:15px;font-size:34px;display:block}.habit-stat-card p{color:#657292;margin:5px 0 0;font-size:12px}.habit-stat-bar,.habit-progress{background:#182137;border-radius:999px;height:5px;overflow:hidden}.habit-stat-bar{margin-top:19px}.habit-stat-bar span,.habit-progress span{border-radius:inherit;background:linear-gradient(90deg,#625bff,#35c9ff);height:100%;transition:width .4s;display:block}.habit-calendar,.habits-workspace,.habit-insight{background:linear-gradient(145deg,#0d1525f5,#070c17f5);border:1px solid #7584b021;border-radius:19px;max-width:1500px;margin-left:auto;margin-right:auto}.habit-calendar{margin-bottom:28px;padding:24px}.habit-section-title,.habits-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.habit-section-title h2,.habits-toolbar h2,.habit-insight h2{letter-spacing:-.035em;margin:0;font-size:22px}.habit-section-title>span{color:#657292;font-size:12px}.habit-day-strip{grid-template-columns:repeat(14,minmax(60px,1fr));gap:8px;margin-top:20px;padding-bottom:2px;display:grid;overflow-x:auto}.habit-day{color:#7180a2;cursor:pointer;background:#0c1424;border:1px solid #7584b01c;border-radius:12px;min-width:65px;padding:12px 7px;transition:all .2s}.habit-day:hover{border-color:#635bff66;transform:translateY(-2px)}.habit-day.selected{color:#fff;background:linear-gradient(145deg,#4941be52,#121835f2);border-color:#635bffa6}.habit-day.today{box-shadow:inset 0 -2px #625bff}.habit-day span{text-transform:uppercase;font-size:9px;font-weight:800;display:block}.habit-day strong{color:#f4f6ff;margin:5px 0;font-size:18px;display:block}.habit-day small{color:#68779a;font-size:9px;display:block}.habits-workspace{padding:25px}.habits-toolbar{margin-bottom:24px}.habits-controls{gap:9px;display:flex}.habits-search,.habits-controls select,.habit-form input,.habit-form textarea,.habit-form select{color:#e9edff;background:#080f1d;border:1px solid #7584b026;border-radius:11px;outline:none}.habits-search{align-items:center;gap:8px;width:210px;padding:0 12px;display:flex}.habits-search span{color:#7180a2}.habits-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:11px 0;font-size:12px}.habits-controls select{padding:0 12px;font-size:11px}.habits-list{flex-direction:column;gap:10px;display:flex}.habit-row{background:#0a111ec7;border:1px solid #7584b01a;border-radius:15px;grid-template-columns:minmax(280px,1.6fr) minmax(180px,1fr) 90px auto;align-items:center;gap:20px;padding:17px;transition:transform .2s,border-color .2s,background .2s;display:grid}.habit-row:hover{background:#0d1627;border-color:#635bff40;transform:translateY(-2px)}.habit-row.completed{border-color:#34d39926}.habit-main{align-items:center;gap:13px;min-width:0;display:flex}.habit-check{color:#fff;cursor:pointer;background:#0b1322;border:1px solid #7584b040;border-radius:10px;flex:0 0 34px;width:34px;height:34px;font-size:16px;transition:all .2s}.habit-check:hover{border-color:#625bff}.habit-check.checked{background:linear-gradient(135deg,#635bff,#35c9ff);border-color:#0000;box-shadow:0 7px 18px #4f46e547}.habit-name-area{min-width:0}.habit-name-line{align-items:center;gap:8px;display:flex}.habit-name-line h3{color:#edf0ff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.habit-name-area p{color:#62708f;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:11px;overflow:hidden}.habit-category{color:#8792ff;text-transform:uppercase;border:1px solid #635bff33;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800}.habit-progress-wrap{width:100%}.habit-progress-label{color:#697797;text-transform:uppercase;justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}.habit-progress-label span:first-child{color:#b8c0ff;font-weight:800}.quantity-control{color:#7885a7;align-items:center;gap:7px;font-size:11px;display:flex}.quantity-control input{color:#fff;background:#080f1d;border:1px solid #7584b026;border-radius:9px;outline:none;width:70px;padding:9px}.habit-streak{text-align:center}.habit-streak strong{color:#f8c86c;font-size:13px;display:block}.habit-streak span{color:#586783;font-size:9px}.habit-actions{gap:6px;display:flex}.habit-actions button{color:#8895b5;cursor:pointer;background:#0c1424;border:1px solid #7584b021;border-radius:8px;padding:8px 10px;font-size:10px}.habit-actions button:hover{color:#fff;border-color:#635bff66}.habit-actions .habit-delete{color:#ef8f9b}.habits-empty{text-align:center;color:#657292;border:1px dashed #7584b026;border-radius:15px;padding:70px 20px}.habits-empty-icon{color:#938eff;background:#635bff1a;border:1px solid #635bff4d;border-radius:16px;place-items:center;width:55px;height:55px;margin:0 auto 15px;font-size:25px;display:grid}.habits-empty h3{color:#e8ebf8;margin:0}.habits-empty p{margin:8px 0 20px;font-size:12px}.habit-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:1500px;margin:28px auto 0;display:grid}.habit-insight{justify-content:space-between;align-items:center;min-height:170px;padding:25px;display:flex}.habit-insight p:not(.habits-kicker){color:#697797;max-width:560px;margin:12px 0 0;font-size:12px;line-height:1.7}.insight-ring{background:conic-gradient(#635bff 0deg,#35c9ff 120deg,#162039 120deg);border-radius:50%;flex:0 0 105px;place-items:center;width:105px;height:105px;display:grid;position:relative}.insight-ring:after{content:"";background:#0a111f;border-radius:50%;position:absolute;inset:8px}.insight-ring span{z-index:1;font-size:19px;font-weight:850;position:relative}.habit-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02050cc2;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.habit-modal{background:radial-gradient(circle at 100% 0,#635bff24,#0000 40%),#0b1322;border:1px solid #7584b02e;border-radius:22px;width:min(650px,100%);max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 35px 100px #00000080}.habit-modal-header{justify-content:space-between;gap:20px;margin-bottom:25px;display:flex}.habit-modal-header h2{letter-spacing:-.04em;margin:0;font-size:28px}.habit-close{color:#8c98b7;cursor:pointer;background:#0c1424;border:1px solid #7584b026;border-radius:9px;width:35px;height:35px;font-size:20px}.habit-form{flex-direction:column;gap:17px;display:flex}.habit-form label{color:#8591b2;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:7px;font-size:10px;font-weight:800;display:flex}.habit-form input,.habit-form textarea,.habit-form select{box-sizing:border-box;letter-spacing:normal;text-transform:none;resize:vertical;width:100%;padding:12px 13px;font-family:inherit;font-size:12px}.habit-form input:focus,.habit-form textarea:focus,.habit-form select:focus{border-color:#635bffb3;box-shadow:0 0 0 3px #635bff1a}.habit-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.habit-tracking-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.habit-tracking-choice button{color:#7986a7;text-align:left;cursor:pointer;background:#080f1d;border:1px solid #7584b021;border-radius:12px;grid-template-columns:auto 1fr;gap:3px 10px;padding:14px;display:grid}.habit-tracking-choice button.selected{color:#e9ebff;background:#635bff1a;border-color:#635bff99}.habit-tracking-choice strong{color:#817aff;grid-row:span 2;font-size:18px}.habit-tracking-choice span{font-size:12px;font-weight:800}.habit-tracking-choice small{color:#586783;font-size:9px}.habit-modal-actions{border-top:1px solid #7584b01a;justify-content:flex-end;gap:9px;margin-top:8px;padding-top:18px;display:flex}.habit-secondary-button{color:#9ba6c3;background:#0c1424;border-color:#7584b026}.habit-secondary-button:hover{color:#fff;border-color:#635bff66}@media (width<=1100px){.habit-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-row{grid-template-columns:1fr 1fr}.habit-streak{text-align:left}}@media (width<=760px){.habits-page{padding:25px 16px 50px}.habits-header{flex-direction:column;align-items:flex-start}.habit-stat-grid,.habit-insight-grid{grid-template-columns:1fr}.habits-toolbar{flex-direction:column;align-items:flex-start}.habits-controls{flex-direction:column;width:100%}.habits-search{width:auto}.habits-controls select{min-height:40px}.habit-row{grid-template-columns:1fr;gap:14px}.habit-actions{justify-content:flex-end}.habit-form-grid,.habit-tracking-choice{grid-template-columns:1fr}.habit-insight{gap:20px}.insight-ring{flex-basis:80px;width:80px;height:80px}}