body{font-family:Kalam,cursive;background-color:#fff;color:#2f3028;margin:0;padding:0}h1{text-align:center;color:#232520;margin-top:20px;margin-bottom:10px;font-family:Nunito,sans-serif;letter-spacing:1px;text-transform:uppercase}button{font-family:inherit;font-size:.95em;cursor:pointer;transition:background-color .3s ease,transform .1s ease}button:hover{transform:scale(1.02)}.planner-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:20px 40px 40px;margin-top:0}.week-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:-10px;margin-bottom:20px;width:100%;text-align:center;font-family:Poppins,sans-serif;color:#445a3e;font-weight:600}.week-nav button{background:#ac807c;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-family:Kalam,cursive;transition:background-color .2s ease}.week-nav button:hover{background:#5a694c}.week-nav .week-label{font-size:1em;color:#504e43}.sidebar{background-color:#cfdcc5;border-radius:12px;padding:18px;width:280px;align-self:flex-start;margin-top:-120px;box-shadow:0 4px 10px #0000001f,0 3px 6px #00000014;transition:box-shadow .3s ease,transform .2s ease}.sidebar:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-2px)}.sidebar h3{color:#504e43;margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:4px}.sidebar input,.sidebar select{width:100%;margin-bottom:10px;padding:8px;border-radius:6px;border:1px solid #c2c2c2;font-size:.95em;background:#fff}.sidebar button{width:100%;background-color:#ac807c;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;margin-top:5px;font-size:.95em}.sidebar button:hover{background-color:#5a694c}.sidebar-row{display:grid;grid-template-columns:1fr auto;gap:2px;margin-bottom:5px}.sidebar-row input{margin-bottom:0}.sidebar-row button{background-color:#ac807c;padding:8px 12px;border-radius:6px;font-size:.9em}.sidebar-row button:hover{background-color:#5a694c}.select-with-delete{display:flex;align-items:center;gap:2px;margin-bottom:8px}.delete-select-btn{all:revert;background:#ccc!important;color:#821d1d!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;font-size:10px!important;border-radius:3px;display:inline-flex!important;justify-content:center;align-items:center;cursor:pointer;line-height:1;padding:0!important;margin-left:4px;border:none!important;flex-shrink:0}.delete-select-btn:hover{background:#b3b3b3!important;transform:scale(1.1)}.sidebar input[placeholder="Add New Student"]{margin-bottom:6px}.sidebar button:nth-of-type(1){margin-bottom:20px}.sidebar input[placeholder="Add New Subject"]{margin-top:20px}.button-row{display:flex;align-items:center;gap:8px}.checkmark{color:#5a694c;font-size:1.1em;opacity:0;animation:fadeOut 3s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1.1)}80%{opacity:1}to{opacity:0;transform:scale(.9)}}.planner-grid{display:flex;justify-content:space-between;flex-grow:1;gap:20px}.day-column{background:#faf8f4;border-radius:10px;padding:12px;flex:1;min-width:250px;max-width:300px;box-shadow:0 3px 8px #0000001a;transition:box-shadow .3s ease,transform .2s ease}.day-column:hover{box-shadow:0 6px 14px #00000026;transform:translateY(-3px)}.day-header{text-align:center;margin-bottom:10px}.day-name{font-weight:700;color:#445a3e;font-size:1.1em;margin-bottom:4px}.day-date{font-size:.9em;color:#6b7b59;margin-bottom:8px;display:block;border-bottom:1px solid #ccc;padding-bottom:5px}.lesson-card{background:#fcf6ec;border-radius:8px;padding:8px 10px;margin-bottom:10px;box-shadow:0 2px 4px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease-out,box-shadow .18s ease-out,opacity .2s ease-out}.lesson-card.dragging{transform:translateY(-2px) scale(1.45);box-shadow:0 6px 14px #00000040;opacity:.92;background-color:#fdfcf7;cursor:grabbing}.day-column.drag-over{background:#f8f7f2;transition:background-color .2s ease}.lesson-card:hover:not(.dragging){transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.lesson-info{font-size:.95em;color:#333}.lesson-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.lesson-actions button{background-color:#6b7b59;color:#fff;border:none;padding:4px 8px;border-radius:5px;font-size:.8em;cursor:pointer;transition:background-color .2s}.lesson-actions .edit-btn:hover{background-color:#5a694c}.lesson-actions .delete-btn{background-color:#b95050}.lesson-actions .delete-btn:hover{background-color:#993f3f}.report-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#3c3b2f80;display:flex;justify-content:center;align-items:center}.report-container{background:#fffef9;padding:30px;border-radius:12px;width:70%;max-height:80%;overflow-y:auto;box-shadow:0 3px 8px #0003}.report-container h2{color:#445a3e;text-align:center;margin-bottom:20px}.actions{text-align:center;margin-top:20px}.actions button{background-color:#6b7b59;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;margin:4px}.actions button:hover{background-color:#566849}.hs{padding:20px;box-sizing:border-box}.hs-bar{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px}.hs-title{font-weight:600;font-family:Poppins,sans-serif;color:#445a3e;text-align:center;min-width:200px}.hs-layout{display:grid;grid-template-columns:300px auto;gap:20px;width:95vw;margin:0;align-items:flex-start;box-sizing:border-box}.hs-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:600;color:#445a3e;font-family:Poppins,sans-serif;margin-bottom:8px}.hs-weekday{background:#ece9e3;border-radius:8px;padding:6px 0;box-shadow:0 1px 3px #0000000d}.hs-sidebar{background:#cfdcc5;border-radius:10px;padding:18px;box-shadow:0 2px 6px #0000001f}.hs-sidebar h3{margin-top:0;color:#3c3b2f}.hs-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-bottom:10px}.hs-sidebar input,.hs-sidebar select{width:100%;padding:8px;border-radius:6px;border:1px solid #bbb;margin-bottom:8px}.hs-sidebar button{background:#6b7b59;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer}.hs-sidebar button:hover{background:#59684b}.hs-tag{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;padding:4px 8px;margin-bottom:6px}.hs-tag button{background:transparent;border:none;color:#b33;cursor:pointer;font-weight:700}.hs-time{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hs-edit{display:flex;gap:8px;margin-top:8px}.hs-main{background:#faf8f4;border-radius:50px;padding:20px;box-shadow:0 3px 8px #0000001a;min-height:700px;width:100%;box-sizing:border-box;overflow:hidden}.hs-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;width:100%;max-width:100%;box-sizing:border-box}.hs-cell{background:#fff;border-radius:8px;min-height:120px;padding:8px;box-shadow:0 1px 3px #00000014}.hs-cell.empty{background:transparent;box-shadow:none}.hs-date{text-align:left;font-weight:600;color:#6b7b59;margin-bottom:4px}.hs-event{background:#fcf6ec;border:1px solid #ffffff;border-radius:6px;padding:6px;margin-bottom:6px;box-shadow:0 1px 3px #00000014;font-size:.9em;transition:transform .18s ease-out}.hs-event-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.hs-event-actions button{background:#406834;color:#f8f8f8;border:none;border-radius:6px;padding:4px 8px;font-size:.8em;cursor:pointer;transition:background-color .2s ease}.hs-event-actions button:hover{background:#447a3c}.hs-event-actions .danger{background:#b95050;color:#fff}.hs-event-actions .danger:hover{background:#9d4242}.hs-event.dragging{transform:scale(1.05);box-shadow:0 6px 12px #00000026;opacity:.96}.hs-event .event-line{display:flex;align-items:baseline;gap:4px}.hs-event .event-line .time{color:#6b7b59;font-weight:600}.hs-bar button{background:#ac807c;color:#fff;border:none;border-radius:8px;padding:6px 12px;cursor:pointer;transition:background-color .2s ease}.hs-bar button:hover{background:#6b7b59}.hs-bar .ghost{background:#e8e5df;color:#333}.hs-bar .ghost:hover{background:#dcd7d2}.hs-bar .primary{background:#6b7b59}.hs-cell.today{border:2px solid #ac807c;box-shadow:0 0 8px #ac807c66;background-color:#fff8f6;position:relative}.hs-cell.today:after{content:"Today";position:absolute;top:8%;left:50%;transform:translate(-50%,-50%);font-size:.85em;color:#ac807c;font-weight:600;background:#fff;padding:2px 10px;border-radius:8px;border:1px solid #d7c1be;z-index:2;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#bfb9a3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#a79e86}.top-tabs{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px}.top-tabs .tab-btn{background-color:#a87c79;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:1em;font-family:Kalam,cursive;cursor:pointer;transition:background-color .25s ease,transform .15s ease}.top-tabs .tab-btn:hover{background-color:#5a694c;transform:translateY(-1px)}.top-tabs .tab-btn.active-tab{background-color:#5a694c;color:#fff}button:focus,input:focus,select:focus{outline:none;box-shadow:none}.att{padding:20px;box-sizing:border-box}.att-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.att-title{min-width:140px;text-align:center;font-family:Poppins,sans-serif;font-weight:600;color:#445a3e}.att-bar button{background:#ac807c;color:#fff;border:none;border-radius:8px;padding:6px 12px;cursor:pointer}.att-bar button:hover{background:#5a694c}.att-bar .primary{background:#6b7b59}.att-legend{margin-left:12px;display:flex;gap:10px;font-size:.9em;color:#3c3b2f}.att-legend .lg.present{color:#99df59}.att-legend .lg.absent{color:#fd1313}.att-legend .lg.field{color:#1013dd}.att-layout{display:grid;grid-template-columns:300px auto;gap:20px;width:95vw;margin:0;align-items:flex-start}.att-sidebar{background:#cfdcc5;border-radius:12px;padding:18px;box-shadow:0 4px 10px #0000001f,0 3px 6px #00000014}.att-sidebar h3{color:#504e43;margin:0 0 10px;border-bottom:1px solid #ccc;padding-bottom:4px}.att-sidebar input{width:100%;padding:8px;border-radius:6px;border:1px solid #c2c2c2;margin-bottom:10px;background:#fff}.att-sidebar button{width:100%;background:#ac807c;color:#fff;border:none;padding:8px;border-radius:6px;margin-top:5px}.att-sidebar button:hover{background:#5a694c}.att-empty{color:#7a786f;font-style:italic}.att-empty.big{text-align:center;padding:40px 0}.att-main{background:#faf8f4;border-radius:12px;padding:16px;box-shadow:0 3px 8px #0000001a;min-height:600px;overflow:auto}.att-sheet{width:100%;overflow:auto}.att-row{display:grid;grid-template-columns:120px repeat(31,1fr);gap:4px;align-items:stretch;margin-bottom:6px}.att-header{position:sticky;top:0;background:#faf8f4;z-index:1;padding-top:4px}.att-month-cell{background:#fff;border:1px solid #e0ddd6;border-radius:8px;padding:6px 8px;font-weight:600;color:#445a3e;display:flex;align-items:center}.att-month-cell.head{background:#ece9e3}.att-day-head{text-align:center;background:#ece9e3;border:1px solid #e0ddd6;border-radius:8px;padding:6px 0;font-weight:600;color:#3c3b2f}.att-cell{background:#fff;border:1px solid #eadfdc;border-radius:8px;padding:6px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2f3028;transition:transform .08s ease,box-shadow .12s ease,background-color .12s ease}.att-cell:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.att-cell.present{color:#9dc975;font-weight:1000}.att-cell.absent{color:#ff0a0a;font-weight:1000}.att-cell.field{color:#3a4be2;font-weight:1000}.att-clicks{display:flex;justify-content:center;gap:25px;margin-top:-6px;margin-bottom:10px;font-size:.9em;font-weight:600;margin-left:79px}.att-clicks .cl{min-width:50px;text-align:center}.att-clicks .present{color:#a8f361}.att-clicks .absent{color:#ff1a1a}.att-clicks .field{color:#3f61fa}.grd{padding:20px;box-sizing:border-box}.grd-bar{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:16px}.grd-title{min-width:200px;text-align:center;font-family:Poppins,sans-serif;font-weight:600;color:#445a3e;font-size:1.2em}.grd-bar button{background:#ac807c;color:#fff;border:none;border-radius:8px;padding:6px 12px;cursor:pointer;transition:background-color .2s ease}.grd-bar button:hover{background:#5a694c}.grd-bar .primary{background:#5a694c;color:#fff}.grd-bar .primary:hover{background:#5a694c}.grd-layout{display:grid;grid-template-columns:300px auto;gap:20px;width:95vw;margin:0;align-items:flex-start}.grd-sidebar{background:#cfdcc5;border-radius:12px;padding:18px;box-shadow:0 4px 10px #0000001f,0 3px 6px #00000014;margin-top:-120px}.grd-sidebar h3{color:#504e43;margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:4px}.grd-sidebar input,.grd-sidebar textarea{width:100%;margin-bottom:8px;padding:8px;border-radius:6px;border:1px solid #c2c2c2;font-size:.95em;background:#fff;font-family:Kalam,cursive}.grd-sidebar textarea{resize:vertical}.grd-sidebar button{width:100%;background-color:#ac807c;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;margin-top:5px;font-size:.95em;transition:background-color .2s ease}.grd-sidebar button:hover{background-color:#5a694c}.att-student-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.att-student{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid #dad6cf;border-radius:8px;padding:6px 8px}.att-student .name{background:transparent;color:#2f3028;border:none;text-align:left;padding:0;cursor:pointer}.att-student .remove{background:transparent;border:none;color:#b95050;font-weight:700;cursor:pointer}.att-student.active{outline:2px solid #ac807c33}.grd-clear-wrap{margin-top:10px}.grd-clear-wrap .danger{background:#b95050;color:#fff}.grd-clear-wrap .danger:hover{background:#993f3f}.grd-main{background:#faf8f4;border-radius:12px;padding:16px;box-shadow:0 3px 8px #0000001a;min-height:600px;overflow:auto}.grd-header{text-align:center;font-family:Poppins,sans-serif;font-weight:600;color:#445a3e;margin-bottom:14px}.grd-table-wrap{overflow-x:auto}.grd-table{width:100%;border-collapse:collapse;font-family:Kalam,cursive}.grd-table th,.grd-table td{border:1px solid #e0ddd6;padding:6px 8px;vertical-align:top}.grd-table th{background:#ece9e3;color:#3c3b2f;font-weight:700}.grd-table td{background:#fff}.grd-table td:nth-child(odd){background:#fffdfb}.grd-actions{text-align:center;white-space:nowrap}.grd-actions .mini{background:#6b7b59;color:#fff;border:none;border-radius:6px;padding:4px 6px;font-size:.8em;margin:0 2px;cursor:pointer;transition:background-color .2s ease}.grd-actions .mini:hover{background:#5a694c}.grd-actions .danger{background:#b95050}.grd-actions .danger:hover{background:#993f3f}.grd-score-row{display:flex;align-items:center;gap:6px}.grd-slash{font-weight:600;color:#5a694c;font-size:1.2em}.att-empty.big{text-align:center;padding:40px 0;color:#7a786f;font-style:italic}.cur{padding:20px;box-sizing:border-box}.cur-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.cur-title{min-width:220px;text-align:center;font-family:Poppins,sans-serif;font-weight:600;color:#445a3e}.cur-bar .primary{background:#5a694c;color:#fff;border:none;border-radius:8px;padding:6px 12px;cursor:pointer;transition:background-color .25s ease}.cur-bar .primary:hover{background:#445a3e}.cur-layout{display:grid;grid-template-columns:300px auto;gap:20px;width:95vw;margin:0 auto;align-items:flex-start}.cur-sidebar{background:#cfdcc5;border-radius:12px;padding:18px;box-shadow:0 4px 10px #0000001f,0 3px 6px #00000014}.cur-sidebar h3{color:#504e43;margin:0 0 10px;border-bottom:1px solid #ccc;padding-bottom:4px}.cur-sidebar input,.cur-sidebar textarea{width:100%;padding:8px;border-radius:6px;border:1px solid #c2c2c2;margin-bottom:10px;background:#fff;font-family:Kalam,cursive}.cur-sidebar button{width:100%;background:#ac807c;color:#fff;border:none;padding:8px;border-radius:6px;margin-top:5px}.cur-sidebar button:hover{background:#5a694c}.cur-main{background:#faf8f4;border-radius:12px;padding:16px;box-shadow:0 3px 8px #0000001a;min-height:400px;overflow:auto}.grd-table-wrap{width:100%;overflow:auto}.grd-table{width:100%;border-collapse:collapse;background:#fff}.grd-table th,.grd-table td{border:1px solid #eadfdc;padding:8px;vertical-align:top}.grd-table thead th{background:#ece9e3;color:#3c3b2f}.grd-actions{display:flex;gap:6px}.grd-actions .mini{background:#6b7b59;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:.85em}.grd-actions .mini.danger{background:#b95050}.subj-col{width:18%}.curr-col{width:34%}.type-col{width:16%}.notes-col{width:32%}.cur-layout{position:relative}.cur-sidebar{position:relative;top:-75px}@media (max-width: 768px){.planner-layout,.hs-layout,.att-layout,.grd-layout,.cur-layout{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;padding:10px 16px;margin-top:30px}.sidebar,.hs-sidebar,.att-sidebar,.grd-sidebar,.cur-sidebar{width:90%!important;max-width:500px!important;padding:18px 22px;margin:0 auto;box-sizing:border-box;border-radius:10px}.cur-sidebar{margin-top:60px!important}.app-title{text-align:center;width:100%;font-family:Nunito,sans-serif;margin-bottom:10px}.top-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;margin-bottom:10px}.planner-grid,.hs-main,.att-main,.grd-main,.cur-main{width:95%;box-sizing:border-box;margin:0 auto}.planner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:35px;justify-content:center}.hs-grid{grid-template-columns:repeat(2,minmax(200px,1fr));gap:10px}.att-main,.grd-main,.cur-main{overflow-x:auto;width:98%!important;max-width:720px;margin:0 auto}.grd-table,.cur-main table{font-size:1rem}}@media (max-width: 768px){.hs-weekdays{display:none!important}.hs-cell[data-dow="0"]:before{content:"Sun "}.hs-cell[data-dow="1"]:before{content:"Mon "}.hs-cell[data-dow="2"]:before{content:"Tue "}.hs-cell[data-dow="3"]:before{content:"Wed "}.hs-cell[data-dow="4"]:before{content:"Thu "}.hs-cell[data-dow="5"]:before{content:"Fri "}.hs-cell[data-dow="6"]:before{content:"Sat "}.hs-cell:before{font-weight:600;color:#445a3e;font-size:.9em;margin-right:4px}.hs-date{display:inline-block;font-weight:600;color:#3b3a33;margin-bottom:6px;padding-left:4px}.hs-cell{position:relative;padding-top:6px;text-align:left}.hs-event{margin-top:-6px}}@media (max-width: 768px){.hs-cell.empty{display:none!important}.hs-grid{grid-template-columns:1fr!important;gap:20px!important;justify-items:stretch!important;align-items:start}.hs-cell{width:97%!important;min-height:180px!important}.hs-main{padding:10px!important;border-radius:20px!important}}@media (max-width: 480px){.planner-grid,.hs-grid{grid-template-columns:1fr;gap:12px}.sidebar,.hs-sidebar,.att-sidebar,.grd-sidebar,.cur-sidebar{padding:16px;width:95%!important}.planner-grid,.att-main,.grd-main,.cur-main{width:100%}}@media (max-width: 1024px){.planner-layout,.att-layout,.grd-layout{flex-wrap:wrap}.sidebar,.att-sidebar,.grd-sidebar{width:40%}.planner-grid,.att-main,.grd-main{width:60%}}.app-title{font-family:Nunito,sans-serif;font-weight:700;color:#445a3e;background:#f6f4ee;padding:12px 20px;border-radius:10px;text-align:center;box-shadow:0 2px 6px #00000014;width:fit-content;margin:0 auto 16px}.top-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;margin-bottom:10px}.top-tabs button{background:#dcd6cb;color:#3c3b2f;border:1px solid #c2b9a6;border-radius:8px;padding:6px 14px;font-family:Kalam,cursive;transition:all .2s ease;box-shadow:0 2px 4px #00000014}.top-tabs button.active-tab{background:#ac807c;color:#fff;border-color:#9b6d69;box-shadow:0 3px 6px #00000026}.top-tabs button:hover{background:#b9b1a5;transform:translateY(-1px)}.planner-grid,.hs-main,.hs-grid,.grd-main,.cur-main,.att-main{background:#f9f8f3;border-radius:12px;padding:12px;box-shadow:0 3px 8px #0000001a;border:1px solid #e2ded6}.day-column,.grd-table,.cur-main table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;border:1px solid #e7e4dd}.cur-title:after,.grd-title:after,.att-title:after,.hs-title:after{content:"";display:block;width:60px;height:3px;background:#ac807c;margin:6px auto 0;border-radius:2px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}