@import url(https://fonts.googleapis.com/css2?family=Jost:wght@500&display=swap);#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-wrapper{align-items:center;background:linear-gradient(180deg,#0f0c29,#302b63,#24243e);bottom:0;display:flex;font-family:Jost,sans-serif;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100vw}.main{background:url(https://doc-08-2c-docs.googleusercontent.com/docs/securesc/68c90smiglihng9534mvqmq1946dmis5/fo0picsp1nhiucmc0l25s29respgpr4j/1631524275000/03522360960922298374/03522360960922298374/1Sx0jhdpEpnNIydS4rnN4kHSJtU1EyWka?e=view&authuser=0&nonce=gcrocepgbb17m&user=03522360960922298374&hash=tfhgbs86ka6divo3llbvp93mg4csvb38) no-repeat 50%/cover;border-radius:10px;box-shadow:5px 20px 50px #000;height:550px;overflow:hidden;position:relative;width:350px}#chk{display:none}.signup{height:100%;position:relative;width:100%}label{color:#fff;cursor:pointer;display:flex;font-size:2.3em;font-weight:700;justify-content:center;margin:50px;transition:.5s ease-in-out}input{background:#e0dede;display:flex;height:20px;margin:20px auto;padding:12px}button,input{border:none;border-radius:5px;justify-content:center;outline:none;width:60%}button{background:#573b8a;color:#fff;cursor:pointer;display:block;font-size:1em;font-weight:700;height:40px;margin:30px auto 10px;transition:.2s ease-in}button:hover{background:#6d44b8}button:disabled{cursor:not-allowed;opacity:.7}.login{background:#eee;border-radius:60%/10%;height:500px;transform:translateY(-180px);transition:.8s ease-in-out}.login label{color:#573b8a;transform:scale(.6)}#chk:checked~.login{transform:translateY(-550px)}#chk:checked~.login label{transform:scale(1)}#chk:checked~.signup label{transform:scale(.6)}.auth-error{background:#ff44441a;border-radius:5px;color:#f44;font-size:.85rem;margin:5px auto;padding:8px;text-align:center;width:80%}@media (max-width:400px){.main{height:520px;width:300px}.login{height:470px}#chk:checked~.login{transform:translateY(-500px)}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{font-family:Inter,sans-serif;height:100%;overflow:hidden;width:100%}body{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e)}.main-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;bottom:0;box-shadow:0 25px 50px -12px #00000080,0 0 100px #6366f11a,inset 0 1px 0 #ffffff1a;display:flex;height:100vh;left:0;max-width:none;overflow:hidden;position:fixed;right:0;top:0;width:100vw}.tabs-content{flex:1 1;height:100vh;overflow-y:auto;padding:32px 40px}.tabs-nav{background:linear-gradient(180deg,#0f0f1ecc,#141428e6);border-right:1px solid #ffffff0f;display:flex;flex-direction:column;gap:8px;min-width:300px;padding:24px 16px;position:relative;width:300px}.tabs-nav:before{background:linear-gradient(180deg,#0000,#6366f180,#0000);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.nav-header{border-bottom:1px solid #ffffff0f;margin-bottom:16px;padding:0 12px 20px}.nav-header h2{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.nav-header p{color:#fff6;font-size:.75rem;letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.tab-btn{align-items:center;background:#0000;border:none;border-radius:14px;color:inherit;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:16px 18px;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.tab-btn:before{background:linear-gradient(135deg,#6366f126,#a855f71a);border-radius:14px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.tab-btn:after{background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:0 4px 4px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%) scaleY(0);transition:transform .4s cubic-bezier(.4,0,.2,1);width:3px}.tab-btn:hover:before{opacity:.5}.tab-btn.active:before{opacity:1}.tab-btn.active:after{transform:translateY(-50%) scaleY(1)}.tab-btn.active{box-shadow:0 4px 20px #6366f133,inset 0 1px 0 #ffffff1a}.tab-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;display:flex;height:42px;justify-content:center;position:relative;transition:all .4s ease;width:42px;z-index:1}.tab-btn.active .tab-icon{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#0000;box-shadow:0 4px 15px #6366f166}.tab-icon svg{stroke:#ffffff80;height:20px;transition:all .4s ease;width:20px}.tab-btn.active .tab-icon svg{stroke:#fff}.tab-btn:hover .tab-icon svg{stroke:#fffc}.tab-text{flex:1 1;position:relative;z-index:1}.tab-title{color:#ffffffb3;font-size:.95rem;font-weight:600;letter-spacing:-.01em;transition:color .4s ease}.tab-btn.active .tab-title,.tab-btn:hover .tab-title{color:#fff}.tab-subtitle{color:#ffffff59;font-size:.75rem;margin-top:2px;transition:color .4s ease}.tab-btn.active .tab-subtitle{color:#fff9}.tab-arrow{opacity:0;position:relative;transform:translateX(-10px);transition:all .4s ease;z-index:1}.tab-arrow svg{stroke:#fff9;height:18px;width:18px}.tab-btn.active .tab-arrow{opacity:1;transform:translateX(0)}.tab-panel{inset:32px 40px;opacity:0;overflow-y:auto;position:absolute;transform:translateX(30px);transition:all .5s cubic-bezier(.4,0,.2,1);visibility:hidden}.tab-panel.active{inset:auto;opacity:1;position:relative;transform:translateX(0);visibility:visible}.panel-header{border-bottom:1px solid #ffffff14;margin-bottom:28px;padding-bottom:20px}.panel-badge{background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:20px;color:#a78bfa;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:12px;padding:6px 14px;text-transform:uppercase}.panel-title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.panel-description{color:#ffffff80;font-size:1rem;line-height:1.6;max-width:600px}.panel-content{grid-gap:24px;display:grid;gap:24px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.stat-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:20px;text-align:center;transition:all .4s ease}.stat-item:hover{background:#6366f114;border-color:#6366f166;transform:translateY(-2px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:800}.stat-label{color:#ffffff80;font-size:.8rem;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.content-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:24px;transition:all .4s ease}.content-card:hover{background:#ffffff0d;border-color:#6366f14d;box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.card-header{gap:12px;margin-bottom:16px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,#6366f133,#a855f733);border-radius:10px;height:40px;justify-content:center;width:40px}.card-icon svg{stroke:#a78bfa;height:20px;width:20px}.card-title{color:#fff;flex:1 1;font-size:1.1rem;font-weight:600}.card-text{color:#ffffff80;font-size:.95rem;line-height:1.7}.search-filter-bar{display:flex;gap:16px;margin-bottom:20px}.search-box{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex:2 1;gap:10px;padding:8px 16px}.search-icon{stroke:#fff6}.search-box input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.95rem;padding:8px 0}.search-box input:focus{outline:none}.search-box input::placeholder{color:#ffffff4d}.filter-box{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;flex:1 1;padding:8px 16px}.filter-box select{background:#0000;border:none;color:#fff;cursor:pointer;font-size:.95rem;padding:8px 0;width:100%}.filter-box select:focus{outline:none}.filter-box select option{background:#1a1a2e;color:#fff}.form-group{margin-bottom:16px}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;color:#fff;font-size:.95rem;padding:12px 16px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6366f180;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.add-task-btn{background:linear-gradient(135deg,#6366f1,#a855f7);border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-task-btn:hover{box-shadow:0 10px 20px #6366f14d;transform:translateY(-2px)}.logout-btn{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#ffffff1a;border-color:#fff3}.tasks-list{display:flex;flex-direction:column;gap:16px}.priority-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.priority-high{background:#dc354533;border:1px solid #dc35454d;color:#ff6b6b}.priority-medium{background:#ffc10733;border:1px solid #ffc1074d;color:#ffd93d}.priority-low{background:#28a74533;border:1px solid #28a7454d;color:#51cf66}.task-footer{border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:16px;padding-top:16px}.task-footer,.task-meta{align-items:center;display:flex}.task-meta{flex-wrap:wrap;gap:12px}.due-date{align-items:center;color:#ffffff80;display:flex;font-size:.85rem;gap:4px}.due-date.overdue{color:#ff6b6b}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px}.status-pending{background:#ffc10726;border:1px solid #ffc1074d;color:#ffd93d}.status-in-progress{background:#6366f126;border:1px solid #6366f14d;color:#a78bfa}.status-completed{background:#28a74526;border:1px solid #28a7454d;color:#51cf66}.status-overdue{background:#dc354526;border:1px solid #dc35454d;color:#ff6b6b}.task-actions{display:flex;gap:8px}.toggle-group{display:flex;flex-direction:column;gap:12px;margin-top:16px}.toggle-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px}.toggle-info h4{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:4px}.toggle-info p{color:#fff6;font-size:.8rem}.toggle-switch{background:#ffffff1a;border-radius:20px;cursor:pointer;height:28px;position:relative;transition:all .4s ease;width:52px}.toggle-switch.active{background:linear-gradient(135deg,#6366f1,#a855f7)}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;content:"";height:22px;left:3px;position:absolute;top:3px;transition:all .4s cubic-bezier(.4,0,.2,1);width:22px}.toggle-switch.active:after{transform:translateX(24px)}.progress-bar-container{margin:16px 0}.progress-label{color:#fff9;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px;height:100%;transition:width 1s ease}.loading{align-items:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);color:#ffffffb3;display:flex;font-size:1.2rem;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.error-message{background:#dc354526;border:1px solid #dc35454d;border-radius:10px;color:#ff6b6b;margin-bottom:16px;padding:12px 16px;text-align:center}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);background-size:200% 100%}@media (max-width:1000px){.main-container{flex-direction:column}.tabs-nav{border-bottom:1px solid #ffffff0f;border-right:none;flex-direction:row;height:auto;min-height:auto;min-width:auto;overflow-x:auto;padding:16px;width:100%}.nav-header,.tabs-nav:before{display:none}.tab-btn{flex-direction:column;min-width:100px;padding:12px;text-align:center}.tab-btn:after{border-radius:4px 4px 0 0;bottom:0;height:3px;left:50%;top:auto;transform:translateX(-50%) scaleX(0);width:60%}.tab-btn.active:after{transform:translateX(-50%) scaleX(1)}.tab-text{text-align:center}.tab-arrow,.tab-subtitle{display:none}.tabs-content{height:calc(100vh - 80px);padding:24px}.stats-grid{grid-template-columns:1fr}.search-filter-bar,.task-footer{flex-direction:column}.task-footer{align-items:flex-start;gap:12px}.task-actions{justify-content:space-between;width:100%}}@media (max-width:600px){.tabs-content{padding:16px}.panel-title{font-size:1.5rem}.stat-item{padding:16px}.stat-value{font-size:1.5rem}}.App{height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}
/*# sourceMappingURL=main.9cc237b2.css.map*/