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}.login-page-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-page-wrapper .box{max-width:360px;padding:35px 40px;width:100%}h1{color:#1e3a8a;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.link-btn{background:none;border:none;box-shadow:none;color:#3b82f6;font-weight:500;padding:8px 12px;text-decoration:none}.link-btn:hover{background:#dbeafe;color:#1e40af;text-decoration:underline;transform:none}.task-row{align-items:center;background:#f9fafb;border-left:4px solid #60a5fa;border-radius:12px;box-shadow:0 1px 3px #0000000d;color:#111827;display:flex;justify-content:space-between;margin:12px 0;padding:18px;transition:all .3s ease}.task-row:hover{background:#fff;box-shadow:0 4px 12px #3b82f626;transform:translateX(5px)}.task-description-preview{background:#f0f9ff;border-left:3px solid #60a5fa;border-radius:6px;color:#6b7280;font-size:.9em;font-style:italic;margin:8px 0;padding:8px 12px}.task-edit-mode{background:#fff;border:2px solid #60a5fa;border-radius:12px;box-shadow:0 4px 12px #3b82f61a;margin:15px 0;padding:25px}.task-edit-mode form{display:flex;flex-direction:column;gap:12px}.task-edit-mode input,.task-edit-mode select,.task-edit-mode textarea{box-sizing:border-box;margin:0;width:100%}.task-edit-mode textarea.task-description{width:100%}.task-edit-mode .form-row input,.task-edit-mode .form-row select{width:auto}.task-edit-actions{display:flex;gap:10px;margin-top:15px}.task-edit-actions button{flex:1 1;font-size:15px;font-weight:600;padding:12px}.btn-save{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 15px #10b9814d!important}.btn-save:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 20px #10b98166!important}.btn-cancel{background:linear-gradient(135deg,#a855f7,#9333ea)!important;box-shadow:0 4px 15px #a855f766!important}.btn-cancel:hover{background:linear-gradient(135deg,#c084fc,#a855f7)!important;box-shadow:0 6px 20px #a855f780!important}.priority-badge{border-radius:20px;box-shadow:0 2px 6px #00000026;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.priority-low{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e66;color:#fff}.priority-medium{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 2px 8px #fb923c66;color:#fff}.priority-high{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 8px #f8717180;color:#fff}.overdue-badge{animation:pulse-warning 2s infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:20px;box-shadow:0 2px 8px #dc262699;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}@keyframes pulse-warning{0%,to{box-shadow:0 2px 8px #ff52524d;transform:scale(1)}50%{box-shadow:0 4px 12px #ff525280;transform:scale(1.05)}}.form-row{display:flex;gap:15px;width:100%}.form-row input,.form-row select{flex:1 1;margin:0}.form-field{display:flex;flex:1 1;flex-direction:column;gap:5px}.form-field label{color:#3b82f6;font-size:12px;font-weight:600;letter-spacing:.5px;margin-left:6px;text-transform:uppercase}.form-field input,.form-field select{margin:0}.category-selector-container{background:#f9fafb;border:2px dashed #bfdbfe;border-radius:12px;margin:0;padding:18px}.category-selector-container small{color:#3b82f6;display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:12px;text-transform:uppercase}.category-selector{display:flex;flex-wrap:wrap;gap:10px}.category-chip{align-items:center;border:none;border-radius:25px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;padding:10px 18px;position:relative;transition:all .3s ease}.category-chip:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.category-chip:active{transform:translateY(0)}.category-chip.selected{box-shadow:0 4px 12px #00000040;filter:brightness(1.1);transform:scale(1.02)}.category-chip.selected:after{content:"✓";font-size:14px;font-weight:700;margin-left:8px}.category-chip.selected{border:2px solid #fff9}.category-badge{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:20px;box-shadow:0 2px 8px #4a90e24d;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin:4px;padding:6px 14px}.categories-container{background:#f9fafb;border:2px dashed #bfdbfe;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding:15px}.category-item{align-items:center;border-radius:25px;box-shadow:0 3px 12px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.category-item:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.category-item:hover:before{left:100%}.category-item:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-3px) scale(1.05)}.category-delete-btn{background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;font-weight:700;margin-left:8px;padding:2px 8px;transition:all .2s ease}.category-delete-btn:hover{background:#ffffff80;transform:rotate(90deg)}.category-form{align-items:center;background:#f9fafb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:15px}.category-form input[type=color]{border:2px solid #e1e8ed;border-radius:10px;cursor:pointer;height:45px;width:60px}.category-form input[type=color]:hover{border-color:#4a90e2;transform:scale(1.05)}.category-item-editing{background:#fff!important;border:2px solid #60a5fa!important;padding:8px 12px!important}.category-edit-input{border:1px solid #ddd;border-radius:5px;color:#000;font-size:13px;margin:0;padding:5px 8px;width:100px}.category-edit-color{border:none;border-radius:5px;cursor:pointer;height:35px;margin:0 5px;padding:0;width:35px}.category-edit-cancel,.category-edit-save{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:5px 10px;transition:all .2s ease}.category-edit-save{background:#10b981;color:#fff}.category-edit-save:hover{background:#059669;transform:scale(1.1)}.category-edit-cancel{background:none}.category-edit-cancel:hover{transform:scale(1.2)}.category-actions{align-items:center;display:inline-flex;gap:5px;margin-left:8px}.category-edit-btn{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;margin:0;padding:0;transition:all .2s ease;width:24px}.category-edit-btn:hover{background:#ffffff80;transform:scale(1.1)}.category-delete-btn{margin:0}.header{align-items:center;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:16px;box-shadow:0 2px 8px #3b82f61a;color:#1e3a8a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:28px;margin:0}.header h2,h3{font-weight:600}h3{border-bottom:3px solid #60a5fa;color:#1e3a8a;font-size:22px;margin-bottom:20px;padding-bottom:10px}.dashboard-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:380px 1fr;max-width:100%}.dashboard-sidebar{position:-webkit-sticky;position:sticky;top:20px}.dashboard-main{max-width:100%;min-width:0}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static}}.filters-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-search{flex:2 1;min-width:200px}.filter-select{cursor:pointer;flex:1 1;min-width:150px}.filter-search:focus,.filter-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.filters-container button{background:#fff;border:2px solid #bfdbfe;border-radius:8px;color:#3b82f6;font-size:13px;margin:5px;padding:8px 16px;transition:all .3s ease}.filters-container button:hover{background:#dbeafe;border-color:#60a5fa;color:#1e40af;transform:translateY(-2px)}body{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}body,html{margin:0;padding:0}body.no-scroll{height:100vh;overflow:hidden}.container{margin:0;max-width:100%;padding:20px}.box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.box:hover{border-color:#93c5fd;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}input,select,textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#111827;font-family:Segoe UI,sans-serif;font-size:14px;margin:6px;padding:10px 12px;transition:all .3s ease}input:focus,select:focus,textarea:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;outline:none;transform:translateY(-1px)}textarea.task-description{font-family:Segoe UI,sans-serif;min-height:80px;resize:vertical;width:calc(100% - 50px)}button{background:#3b82f6;border:none;border-radius:10px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:5px;padding:10px 20px;transition:all .3s ease}button:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}button:active{transform:translateY(0)}form{display:flex;flex-direction:column;gap:12px}form input,form select,form textarea{margin:0}form button{font-size:15px;margin-top:8px;padding:12px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.box{animation:fadeIn .5s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#357abd,#2868a8)}
/*# sourceMappingURL=main.51ae2827.css.map*/