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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,sans-serif;margin:0;padding:0}.add-task-btn{background:#6c63ff;border-radius:8px;bottom:auto;margin-top:30px;padding:10px;width:100%}.sidebar{padding:20px;width:220px}.logo{color:#6c63ff}.menu li{border-radius:6px;list-style:none;margin-bottom:10px;padding:12px}.menu li.active,.menu li:hover{background:#6c63ff}.top-bar h2{margin-left:30px}.top-bar span{color:#5dade2;margin-left:60px}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.card{border-radius:12px;color:#fff;padding:20px}.card span{display:block;font-size:28px;font-weight:700}.purple{background:#7f7fff}.blue{background:#5dade2}.red{background:#f1948a}.green{background:#58d68d}.middle-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-top:25px}.chart-box{padding:20px}.work-progress{margin-top:25px}.work-cards{grid-gap:20px;gap:20px}.work-card{background:#fff;border-radius:12px;padding:20px}.status{color:#6c63ff;font-size:13px}.progress-info{font-weight:700;text-align:right}.progress-bar{background:#eee;border-radius:10px;height:8px;margin:10px 0}.progress-bar span{background:#6c63ff;border-radius:10px;display:block;height:100%}.date-info{display:flex;font-size:13px;justify-content:space-between}.chart-calendar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.calendar p{margin-bottom:10px}.calendar-grid span{background:#f1f3f8;border-radius:6px;font-size:13px;padding:6px;text-align:center}.bottom-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-top:30px}.working-status{background:#fff;border-radius:12px;padding:20px;text-align:center}.status-text{font-weight:700;margin-top:10px}.main-content{overflow-y:hidden}.work-progress.compact .work-cards{gap:12px;grid-template-columns:1fr}@media (max-width:1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}.bottom-section,.middle-section{grid-template-columns:1fr}}@media (max-width:600px){.sidebar{display:none}.summary-cards,.work-cards{grid-template-columns:1fr}}.bottom-section-fixed{margin-top:24px;width:100%}.bottom-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:2.4fr 1fr}.work-progress-fixed{display:flex;flex-direction:column;justify-content:space-between}.work-grid-2x2{grid-gap:16px;display:grid;flex-grow:1;gap:16px;grid-template-columns:repeat(2,1fr)}.pie-fixed{display:flex;flex-direction:column;justify-content:center}.pie-fixed canvas{max-height:260px!important;width:100%!important}.center-title{margin-bottom:12px;text-align:center}.dashboard-container{background:#f5f6fa}.main-content{display:flex;flex-direction:column;padding:25px}@media (max-width:1024px){.dashboard-container,.main-content{overflow-y:auto}.bottom-grid,.work-grid-2x2{grid-template-columns:1fr}}.work-progress{background:#fff;border-radius:15px;display:flex;flex-direction:column;padding:20px}.work-cards{grid-gap:16px;display:grid;flex-grow:1;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.bottom-section,.work-cards{grid-template-columns:1fr}.dashboard-container,.main-content{overflow-y:auto}}.main-content{animation:fadeSlideUp .6s ease-in-out}.summary-cards .card{transition:transform .25s ease,box-shadow .25s ease}.summary-cards .card:hover{box-shadow:0 14px 30px #0000001f;transform:translateY(-6px)}.chart-box{animation:fadeSlideUp .7s ease forwards;transition:box-shadow .25s ease}.chart-box:hover{box-shadow:0 12px 28px #0000001f}.work-card{transition:transform .25s ease,box-shadow .25s ease}.work-card:hover{box-shadow:0 10px 24px #0000001f;transform:translateY(-4px) scale(1.01)}.calendar-box{background:#fff;border-radius:12px;padding:20px}.calendar p{font-size:15px;font-weight:700;margin-bottom:12px;text-align:center}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;background:#f1f3f8;border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:44px;justify-content:center;text-align:center;transition:background .2s ease;width:100%}.calendar-day:hover{background:#e4e8ff}.calendar-day.today{background:#6c63ff;color:#fff;font-weight:700}.calendar-day.past{cursor:not-allowed;opacity:.35}.calendar-day span{z-index:2}.calendar-dots{bottom:4px;display:flex;gap:4px;position:absolute}.calendar-dot{border-radius:50%;height:6px;width:6px}.calendar-dot.personal{background-color:#2196f3}.calendar-dot.admin{background-color:#9c27b0}.calendar-header{margin-bottom:10px}.calendar-header button{background:#0000;color:#6c63ff}@media (max-width:768px){.calendar-day{font-size:12px;height:40px}}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.calendar-header button{background:none;border:none;cursor:pointer;font-size:18px}.calendar-day{cursor:default;position:relative}.calendar-day.disabled{opacity:.4;pointer-events:none}.calendar-personal{background:#273e5d!important}.calendar-admin{background:#a55cad!important}.calendar-both{background:linear-gradient(135deg,#273e5d,#a55cad)!important}.my-tasks-container{padding:30px}.task-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.task-card{box-shadow:0 10px 20px #00000014}.task-card h3{color:#333;margin-bottom:10px}.task-dates,.task-info{color:#555;display:flex;font-size:13px;justify-content:space-between;margin-top:10px}.mytasks-container{padding:30px}.task-filters button{padding:8px 16px}.split-view{grid-gap:20px;gap:20px}.full-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.task-card{border-radius:12px;box-shadow:0 8px 20px #00000014;padding:20px}.task-header span.personal{background:#e8f5e9;border-radius:6px;color:#2e7d32;font-size:12px;padding:4px 8px}.task-header span.admin{background:#e3f2fd;border-radius:6px;color:#1565c0;font-size:12px;padding:4px 8px}.due-date.overdue{color:red;font-weight:700}.due-date.due-soon{color:orange;font-weight:700}.delete-btn{background:#e53935;border-radius:6px;margin-top:10px;padding:6px 12px}.progress-wrapper{margin-top:8px;position:relative}.progress-tooltip{background:#333;border-radius:4px;color:#fff;font-size:11px;left:0;opacity:0;padding:4px 8px;position:absolute;top:-28px;transition:opacity .2s ease;visibility:hidden;white-space:nowrap}.progress-wrapper:hover .progress-tooltip{opacity:1;visibility:visible}.split-view>div{grid-gap:20px;align-content:start;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.split-view>div>h3{grid-column:1/-1;margin-bottom:10px}.full-view,.split-view{margin-top:10px}.task-card:hover{box-shadow:0 16px 30px #0000001f}.full-view{grid-gap:20px;align-content:start;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.success-message{margin-bottom:15px}.add-task-wrapper{background:#f5f7fb}.add-task-container{animation:slideFadeIn .6s ease-out;border-radius:12px;box-shadow:0 10px 25px #00000014;max-width:500px}.add-task-container h2{margin-bottom:20px}.task-form{gap:15px}.task-form input,.task-form textarea{border:1px solid #ccc;border-radius:8px;padding:12px}.task-form textarea{height:80px}.task-form button{background-color:#6c63ff;border-radius:8px;font-weight:700;transition:transform .2s ease,background-color .2s ease}.task-form button:hover{background-color:#574fe0}.success-message{animation:fadeIn .4s ease-in;background-color:#e6f9f0;border-radius:6px;color:#2e7d32;padding:10px}.add-task-container{transition:transform .25s ease,box-shadow .25s ease}.add-task-container:hover{box-shadow:0 18px 35px #0000001f;transform:translateY(-6px) scale(1.01)}.add-task-wrapper{background:#f4f6fb;padding:20px}.add-task-container{animation:fadeInUp .6s ease;box-shadow:0 12px 30px #00000014;max-width:520px;padding:32px;width:100%}.add-task-container h2{color:#222;font-size:22px;font-weight:700;margin-bottom:24px;text-align:center}.task-form{gap:18px}.task-form input,.task-form textarea{background:#fafafa;border:1.5px solid #ddd;border-radius:10px;font-size:14px;outline:none;padding:14px 16px;transition:all .25s ease;width:100%}.task-form textarea{min-height:90px;resize:none}.task-form input:focus,.task-form textarea:focus{background:#fff;border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff26}.date-field{gap:6px}.date-field label{color:#555;font-size:13px;font-weight:600}.date-field input[type=date]{background:#fafafa;cursor:pointer}.task-form button{background:linear-gradient(135deg,#6c63ff,#5a54e6);border-radius:12px;font-size:15px;font-weight:600;margin-top:8px;padding:14px;transition:all .3s ease}.task-form button:hover{box-shadow:0 8px 20px #6c63ff59;transform:translateY(-1px)}.task-form button:active{transform:scale(.98)}.success-message{color:#2ecc71;font-weight:600;margin-top:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.add-task-container{padding:24px}.add-task-container h2{font-size:20px}}.task-progress-container{padding:30px}.split-view{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.progress-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.progress-card{background:#fff;border-radius:14px;box-shadow:0 8px 20px #00000014;padding:20px}.progress-header{align-items:center;display:flex;justify-content:space-between}.personal{background:#e8f5e9;color:#2e7d32}.admin,.personal{border-radius:6px;font-size:12px;padding:4px 8px}.admin{background:#e3f2fd;color:#1565c0}.progress-bar-wrapper{background:#e0e0e0;border-radius:10px;height:20px;margin:15px 0;overflow:hidden;position:relative}.progress-fill{align-items:center;background:#6c63ff;color:#fff;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;transition:width .4s ease}.progress-bar-wrapper input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:30px;position:absolute;top:-6px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6c63ff;border-radius:50%;height:16px;width:16px}textarea{border:1px solid #ccc;border-radius:6px;resize:none}.update-btn,textarea{margin-top:10px;padding:8px;width:100%}.update-btn{background:#6c63ff;border:none;border-radius:6px;color:#fff;cursor:pointer}.update-btn:disabled{background:#ccc;cursor:not-allowed}.completed-text{color:green;font-weight:700;margin-top:10px}.split-view>div{width:100%}.split-view .progress-grid,.task-progress-container>.progress-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.progress-card{min-height:230px}.task-column{align-items:stretch;display:flex;flex-direction:column}.column-title{margin-bottom:20px;text-align:left}.task-column .progress-grid{margin-top:0}.split-view{align-items:flex-start}.task-column:empty:after{content:"";display:block;min-height:260px}.split-view .progress-grid{grid-template-columns:repeat(2,minmax(320px,1fr))}.split-view .progress-card{max-width:100%}.progress-grid{transition:grid-template-columns .4s ease}.progress-card{transition:width .4s ease,transform .3s ease,box-shadow .3s ease}.progress-card:hover{box-shadow:0 16px 32px #0000001f;transform:translateY(-6px)}@media (max-width:1024px){.split-view{grid-template-columns:1fr}.progress-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.progress-grid{grid-template-columns:1fr}.task-filters{flex-wrap:wrap}}.full-view h3{grid-column:1/-1;margin-bottom:20px;text-align:center}.analytics-container{background:#f5f7fb;padding:24px}.analytics-container h2{text-align:center}.analytics-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.analytics-cards .card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#333;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:18px;text-align:center}.analytics-charts{grid-template-columns:1fr 1fr}.chart-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;height:260px;justify-content:center;padding:16px}.chart-box h4{font-size:14px;margin-bottom:10px;text-align:center}.chart-box canvas{max-height:180px!important}.chart-box.full{height:300px}.chart-box.full canvas{max-height:220px!important}@media (max-width:768px){.analytics-cards,.analytics-charts{grid-template-columns:1fr}.chart-box,.chart-box.full{height:auto}}.task-filters button{background:#e0e0e0;border-radius:6px;padding:6px 14px}.task-filters .active{background:#6c63ff;color:#fff}@media (max-width:768px){.analytics-cards{grid-template-columns:1fr}}.card.total{background-color:#6c63ff}.card.completed{background-color:#4caf50}.card.progress{background-color:#2196f3}.card.pending{background-color:#ff9800}.card strong{display:block;font-size:22px;margin-top:6px}.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.clickable:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.settings-wrapper{background:#f4f6fb}.logout-btn{background:#ff5252;font-size:14px;padding:10px 18px;transition:.3s}.logout-btn:hover{background:#e63e3e}.settings-container{margin:80px auto 0;max-width:900px}.settings-card{box-shadow:0 8px 20px #00000014;padding:24px}.settings-card h3{border-bottom:1px solid #eee;color:#333;font-size:18px;margin-bottom:20px;padding-bottom:10px}.settings-card input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:14px;padding:12px 14px;transition:.2s;width:100%}.settings-card input:focus{border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff26;outline:none}.settings-card input:disabled{background:#f1f1f1;cursor:not-allowed}.settings-card button{background:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px;transition:.3s;width:100%}.settings-card button:hover{background:#574de8}.success-message{background:#e6f7ee;border-radius:8px;color:#1e8e3e;font-weight:500;margin-top:20px;padding:12px;text-align:center}@media (max-width:768px){.settings-container{grid-template-columns:1fr;margin-top:100px}.logout-btn{right:20px}}.animated-input{transition:all .25s ease}.animated-input:focus{transform:scale(1.02)}.settings-wrapper{background:#f5f7fb;min-height:100vh;padding:30px;position:relative}.logout-btn{background:#ff4d4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;position:absolute;right:30px;top:20px;transition:background .3s ease}.logout-btn:hover{background:#d9363e}.settings-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:60px}.settings-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;padding:22px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.card-header h3{color:#333;font-size:18px}.edit-btn{background:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:6px 14px;transition:background .3s ease}.edit-btn:hover{background:#554fd8}.animated-input{border:1.5px solid #ddd;border-radius:10px;font-size:14px;margin-bottom:14px;padding:12px 14px;transition:all .3s ease;width:100%}.animated-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff26;outline:none;transform:scale(1.01)}.animated-input:disabled{background:#f1f1f1;cursor:not-allowed}.error-text{color:#e53935;font-size:13px;margin:-6px 0 10px 2px}.global-message{color:#333;font-weight:600;margin-top:20px;text-align:center}@media (max-width:900px){.settings-container{grid-template-columns:1fr}.logout-btn{margin-bottom:20px;position:static}}.toggle-eye{opacity:.7;transition:opacity .2s ease}.toggle-eye:hover{opacity:1}.toggle-eye{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.password-field .animated-input{padding-right:44px}.toggle-eye{color:#6b7280;cursor:pointer;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .2s ease,transform .2s ease}.toggle-eye:hover{color:#6f6af8;transform:translateY(-50%) scale(1.1)}.completed-tasks-container{padding:20px}.completed-tasks-container h2{font-weight:600;margin-bottom:15px}.task-filters{display:flex;gap:10px;margin-bottom:20px}.task-filters button{background:#eaeaf0;border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 18px;transition:.3s}.task-filters button.active{background:#6c63ff;color:#fff}.completed-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.completed-card{background:#fff;border-radius:12px;box-shadow:0 8px 18px #0000000d;padding:15px;transition:transform .2s ease}.completed-card:hover{transform:translateY(-4px)}.completed-header{margin-bottom:10px}.completed-header h4{font-size:16px;font-weight:600;margin:0}.completed-header span{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.completed-header span.personal{background:#e6e4ff;color:#6c63ff}.completed-header span.admin{background:#e3f2fd;color:#2196f3}.completed-card p{color:#444;font-size:14px;margin-bottom:8px}.completed-date{color:#4caf50;font-size:12px}.dashboard-container{background:#f6f7fb;display:flex;min-height:100vh}.sidebar{background:#fff;display:flex;flex-direction:column;padding:24px;width:260px}.logo{color:#7c7cfb;font-size:22px;font-weight:700;margin-bottom:30px}.menu{flex-grow:1;list-style:none;padding:0}.menu li.active,.menu li:hover{background:#7c7cfb;color:#fff}.add-task-btn{background:#6e6ef0;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:auto;padding:12px}.main-content{flex:1 1;padding:28px}.menu li{border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px 14px;transition:background .2s ease}.menu li:hover{background:#eef0ff}.menu li.active{background:#7c7cfb;color:#fff}.admin-dashboard{background:#f6f7fb;min-height:100vh;padding:24px}.admin-header{margin-bottom:24px}.admin-header h2{font-size:22px;font-weight:600}.stats-row{margin-bottom:30px}.stat-card h4{font-size:14px;margin-bottom:6px}.stat-card p{font-size:28px;font-weight:700}.student-section h3{margin-bottom:12px}.student-grid{display:flex;flex-wrap:wrap;gap:12px}.student-card{background:#fff;border:2px solid #0000;border-radius:10px;cursor:pointer;padding:10px 18px;transition:.2s}.student-card:hover{transform:translateY(-3px)}.student-card.active{background:#eef0ff;border-color:#7c7cfb}.chart-row{display:flex;gap:20px;margin-top:30px}.chart-card{flex:1 1}.chart-card h3{margin-bottom:12px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-header select{border:1px solid #d1d5db;border-radius:8px;padding:8px 12px}.stats-row{margin-bottom:28px}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.chart-card{padding:20px}.admin-greet{color:#6c63ff;font-size:20px;margin-left:30px}.dashboard-bottom-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.dashboard-box{background:#fff;border-radius:12px;padding:16px}.fade-slide p{animation:fadeUp .4s ease forwards;opacity:0;transform:translateY(10px)}.fade-slide{animation:slideUp .6s ease forwards}.fade-item{animation:fadeUp .5s ease forwards;opacity:0;transform:translateY(10px)}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page-title{margin-bottom:20px}.students-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.students-list table{background:#fff;border-collapse:collapse;border-radius:14px;overflow:hidden;width:100%}.students-list td,.students-list th{padding:14px;text-align:left}.students-list thead{background:#f3f4f6}.students-list tbody tr{border-bottom:1px solid #e5e7eb}.view-btn{background:#7c7cfb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:6px 12px;transition:.2s}.view-btn:hover{background:#6366f1}.tasks-panel{background:#fff;border-radius:14px;padding:20px}.tasks-panel h3{margin-bottom:14px}.tasks-panel span{color:#7c7cfb}.task-list{list-style:none;padding:0}.task-list li{background:#f6f7fb;border-radius:10px;margin-bottom:10px;padding:12px}.task-list h4{margin-bottom:4px}.status{border-radius:12px;display:inline-block;font-size:12px;margin-top:6px;padding:4px 10px}.status.pending{background:#f1948a;color:#fff}.status.completed{background:#58d68d;color:#fff}.status.inprogress{background:#5dade2;color:#fff}.add-task-wrapper{align-items:center;background:#f6f7fb;display:flex;justify-content:center;min-height:100vh}.add-task-container{background:#fff;border-radius:16px;padding:30px;width:420px}.task-form{display:flex;flex-direction:column;gap:14px}.task-form input,.task-form select,.task-form textarea{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px}.date-field{display:flex;flex-direction:column}.date-field label{font-size:14px;margin-bottom:4px}.task-form button{background:#7c7cfb;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:10px;padding:12px}.success-message{color:#16a34a;font-size:14px;margin-top:12px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.add-task-container{animation:fadeSlideUp .6s ease-out}.task-form input,.task-form select,.task-form textarea{transition:border-color .3s ease,box-shadow .3s ease}.task-form input:focus,.task-form select:focus,.task-form textarea:focus{border-color:#7c7cfb;box-shadow:0 0 0 2px #7c7cfb33}.task-form button{transition:transform .2s ease,box-shadow .2s ease}.task-form button:hover{box-shadow:0 6px 14px #7c7cfb4d;transform:translateY(-2px)}.task-form button:active{transform:scale(.97)}@keyframes successPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-message{animation:successPop .4s ease-out}.multi-select{margin-bottom:14px}.multi-select-input{border:1px solid #ccc}.multi-select-dropdown{border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 20px #0000001f;max-height:200px;top:110%;z-index:10}.dropdown-item{display:flex;gap:8px;padding:8px 10px}.dropdown-item:hover{background:#f3f4ff}.dropdown-item input{cursor:pointer}.multi-select{margin-bottom:16px;position:relative;width:100%}.field-label{display:block;font-weight:500;margin-bottom:6px}.multi-select-input{align-items:center;background:#fff;border:1px solid #d0d7e2;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px}.multi-select-input:hover{border-color:#6c63ff}.arrow{color:#555;font-size:12px}.multi-select-dropdown{background:#fff;border:1px solid #d0d7e2;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;max-height:220px;overflow-y:auto;padding:6px 0;position:absolute;top:calc(100% + 6px);width:100%;z-index:999}.dropdown-item{grid-gap:12px;align-items:center;cursor:pointer;display:grid;font-size:14px;gap:12px;grid-template-columns:20px 1fr;line-height:1.4;padding:10px 14px}.dropdown-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.dropdown-item span{white-space:normal;word-break:break-word}.dropdown-item:hover{background-color:#f4f6ff}.page-title{margin-bottom:14px}.task-summary{display:flex;gap:20px;margin-bottom:18px}.task-summary div{background:#fff;border-radius:10px;font-weight:500;padding:10px 16px}.admin-task-filters{display:flex;gap:12px;margin-bottom:22px}.admin-task-filters input,.admin-task-filters select{border:1px solid #d1d5db;border-radius:8px;padding:8px 12px}.admin-task-list{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.task-card{background:#fff;border-radius:14px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.task-card:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-4px)}.task-header{align-items:center;display:flex;justify-content:space-between}.delete-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:4px 10px}.student-id{font-size:14px;margin:6px 0}.due-date{color:#6b7280;font-size:14px}.progress-wrapper{margin-top:10px}.progress-wrapper input{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease}.no-task{color:#6b7280}.stat-card{animation:fadeIn .4s ease}.stat-card span{font-size:14px}.stat-card h3{font-size:28px;margin-top:6px}.stat-card{animation:slideFadeIn .6s ease forwards}.stat-card:hover{box-shadow:0 12px 24px #0000001f}.stat-card:first-child{animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{cursor:default;position:relative}.stat-card:hover{box-shadow:0 16px 30px #00000026;transform:translateY(-8px) scale(1.02)}.stat-card:after{border-radius:14px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.stat-card:hover:after{opacity:1}.admin-task-filters input,.admin-task-filters select{transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.admin-task-filters input:hover,.admin-task-filters select:hover{transform:translateY(-1px)}.admin-task-filters input:focus,.admin-task-filters select:focus{border-color:#7c7cfb;box-shadow:0 0 0 2px #7c7cfb33}.task-card{transition:transform .25s ease,box-shadow .25s ease}.task-card:hover{box-shadow:0 14px 28px #0000001f;transform:translateY(-6px)}.delete-btn{transition:background .2s ease,transform .15s ease}.delete-btn:hover{background:#dc2626;transform:scale(1.05)}.delete-btn:active{transform:scale(.95)}.page-title{margin-bottom:18px}.table-card th{font-weight:600}.table-card tr:hover{background:#f9fafb}.page-title{font-size:22px;font-weight:600;margin-bottom:16px}.analytics-filters{display:flex;gap:14px;margin-bottom:20px}.analytics-filters select{border:1px solid #d1d5db;border-radius:8px;padding:8px 12px}.stats-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}.stat-card{animation:fadeUp .6s ease forwards;border-radius:14px;color:#fff;padding:18px;transition:transform .25s ease,box-shadow .25s ease}.stat-card:hover{box-shadow:0 14px 28px #00000026;transform:translateY(-6px)}.stat-card.total{background:#7c7cfb}.stat-card.pending{background:#f1948a}.stat-card.progress{background:#5dade2}.stat-card.completed{background:#58d68d}.analytics-charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.chart-card{animation:fadeUp .7s ease forwards;background:#fff;border-radius:14px;padding:16px;transition:transform .25s ease,box-shadow .25s ease}.chart-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.table-card{animation:fadeUp .8s ease forwards;background:#fff;border-radius:14px;padding:16px}.table-card table{border-collapse:collapse;margin-top:12px;width:100%}.table-card td,.table-card th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:center}.table-card th{background:#f3f4f6}.table-card tr{cursor:pointer;transition:background .2s ease}.table-card tr:hover{background:#eef0ff}.table-card tr.active-row{background:#dedeff;font-weight:600}.admin-completed-filter{margin-bottom:18px}.admin-completed-filter select{border:1px solid #d1d5db;border-radius:8px;padding:8px 12px}.completed-task-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.completed-task-card{background:#fff;border-radius:14px;padding:16px;transition:transform .25s ease,box-shadow .25s ease}.completed-task-card:hover{box-shadow:0 14px 26px #00000024;transform:translateY(-6px)}.completed-header{align-items:center;display:flex;justify-content:space-between}.completed-date{color:#16a34a;font-weight:600}.fade-in{animation:fadeUp .6s ease forwards}.hide-btn{background:#eee;border:none;border-radius:6px;cursor:pointer;padding:6px 12px}.hide-btn:hover{background:#ddd}.hidden-task{filter:grayscale(60%);opacity:.45}.admin-completed-filter{align-items:center;display:flex;gap:16px;margin:20px 0 30px}.admin-completed-filter select{background-color:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#333;cursor:pointer;font-size:14px;height:42px;min-width:180px;padding:0 12px;transition:border .2s ease,box-shadow .2s ease}.auth-card{box-shadow:0 20px 40px #0003;padding:30px;text-align:center;width:350px}.auth-card input{border:1px solid #ccc;border-radius:8px;margin-bottom:12px;padding:12px;width:100%}.error{color:red;margin-bottom:10px}.animate{animation:slideFade .6s ease}@keyframes slideFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-container{padding:20px}.auth-card{animation:fadeSlide .6s ease;max-width:380px;padding:30px 25px}.auth-card h2{color:#333;margin-bottom:20px}.auth-card input,.auth-card select{margin-bottom:14px;padding:12px;transition:border .3s ease,box-shadow .3s ease}.auth-card input:focus,.auth-card select:focus{box-shadow:0 0 0 2px #6c63ff33}.auth-card select{background:#f9f9f9;cursor:pointer}.auth-card button{border-radius:8px;font-weight:700;padding:12px;transition:background .3s ease,transform .2s ease}.auth-card button:hover{background:#574fe0;transform:translateY(-2px)}.auth-footer{font-size:13px;margin-top:15px;text-align:center}.auth-footer a{color:#6c63ff;font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@keyframes fadeSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-card{padding:25px 20px}}.error-message{font-size:14px;margin-bottom:10px;padding:8px 12px}.toggle-password{color:#666;-webkit-user-select:none;user-select:none}.material-icons{font-size:22px}.required{font-weight:700}.auth-card label{font-size:14px;margin:10px 0 4px}.password-field,.password-field input{width:100%}.toggle-password{align-items:center;display:flex}.toggle-password:hover{color:#1e88e5}.auth-container{min-height:100vh;padding:0}.auth-card{animation:fadeUp .6s ease;border-radius:16px;box-shadow:0 20px 40px #00000026;padding:24px 26px}.auth-card h2{margin-bottom:14px}.auth-card label{margin:8px 0 4px;text-align:left}.required{color:#e53935;margin-left:4px}.auth-card input,.auth-card select{border-radius:8px;padding:10px 12px;transition:all .2s ease}.password-field input{padding-right:42px}.toggle-password{right:12px}.error-message{border-radius:6px;font-size:13px;margin-bottom:8px;padding:6px 10px}.auth-card button{border-radius:10px;font-weight:500;margin-top:14px;padding:10px;transition:background .2s ease}.auth-container{align-items:center;background:linear-gradient(135deg,#6c63ff,#5dade2);display:flex;height:100vh;justify-content:center}.auth-card{animation:fadeUp .5s ease;background:#fff;border-radius:14px;box-shadow:0 18px 36px #00000026;max-width:420px;padding:18px 22px;width:100%}.auth-card h2{font-size:22px;font-weight:600;margin-bottom:10px;text-align:center}.auth-card label{color:#333;display:block;font-size:13px;font-weight:500;margin:6px 0 3px}.required{color:red;margin-left:3px}.auth-card input,.auth-card select{border:1px solid #ccc;border-radius:7px;font-size:14px;padding:8px 12px;transition:.2s ease;width:100%}.auth-card input:focus,.auth-card select:focus{border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff26;outline:none}.password-field{position:relative}.password-field input{padding-right:38px}.toggle-password{color:#777;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:#6c63ff}.error-message{background:#fdecea;border-radius:5px;color:#d32f2f;font-size:12px;margin-bottom:6px;padding:5px 8px;text-align:center}.auth-card button{background:#6c63ff;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:15px;margin-top:12px;padding:9px;width:100%}.auth-card button:hover{background:#5a52e0}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.85d06d27.css.map*/