.login-page-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh}@keyframes fadeInLogin{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-page-wrapper .login-box{background-color:#fff;padding:30px;border-radius:14px;box-shadow:0 10px 25px #2563eb1f;border:1px solid rgba(37,99,235,.08);width:450px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .3s ease,transform .3s ease;border:1.5px solid transparent;height:auto;max-height:97%;animation:fadeInLogin .8s cubic-bezier(.2,.8,.2,1) forwards}.login-page-wrapper .svg{background-color:var(--light);height:55px;width:55px;border-radius:14px;display:flex;justify-content:center;align-items:center}.login-page-wrapper .login-box h2{margin-top:1rem;font-size:2rem;font-weight:500}.login-page-wrapper .login-box p{margin-top:.7rem;color:gray;font-size:1rem}.login-page-wrapper .login-box form{margin-top:1.5rem;width:100%;display:flex;flex-direction:column;gap:1rem}.login-page-wrapper .login-box form input{padding:.8rem 1rem;border-radius:8px;border:1px solid rgba(0,0,0,.2);outline:none;font-size:1rem;transition:all .3s ease}.login-page-wrapper .login-box .remember-me{display:flex;gap:.5rem}.login-page-wrapper .login-box .remember-me input{width:16px;height:16px}.login-page-wrapper .login-box .sap{display:flex;justify-content:space-between;width:100%;margin-top:.8rem}.login-page-wrapper .login-box .forget a{text-decoration:none;font-size:15px}.login-page-wrapper .login-box button{width:100%;border:none;background-color:var(--dark);color:var(--body);height:49px;border-radius:14px;margin-top:20px;font-size:large;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease}.login-page-wrapper .login-box .divider{display:flex;align-items:center;width:100%;margin:20px 0;color:#6b7280;font-size:15px}.login-page-wrapper .login-box .divider:before,.login-page-wrapper .login-box .divider:after{content:"";flex:1;height:1px;background:#cbd5e1}.login-page-wrapper .login-box .divider:before{margin-right:12px}.login-page-wrapper .login-box .divider:after{margin-left:12px}.login-page-wrapper .login-box .create{text-decoration:none;font-size:17px;color:var(--dark);-webkit-user-select:none;user-select:none}.login-page-wrapper .login-box:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000014,0 20px 45px #2563eb2e;border-color:var(--light)}.login-page-wrapper .login-box:focus-within{border-color:var(--dark)}.login-page-wrapper .login-box form input:focus{border-color:var(--dark);box-shadow:0 0 0 1.5px var(--light)}.login-page-wrapper .login-box form input:hover{border-color:var(--light)}.login-page-wrapper .login-box button:hover{background-color:#1e4fd6;transform:translateY(-2px);box-shadow:0 10px 25px #2563eb59}.login-page-wrapper .login-box button:active{transform:translateY(0);box-shadow:0 6px 15px #2563eb40}.login-page-wrapper .login-box button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--light)}.login-page-wrapper .login-box .forget a:hover,.login-page-wrapper .login-box .create:hover{color:#1e4fd6;text-decoration:underline}.login-page-wrapper .gender-group{display:flex;gap:20px;margin-top:0}.login-page-wrapper .gender-option{display:flex;align-items:center;gap:6px;font-size:15px;color:#374151;cursor:pointer}.login-page-wrapper .gender-option input{accent-color:var(--dark);cursor:pointer}.login-page-wrapper .password-field{position:relative;width:100%}.login-page-wrapper .password-field input{width:100%}.login-page-wrapper .toggle-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none;color:#6b7280}.login-page-wrapper .toggle-eye:hover{color:var(--dark)}:root{--toast-bg: #ffffff;--toast-success: #10b981;--toast-error: #ef4444;--toast-info: #2563eb;--toast-text: #1f2937;--toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-message{pointer-events:auto;background:var(--toast-bg);color:var(--toast-text);padding:1rem 1.25rem;border-radius:12px;box-shadow:var(--toast-shadow);display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:400px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;font-weight:500;border-left:5px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;transition:all .3s ease;overflow:hidden;position:relative}.toast-message.exit{animation:slideOut .3s ease-in forwards}.toast-success{border-left-color:var(--toast-success)}.toast-success .toast-icon{color:var(--toast-success);background:#10b9811a}.toast-error{border-left-color:var(--toast-error)}.toast-error .toast-icon{color:var(--toast-error);background:#ef44441a}.toast-info{border-left-color:var(--toast-info)}.toast-info .toast-icon{color:var(--toast-info);background:#2563eb1a}.toast-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}.toast-content{flex:1}.toast-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s,background .2s}.toast-close:hover{color:var(--toast-text);background:#f3f4f6}.toast-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#0000000d}.toast-progress-bar{height:100%;width:100%;background-color:currentColor;transform-origin:left;animation:progress linear forwards}.toast-success .toast-progress-bar{background-color:var(--toast-success)}.toast-error .toast-progress-bar{background-color:var(--toast-error)}.toast-info .toast-progress-bar{background-color:var(--toast-info)}@keyframes slideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--body)}@keyframes fadeInDashboard{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.dashboard{height:100vh;width:100vw;overflow:hidden;animation:fadeInDashboard .8s cubic-bezier(.2,.8,.2,1)}.header{height:70px;width:100%;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.header .snowfall{background-color:var(--dark);color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;animation:fadeIn .6s ease-in-out;width:auto;transition:transform .2s ease,background-color .2s}.header .snowfall:hover{transform:scale(1.05);background-color:#1e40af}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header .svg{background-color:var(--dark);height:48px;width:48px;border-radius:14px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.header .svg:hover{transform:rotate(10deg) scale(1.05)}.header .flex{display:flex;align-items:center;justify-content:space-between;gap:15px}.header .flex2{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:larger;font-weight:500;color:#616161}.nav-link{text-decoration:none;color:#616161;transition:all .3s ease;cursor:pointer;position:relative}.nav-link:hover{color:var(--dark);transform:scale(1.1)}.nav-link.active{color:var(--dark);font-weight:700}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--dark);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.header .mainflex{display:flex;align-items:center;justify-content:space-between;gap:55px}.header .flex-prof{display:flex;align-items:center;justify-content:space-between;gap:15px}.dashboard .cont h1{color:#212121;padding:20px 40px;font-size:2rem}.dashboard .cont .wel{color:#313131;padding:0 40px;font-size:1.1rem}.dashboard .cont .welco{display:flex;flex-direction:column}.dashboard .cont .task-flex{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.dashboard .cont button{margin-right:50px;padding:10px 25px;background-color:var(--dark);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.dashboard .cont button:hover{background-color:#1e40af;transform:translateY(-2px);box-shadow:0 8px 12px #00000026}.dashboard .cont button:active{transform:translateY(0)}.dashboard .cont .boxes{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:10px 60px}.dashboard .cont .boxes .box{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;flex:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:default}.dashboard .cont .boxes .box:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001f}.dashboard .cont .svg1{height:54px;width:54px;border-radius:14px;display:flex;justify-content:center;align-items:center;background-color:#eef2ff}.dashboard .cont .svg2{height:54px;width:54px;border-radius:14px;display:flex;justify-content:center;align-items:center;background-color:#fffae8}.dashboard .cont .svg3{height:54px;width:54px;border-radius:14px;display:flex;justify-content:center;align-items:center;background-color:#f0faf3}.dashboard .cont .svg4{height:54px;width:54px;border-radius:14px;display:flex;justify-content:center;align-items:center;background-color:#fdf2f2}.dashboard .cont .row{display:flex;align-items:center;gap:35px}.dashboard .cont .boxes .box .text-box{display:flex;flex-direction:column;gap:6px}.dashboard .cont .boxes .box .text-box p{color:#616161;font-size:1.2rem}.dashboard .cont .chart-sec{padding:0 58px}.dashboard .cont .chart-card{background:#fff;padding:14px;border-radius:18px;box-shadow:0 12px 30px #0000000f;margin-top:20px;width:60vw;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:auto}.dashboard .cont .chart-card h2{font-size:22px;font-weight:900;margin-bottom:16px;padding:10px 50px}.dashboard .cont .update{background-color:#fff;box-shadow:0 12px 30px #0000000f;margin-right:30px;height:440px;margin-top:20px;width:28.5vw;border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;gap:27px}.dashboard .cont .update h2{font-size:22px;font-weight:900;margin-bottom:16px;padding:0 10px}.dashboard .cont .flex-pro{display:flex;flex-direction:row}.activity-item{display:flex;align-items:center;flex-direction:row;width:100%;gap:20px}.dashboard .cont .update .icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.icon.done{background:#4ade80}.icon.add{background:#3b82f6}.icon.delete{background:#ef4444}.content p{margin:0;font-size:16px;color:#374151}.time{margin-left:auto;font-size:14px;color:#9ca3af;white-space:nowrap}.dashboard .cont .update .start{display:flex;flex-direction:column;justify-content:flex-start}:root{--dark: #2563eb;--light: #3b83f64a;--body: #f5f7fb}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.tasks{animation:fadeInPage .6s ease-out}.tasks h1{padding:40px 80px}.tasks .org{padding:0 80px;color:#6b7280;font-size:1.4rem}.tasks .new{height:50px;width:150px;margin-right:70px;border-radius:14px;background-color:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;background:linear-gradient(135deg,var(--dark),var(--light));cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #2563eb33}.tasks .new:hover{background-color:#1e40af;transform:translateY(-2px);box-shadow:0 8px 15px #2563eb4d}.tasks .new:active{transform:translateY(0)}.tasks .col{display:flex;flex-direction:column}.tasks .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tasks .task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:0 80px 40px}.custom-date{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:2px solid var(--dark);font-weight:600;color:var(--dark);background:#fff;cursor:pointer}.date-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.date-input::-webkit-datetime-edit{pointer-events:none}.date-input::-webkit-inner-spin-button,.date-input::-webkit-clear-button{display:none}.task-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:0 80px}.task-search{width:360px;padding:14px 18px;font-size:15px;border-radius:14px;border:none;outline:none;background:#fff;box-shadow:0 8px 20px #00000014}.task-sort{padding:14px 42px 14px 16px;font-size:15px;font-weight:600;border-radius:14px;border:none;outline:none;cursor:pointer;background:#fff;box-shadow:0 8px 20px #00000014;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.task-search,.task-sort{transition:all .3s ease}.task-search:focus,.task-sort:focus{box-shadow:0 0 0 3px #2563eb4d;transform:scale(1.01)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-card{height:200px;background:#fff;border-radius:14px;padding:24px;box-shadow:0 10px 25px #0000000f;display:flex;flex-direction:column;gap:12px;border-left:6px solid transparent;transition:transform .2s ease,box-shadow .2s ease;animation:fadeInUp .5s ease-out forwards;cursor:pointer}.task-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.task-header{display:flex;align-items:center;gap:10px}.task-checkbox{transform:scale(1.4);cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.task-checkbox:hover{transform:scale(1.6)}.task-checkbox:hover:not(:checked){transform:scale(1.6)}.task-checkbox:checked{transform:scale(1.8)}.task-checkbox:checked+h3{text-decoration:line-through;opacity:.5}.task-checkbox:checked~.task-actions,.task-checkbox:checked~h3{opacity:.5}.task-header h3{flex:1;font-size:21px;font-weight:600}.task-actions{cursor:pointer;display:flex;gap:10px}.task-actions svg{transition:transform .2s ease,color .2s ease}.task-actions svg:hover{transform:scale(1.2);color:#ef4444}.task-desc{font-size:16px;color:#6b7280}.task-footer{display:flex;justify-content:space-between;align-items:center}.priority-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.priority-badge.high{background:#fee2e2;color:#dc2626}.priority-badge.medium{background:#fef3c7;color:#d97706}.priority-badge.low{background:#dcfce7;color:#16a34a}.due-date{font-size:16px;color:#6b7280;display:flex;align-items:center;gap:10px}.task-card.high{border-left-color:#ef4444}.task-card.medium{border-left-color:#f59e0b}.task-card.low{border-left-color:#22c55e}:root{--dark:#2563eb;--light:#3b83f64a;--body:#f5f7fb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999}.modal-card{width:420px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 60px #0003;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center}.close-btn{background:none;border:none;font-size:22px;cursor:pointer}.modal-body{display:flex;flex-direction:column;gap:12px;margin-top:16px}.modal-body label{font-size:18px;font-weight:600;color:#374151}.modal-body input,.modal-body textarea,.modal-body select{padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;transition:all .25s ease}.date-grid button{padding:8px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;transition:all .25s ease}.custom-date{border:2px solid #6366f1;color:#6366f1;background:transparent;padding:10px;border-radius:12px;cursor:pointer}.modal-footer{display:flex;justify-content:space-between;margin-top:20px}.modal-footer .cancel{background:#f1f5f9;border-radius:12px;padding:10px 18px;border:none}.modal-footer .add{background:linear-gradient(135deg,var(--dark),var(--light));color:#fff;border-radius:12px;padding:10px 22px;border:none;cursor:pointer}.modal-footer .add:hover{transform:translateY(-1px);box-shadow:0 12px 30px #2563eb59}.modal-footer .add:active{transform:scale(.98)}.modal-footer .cancel:hover{background:#e2e8f0}.modal-footer .cancel:active{transform:scale(.98)}.modal-footer .add:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb4d}.curr{width:fit-content;background-color:var(--dark);color:#fff;padding:8px 12px;border-radius:14px;margin-top:10px;cursor:pointer;font-size:17px}.date-grid button:hover{background:var(--light);border-color:var(--dark);color:var(--dark);transform:translateY(-1px)}.date-grid button:active{background:linear-gradient(135deg,var(--dark),#4f46e5);color:#fff;border-color:var(--dark);box-shadow:0 8px 18px #2563eb59}