: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:100%}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}}.login-wrapper{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;overflow:hidden}.login-card{position:relative;display:flex;width:1000px;height:75vh;background:linear-gradient(135deg,#5c4bb733,#ffd70026);border-radius:12px;overflow:hidden;box-shadow:0 4px 2px #b4cad232,0 0 40px #e5fbff;z-index:2}.login-card .tracer{position:absolute;background:linear-gradient(90deg,#ffd900,#fffbe5,#ffd900);z-index:10;pointer-events:none;opacity:0}.login-left{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.login-left h2{font-size:26px;margin-left:140px;margin-bottom:10px;background:linear-gradient(90deg,#0585f5,#0738fd,#a084ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0 0 4px rgba(160,132,238,.2)}.login-left p{margin-bottom:20px;margin-left:105px;background:linear-gradient(90deg,#5c4bb7,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.login-left form{display:flex;flex-direction:column}.login-left select,.login-left button{padding:10px;margin-bottom:15px;font-size:16px;border-radius:6px;border:1px solid #48349c}.login-left button{background-color:#5c4bb7;color:#fff;border:none;cursor:pointer}.login-left button:hover{background-color:#48349c!important}.login-right{flex:1;background-color:transparent;display:flex;justify-content:center;align-items:center}.login-right img{width:80%}.logo-header{display:flex;align-items:center;margin-bottom:3px;margin-top:-200px;margin-left:-2px}.company-logo1{position:absolute;top:20px;left:20px;width:90px;height:70px;z-index:100;margin:0}.company-name1{font-size:25px;font-weight:700;background:linear-gradient(90deg,#0f2027,#2c5364,#00c6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.portal-login-wrapper{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;overflow:hidden}.portal-login-card{position:relative;display:flex;width:1000px;height:70vh;background:linear-gradient(135deg,#5c4bb733,#ffd70026);border-radius:12px;overflow:hidden;box-shadow:0 4px 2px #b4cad232,0 0 40px #e5fbff;z-index:2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portal-login-left{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;background:#ffffff0d}.portal-logo-header{display:flex;align-items:center;margin-bottom:10px;margin-top:-70px;margin-left:-2px}.portal-company-logo{position:absolute;top:20px;left:20px;width:90px;height:70px;z-index:100;margin:0}.portal-company-name{font-size:25px;font-weight:700;background:linear-gradient(90deg,#0f2027,#2c5364,#00c6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.portal-login-left h2{font-size:26px;font-weight:700;margin-bottom:20px;margin-left:100px;background:linear-gradient(90deg,#5c4bb7,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.portal-login-left .error-text{color:red;margin-bottom:10px}.portal-login-left form{display:flex;flex-direction:column}.portal-login-left input{padding:12px 14px;font-size:14px;border-radius:6px;border:1px solid #ccc;margin-bottom:15px}.portal-login-left button{padding:12px;font-size:16px;background-color:#5c4bb7;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-bottom:10px}.portal-login-left .back-btn{background:none;color:#5c4bb7;border:1px solid #5c4bb7}.portal-login-left .back-btn:hover{background-color:#5c4bb7;color:#fff}.portal-login-left button[type=submit]{background-color:#5c4bb7;color:#fff;border:none;padding:10px 20px;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.portal-login-left button[type=submit]:hover{background-color:#48349c!important}.portal-login-right{flex:1;background-color:#e6dbff;display:flex;justify-content:center;align-items:center;background:#ffffff0d}.portal-login-right img{width:80%;max-width:400px}.portal-login-card .tracer{position:absolute;background:linear-gradient(90deg,#ffd900,#fffbe5,#ffd900);z-index:10;pointer-events:none;opacity:0}.tracer.top{top:0;left:0;height:1px;width:0;animation:trace-top 4s linear infinite}.tracer.right{top:0;right:0;width:1px;height:0;animation:trace-right 4s linear infinite;animation-delay:1s}.tracer.bottom{bottom:0;right:0;height:1px;width:0;animation:trace-bottom 4s linear infinite;animation-delay:2s}.tracer.left{bottom:0;left:0;width:1px;height:0;animation:trace-left 4s linear infinite;animation-delay:3s}@keyframes trace-top{0%{width:0;opacity:1}25%{width:100%;opacity:1}26%{opacity:0}to{opacity:0}}@keyframes trace-right{0%{height:0;opacity:1}25%{height:100%;opacity:1}26%{opacity:0}to{opacity:0}}@keyframes trace-bottom{0%{width:0;opacity:1}25%{width:100%;opacity:1}26%{opacity:0}to{opacity:0}}@keyframes trace-left{0%{height:0;opacity:1}25%{height:100%;opacity:1}26%{opacity:0}to{opacity:0}}.portal-login-card{position:relative;overflow:hidden;z-index:2}.aq-panel{width:240px;height:100vh;position:fixed;top:0;left:0;background-color:#fff;box-shadow:2px 0 6px #00000026;padding-top:0;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,sans-serif;overflow-y:auto;transition:width .3s}.aq-panel-wrapper{position:relative}.aq-panel.collapsed~.toggle-button-outside{left:70px}.aq-panel.collapsed{width:60px}.aq-panel.collapsed .panel-header-overlay .header-title{display:none}.aq-panel.collapsed .aq-list button{justify-content:center;padding:10px 0}.aq-panel.collapsed .button-content,.aq-panel.collapsed .arrow{display:none}.icon-dns{top:30px;right:50px}.admin-panel-header{position:relative;width:100%;height:130px;background-color:#fffef0fe;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.bg-icon{position:absolute;width:28px;height:28px;opacity:.3;filter:brightness(10) saturate(2.1) drop-shadow(10 10 10 rgb(255,0,0));z-index:1}.icon-api{top:8px;left:8px}.icon-availability{top:8px;left:46px}.icon-cloud2{top:8px;left:84px}.icon-ddos{top:8px;left:122px}.icon-cloud{top:8px;left:160px}.icon-dns{top:8px;left:198px}.icon-host2{top:50px;left:8px}.icon-flexible{top:50px;left:46px}.icon-mail{top:50px;left:84px}.icon-mobile{top:50px;left:122px}.icon-multi{top:50px;left:160px}.icon-surveillance{top:50px;left:198px}.icon-host{bottom:8px;left:8px}.icon-vision{bottom:8px;left:46px}.icon-recursive{bottom:8px;left:84px}.icon-genetics{bottom:8px;left:122px}.icon-analysis{bottom:8px;left:160px}.icon-page{bottom:8px;left:198px}.aq-list{width:100%;padding:0 15px;display:flex;flex-direction:column;gap:0}.aq-list button{background:transparent;border:none;color:#010101;display:flex;align-items:center;padding:10px 12px;margin:0;font-size:15px;border-radius:0;transition:background .2s;cursor:pointer;text-align:left;gap:12px;-webkit-tap-highlight-color:transparent;height:45px}.aq-list button:hover{background-color:#fffac7fe!important;color:#30f!important}.aq-list button:focus,.aq-list button:active{outline:none;background-color:transparent;box-shadow:none}.aq-list .active{background-color:#fffac7fe;color:#333;font-weight:700}.button-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin-left:10px}.arrow{margin-left:auto;font-weight:700;color:#0a0a0a42}@media screen and (max-width:768px){.aq-panel{left:0;top:0;width:100vw;height:100vh;background-color:#fff;position:fixed;transform:translate(-100%);transition:transform .3s ease;z-index:999;box-shadow:2px 0 6px #0000004d}.aq-panel.expanded{transform:translate(0)}.aq-panel.collapsed{width:100vw}.toggle-button-outside{left:15px!important;top:15px!important;margin-left:0;z-index:1000}.admin-main-content{width:100%;transition:none;padding:15px}}.admin-main-content{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.admin-main-content.collapsed{left:60px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background-color:#c60;color:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 5px #0003}.dashboard-header h1{font-size:24px;margin:0}.dashboard-header button{background-color:#e0e0e0;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-weight:600;transition:.2s}.dashboard-header button:hover{background-color:#d6a062;color:#fff}.quick-link-card{color:#fff;padding:20px;border-radius:8px;cursor:pointer;text-align:center;transition:.3s ease}.quick-link-card:hover{transform:translateY(-5px)}.quick-link-card h2{font-size:1.8rem;margin:10px 0}.quick-icon{font-size:2rem;margin-bottom:8px}.students{background:#ff9800}.notices{background:#f44336}.staff{background:#4caf50}.fees{background:#e91e63}.homework{background:#f44336}.kit{background:#ff9800}.noticeboard{background:#4caf50}.reports{background:#2196f3}.accounts-overview{display:flex;gap:20px;margin:20px 0}.account-card{flex:1;padding:20px;border-radius:8px;color:#fff;display:flex;align-items:center;gap:15px;font-size:1.2rem;font-weight:600;box-shadow:0 2px 6px #00000026}.account-card h2{margin:0}.receivable{background:#03a9f4}.collection{background:#4caf50}.due{background:#f44336}.dashboard-table{background:linear-gradient(135deg,#07a3f1);padding:20px;margin-top:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.dashboard-table h3{margin-bottom:15px;font-size:18px;font-weight:600;color:#333}.dashboard-table table{width:100%;border-collapse:collapse;font-size:14px}.dashboard-table thead{background:linear-gradient(90deg,#4facfe,#00f2fe);color:#fff}.dashboard-table th,.dashboard-table td{padding:12px;text-align:center;border-bottom:1px solid #eee}.dashboard-table tbody tr:nth-child(2n){background-color:#f9f9f9}.dashboard-table tbody tr:hover{background:#f1f7ff;transition:.3s}.status{padding:6px 12px;border-radius:20px;font-weight:600;font-size:12px}.status.approved{background:#d4edda;color:#155724}.status.pending{background:#fff3cd;color:#856404}.status.rejected{background:#f8d7da;color:#721c24}.dashboard-table tbody tr:nth-child(odd){background:#e3f2fd}.dashboard-table tbody tr:nth-child(2n){background:#fce4ec}.dashboard-table tbody tr:hover{background:#d1c4e9;transition:.3s}.dashboard-top-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:20px}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.dashboard-card{position:relative;border-radius:12px;padding:20px;box-shadow:0 2px 6px #00000026;display:flex;flex-direction:column;justify-content:space-between;color:#333;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{transform:translateY(-6px);box-shadow:0 6px 15px #00000040}.progress-bar{height:8px;background:#e0e0e0;border-radius:5px;margin-top:10px;overflow:hidden}.progress{height:100%;background-color:#c60;border-radius:5px;transition:width .5s ease}.quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin:20px 0}.quick-link-card{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:86px;padding:16px 18px;border-radius:8px;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px #0000001f;overflow:hidden}.quick-link-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000002e}.ql-left{display:flex;flex-direction:column;line-height:1.1}.ql-count{font-size:22px;font-weight:800}.ql-label{font-size:12px;font-weight:600;text-transform:uppercase;opacity:.95}.ql-icon-chip{width:58px;height:58px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#0000001f;box-shadow:inset 0 0 0 1px #0000001f;flex-shrink:0}.ql-icon-chip svg{font-size:26px;opacity:.9}.quick-link-card.students{background:#ff9800}.quick-link-card.notices{background:#ef5350}.quick-link-card.staff{background:#4caf50}.quick-link-card.fees{background:#e91e63}.quick-link-card.homework{background:#f44336}.quick-link-card.kit{background:#ff9800}.quick-link-card.noticeboard{background:#4caf50}.quick-link-card.reports{background:#2196f3}.quick-link-card.halltickets{background:#8e24aa}.quick-link-card.schoolstore{background:#ff5722}@media screen and (max-width:768px){.accounts-overview{flex-direction:column;gap:15px}.account-card{width:100%;min-width:unset;flex:none}.quick-links{grid-template-columns:1fr;gap:15px}.quick-link-card{min-height:auto;padding:15px}.dashboard-top-metrics,.dashboard-content{grid-template-columns:1fr;gap:15px}.dashboard-card{width:100%;min-width:unset;padding:15px}.dashboard-header h1{font-size:20px}.dashboard-table table{font-size:12px}.dashboard-table th,.dashboard-table td{padding:8px}}.notice-main-content{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.notice-main-content.collapsed{left:80px}.notice-topbar{background:#0d47a1;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;font-size:14px;font-weight:500;border-radius:6px;margin-bottom:20px}.notice-dashboard-title{font-size:20px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;color:#0d47a1}.notice-quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin-bottom:30px}.notice-card{display:flex;justify-content:space-between;align-items:center;min-height:86px;padding:16px 18px;border-radius:12px;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 18px #0000001a}.notice-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0003}.notice-left{display:flex;flex-direction:column}.notice-label{font-weight:600;font-size:16px}.notice-icon-chip{width:58px;height:58px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#0000001f;box-shadow:inset 0 0 0 1px #0000001f;font-size:28px;color:#fff}.notice-icon-chip svg{font-size:26px;opacity:.9}.notice-teachers{background:#f59e0b}.notice-students{background:#10b981}.notice-selected-students{background:#ef4444}.notice-selected-teachers{background:#6366f1}.notice-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.notice-modal{background:#fff;padding:25px 30px;border-radius:12px;width:500px;max-width:90%;box-shadow:0 8px 30px #0003}.notice-modal h2{margin-bottom:15px;color:#0d47a1}.notice-modal form label{display:block;margin-bottom:12px;font-weight:500}.notice-modal form input,.notice-modal form select,.notice-modal form textarea{width:100%;padding:10px;margin-top:5px;border-radius:6px;border:1px solid #c5cae9;font-size:14px;font-family:Segoe UI,sans-serif}.notice-modal form textarea{height:120px;resize:vertical}.notice-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.notice-modal-actions button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.notice-modal-actions button[type=submit]{background:#4f46e5;color:#fff}.notice-modal-actions button[type=submit]:hover{background:#4338ca}.notice-modal-actions button[type=button]{background:#e0e0e0}@media screen and (max-width:768px){.notice-main-content,.notice-main-content.collapsed{position:relative;left:0;width:100%;padding:15px;box-sizing:border-box}.notice-quick-links{grid-template-columns:1fr;gap:15px}.notice-dashboard-title{font-size:18px;flex-wrap:wrap;gap:6px}.notice-topbar{flex-direction:column;gap:6px;font-size:13px;padding:8px 12px}.notice-card{min-height:80px;padding:12px 14px}.notice-label{font-size:14px}.notice-icon-chip{width:48px;height:48px;font-size:22px}.notice-modal{width:100%;max-width:95%;padding:20px;box-sizing:border-box}.notice-modal form input,.notice-modal form select,.notice-modal form textarea{width:100%;box-sizing:border-box}}.notification-main-content{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.notification-main-content.collapsed{left:80px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.notification-title{font-size:22px;font-weight:600;color:#0d47a1}.notification-form-full{display:flex;flex-direction:column;gap:20px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 24px #00000026;width:100%;max-width:900px;margin:0 auto}.notification-form-full label{display:flex;flex-direction:column;font-weight:500;font-size:14px;color:#333}.notification-form-full input,.notification-form-full select,.notification-form-full textarea{margin-top:8px;padding:10px;border-radius:6px;border:1px solid #c5cae9;font-size:14px;width:100%;box-sizing:border-box}.urgent-checkbox{display:flex;align-items:center;gap:8px;font-weight:600}.notification-actions{display:flex;gap:15px;margin-top:20px}.send-btn{padding:10px 20px;border-radius:6px;border:none;background-color:#4f46e5;color:#fff;font-weight:600;cursor:pointer}.reset-btn{padding:10px 20px;border-radius:6px;border:none;background-color:#ef4444;color:#fff;font-weight:600;cursor:pointer}.multi-select-users{display:flex;flex-direction:column;max-height:250px;overflow-y:auto;gap:8px;margin-top:8px;margin-bottom:12px;padding:8px;border:1px solid #c5cae9;border-radius:6px;background-color:#f9f9f9}.multi-select-users::-webkit-scrollbar{width:6px}.multi-select-users::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.multi-select-users::-webkit-scrollbar-track{background-color:transparent}.recipient-selector{border:1px solid #c5cae9;border-radius:8px;padding:15px;margin-top:12px;margin-bottom:20px;background-color:#f9f9f9;max-height:250px;overflow-y:auto}.recipient-table{width:100%;border-collapse:collapse;margin-top:10px}.recipient-table th,.recipient-table td{border:1px solid #c5cae9;padding:8px 12px;text-align:left}.recipient-table th{background-color:#e8eaf6}.recipient-table input[type=checkbox]{transform:scale(1.1);cursor:pointer}.recipient-table tbody tr:nth-child(2n){background-color:#f9f9f9}.recipient-selector strong{display:block;margin-bottom:10px;font-weight:600}.user-checkbox{display:flex;align-items:center;gap:8px;padding:4px 0}@media screen and (max-width:768px){.notification-main-content,.notification-main-content.collapsed{position:relative;left:0!important;width:100%;padding:10px 15px;box-sizing:border-box}.dashboard-topbar{flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;padding:8px 12px;border-radius:0}.notification-title{font-size:18px;margin-bottom:15px}.notification-form-full{max-width:100%;width:100%;padding:10px 15px;border-radius:0;box-shadow:none}.notification-form-full label{font-size:13px}.notification-form-full input,.notification-form-full select,.notification-form-full textarea{font-size:13px;padding:8px}.urgent-checkbox{flex-direction:row;gap:6px;font-size:13px}.notification-actions{flex-direction:column;gap:10px}.send-btn,.reset-btn{width:100%;padding:10px;font-size:14px}}.notification-main-content{position:absolute;inset:0 0 0 240px;padding:30px;min-height:100vh;background:#f4f6fa;overflow-y:auto;transition:left .3s ease;box-shadow:none}.notification-main-content.collapsed{left:60px}.dashboard-topbar{background:#0d47a1;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;font-weight:500;border-radius:6px;margin-bottom:25px;box-shadow:none;border:none}.dashboard-header4{text-align:center;margin-bottom:30px;background:none;padding:0}.dashboard-header4 h1{display:inline-flex;align-items:center;gap:8px;color:#0d47a1;font-size:24px;justify-content:center;margin-left:2px}.fee-card{background:#fdfdfd;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014;text-align:center;cursor:pointer;transition:transform .3s,box-shadow .3s}.fee-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #00000059}.fee-card label{display:flex;flex-direction:column;font-weight:500;font-size:16px;color:#333}.fee-card input{margin-top:8px;padding:12px;font-size:16px;border-radius:8px;border:1px solid #c5cae9}.highlighted-btn{background:#ffde59;color:#000;font-weight:700;padding:12px 25px;border-radius:8px;transition:.3s}.highlighted-btn:hover{background:#facc15}.selected-student-fee{background:#eef2ff;padding:30px;border-radius:12px;box-shadow:0 8px 20px #00000026;margin-bottom:40px}.selected-student-fee h2{color:#4f46e5;margin-bottom:20px;text-align:center}.selected-student-fee form label{display:flex;flex-direction:column;margin-bottom:15px;font-weight:500;color:#1e293b}.selected-student-fee select,.selected-student-fee input{margin-top:6px;padding:10px 12px;font-size:16px;border-radius:8px;border:1px solid #c5cae9;outline:none;transition:border-color .2s}.selected-student-fee select:focus,.selected-student-fee input:focus{border-color:#4f46e5}.selected-student-fee .notification-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.selected-student-fee .send-btn{background-color:#4f46e5;color:#fff}.selected-student-fee .send-btn:hover{background-color:#4338ca}.fee-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.fee-modal{background:#fff;padding:40px;border-radius:12px;min-width:350px;max-width:500px;width:90%;box-shadow:0 12px 28px #0000004d;animation:slideDown .3s ease}.fee-modal h2{margin-bottom:20px;color:#0d47a1;text-align:center}.fee-modal form label{display:flex;flex-direction:column;margin-bottom:15px;font-weight:500;font-size:14px}.fee-modal input{margin-top:6px;padding:10px;font-size:16px;border-radius:8px;border:1px solid #c5cae9}.notification-actions{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.send-btn{background:#4f46e5;color:#fff}.send-btn:hover{background-color:#4338ca}.reset-btn{background:#ef4444;color:#fff}.reset-btn:hover{background-color:#b91c1c}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:768px){.dashboard-header h1{font-size:20px}.notification-main-content{left:0!important;padding:15px}}.ecommerce-main-content{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.ecommerce-main-content h1{margin-left:2px}.ecommerce-main-content.collapsed{left:60px}.ecommerce-quick-links-grid{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.ecommerce-quick-card{flex:1 1 200px;display:flex;align-items:center;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000001f;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#fff}.ecommerce-quick-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.ecommerce-card-icon{font-size:36px;margin-right:15px;opacity:.9;color:#fff}.ecommerce-card-info{display:flex;flex-direction:column}.ecommerce-card-value{font-size:22px;font-weight:700}.ecommerce-card-label{font-size:14px;font-weight:500}.ecommerce-quick-card.products{background-color:#ff9800}.ecommerce-quick-card.orders{background-color:#03a9f4}.ecommerce-quick-card.customers{background-color:#4caf50}.ecommerce-quick-card.revenue{background-color:#e91e63}.ecommerce-quick-card.discounts{background-color:#f44336}.ecommerce-quick-card.shipments{background-color:#8e24aa}.ecommerce-table-section{margin-top:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.ecommerce-table-section table{width:100%;border-collapse:collapse;font-size:14px}.ecommerce-table-section th,.ecommerce-table-section td{padding:12px;text-align:center;border-bottom:1px solid #eee}.ecommerce-table-section tbody tr:hover{background-color:#f1f7ff}.add-product-btn{margin-top:10px;padding:10px 20px;background-color:#03a9f4;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:.3s}.add-product-btn:hover{background-color:#0288d1}.ecommerce-revenue-chart{margin-top:40px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.ecommerce-revenue-chart h3{margin-bottom:20px;font-size:18px;font-weight:600}.ecommerce-revenue-chart,.ecommerce-revenue-pie-chart{margin-top:40px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.ecommerce-revenue-chart h3,.ecommerce-revenue-pie-chart h3{margin-bottom:20px;font-size:18px;font-weight:600}.ecommerce-year-selector{margin-top:20px;margin-bottom:20px;font-size:16px}.ecommerce-year-selector select{margin-left:10px;padding:5px 10px;font-size:16px}.ecommerce-yearly-comparison{margin-top:40px;margin-bottom:40px;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 20px #00000014;transition:all .3s ease}.media-card-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.media-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 8px 24px #0003;width:500px;max-height:80%;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.media-list{display:flex;flex-wrap:wrap;gap:10px}.media-item{display:flex;flex-direction:column;align-items:center}.delete-media-btn{margin-top:5px;background:#f44336;color:#fff;border:none;padding:5px 10px;border-radius:6px;cursor:pointer}.delete-media-btn:hover{background:#d32f2f}.close-media-card{align-self:flex-end;padding:8px 14px;background:#03a9f4;color:#fff;border:none;border-radius:6px;cursor:pointer}.close-media-card:hover{background:#0288d1}@media screen and (max-width:768px){.ecommerce-main-content{position:relative!important;left:0!important;top:0;padding:15px;width:100%;min-height:auto}.ecommerce-main-content h1{font-size:20px;margin-bottom:15px}.ecommerce-quick-links-grid{flex-direction:column;gap:15px}.ecommerce-quick-card{flex:1 1 100%}.ecommerce-table-section{overflow-x:auto}.ecommerce-table-section table{min-width:600px}.add-product-btn{width:100%;box-sizing:border-box}.media-card{width:90%;max-height:90%}.ecommerce-revenue-chart,.ecommerce-revenue-pie-chart,.ecommerce-yearly-comparison{padding:15px}.ecommerce-revenue-chart h3,.ecommerce-revenue-pie-chart h3,.ecommerce-yearly-comparison h3{font-size:16px}.ecommerce-year-selector{display:flex;flex-direction:column;gap:5px;margin-top:15px;margin-bottom:15px}.ecommerce-year-selector select{width:100%;padding:6px 10px;font-size:14px;margin-left:0}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.bus-form{background:#f5f5f5;padding:25px;border-radius:12px;margin-bottom:30px;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 12px #00000014;transition:box-shadow .3s ease}.bus-map{width:100%;height:400px;border-radius:12px;overflow:hidden;margin-bottom:20px}.admin-map-container{width:100%;height:500px;border-radius:12px;margin-bottom:25px}.bus-map .leaflet-container{width:100%;height:100%}.bus-form:hover{box-shadow:0 6px 18px #0000001f}.bus-form input{padding:12px 14px;border-radius:8px;border:1px solid #ccc;font-size:14px;width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.bus-form input:focus{border-color:#1976d2;box-shadow:0 0 6px #1976d24d;outline:none}.stop-input{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap;background:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 2px 6px #0000000d}.stop-input span{min-width:100px;font-weight:500;color:#333}.stop-input input{padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:13px;width:120px;transition:border-color .2s,box-shadow .2s}.stop-input input:focus{border-color:#1976d2;box-shadow:0 0 6px #1976d24d;outline:none}@media screen and (max-width:768px){.transport-content{padding:10px;box-sizing:border-box}.transport-content p{display:block;max-width:100%;width:100%;text-align:center;margin:0 auto 12px;padding:0 10px;font-size:14px;line-height:1.5;white-space:normal;word-wrap:break-word;box-sizing:border-box}.bus-form{padding:15px;gap:10px}.bus-form input{font-size:13px;padding:10px}.bus-map{height:250px;margin-bottom:15px}.admin-map-container{height:300px}.stop-input{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.stop-input span{min-width:auto;font-size:14px}.stop-input input{width:100%;font-size:13px}.bus-card.split-card{flex-direction:column;gap:15px}.bus-card .bus-map{height:200px}.bus-details table{font-size:13px;width:100%}.bus-details table caption{font-size:15px;font-weight:700;margin-bottom:8px}.bus-details th,.bus-details td{padding:8px;text-align:left;word-wrap:break-word}.add-bus-btn,.update-bus-btn,.add-stop-btn,.edit-bus-btn{width:100%;font-size:14px;padding:10px}}.page-container{margin-left:270px;padding:30px;transition:margin-left .3s ease;min-height:100vh}.page-container h1{margin-left:0}.page-container.collapsed{margin-left:80px}.tickets-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.ticket-card{flex:1 1 180px;min-width:180px;max-width:200px;background:linear-gradient(135deg,#42a5f5,#1976d2);color:#fff;padding:15px;border-radius:12px;transition:all .3s ease,transform .3s ease;cursor:pointer;box-shadow:0 6px 18px #0000001f;display:flex;flex-direction:column;align-items:flex-start}.ticket-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 30px #0000002e}.ticket-card h3{font-size:20px;margin-bottom:8px;font-weight:600}.see-ticket-btn{margin-top:auto;background:#fff;color:#1976d2;border:none;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;width:100%;text-align:center;transition:all .3s ease}.see-ticket-btn:hover{background:#e3f2fd;transform:translateY(-2px)}.notice-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notice-modal{background:#fff;padding:30px;border-radius:16px;width:550px;max-width:95%;position:relative;color:#333;box-shadow:0 12px 30px #00000040;animation:scaleIn .3s ease;display:flex;flex-direction:column;gap:15px}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.notice-modal h2{margin-bottom:20px;font-size:22px;text-align:center}.close-modal{position:absolute;top:12px;right:16px;background:transparent;border:none;font-size:22px;cursor:pointer;color:#555;transition:color .2s ease}.close-modal:hover{color:#000}.ticket-info-table{width:100%;text-align:left;margin-bottom:15px}.ticket-info-table table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000001a}.ticket-info-table th,.ticket-info-table td{padding:12px;border-bottom:1px solid #ddd}.ticket-info-table th{background-color:#1976d2;color:#fff;text-align:left}.ticket-info-table td img{max-width:120px;border-radius:8px;cursor:pointer;transition:transform .3s ease}.ticket-info-table td img:hover{transform:scale(1.05)}.notice-modal textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc;resize:vertical;font-size:14px;outline:none;transition:border .2s ease,box-shadow .2s ease}.notice-modal textarea:focus{border-color:#1976d2;box-shadow:0 0 6px #1976d24d}.notice-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.notice-modal-actions button{background:#1976d2;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.notice-modal-actions button:hover{background:#115293;transform:translateY(-2px)}.notice-modal .admin-comment{width:100%;background:#f5f5f5;padding:14px;border-radius:10px;font-size:14px;color:#333;line-height:1.5;margin-top:12px;box-shadow:inset 0 2px 6px #0000000d}.image-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.image-preview-content{position:relative;max-width:90%;max-height:90%;text-align:center}.image-preview-content img{max-width:100%;max-height:80vh;border-radius:12px;box-shadow:0 6px 20px #0006}.download-btn{display:inline-block;margin-top:10px;padding:10px 20px;background:#1976d2;color:#fff;border-radius:10px;text-decoration:none;font-weight:600}.download-btn:hover{background:#115293}@media screen and (max-width:768px){.page-container{margin-left:0!important;padding:15px}.tickets-container{flex-direction:column;gap:15px}.ticket-card{width:100%!important;max-width:100%!important;padding:18px}.notice-modal{width:95%!important;padding:20px}.ticket-info-table td{word-wrap:break-word;white-space:normal}}.sr-main-content h2{font-size:28px;margin-bottom:30px}.user-form-cards{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:30px}.user-card{background:#fff;padding:20px 25px;border-radius:12px;box-shadow:0 6px 18px #00000014;flex:1;min-width:280px}.user-section,.user-list-card{background:#fff;padding:20px 25px;border-radius:12px;box-shadow:0 6px 18px #00000014;margin-bottom:30px}.user-list-card h4{font-size:18px;margin-bottom:15px}.user-section h3{font-size:20px;margin-bottom:15px;display:flex;align-items:center}.user-form{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.user-form input{padding:10px 14px;border-radius:6px;border:1px solid #ccc;flex:1;min-width:160px;font-size:14px}.user-form button{padding:10px 18px;background-color:#0d47a1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;transition:background-color .2s ease}.user-form button:hover{background-color:#1565c0}.user-list-card table{width:100%;border-collapse:collapse;margin-top:15px}.user-list-card th,.user-list-card td{padding:10px 12px;border:1px solid #ddd;text-align:left;font-size:14px}.user-list-card tbody tr:nth-child(2n){background-color:#f9f9f9}.user-list-card tbody tr:hover{background-color:#f1f1f1}.edit-btn{background-color:#2196f3;color:#fff;border:none;border-radius:6px;padding:6px 12px;margin-right:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;transition:background-color .2s ease}.edit-btn:hover{background-color:#1976d2}.user-card-top{display:flex;justify-content:flex-start;margin-bottom:10px}.search-box{display:flex;align-items:center;border:1px solid #ccc;border-radius:6px;padding:5px 8px;gap:5px}.search-box input{border:none;outline:none;font-size:14px}.scrollable-table{max-height:400px;overflow-y:auto}@media screen and (max-width:768px){.user-form{flex-direction:column}.user-form input,.user-form button{width:100%}}.assign-teacher-container{position:absolute;inset:0 0 0 240px;overflow-y:auto;padding:30px;transition:left .3s ease}.assign-teacher-container.collapsed{left:80px}.assign-teacher-container h2{font-size:28px;margin-bottom:30px;color:#0d47a1}.assign-teacher-card{background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 6px 18px #00000014;margin-bottom:30px}.assign-teacher-card h3{margin-bottom:20px;display:flex;align-items:center;font-size:20px;color:#333}.assign-teacher-form{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.assign-teacher-form select{flex:1;min-width:160px;padding:10px 14px;border-radius:6px;border:1px solid #ccc;font-size:14px}.assign-teacher-form button{padding:10px 20px;background-color:#0d47a1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;transition:background-color .2s ease}.assign-teacher-form button:hover{background-color:#1565c0}.assignment-table-card{background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 6px 18px #00000014}.assignment-table-card h3{margin-bottom:20px;font-size:20px;color:#333}.assignment-table-card table{width:100%;border-collapse:collapse}.assignment-table-card th,.assignment-table-card td{padding:12px 15px;border:1px solid #ddd;font-size:14px;text-align:left}.delete-btn{background-color:#f44336;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;transition:background-color .2s ease}.delete-btn:hover{background-color:#d32f2f}.assignment-table-card tbody{display:block;max-height:400px;overflow-y:auto}.assignment-table-card thead,.assignment-table-card tbody tr{display:table;width:100%;table-layout:fixed}@media screen and (max-width:768px){.assign-teacher-container,.assign-teacher-container.collapsed{margin-left:0;padding:15px;width:100%;box-sizing:border-box}.assign-teacher-form{flex-direction:column;gap:12px}.assign-teacher-form select,.assign-teacher-form button{width:100%}.assignment-table-card{padding:15px;overflow-x:auto;-webkit-overflow-scrolling:touch}.assignment-table-card table{width:100%;min-width:0;table-layout:auto}.assignment-table-card th,.assignment-table-card td{font-size:13px;padding:8px 10px}.assign-teacher-container h2{font-size:20px;margin-bottom:15px}.assign-teacher-card h3,.assignment-table-card h3{font-size:16px;margin-bottom:12px}.assign-teacher-card,.assignment-table-card{margin-bottom:15px}.delete-btn{padding:4px 8px;font-size:12px}body{overflow-x:hidden}}.admin-booklist-main{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.admin-booklist-main.collapsed{left:60px}.booklist-page-title{font-size:24px;font-weight:600;margin-bottom:20px;color:#0d47a1;display:flex;align-items:center}.bl-quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.bl-card{display:flex;align-items:center;justify-content:space-between;min-height:140px;padding:20px 24px;border-radius:12px;color:#fff;cursor:pointer;box-shadow:0 3px 10px #00000026;transition:transform .2s,box-shadow .2s}.bl-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000040}.bl-left{display:flex;flex-direction:column;line-height:1.2}.bl-count{font-size:24px;font-weight:800}.bl-label{font-size:14px;font-weight:600;text-transform:uppercase;opacity:.95}.bl-card-actions{display:flex;gap:12px;flex-shrink:0}.bl-action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:transform .2s,color .2s,filter .2s;border-radius:50%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.bl-action-icon:hover{transform:scale(1.2);filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.bl-action-icon.add{color:#4caf50}.bl-action-icon.edit{color:#2196f3}.bl-action-icon.delete{color:#f44336}.bl-1{background:linear-gradient(135deg,#ff6f61,#ff9a8b)}.bl-2{background:linear-gradient(135deg,#3f51b5,#5c6bc0)}.bl-3{background:linear-gradient(135deg,#009688,#4db6ac)}.bl-4{background:linear-gradient(135deg,#e91e63,#f06292)}.bl-5{background:linear-gradient(135deg,#ff9800,#ffc107)}.bl-6{background:linear-gradient(135deg,#026464,#028888)}.bl-7{background:linear-gradient(135deg,#4caf50,#81c784)}.bl-8{background:linear-gradient(135deg,#2196f3,#64b5f6)}.bl-9{background:linear-gradient(135deg,#8e24aa,#ba68c8)}.bl-10{background:linear-gradient(135deg,#ff5722,#ff8a65)}.bl-11{background:linear-gradient(135deg,#009688,#4db6ac)}.bl-12{background:linear-gradient(135deg,#607d8b,#90a4ae)}.bl-13{background:linear-gradient(135deg,#ff1744,#ff616f)}.bl-14{background:linear-gradient(135deg,#00bcd4,#4dd0e1)}.bl-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.bl-modal-card-modern{background:#fefefe;border-radius:12px;width:500px;max-width:95%;padding:25px 30px;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column;gap:20px}.bl-modal-card-modern h3{color:#0d47a1;margin-bottom:10px;text-align:center}.bl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.bl-form-grid label{display:flex;flex-direction:column;font-weight:500;font-size:14px}.bl-form-grid input{padding:6px 10px;border-radius:6px;border:1px solid #ccc;margin-top:4px}.bl-add-book-button-container{grid-column:span 2;display:flex;justify-content:flex-end}.bl-add-book-button-container button{background:#2196f3;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer}.bl-add-book-button-container button:hover{opacity:.9}.bl-current-books{max-height:180px;overflow-y:auto;border-top:1px solid #ccc;padding-top:10px;display:flex;flex-direction:column;gap:6px}.bl-book-chip{display:flex;justify-content:space-between;align-items:center;background:#e3f2fd;padding:6px 10px;border-radius:6px}.bl-book-chip span{cursor:pointer;color:red;font-weight:700}.bl-modal-actions{display:flex;justify-content:flex-end;gap:10px}.bl-modal-actions button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer}.bl-modal-actions button:hover{opacity:.85}.bl-tooltip-card{position:fixed;background:#333;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;pointer-events:none;z-index:2000;white-space:nowrap;transform:translate(-50%,-100%)}@media screen and (max-width:768px){.admin-booklist-main,.admin-booklist-main.collapsed{position:relative;left:0;width:100%;padding:15px;box-sizing:border-box}.booklist-page-title{font-size:20px;flex-wrap:wrap;gap:8px}.bl-quick-links{grid-template-columns:1fr;gap:15px}.bl-modal-card-modern{width:100%;max-width:95%;padding:20px}.bl-form-grid{grid-template-columns:1fr;gap:12px}.bl-add-book-button-container button,.bl-form-grid input{width:100%}.bl-current-books{max-height:140px}}@media screen and (max-width:480px){.bl-count{font-size:20px}.bl-label{font-size:12px}.bl-action-icon{width:36px;height:36px;font-size:20px}}html,body{height:100%;margin:0;overflow-y:auto!important}.timetable-full{padding:30px;min-height:100vh;background:#f4f7fb;transition:width .3s ease,margin-left .3s ease;width:calc(100% - 240px);margin-left:240px;overflow-y:auto;max-height:calc(100vh - 70px)}.timetable-full.collapsed{width:calc(100% - 80px);margin-left:80px}.timetable-header{font-size:30px;font-weight:700;color:#0d47a1;margin-bottom:20px;text-align:center;margin-left:2px}.timetable-card{max-width:1400px;margin:0 auto;padding:25px 30px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;overflow-x:auto}.day-selector{margin-bottom:25px;font-size:16px;display:flex;justify-content:center;align-items:center;gap:12px}.day-selector label{font-weight:600;color:#333}.day-selector select{padding:10px 14px;font-size:15px;border-radius:8px;border:1px solid #ccc;background:#fff;min-width:200px;transition:border-color .2s ease}.day-selector select:focus{outline:none;border-color:#0d47a1}.timetable-editor{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:15px;box-shadow:0 4px 12px #0000000d}.timetable-editor th{background:#0d47a1;color:#fff;padding:14px;text-align:center;font-weight:600}.timetable-editor td{border:1px solid #e0e0e0;padding:14px;text-align:center}.break-row td{background:#fff7e6;font-weight:700;color:#d35400}.timetable-editor select,.timetable-editor input{width:120px;padding:6px 8px;border-radius:6px;border:1px solid #ccc;font-size:14px;box-sizing:border-box}.timetable-editor input[placeholder=Message]{width:160px}.delete-btn,.replace-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.delete-btn{background:#e53935;color:#fff}.delete-btn:hover{background:#c62828}.replace-btn{background:#f39c12;color:#fff}.replace-btn:hover{background:#e67e22}.action-buttons{display:flex;justify-content:center;gap:8px}.save-btn{display:block;margin:25px auto 0;padding:14px 26px;background:#0d47a1;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 10px #0000001a;transition:background .2s ease,transform .2s ease}.save-btn:hover{background:#1565c0;transform:translateY(-2px)}@media screen and (max-width:1024px){.timetable-full{position:absolute;top:0;left:0;width:100vw;margin-left:0;padding:15px;overflow-x:auto}.timetable-card{max-width:100%;padding:20px;overflow-x:auto}.timetable-editor{width:100%;font-size:14px;display:block;overflow-x:auto}.timetable-editor select,.timetable-editor input{width:100%;max-width:100%;box-sizing:border-box}.day-selector{flex-direction:column;gap:10px;align-items:stretch}.day-selector select{min-width:100%}.action-buttons{flex-direction:column;gap:8px}.save-btn{width:100%;margin:20px 0 0}}@media screen and (max-width:480px){.timetable-header{font-size:22px}.timetable-editor th,.timetable-editor td{padding:8px;font-size:13px}}html,body{height:auto;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.sr-main-content5{position:absolute;inset:0 0 0 240px;padding:30px;background-color:#f9fcff;overflow-y:auto;transition:left .3s ease}.sr-main-content5.collapsed{margin-left:80px}h2{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:5px}p{font-size:14px;color:#7f8c8d;margin-bottom:20px}.class-selection,.student-search,.student-table,.assign-btn{margin-bottom:20px}.class-selection,.student-search{display:flex;align-items:center;gap:10px}.class-selection select{padding:6px 12px;border:1px solid #dcdcdc;border-radius:6px;font-size:14px;outline:none;min-width:200px}.student-search{border:1px solid #dcdcdc;border-radius:6px;padding:4px 8px;background-color:#fff;width:100%;max-width:300px}.student-search input{border:none;outline:none;flex:1;margin-left:6px;font-size:14px}.student-table{overflow-x:auto;background-color:#fff;border-radius:6px;box-shadow:0 2px 6px #0000000d;padding:15px}.student-table table{width:100%;border-collapse:collapse}.student-table th,.student-table td{text-align:left;padding:10px 12px;font-size:14px}.student-table th{background-color:#ecf0f1;font-weight:600;border-bottom:2px solid #dcdcdc}.student-table tr{transition:background .2s}.student-table tr:hover{background-color:#f1f7fb}.student-table input[type=checkbox]{width:16px;height:16px;cursor:pointer}.assign-btn{padding:10px 18px;background-color:#4caf50;color:#fff;font-weight:600;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;transition:background-color .2s ease}.assign-btn:hover{background-color:#45a049}.student-table tr.disabled{background-color:#f5f5f5;color:#999}.roll-section-inputs{display:flex;align-items:center;gap:15px;margin:10px 0}.roll-section-inputs label{font-weight:600;margin-right:5px;white-space:nowrap}.roll-section-inputs input,.roll-section-inputs select{padding:8px 12px;border:1px solid #ccc;border-radius:6px;outline:none;font-size:14px;min-width:150px;transition:border-color .3s ease}.roll-section-inputs input:focus,.roll-section-inputs select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66}.roll-section-inputs select{background:#fff;cursor:pointer}.student-table table td input[type=text]{width:80px;padding:4px 6px;font-size:.9rem;border:1px solid #ccc;border-radius:4px}.student-table table th{text-align:left;padding:8px 6px}.student-table table td{padding:6px;vertical-align:middle}@media(max-width:768px){.student-table table td input[type=text]{width:60px;font-size:.85rem}}.student-table table td input[type=checkbox]{margin-right:6px}@media(max-width:768px){.class-selection,.student-search{flex-direction:column;align-items:flex-start}.student-search{width:100%;max-width:100%}}.teacher-panel{width:240px;height:100vh;position:fixed;top:0;left:0;background-color:#fff;box-shadow:2px 0 6px #00000026;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,sans-serif;overflow-y:auto;transition:width .3s}.teacher-panel-wrapper{position:relative;z-index:100}.teacher-panel.collapsed~.toggle-button-outside{left:70px}.teacher-panel.collapsed{width:60px}.teacher-panel.collapsed .panel-header-overlay .header-title{display:none}.teacher-panel.collapsed .teacher-list button{justify-content:center;padding:10px 0}.teacher-panel.collapsed .teacher-button-content,.teacher-panel.collapsed .teacher-arrow{display:none}.teacher-panel-header{position:relative;width:100%;height:130px;background-color:#e6e8fffe;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.teacher-list{width:100%;padding:0 15px;display:flex;flex-direction:column;gap:0}.teacher-list button{background:transparent;border:none;color:#010101;display:flex;align-items:center;padding:10px 12px;margin:0;font-size:15px;border-radius:0;transition:background .2s;cursor:pointer;text-align:left;gap:12px;-webkit-tap-highlight-color:transparent;height:45px}.teacher-list button:hover{background-color:#c9cdfffe!important;color:#30f!important}.teacher-list button:focus,.teacher-list button:active{outline:none;background-color:transparent;box-shadow:none}.teacher-list .active{background-color:#c9cdfffe;color:#333;font-weight:700}.teacher-icon{width:20px;height:20px;filter:none;color:#000}.teacher-active-icon{filter:brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(7492%) hue-rotate(357deg) brightness(101%) contrast(119%) drop-shadow(0 0 0px red)}.teacher-button-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin-left:10px}.teacher-arrow{margin-left:auto;font-weight:700;color:#0a0a0a42}.teacher-svg-banner{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 0;background-color:#f0f4f8;flex-wrap:wrap}.teacher-svg-banner img{height:40px;width:auto}@media screen and (max-width:768px){.teacher-panel{left:0;top:0;width:100vw;height:100vh;background-color:#fff;position:fixed;transform:translate(-100%);transition:transform .3s ease;z-index:999;box-shadow:2px 0 6px #0000004d}.teacher-panel.expanded{transform:translate(0)}.toggle-button-outside{left:15px!important;top:15px!important;margin-left:0;z-index:1000}}.teacher-main-content{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.teacher-main-content.collapsed{left:60px}.teacher-topbar{background:#0d47a1;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;font-size:14px;font-weight:500;border-radius:6px;margin-bottom:20px}.teacher-table{background:linear-gradient(135deg,#07a3f1);padding:20px;margin-top:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.teacher-table h3{margin-bottom:15px;font-size:18px;font-weight:600;color:#fff}.teacher-table table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden}.teacher-table thead{background:linear-gradient(90deg,#4facfe,#00f2fe);color:#fff}.teacher-table th,.teacher-table td{padding:12px;text-align:center;border-bottom:1px solid #eee}.teacher-table tbody tr:nth-child(2n){background-color:#f9f9f9}.teacher-table tbody tr:hover{background:#f1f7ff;transition:.3s}.teacher-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.teacher-detail-card{background:#fff;padding:30px;border-radius:12px;width:400px;box-shadow:0 10px 25px #0000004d;position:relative;text-align:left}.teacher-detail-card h3{margin-bottom:15px}.teacher-detail-card button{margin-top:15px;padding:8px 12px;background:#0d47a1;color:#fff;border:none;border-radius:6px;cursor:pointer}.teacher-detail-card button:hover{background:#1565c0}.teacher-attendance-chart{background:#fff;padding:20px;margin-top:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.teacher-attendance-chart h3{margin-bottom:15px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.teacher-ql-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin:20px 0}.teacher-ql-card{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:86px;padding:16px 18px;border-radius:8px;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px #0000001f}.teacher-ql-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000002e}.teacher-ql-left{display:flex;flex-direction:column;line-height:1.1}.teacher-ql-count{font-size:22px;font-weight:800}.teacher-ql-label{font-size:12px;font-weight:600;text-transform:uppercase;opacity:.95}.teacher-ql-icon-chip{width:58px;height:58px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#0000001f;box-shadow:inset 0 0 0 1px #0000001f;flex-shrink:0}.teacher-ql-icon-chip svg{font-size:26px;opacity:.9}.teacher-ql-card.messages{background:#2196f3}.teacher-ql-card.parent-messages{background:#8e24aa}.teacher-ql-card.attendance{background:#4caf50}.teacher-ql-card.assignments{background:#ff9800}.teacher-ql-card.today-class{background:#f44336}@media screen and (max-width:768px){.teacher-main-content{padding:10px;left:0!important}.teacher-table table{font-size:12px;display:block;overflow-x:auto;white-space:nowrap}.teacher-table th,.teacher-table td{padding:8px}.teacher-detail-card{width:95%;padding:15px}.teacher-ql-links{grid-template-columns:1fr;gap:12px}.teacher-ql-card{min-height:70px;padding:12px 14px}.teacher-ql-count{font-size:18px}.teacher-ql-label{font-size:11px}.teacher-ql-icon-chip{width:48px;height:48px}.teacher-ql-icon-chip svg{font-size:22px}}.teacher-notification-main-content{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.teacher-notification-main-content.collapsed{left:80px}.teacher-notification-form{display:flex;flex-direction:column;gap:20px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 24px #00000026;width:100%;max-width:900px;margin:0 auto}.teacher-notification-form label{display:flex;flex-direction:column;font-weight:500;font-size:14px;color:#333}.teacher-notification-form input,.teacher-notification-form select,.teacher-notification-form textarea{margin-top:8px;padding:10px;border-radius:6px;border:1px solid #c5cae9;font-size:14px;width:100%;box-sizing:border-box}.teacher-send-btn{padding:10px 20px;border-radius:6px;border:none;background-color:#4f46e5;color:#fff;font-weight:600;cursor:pointer;margin-top:10px}.teacher-send-btn:hover{background-color:#4338ca}.teacher-multi-select-users{display:flex;flex-direction:column;max-height:250px;overflow-y:auto;gap:8px;margin-top:8px;margin-bottom:12px;padding:8px;border:1px solid #c5cae9;border-radius:6px;background-color:#f9f9f9}.teacher-multi-select-users::-webkit-scrollbar{width:6px}.teacher-multi-select-users::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.teacher-multi-select-users::-webkit-scrollbar-track{background-color:transparent}.teacher-recipient-selector{border:1px solid #c5cae9;border-radius:8px;padding:15px;margin-top:12px;margin-bottom:20px;background-color:#f9f9f9;max-height:250px;overflow-y:auto}.teacher-user-checkbox{display:flex;align-items:center;gap:8px;padding:4px 0}.sections-container{margin:20px 0}.sections-table{width:100%;border-collapse:collapse;margin-top:10px}.sections-table th,.sections-table td{border:1px solid #ddd;padding:8px;text-align:center}.sections-table th{background-color:#f4f4f4;font-weight:700}.sections-table tr:hover{background-color:#f9f9f9}@media screen and (max-width:768px){.teacher-notification-main-content,.teacher-notification-main-content.collapsed{position:relative;left:0!important;width:100%;padding:10px 15px;box-sizing:border-box}.teacher-notification-form{max-width:100%;width:100%;padding:10px 15px;border-radius:0;box-shadow:none}.teacher-notification-form label{font-size:13px}.teacher-notification-form input,.teacher-notification-form select,.teacher-notification-form textarea{font-size:13px;padding:8px}.teacher-send-btn{width:100%;padding:10px;font-size:14px}}.dashboard-topbar2{background:#0d47a1;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;font-size:14px;font-weight:500;border-radius:6px;margin-bottom:20px}.sr-main-content2{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.sr-main-content2.collapsed{left:60px}.sr-title2{font-size:24px;font-weight:700;margin-bottom:20px;display:flex;align-items:center}.sr-card-grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.sr-card2{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:8px;color:#fff;cursor:pointer;box-shadow:0 2px 6px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.sr-card2:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000002e}.sr-left2{display:flex;flex-direction:column;line-height:1.2}.sr-label2{font-size:18px;font-weight:700;margin-bottom:4px}.sr-count2{font-size:12px;font-weight:600;opacity:.85;text-transform:uppercase}.sr-icon-chip2{width:58px;height:58px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#0000001f;flex-shrink:0}.sr-icon-chip2 svg{font-size:26px;opacity:.9}.sr-orange2{background:#ff9800}.sr-red2{background:#f44336}.sr-green2{background:#4caf50}.sr-pink2{background:#e91e63}.sr-darkred2{background:#d32f2f}.sr-blue2{background:#2196f3}.sr-purple2{background:#8e24aa}.sr-deeporange2{background:#ff5722}.sr-modal-backdrop2{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.sr-result-card2{background:#fff;padding:25px;border-radius:12px;width:90%;max-width:600px;box-shadow:0 8px 25px #00000040;animation:slideDown .3s ease}.sr-result-card2 h3{margin-bottom:15px;font-size:20px;font-weight:700}.sr-result-card2 table{width:100%;border-collapse:collapse;margin-bottom:15px}.sr-result-card2 th,.sr-result-card2 td{padding:10px;border:1px solid #ddd;text-align:center}.sr-result-card2 input{width:60px;padding:4px 6px;text-align:center;border-radius:6px;border:1px solid #90caf9}.save-btn2{padding:10px 16px;background-color:#0d47a1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:block;margin:0 auto}.save-btn2:hover{background-color:#1565c0}.sr-placeholder-box2{background:#e0f7fa;padding:10px 14px;border-radius:8px;color:#00796b;text-align:center;font-style:italic;font-weight:500;font-size:13px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:default;max-width:250px;margin:0 auto}.sr-placeholder-box2:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001f}.dropdown-row2{display:flex;gap:10px;margin-bottom:15px}.dropdown-row2 select{padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px;flex:1}.maths-update-box2{margin:15px 0;display:flex;align-items:center;gap:10px}.maths-update-box2 label{font-weight:600}.parent-status-section2{margin-top:20px;overflow-x:auto;background:#f9fcff;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0000000d}.parent-status-table2{width:100%;border-collapse:collapse;font-family:Segoe UI,sans-serif}.parent-status-table2 th,.parent-status-table2 td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.parent-status-table2 th{background-color:#f0f4f8;color:#2c3e50;font-weight:600}.parent-status-table2 tr:hover{background-color:#f1f6fa}.status-viewed{color:#27ae60;font-weight:600}.status-not-viewed{color:#c0392b;font-weight:600}.parent-queries-section2{margin-top:20px;overflow-x:auto;background:#f9fcff;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0000000d}.parent-queries-table2{width:100%;border-collapse:collapse;font-family:Segoe UI,sans-serif}.parent-queries-table2 th,.parent-queries-table2 td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.parent-queries-table2 th{background-color:#f0f4f8;color:#2c3e50;font-weight:600}.parent-queries-table2 tr:hover{background-color:#f1f6fa}.table-container2{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-top:20px;box-shadow:0 2px 6px #0000000d;overflow-x:auto}table{width:100%;border-collapse:collapse;font-family:Segoe UI,sans-serif}th,td{text-align:left;padding:12px 15px;border-bottom:1px solid #e0e0e0}th{background-color:#f5f5f5;font-weight:600;color:#333;text-transform:uppercase}tr:nth-child(2n){background-color:#fafafa}.status-viewed{color:#0f9d58;font-weight:600}.status-not-viewed{color:#db4437;font-weight:600}.table-container2::-webkit-scrollbar{height:6px}.table-container2::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}@media screen and (max-width:1024px){.sr-main-content2{left:60px;width:calc(100% - 60px);padding:15px}.sr-card-grid2{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.sr-card2{flex-direction:column;align-items:flex-start;padding:12px}.sr-label2{font-size:16px}.sr-count2{font-size:11px}.sr-icon-chip2{width:40px;height:40px;margin-top:8px}.year-select2{width:100%;padding:8px;margin-bottom:15px}.sr-result-card2{width:95%;max-width:450px;padding:20px}.sr-result-card2 h3{font-size:18px}.sr-result-card2 table input{width:50px;font-size:12px}}@media screen and (max-width:480px){.sr-main-content2{left:0;width:100%;padding:10px}.sr-card-grid2{grid-template-columns:1fr;gap:10px}.sr-card2{padding:10px}.sr-label2{font-size:14px}.sr-count2{font-size:10px}.sr-icon-chip2{width:35px;height:35px}.sr-result-card2{width:95%;max-width:100%;padding:15px}.sr-result-card2 table input{width:40px;font-size:11px}}html,body,#root{height:100%;margin:0;overflow:hidden}.join-live-content4{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.join-live-content4.collapsed{left:60px}.dashboard-topbar4{background:#0d47a1;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;font-size:14px;font-weight:500;border-radius:6px;margin-bottom:20px}.dashboard-title4{font-size:24px;font-weight:700;margin-bottom:15px}.schedule-wrapper4{margin-bottom:20px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 6px #0000001f;display:inline-block}.schedule-wrapper4 button{background-color:#0d47a1;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600}.schedule-wrapper4 button:hover{background-color:#1565c0}.classes-grid4{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.class-card4{display:flex;justify-content:space-between;align-items:center;padding:20px;border-radius:10px;color:#fff;cursor:pointer;box-shadow:0 4px 10px #00000026;transition:transform .2s ease,box-shadow .2s ease;min-height:120px;flex-wrap:wrap}.class-card4:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000002e}.sr-left4{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:75%}.sr-label4{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sr-count4{font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;text-transform:uppercase;color:#fff;transition:background .2s ease}.sr-count4.live{background-color:#2f8332;border-radius:10px}.sr-count4.live:hover{background-color:#57a35b}.sr-count4.upcoming{background-color:#3234b6;border-radius:10px}.sr-count4.upcoming:hover{background-color:#5e5fb8}.sr-count4.ended{background-color:#f31818;cursor:default;font-size:10px;opacity:.9;border-radius:10px}.sr-icon-chip4{width:50px;height:50px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#0000001f;flex-shrink:0}.sr-icon-chip4 svg{font-size:24px;opacity:.9}.join-modal-overlay4{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.join-modal4{background:#fff;padding:30px;border-radius:14px;width:95%;max-width:600px;box-shadow:0 10px 30px #00000040;animation:slideDown .3s ease}.join-modal4 h2{margin-bottom:15px;font-size:20px;font-weight:700}.join-modal4 form label{display:block;margin-bottom:10px;font-weight:500}.join-modal4 form input,.join-modal4 form select{width:100%;padding:8px 10px;margin-top:4px;margin-bottom:12px;border-radius:6px;border:1px solid #ccc;font-size:14px}.join-modal4 form button{margin-right:10px;padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.join-modal4 form button[type=submit]{background-color:#0d47a1;color:#fff}.join-modal4 form button[type=submit]:hover{background-color:#1565c0}.join-modal4 form button[type=button]{background-color:#9e9e9e;color:#fff}.join-modal4 form button[type=button]:hover{background-color:#757575}.join-links4{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.join-btn4{padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-weight:600;color:#fff;text-decoration:none;text-align:center}.join-btn4.google{background-color:#4285f4}.join-btn4.google:hover{background-color:#357ae8}.join-btn4.teams{background-color:#6264a7}.join-btn4.teams:hover{background-color:#515192}.join-btn4.zoom{background-color:#2d8cff}.join-btn4.zoom:hover{background-color:#1976d2}.close-btn4{padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-weight:600;background-color:#9e9e9e;color:#fff}.close-btn4:hover{background-color:#757575}.card-notify{position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:#0c0d0ce6;color:#fff;padding:6px 12px;border-radius:4px;font-weight:600;pointer-events:none;z-index:10}.toast-message{position:fixed;top:20px;right:20px;background-color:#4caf50;color:#fff;padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px #0003;font-weight:600;z-index:1000;animation:fadeInOut 3s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media screen and (max-width:1024px){.join-live-content4{left:60px;width:calc(100% - 60px);padding:15px}.classes-grid4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.class-card4{flex-direction:column;align-items:flex-start;padding:15px}.sr-left4{max-width:100%;gap:8px}.sr-label4{font-size:14px}.sr-count4{font-size:12px;padding:5px 10px}.sr-icon-chip4{width:40px;height:40px;margin-top:10px}.schedule-wrapper4 button{width:100%;padding:10px;font-size:14px}.join-modal4{width:95%;max-width:400px;padding:20px}.join-modal4 h2{font-size:18px}.join-links4{flex-direction:column}.join-btn4{width:100%;text-align:center}}@media screen and (max-width:480px){.classes-grid4{grid-template-columns:1fr;gap:12px}.sr-label4{font-size:13px}.sr-count4{font-size:11px;padding:4px 8px}.dashboard-topbar4{flex-direction:column;gap:6px;font-size:12px}}.cw-main-container{margin-left:20px;padding:2rem;min-height:100vh;background:#f4f7fa;transition:margin-left .3s ease}.cw-main-container.cw-collapsed{margin-left:80px}.cw-main-container h2{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;color:#333}.cw-form{background:#fff;border-radius:12px;padding:2rem;max-width:650px;margin:0 auto;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:1rem}.cw-form label{font-weight:500;margin-bottom:.3rem;color:#444}.cw-form input,.cw-form select,.cw-form textarea{width:100%;padding:.75rem 1rem;border:1px solid #d0d7de;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s ease}.cw-form input:focus,.cw-form select:focus,.cw-form textarea:focus{border-color:#007bff}.cw-form textarea{resize:vertical;min-height:90px}.cw-form input[type=color]{padding:.2rem;height:40px;cursor:pointer}.cw-form button{background:#007bff;color:#fff;font-size:1rem;padding:.9rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s ease,transform .1s ease}.cw-form button:hover{background:#0056b3}.cw-form button:active{transform:scale(.98)}@media(max-width:768px){.cw-main-container{margin-left:0;padding:1rem}.cw-form{padding:1.5rem}}.hw-main-container{padding:20px;transition:margin-left .3s ease;margin-left:20px}.hw-main-container.collapsed{margin-left:80px}.hw-form{display:flex;flex-direction:column;gap:15px;max-width:700px;margin-top:20px;background:#f9f9f9;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.hw-form label{font-weight:600;margin-bottom:5px}.hw-form input,.hw-form select,.hw-form textarea{padding:10px 12px;border-radius:8px;border:1px solid #ccc;font-size:14px;width:100%}.hw-form textarea{resize:vertical;min-height:80px}.hw-form button{background-color:#00bfff;color:#fff;padding:12px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.hw-form button:hover{background-color:#0095d1}.hw-form button[type=button]{background-color:#5dd865;margin-top:5px}.hw-form button[type=button]:hover{background-color:#4cb655}.hw-main-container h2{font-size:28px;margin-bottom:20px}input[type=color]{padding:0;height:40px;width:60px;border:none;cursor:pointer}@media(max-width:768px){.hw-form{padding:15px}}.parent-work-main{padding:20px;transition:margin-left .3s}.parent-work-main.collapsed{margin-left:80px}.parent-work-main h2{font-size:28px;margin-bottom:20px;color:#333}.subject-tab{padding:8px 16px;border:1px solid #00bfff;border-radius:6px;background-color:#fff;color:#00bfff;cursor:pointer;transition:.2s}.subject-tab.active{background-color:#00bfff;color:#fff}.teacher-section{border:1px solid #ddd;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.teacher-header{background-color:#00bfff;color:#fff;padding:10px 15px;cursor:pointer;display:flex;justify-content:space-between;font-weight:600}.teacher-header h3{margin:0}.work-cards{padding:15px;display:flex;flex-direction:column;gap:15px}.assignment-card{border:1px solid #ddd;border-radius:6px;padding:12px;background-color:#f9f9f9;transition:.2s}.assignment-card:hover{box-shadow:0 2px 8px #00000026}.assignment-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.assignment-header h4{margin:0;font-size:18px}.assignment-type-badge{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff}.assignment-type-badge.pdf{background-color:#007bff}.assignment-type-badge.video{background-color:#dc3545}.assignment-type-badge.youtube{background-color:red}.assignment-type-badge.image{background-color:#28a745}.assignment-type-badge.text{background-color:#ffc107}.submission-status{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;color:#fff}.submission-status.pending{background-color:#6c757d}.submission-status.submitted{background-color:#28a745}.assignment-card.overdue{border-left:4px solid #dc3545}.teacher-comment{font-style:italic;color:#555;margin:8px 0}.assignment-image,.assignment-video,.assignment-pdf{max-width:100%;margin:8px 0;border-radius:4px}.download-btn{display:inline-block;margin:5px 0;padding:6px 12px;border-radius:4px;background-color:#00bfff;color:#fff;text-decoration:none;font-size:14px}.assignment-upload{margin-top:10px;display:flex;flex-direction:column;gap:8px}.assignment-upload textarea{width:100%;min-height:60px;padding:6px;border-radius:4px;border:1px solid #ccc}.assignment-upload input[type=file]{border:none}.assignment-upload button{padding:6px 12px;border-radius:4px;border:none;background-color:#00bfff;color:#fff;cursor:pointer;font-weight:600}.add-assignment-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.add-assignment-form input,.add-assignment-form select,.add-assignment-form button{padding:6px 10px;border-radius:4px;border:1px solid #ccc}.add-assignment-form button{background-color:#00bfff;color:#fff;border:none;cursor:pointer;font-weight:600}.add-assignment-form{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;background-color:#f5f5f5;padding:15px;border-radius:8px;border:1px solid #ddd}.add-assignment-form input,.add-assignment-form select,.add-assignment-form textarea,.add-assignment-form button{padding:8px 10px;border-radius:4px;border:1px solid #ccc;font-size:14px}.add-assignment-form input[type=file]{padding:3px}.add-assignment-form textarea{flex:1 1 100%;min-height:80px;resize:vertical}.add-assignment-form button{background-color:#00bfff;color:#fff;border:none;cursor:pointer;font-weight:600;transition:.2s}.add-assignment-form button:hover{background-color:#009edb}.file-preview{margin-top:8px;font-size:13px;color:#555}.teacher-attendance-container{padding:24px;max-width:600px;margin:0 auto;font-family:Arial,sans-serif}.teacher-attendance-container h2{font-size:1.75rem;font-weight:700;margin-bottom:16px;text-align:center}#camera{width:100%;max-width:320px;height:auto;border:2px solid #333;border-radius:8px;display:block;margin:0 auto;background-color:#000}.action-buttons{display:flex;justify-content:center;gap:12px;margin-top:16px}.action-buttons button{padding:10px 16px;font-size:1rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.action-buttons button:disabled{opacity:.5;cursor:not-allowed}.action-buttons .register-btn{background-color:#2563eb;color:#fff}.action-buttons .register-btn:hover:not(:disabled){background-color:#1d4ed8}.action-buttons .attendance-btn{background-color:#16a34a;color:#fff}.action-buttons .attendance-btn:hover:not(:disabled){background-color:#15803d}.status-text{text-align:center;margin-top:16px;font-size:1rem;font-weight:500}.attendance-history{margin-top:24px}.attendance-history h3{font-size:1.25rem;font-weight:600;margin-bottom:12px;text-align:center}.attendance-history ul{list-style-type:disc;padding-left:20px}.attendance-history li{padding:6px 0;font-size:1rem;border-bottom:1px solid #e5e7eb}.parent-panel{width:240px;height:100vh;position:fixed;top:0;left:0;background-color:#fff;box-shadow:2px 0 6px #00000026;padding-top:0;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,sans-serif;overflow:hidden;transition:width .3s}.parent-panel-wrapper{position:relative}.toggle-button-outside{position:fixed;top:20px;left:250px;z-index:1000;cursor:pointer;display:flex;flex-direction:column;gap:5px;background:#5c3dc4;padding:8px;border-radius:6px;transition:left .3s ease;margin-left:-60px}.toggle-button-outside.collapsed{left:70px}.toggle-button-outside .bar{width:20px;height:2px;background-color:#fff}.parent-panel.collapsed~.toggle-button-outside{left:70px}.parent-panel.collapsed{width:60px}.parent-panel.collapsed .panel-header-overlay .header-title{display:none}.parent-panel.collapsed .parent-list button{justify-content:center;padding:10px 0}.parent-panel.collapsed .parent-button-content,.parent-panel.collapsed .parent-arrow{display:none}.parent-panel-header{flex-shrink:0;position:relative;width:100%;height:130px;background-color:#fae8effe;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.parent-list{flex:1;width:100%;padding:0 15px;display:flex;flex-direction:column;gap:0;overflow-y:auto}.parent-list button{background:transparent;border:none;color:#010101;display:flex;align-items:center;padding:10px 12px;margin:0;font-size:15px;border-radius:0;transition:background .2s;cursor:pointer;text-align:left;gap:12px;-webkit-tap-highlight-color:transparent;height:45px}.parent-list button:hover{background-color:#fcc2d8fe!important;color:#30f!important}.parent-list button:focus,.parent-list button:active{outline:none;background-color:transparent;box-shadow:none}.parent-list .active{background-color:#fcc2d8fe;color:#333;font-weight:700}.icon{width:20px;height:20px;filter:none;color:#000}.parent-button-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin-left:10px}.parent-arrow{margin-left:auto;font-weight:700;color:#0a0a0a42}.svg-banner{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 0;background-color:#f0f4f8;flex-wrap:wrap}.svg-banner img{height:40px;width:auto}@media screen and (max-width:768px){.parent-panel{left:0;top:0;width:100vw;height:100vh;background-color:#fff;position:fixed;transform:translate(-100%);transition:transform .3s ease;z-index:999;box-shadow:2px 0 6px #0000004d}.parent-panel.expanded{transform:translate(0)}.toggle-button-outside{left:15px!important;top:15px!important;margin-left:0;z-index:1000}.parent-main-content{width:100%;transition:none;padding:15px}}.join-live-content{position:absolute;inset:0 0 0 240px;padding:30px;overflow-y:auto;transition:left .3s ease;background:#f4f6fa}.join-live-content.collapsed{left:60px}.dashboard-topbar{display:flex;justify-content:space-between;margin-bottom:20px;font-weight:600;color:#555}.dashboard-title{font-size:26px;color:#0d47a1;margin-bottom:20px}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.class-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 4px 12px #0000001f;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease}.class-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000002e}.sr-left1{display:flex;flex-direction:column;justify-content:center;gap:8px;color:#fff}.sr-label1{font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#fff}.sr-count1{font-size:14px;font-weight:500;color:#fff;padding:6px 12px;border-radius:8px;border:none;width:fit-content;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-align:center}.sr-count1.live{background-color:#1b5e20}.sr-count1.upcoming{background-color:#ef6c00}.sr-count1.ended{background-color:#b71c1c}.sr-count1:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000040;filter:brightness(1.1)}.sr-icon-chip1{font-size:28px;display:flex;align-items:center;justify-content:center}.join-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.join-modal{background:#fff;padding:30px;border-radius:16px;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 25px #0000004d;animation:fadeIn .3s ease-in-out}.join-modal h2{margin-bottom:10px;color:#333}.join-modal p{margin-bottom:20px;font-size:14px;color:#555}.join-links{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.join-btn{padding:12px;border-radius:10px;font-weight:700;text-decoration:none;color:#fff;transition:none;display:block}.join-btn:hover,.join-btn:focus,.join-btn:active{color:#fff;background:inherit;text-decoration:none}.join-btn.google{background:#4285f4}.join-btn.teams{background:#464eb8}.join-btn.zoom{background:#2d8cff}.join-btn:hover{transform:none;opacity:1}.close-btn{background:#f44336;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:700}.close-btn:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.join-live-content{position:relative!important;top:0;left:0!important;width:100%!important;padding:15px;overflow-x:hidden;overflow-y:auto;transition:none}.join-live-content.collapsed{left:0!important}.classes-grid{grid-template-columns:1fr!important;gap:12px}.sidebar-open .join-live-content{display:none}}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#f4f6fa;color:#333}.fees-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0 40px 240px}.fee-card{color:#fff;border-radius:12px;box-shadow:0 6px 20px #00000026;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:180px;transition:transform .3s,box-shadow .3s}.fee-card:nth-child(1){background-color:#5c3dc4}.fee-card:nth-child(2){background-color:#ff6b6b}.fee-card:nth-child(3){background-color:orange}.fee-card:nth-child(4){background-color:#4caf50}.fee-card:nth-child(5){background-color:#00bfff}.fee-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000040}.fee-card h3{margin-bottom:15px;font-size:20px;font-weight:700}.fee-card p{margin-bottom:20px;font-size:18px}.pay-button{padding:10px 25px;border:none;background-color:#ff3b3b;color:#fff;font-weight:700;border-radius:8px;cursor:pointer;transition:background .3s,transform .3s}.pay-button:hover{background-color:#ff1a1a;transform:scale(1.05)}.fees-summary{display:flex;gap:30px;flex-wrap:wrap;margin-left:240px;margin-bottom:40px}.total-card,.chart-card{background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000026;padding:25px;flex:1;min-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;transition:transform .3s,box-shadow .3s}.total-card:hover,.chart-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.total-card h3,.chart-card h3{margin-bottom:15px;color:#5c3dc4}.total-card p{font-size:26px;font-weight:700;color:#333;text-align:center}h1{margin-left:240px;margin-top:20px;font-size:32px;color:#333}p{margin-left:240px;margin-bottom:10px;color:#555}.accounts-overview-chart{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:15px;margin-bottom:20px}.chart-title{margin-bottom:10px;color:#5c3dc4;font-weight:700}.raise-ticket-page{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,sans-serif;background-color:#f4f6f9;padding:20px}.ticket-container{background-color:#fff;border-radius:12px;box-shadow:0 12px 25px #00000014;max-width:600px;width:100%;padding:40px 30px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease}.ticket-container.collapsed{margin-left:80px}.ticket-heading{font-size:30px;font-weight:700;color:#1e3a8a;margin-bottom:10px;text-align:center}.ticket-description{font-size:15px;color:#4b5563;margin-bottom:20px;line-height:1.6;text-align:center}.ticket-form{display:flex;flex-direction:column;gap:15px}.ticket-label{font-weight:600;color:#1e3a8a;margin-bottom:5px}.ticket-textarea{padding:14px 16px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;color:#1f2937;resize:vertical;min-height:120px;transition:border .2s ease,box-shadow .2s ease}.ticket-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;outline:none}.ticket-submit-btn{padding:14px 20px;background-color:#4f46e5;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease}.ticket-submit-btn:hover{background-color:#3730a3;transform:translateY(-2px)}.ticket-description{font-size:16px;color:#374151;line-height:1.7;margin-bottom:25px;text-align:left;display:flex;align-items:flex-start;gap:10px;margin-left:-2px}.ticket-description-icon{color:#4f46e5;font-size:20px;margin-top:2px}@media(max-width:640px){.ticket-container{padding:30px 20px}.ticket-heading{font-size:26px}.ticket-submit-btn{font-size:15px}}html,body{height:100%;margin:0;overflow-y:auto}.timetable-wrapper{min-height:100vh;background:#f4f7fc;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column}.admin-main-content{flex:1;padding:30px;overflow-y:auto}.dashboard-topbar{position:sticky;top:0;z-index:1000;background:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 6px #0000000d}.timetable-title{font-size:32px;font-weight:700;text-align:center;margin:20px 0 30px;color:#3a3f51}.timetable-container{width:100%;overflow-x:auto;box-shadow:0 8px 20px #0000001a;border-radius:16px;background:#fff;padding:20px}.timetable{width:100%;border-collapse:collapse;text-align:center;font-size:14px;table-layout:fixed}.timetable colgroup col:nth-child(1){width:8%}.timetable colgroup col:nth-child(2){width:12%}.timetable colgroup col:nth-child(n+3){width:calc((100% - 20%) / 6)}.timetable th,.timetable td{padding:16px;border:1px solid #ddd;word-wrap:break-word;vertical-align:top}.timetable th:first-child,.timetable td:first-child{width:8%;font-weight:700}.timetable th:nth-child(2),.timetable td:nth-child(2){width:12%}.timetable tbody tr:nth-child(2n){background:#fafafa}.timetable tbody tr:hover{background:#eef2ff;transition:.2s ease-in-out}.break-row{background:#fff7ed!important;font-weight:700;font-size:16px}.lunch-cell{text-align:center;font-style:italic;color:#c2410c;padding:18px}.subject-card{position:relative;background:#f1f5f9;border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s;min-width:120px}.subject-card:hover{transform:scale(1.05);box-shadow:0 6px 14px #0000001f}.subject-card .tooltip{visibility:hidden;opacity:0;width:200px;background-color:#111827;color:#fff;text-align:left;border-radius:8px;padding:10px;position:absolute;z-index:999;bottom:110%;left:50%;transform:translate(-50%);transition:opacity .3s ease-in-out;font-size:12px;line-height:1.4;box-shadow:0 4px 8px #00000026}.subject-card .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#111827 transparent transparent transparent}.subject-card:hover .tooltip{visibility:visible;opacity:1}.subject-name{font-size:15px;font-weight:600}.teacher-name{font-size:12px;font-weight:400}.subject-card[data-subject*=Math]{background:#dbeafe;color:#1e40af}.subject-card[data-subject*=English]{background:#dcfce7;color:#166534}.subject-card[data-subject*=Science]{background:#ede9fe;color:#5b21b6}.subject-card[data-subject*=History]{background:#fef9c3;color:#854d0e}.subject-card[data-subject*=Computer]{background:#fee2e2;color:#991b1b}.subject-card[data-subject*=Sports]{background:#ffedd5;color:#9a3412}.subject-card[data-subject*=Art]{background:#fce7f3;color:#9d174d}.subject-card[data-subject*=Music]{background:#ccfbf1;color:#115e59}.subject-card[data-subject*=Geography]{background:#8bd7f7;color:#111e5e}.iphone-frame{width:380px;height:720px;margin:40px auto;background:#f9fafb;border:14px solid #000;border-radius:50px;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden;font-family:Segoe UI,sans-serif;position:relative}.iphone-notch{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:200px;height:30px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:10}.iphone-screen{flex:1;padding:20px;overflow-y:auto;margin-top:40px}.notice-header{text-align:center;margin-bottom:20px;font-size:20px;font-weight:600;margin-left:-0px}.notice-list{display:flex;flex-direction:column;gap:16px}.notice-card{border-radius:16px;padding:18px;box-shadow:0 6px 14px #00000026;transition:transform .2s ease,box-shadow .2s ease;color:#222;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notice-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.notice-card h3{font-size:17px;margin:0 0 6px}.notice-date{font-size:13px;opacity:.8;display:block;margin-bottom:8px}.notice-card p{font-size:15px;margin:0}.notice-green{background:linear-gradient(135deg,#d4fc79,#96e6a1)}.notice-blue{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.notice-yellow{background:linear-gradient(135deg,#f6d365,#fda085)}.notice-pink{background:linear-gradient(135deg,#fbc2eb,#a6c1ee)}.notice-purple{background:linear-gradient(135deg,#e0c3fc,#8ec5fc)}.iphone-home{width:120px;height:6px;background:#333;border-radius:3px;margin:10px auto}@media screen and (max-width:480px){.iphone-frame{width:95%;height:95vh;border-width:10px;border-radius:30px;margin:10px auto}.iphone-notch{width:50%;height:20px}.iphone-screen{padding:12px;margin-top:30px}.notice-header{font-size:16px;text-align:center;margin-bottom:12px}.notice-list{gap:12px}.notice-card{padding:12px;border-radius:12px;font-size:14px}.notice-card h3{font-size:15px;margin-bottom:4px}.notice-date{font-size:11px;display:block;margin-bottom:6px}.notice-card p{font-size:13px;line-height:1.4;margin:0}.iphone-home{width:50px;height:4px;margin:8px auto}}.dashboard-topbar{background:#0d47a1;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;font-size:14px;font-weight:500;border-radius:6px;margin-bottom:20px}.sr-main-content{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.sr-main-content.collapsed{left:60px}.sr-title{font-size:24px;font-weight:700;margin-bottom:20px;display:flex;align-items:center}.sr-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.sr-card{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:8px;color:#fff;cursor:pointer;box-shadow:0 2px 6px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.sr-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000002e}.sr-left{display:flex;flex-direction:column;line-height:1.2}.sr-label{font-size:18px;font-weight:700;margin-bottom:4px}.sr-count{font-size:12px;font-weight:600;opacity:.85;text-transform:uppercase}.sr-icon-chip{width:58px;height:58px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#0000001f;flex-shrink:0}.sr-icon-chip svg{font-size:26px;opacity:.9}.sr-orange{background:#ff9800}.sr-red{background:#f44336}.sr-green{background:#4caf50}.sr-pink{background:#e91e63}.sr-darkred{background:#d32f2f}.sr-blue{background:#2196f3}.sr-purple{background:#8e24aa}.sr-deeporange{background:#ff5722}.sr-result-card h3{margin-bottom:15px;font-size:20px;font-weight:700}.sr-result-card table{width:100%;border-collapse:collapse;margin-bottom:15px}.sr-result-card th,.sr-result-card td{padding:10px;border:1px solid #ddd;text-align:center}.download-btn{padding:10px 16px;background-color:#0d47a1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center}.download-btn:hover{background-color:#1565c0}.sr-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.sr-result-card{background:#fff;padding:25px;border-radius:12px;width:90%;max-width:600px;box-shadow:0 8px 25px #00000040;animation:slideDown .3s ease}.sr-previous-year-box{border:2px solid #ccc;border-radius:10px;padding:15px;background-color:#fff;margin-bottom:25px;min-height:120px}.sr-placeholder-box{background:#e0f7fa;padding:10px 14px;border-radius:8px;color:#00796b;text-align:center;font-style:italic;font-weight:500;font-size:13px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:default;max-width:250px;margin:0 auto}.sr-placeholder-box:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001f}.sr-result-card table{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014}.sr-result-card th{background-color:#f5f5f5;font-weight:600;color:#333}.sr-result-card td input{border:1px solid #ccc;border-radius:6px;padding:6px 8px;width:80px;transition:border .2s ease}.sr-result-card td input:focus{outline:none;border-color:#0d47a1;box-shadow:0 0 6px #0d47a14d}.download-btn{transition:background-color .2s ease,transform .2s ease}.download-btn:hover{transform:translateY(-2px)}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:480px){.sr-main-content{left:0!important;padding:12px;width:100%}.dashboard-topbar{flex-direction:column;align-items:flex-start;padding:8px 12px;font-size:12px;border-radius:4px}.sr-title{font-size:16px;margin-bottom:12px}.sr-card-grid{grid-template-columns:1fr;gap:12px}.sr-card{padding:12px 14px;flex-wrap:wrap;word-break:break-word}.sr-label{font-size:14px}.sr-count{font-size:10px}.sr-icon-chip{width:40px;height:40px;margin-top:6px}.sr-icon-chip svg{font-size:20px}.sr-result-card{width:95%;max-width:95%;padding:16px;overflow-x:auto}.sr-result-card table{width:100%;display:block;overflow-x:auto;font-size:12px}.sr-result-card table th,.sr-result-card table td{padding:6px}.recharts-responsive-container{height:250px!important}select{width:100%;font-size:13px;padding:6px 10px}.sr-placeholder-box{font-size:12px;padding:8px 10px}}.transport-content{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;transition:left .3s ease}.transport-content h1{margin-left:-20px}.transport-content.collapsed{left:60px}h1{margin-bottom:20px;font-size:26px;color:#0d47a1}.bus-search input{width:100%;max-width:400px;padding:10px 14px;border-radius:8px;border:1px solid #ccc;margin-bottom:20px;font-size:14px}.bus-card{background:#fff;border-radius:10px;padding:16px 20px;margin-bottom:25px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.bus-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.split-card{display:flex;gap:20px;flex-wrap:wrap;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001f;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.split-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000026}.bus-map{flex:1;min-width:300px;height:600px;border-top-left-radius:18px;border-bottom-left-radius:18px;position:relative;overflow:hidden;display:flex;flex-direction:column}.bus-map .leaflet-container{flex:1;width:100%;height:100%;border-radius:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.bus-details{flex:1;min-width:220px;padding:20px 25px;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(to bottom,#1976d2,#42a5f5,#90caf9);color:#fff;border-top-right-radius:12px;border-bottom-right-radius:12px;box-shadow:0 8px 20px #0000001a}.bus-details h3{font-size:20px;color:#fdfeff;margin-bottom:12px;font-weight:700}.bus-details table{width:100%;border-collapse:separate;border-spacing:0 6px;margin-top:10px;background:#ffffff0d;border-radius:8px;overflow:hidden}.bus-details table th,.bus-details table td{padding:10px 14px;text-align:left}.bus-details table th{color:#fff;font-weight:700;background:#1976d299;border-bottom:1px solid rgba(255,255,255,.3)}.bus-details table td{color:#fff;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.2);transition:background .2s ease}.bus-details table tr:hover td{background:#ffffff26}.bus-details table tr:last-child td{border-bottom:none}.bus-details ul{list-style:none;padding-left:0;margin-top:10px}.bus-details ul li{margin-bottom:6px;padding:8px 12px;border-radius:8px;color:#fff;font-weight:500;background:linear-gradient(90deg,#1976d2cc);box-shadow:0 2px 6px #00000014;transition:transform .2s ease,box-shadow .2s ease}.bus-details ul li:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.custom-bus-icon{font-size:28px;line-height:32px;text-align:center}@media screen and (max-width:768px){.transport-content{left:0!important;right:0!important;padding:10px;max-width:360px;margin:0 auto}.transport-content h1{font-size:20px;margin-left:0!important}.split-card{flex-direction:column;gap:8px;width:100%}.bus-map{width:100%;height:140px;border-radius:8px 8px 0 0;flex:none}.bus-map .leaflet-container{width:100%;height:100%}.bus-details{width:100%;padding:8px;border-radius:0 0 8px 8px}.bus-details h3{font-size:16px;margin-bottom:8px}.bus-details table{display:block;overflow-x:auto;font-size:11px;white-space:nowrap}.bus-details table th,.bus-details table td{padding:4px 6px}.bus-details caption{font-size:12px}@media screen and (max-width:480px){.bus-details table th:nth-child(4),.bus-details table th:nth-child(5),.bus-details table td:nth-child(4),.bus-details table td:nth-child(5){display:none}}}.dashboard-topbar1{background:#0d47a1;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;font-size:14px;font-weight:500;border-radius:6px;margin:20px 20px 20px 240px;align-items:center}.date-time1{font-weight:500;font-size:14px}.school-name1{font-weight:600;font-size:14px}.sr-main-content1{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.sr-main-content1.collapsed{left:60px}.sr-title1{font-size:24px;font-weight:700;margin-bottom:20px;display:flex;align-items:center}.sr-card-grid1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.sr-card1{display:flex;position:relative;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:8px;color:#fff;cursor:pointer;box-shadow:0 2px 6px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.sr-card-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;transition:opacity .2s ease;z-index:10}.sr-card1:hover .sr-card-tooltip{visibility:visible;opacity:1}.sr-card1.finished{opacity:.7;cursor:not-allowed}.sr-card1:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000002e}.sr-left1{display:flex;flex-direction:column;line-height:1.2}.sr-label1{font-size:18px;font-weight:700;margin-bottom:4px}.sr-count1{font-size:12px;font-weight:600;opacity:.85;text-transform:uppercase}.sr-icon-chip1{width:58px;height:58px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#0000001f;flex-shrink:0}.sr-icon-chip1 svg{font-size:26px;opacity:.9}.sr-orange1{background:#ff9800}.sr-red1{background:#f44336}.sr-green1{background:#4caf50}.sr-pink1{background:#e91e63}.sr-darkred1{background:#d32f2f}.sr-blue1{background:#2196f3}.sr-purple1{background:#8e24aa}.sr-deeporange1{background:#ff5722}.sr-modal-backdrop1{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.sr-result-card1{background:#fff;padding:25px;border-radius:12px;width:90%;max-width:600px;box-shadow:0 8px 25px #00000040;animation:slideDown1 .3s ease}.sr-result-table1{width:100%;border-collapse:collapse;margin-bottom:15px}.sr-result-table1 th,.sr-result-table1 td{padding:10px;border:1px solid #ddd;text-align:center}.download-btn1{padding:10px 16px;background-color:#0d47a1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center}.download-btn1:hover{background-color:#1565c0}.sr-previous-year-box1{border:2px solid #ccc;border-radius:10px;padding:15px;background-color:#fff;margin-bottom:25px;min-height:120px}.sr-placeholder-box1{background:#e0f7fa;padding:10px 14px;border-radius:8px;color:#00796b;text-align:center;font-style:italic;font-weight:500;font-size:13px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:default;max-width:250px;margin:0 auto}.sr-placeholder-box1:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001f}@keyframes slideDown1{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:480px){.sr-main-content1{left:0!important;padding:10px!important;width:100%}.dashboard-topbar1{margin:10px;padding:8px 12px;flex-direction:column;align-items:flex-start;font-size:12px}.date-time1,.school-name1{font-size:12px}.sr-card-grid1{grid-template-columns:1fr!important;gap:12px}.sr-card1{padding:12px 14px;flex-wrap:wrap;word-break:break-word}.sr-label1{font-size:14px}.sr-count1{font-size:11px}.sr-icon-chip1{width:40px;height:40px;margin-top:6px}.sr-icon-chip1 svg{font-size:20px}.sr-card-tooltip{font-size:10px;padding:4px 6px}.sr-result-card1{width:95%;max-width:95%;padding:16px;overflow-x:auto}.sr-result-table1{width:100%;display:block;overflow-x:auto;font-size:12px}.sr-result-table1 th,.sr-result-table1 td{padding:6px}.sr-placeholder-box1{font-size:12px;padding:8px 10px}}.parent-main-content{position:absolute;inset:0 0 0 240px;padding:25px 30px;overflow-y:auto;background-color:#f4f7fd;transition:left .3s ease;box-sizing:border-box}.parent-main-content.collapsed{left:80px}.parent-topbar{display:flex;justify-content:space-between;align-items:center;background:#0d47a1;color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:25px;font-weight:500;font-size:14px}.parent-student-photo-container{display:flex;justify-content:center;margin-bottom:25px}.parent-student-photo-square{width:160px;height:160px;border:.5px solid #0a0a0a;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 6px 15px #0000001a;display:flex;justify-content:center;align-items:center}.parent-student-photo-top{width:100%;height:100%;object-fit:cover}.parent-student-details-card{background:#e3f2fd;padding:20px;border-radius:12px;box-shadow:0 6px 15px #0000007a;margin-bottom:25px}.parent-student-info-row{display:flex;justify-content:space-between;flex-wrap:wrap}.parent-student-info-item{flex:1 1 30%;margin-bottom:10px;padding:8px 12px;border-radius:8px;background-color:#fff;border:1px solid #c5cae9}.parent-info-label{font-weight:600;color:#4f46e5;margin-right:8px}.parent-info-value{color:#1e3a8a;font-weight:500}.parent-quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-bottom:25px}.parent-quick-link-card{display:flex;justify-content:space-between;align-items:center;min-height:86px;padding:16px 18px;border-radius:12px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0000001f}.parent-quick-link-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000002e}.parent-ql-left{display:flex;flex-direction:column;line-height:1.1}.parent-ql-count{font-size:20px;font-weight:700}.parent-ql-label{font-size:12px;font-weight:600;text-transform:uppercase;opacity:.9}.parent-ql-icon-chip{width:50px;height:50px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#0000001f;font-size:24px}.parent-cards-row{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap}.parent-cards-row .parent-dashboard-card{flex:1 1 calc(50% - 10px);padding:15px;min-height:200px;box-sizing:border-box}.parent-today-classes-card table{width:100%;border-collapse:collapse;font-size:14px}.parent-today-classes-card th,.parent-today-classes-card td{padding:10px 12px;border-bottom:1px solid #e0e0e0;text-align:left}.parent-today-classes-card th{background-color:#4f46e5;color:#fff;font-weight:600}.parent-today-classes-card tr:hover{background-color:#f1f5fb;transition:.2s}.parent-attendance-calendar-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 20px #00000014;display:flex;flex-direction:column;margin-bottom:25px;transition:transform .3s;height:auto;max-height:420px}.parent-attendance-calendar-card:hover{transform:translateY(-3px)}.parent-attendance-calendar-card .react-calendar{width:100%;border:none;border-radius:12px;padding:8px;box-shadow:inset 0 0 8px #0000000d;transition:all .3s ease;max-height:320px;overflow:hidden}.parent-attendance-calendar-wrapper{max-height:300px;overflow-y:auto;padding-right:4px}.react-calendar__tile{border-radius:50%;height:34px!important;width:34px!important;margin:2px!important;display:flex;justify-content:center;align-items:center;transition:transform .2s,background-color .3s}.react-calendar__tile:hover{transform:scale(1.15);background-color:#4f46e51a}.present-day{background-color:#10b981!important;color:#fff!important;border:2px solid #059669;box-shadow:0 2px 6px #0000001a}.absent-day{background-color:#ef4444!important;color:#fff!important;border:2px solid #b91c1c;box-shadow:0 2px 6px #0000001a}.holiday-day{background-color:#fbbf24!important;color:#fff!important;border:2px solid #d97706;box-shadow:0 2px 6px #0000001a}.react-calendar__tile--now{border:2px dashed #4f46e5;background-color:#4f46e51a}.parent-calendar-legend{display:flex;gap:15px;margin-top:12px;font-size:14px;justify-content:flex-start}.parent-calendar-legend span{padding:4px 10px;border-radius:50px;font-weight:600;display:flex;align-items:center;justify-content:center;min-width:70px}.parent-calendar-legend .present-day{background-color:#10b981}.parent-calendar-legend .absent-day{background-color:#ef4444}.parent-calendar-legend .holiday-day{background-color:#fbbf24}.parent-equal-height-row{display:flex;gap:20px;flex-wrap:wrap;align-items:stretch}.parent-half-width-card{flex:1 1 calc(50% - 10px);min-width:300px;display:flex;flex-direction:column}.parent-report-card{display:flex;flex-direction:column;height:100%}.parent-report-card table{flex:1;width:100%;border-collapse:collapse}.parent-report-card th,.parent-report-card td{padding:10px;border:1px solid #e0e0e0;text-align:center}.parent-report-card th{background-color:#4f46e5;color:#fff;font-weight:600}.parent-report-card tr:hover{background-color:#f1f5fb;transition:.2s}.parent-blog-section{margin-top:40px;padding:20px;background:#e3f2fd;border-radius:12px}.parent-blog-section h3{margin-bottom:20px;color:#1e3a8a;font-size:22px;font-weight:600}.parent-school-photo-container{display:flex;justify-content:center;margin-bottom:25px}.parent-school-photo{width:100%;max-width:800px;border-radius:12px;box-shadow:0 6px 15px #0000001a;object-fit:cover}.parent-school-articles{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;margin-left:60px}.parent-article-card{flex:0 0 300px;background:#fff;padding:18px;border-radius:12px;box-shadow:0 4px 12px #00000014;display:block;line-height:1.5}.parent-article-card h4{font-size:18px;color:#4f46e5;margin-bottom:10px}.parent-article-card p{font-size:14px;color:#1e3a8a;display:inline;margin-right:8px}.parent-article-card a{display:inline-block;margin-top:10px;color:#0d47a1;font-weight:600;text-decoration:underline;cursor:pointer}.parent-school-awards{margin-top:25px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014}.parent-school-awards h4{font-size:18px;color:#4f46e5;margin-bottom:10px}.parent-school-awards p{font-size:14px;color:#1e3a8a;line-height:1.6}.parent-topbar-right{display:flex;align-items:center;gap:20px;position:relative}.parent-notification-wrapper{position:relative;cursor:pointer}.parent-notification-icon{font-size:20px;color:#fff}.parent-notification-count{position:absolute;top:-6px;right:-6px;background-color:#ef4444;color:#fff;font-size:10px;padding:2px 5px;border-radius:50%;font-weight:700}.parent-notification-dropdown-card{position:absolute;top:28px;right:0;width:280px;max-height:320px;overflow-y:auto;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 6px 18px #00000026;padding:10px;display:flex;flex-direction:column;gap:6px;z-index:200}.parent-notification-item{font-size:14px;padding:8px 12px;border-radius:6px;background-color:#f9fafb;color:#1e3a8a;transition:background-color .2s ease}.parent-notification-item:hover{background-color:#e0e7ff}@media screen and (max-width:768px){.parent-main-content{margin-left:0!important;padding:15px}.parent-quick-links{grid-template-columns:1fr;gap:12px}.parent-cards-row{flex-direction:column;gap:15px}.parent-cards-row .parent-dashboard-card{flex:1 1 100%}.parent-attendance-calendar-card,.parent-attendance-calendar-wrapper{max-height:300px;overflow-y:auto}.parent-today-classes-card table,.parent-report-card table{display:block;width:100%;overflow-x:auto;white-space:nowrap}.parent-notification-dropdown-card{width:90vw;right:5%}}@media screen and (max-width:480px){.parent-student-details h2{font-size:16px}.parent-quick-link-card,.parent-topbar,.parent-student-details-card{padding:10px}.parent-school-articles{margin-left:0;padding-bottom:8px}.parent-article-card{flex:0 0 250px;padding:12px}}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.hw-main-container{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.hw-main-container.collapsed{left:60px}.hw-page-title{color:#0d47a1;font-size:28px;font-weight:600;margin-bottom:20px}.hw-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.hw-card-item{border-radius:12px;padding:20px;box-shadow:0 3px 8px #0003;cursor:pointer;transition:transform .2s,box-shadow .2s}.hw-card-item:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000004d}.hw-card-subject{font-size:20px;font-weight:600;margin-bottom:6px}.hw-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.hw-detail-box{width:90%;max-width:800px;max-height:90vh;background-color:#fff;border-radius:12px;position:relative;padding:0;overflow-y:auto;box-shadow:0 8px 25px #0000004d;animation:fadeIn .3s ease}.hw-detail-header{padding:20px}.hw-detail-header h2{margin:0;font-size:26px}.hw-detail-table{width:100%;border-collapse:collapse;font-size:15px;margin:15px 0}.hw-detail-table th,.hw-detail-table td{border:1px solid #ccc;padding:10px 15px;text-align:left}.hw-detail-table th{background-color:#e0e0e0}.hw-close-btn{position:sticky;top:10px;right:10px;background:#f44336;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:16px;z-index:1010}.hw-close-btn:hover{background:#d32f2f}@media screen and (max-width:768px){.hw-main-container{position:relative!important;left:0!important;width:100%!important;padding:15px;overflow-x:hidden}.hw-card-grid{grid-template-columns:1fr!important;gap:12px}.hw-card-item{padding:15px;font-size:16px}.hw-detail-overlay{padding:10px}.hw-detail-box{width:100%!important;max-width:100%!important;max-height:90vh;padding:10px;border-radius:8px;overflow-y:auto;box-sizing:border-box}.hw-detail-table{font-size:14px;display:block;width:100%;overflow-x:auto}.hw-detail-table th,.hw-detail-table td{padding:8px 10px}.hw-close-btn{top:5px;right:5px;padding:5px 10px;font-size:14px}}.cw-main-container{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.cw-collapsed{left:60px}.cw-page-title{color:#0d47a1;font-size:28px;font-weight:600;margin-bottom:20px}.cw-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.cw-card-item{border-radius:12px;padding:20px;box-shadow:0 3px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#333}.cw-card-item:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0003}.cw-card-subject{font-size:20px;font-weight:600;margin-bottom:6px;color:#fff}.cw-card-topic,.cw-card-date{margin:2px 0}.cw-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.cw-detail-box{width:100%;max-width:900px;max-height:90vh;background-color:#fff;border-radius:12px;padding:0;position:relative;box-shadow:0 8px 25px #0000004d;overflow-y:auto}.cw-detail-header{padding:20px;color:#333;font-weight:600;font-size:24px}.cw-detail-header h2{margin:0;font-size:28px}.cw-detail-table{width:100%;border-collapse:collapse;font-size:16px;margin-bottom:20px}.cw-detail-table tr:nth-child(2n){background-color:#f9f9f9}.cw-detail-label{font-weight:600;width:200px;padding:12px 15px;background-color:#e0e0e0;border-right:1px solid #ccc}.cw-detail-table td{padding:12px 15px}.cw-detail-media{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.cw-detail-image{width:100%;max-height:450px;object-fit:cover;border-radius:8px}.cw-detail-video{width:100%;height:450px;border-radius:8px;margin-bottom:20px;object-fit:cover}.cw-close-btn{position:sticky;top:10px;right:10px;background:#f44336;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:16px;z-index:1010}.cw-close-btn:hover{background:#d32f2f}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){.cw-main-container{position:relative!important;left:0!important;width:100%!important;padding:15px;overflow-x:hidden}.cw-card-grid{grid-template-columns:1fr!important;gap:12px}.cw-detail-box{width:100%!important;max-width:100%!important;max-height:90vh;border-radius:8px;padding:10px;overflow-y:auto;box-sizing:border-box}.cw-detail-video{width:100%;height:200px}.cw-detail-image{width:100%;max-height:200px}.cw-detail-table{display:block;width:100%;overflow-x:auto;font-size:14px}.cw-detail-table td,.cw-detail-label{padding:8px 10px}.cw-detail-label{width:120px;font-size:13px}.cw-close-btn{top:5px;right:5px;padding:5px 10px;font-size:14px}}.parent-work-main{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.parent-work-main.collapsed{left:60px}h2{color:#0d47a1;font-size:28px;margin-bottom:20px;font-weight:600}.teacher-section{margin-bottom:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000026;transition:transform .2s,box-shadow .2s}.teacher-section:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.teacher-section h3{margin-bottom:15px;color:#1976d2;border-bottom:2px solid #1976d2;padding-bottom:5px;font-size:20px}.assignment-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px;align-items:center}.assignment-header h4{font-size:18px;color:#0d47a1;font-weight:600;margin:0}.assignment-type-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.assignment-type-badge.pdf{background-color:#f44336}.assignment-type-badge.image{background-color:#4caf50}.assignment-type-badge.video{background-color:#2196f3}.assignment-image{width:100%;max-height:500px;object-fit:cover;border-radius:8px;margin-bottom:10px}.assignment-video{width:100%;height:600px;border-radius:8px;margin-bottom:10px;object-fit:cover;box-shadow:0 1px 6px #00000040}.assignment-pdf{width:100%;height:600px;border:1px solid #ccc;border-radius:8px;margin-bottom:10px}.assignment-upload{display:flex;flex-direction:column;gap:8px}.assignment-upload textarea{resize:none;min-height:80px;padding:8px;border-radius:8px;border:1px solid #ccc}.assignment-upload input[type=file]{cursor:pointer}.assignment-upload button{width:fit-content;padding:8px 14px;border:none;border-radius:6px;background-color:#1976d2;color:#fff;cursor:pointer;transition:.3s}.assignment-upload button:hover{background-color:#1565c0;transform:translateY(-2px)}.download-btn{display:inline-block;margin-top:6px;padding:6px 12px;background-color:#4caf50;color:#fff;border-radius:6px;text-decoration:none;transition:.3s}.download-btn:hover{background-color:#388e3c;transform:translateY(-1px)}.subject-tabs{display:flex;gap:10px;margin-bottom:20px}.subject-tab{padding:8px 14px;border:none;border-radius:6px;background-color:#e0e0e0;cursor:pointer;transition:.3s}.subject-tab.active{background-color:#1976d2;color:#fff}.teacher-section{margin-bottom:25px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000026}.assignment-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:18px;border-radius:12px;margin-bottom:20px;box-shadow:0 3px 8px #0000001a;transition:transform .2s,box-shadow .2s}.assignment-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000026}.teacher-comment{font-style:italic;background-color:#fff3e0;padding:8px;border-radius:6px;margin-bottom:10px}@media screen and (max-width:768px){.parent-work-main{position:relative!important;left:0!important;width:100%!important;padding:10px;overflow-x:hidden}.subject-tabs{flex-wrap:wrap;gap:8px}.subject-tab{flex:1 1 calc(50% - 8px);font-size:14px;padding:6px 10px}.teacher-section{padding:12px;margin-bottom:20px}.assignment-card{padding:12px;margin-bottom:15px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:10px}.assignment-header{flex-direction:column;align-items:flex-start;gap:4px}.assignment-header h4{font-size:16px;margin-bottom:4px}.assignment-type-badge,.submission-status{font-size:10px;padding:2px 6px}.assignment-video,.assignment-image,.assignment-pdf{width:100%;max-height:250px;object-fit:cover;border-radius:6px;margin-bottom:8px}.teacher-comment{font-size:13px;padding:8px 10px;margin:10px 0}.assignment-upload{flex-direction:column;gap:6px}.assignment-upload textarea{min-height:60px;font-size:14px}.assignment-upload input[type=file]{font-size:12px}.assignment-upload button{font-size:14px;padding:6px 10px}.download-btn{font-size:12px;padding:4px 8px}.cw-detail-table,.hw-detail-table{font-size:13px}.cw-detail-label,.hw-detail-label{width:120px;font-size:12px}.assignment-card,.teacher-section{overflow-x:hidden;overflow-y:auto}}.sbs-main-container{position:absolute;inset:0 0 0 240px;padding:20px;overflow-y:auto;background-color:#f4f6fa;transition:left .3s ease}.sbs-main-container.collapsed{left:60px}.sbs-page-title{font-size:24px;font-weight:600;margin-bottom:20px;color:#0d47a1}.sbs-class-card{background:linear-gradient(135deg,#4caf50,#81c784,#a5d6a7);padding:30px 20px;border-radius:12px;color:#fff;text-align:center;cursor:pointer;box-shadow:0 3px 10px #00000026;transition:transform .2s,box-shadow .2s}.sbs-class-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000040}.sbs-class-card h3{font-size:22px;margin-bottom:8px}.sbs-class-card p{font-size:14px;opacity:.85;color:#fff;margin-left:2px}.sbs-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.sbs-detail-box{background:#fff;border-radius:12px;width:600px;max-width:95%;max-height:90vh;padding:25px 30px;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column}.sbs-close-btn{align-self:flex-end;background:#f44336;color:#fff;border:none;font-size:18px;padding:6px 12px;border-radius:6px;cursor:pointer}.sbs-close-btn:hover{opacity:.9}.sbs-detail-header{font-size:22px;font-weight:700;color:#0d47a1;text-align:center;margin-bottom:12px}.sbs-detail-table-container{overflow-y:auto;max-height:calc(90vh - 100px);border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0}.sbs-detail-table{width:100%;border-collapse:collapse}.sbs-detail-table th,.sbs-detail-table td{padding:10px 12px;border:1px solid #ccc;text-align:left}.sbs-detail-table th{background-color:#f0f0f0;font-weight:600}.sbs-detail-table tbody tr:nth-child(odd){background-color:#f9f9f9}.sbs-detail-table tbody tr:hover{background-color:#e0f7fa}@media screen and (max-width:480px){.sbs-main-container{left:0!important;padding:10px!important}.sbs-page-title{font-size:20px;margin-bottom:15px}.sbs-class-card{padding:20px 15px}.sbs-class-card h3{font-size:18px}.sbs-class-card p{font-size:12px}.sbs-detail-box{width:95%;max-width:95%;padding:15px 20px}.sbs-detail-header{font-size:18px;margin-bottom:10px}.sbs-detail-table-container{max-height:calc(90vh - 80px);padding:5px 0}.sbs-detail-table th,.sbs-detail-table td{padding:6px 8px;font-size:12px}.sbs-close-btn{font-size:16px;padding:4px 8px}}.superadmin-panel-wrapper{position:relative;z-index:100}.superadmin-panel{width:240px;height:100vh;position:fixed;top:0;left:0;background-color:#fff;box-shadow:2px 0 6px #00000026;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,sans-serif;overflow-y:auto;transition:width .3s}.superadmin-toggle-button{position:fixed;top:20px;left:250px;z-index:1000;cursor:pointer;display:flex;flex-direction:column;gap:5px;background:#5c3dc4;padding:8px;border-radius:6px;transition:left .3s ease;margin-left:-60px}.superadmin-toggle-button.collapsed{left:70px}.superadmin-toggle-button .bar{width:20px;height:2px;background-color:#fff}.superadmin-panel.collapsed~.superadmin-toggle-button{left:70px}.superadmin-panel.collapsed{width:60px}.superadmin-panel.collapsed .panel-header-overlay .header-title{display:none}.superadmin-panel.collapsed .superadmin-list button{justify-content:center;padding:10px 0}.superadmin-panel.collapsed .superadmin-button-content,.superadmin-panel.collapsed .superadmin-arrow{display:none}.superadmin-panel-header{position:relative;width:100%;height:130px;background-color:#ebf9fffe;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header-overlay{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.header-title{font-size:18px;font-weight:700;color:#000}.superadmin-list{width:100%;padding:0 15px;display:flex;flex-direction:column;gap:0}.superadmin-list button{background:transparent;border:none;color:#010101;display:flex;align-items:center;padding:10px 12px;margin:0;font-size:15px;border-radius:0;transition:background .2s;cursor:pointer;text-align:left;gap:12px;-webkit-tap-highlight-color:transparent;height:45px}.superadmin-list button:hover{background-color:#c2eefffe!important;color:#30f!important}.superadmin-list button:focus,.superadmin-list button:active{outline:none;background-color:transparent;box-shadow:none}.superadmin-list .active{background-color:#c2eefffe;color:#333;font-weight:700}.superadmin-icon{width:20px;height:20px;filter:none;color:#000}.superadmin-active-icon{filter:brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(7492%) hue-rotate(357deg) brightness(101%) contrast(119%) drop-shadow(0 0 0px red)}.superadmin-button-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin-left:10px}.superadmin-arrow{margin-left:auto;font-weight:700;color:#0a0a0a42}.superadmin-svg-banner{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 0;background-color:#f0f4f8;flex-wrap:wrap}.superadmin-svg-banner img{height:40px;width:auto}@media screen and (max-width:768px){.superadmin-panel{left:0;top:0;width:100vw;height:100vh;background-color:#fff;position:fixed;transform:translate(-100%);transition:transform .3s ease;z-index:999;box-shadow:2px 0 6px #0000004d}.superadmin-panel.expanded{transform:translate(0)}.superadmin-toggle-button{left:15px!important;top:15px!important;margin-left:0;z-index:1000}}.superadmin-main-content{margin-left:250px;padding:20px;transition:margin-left .3s ease;background:#f9faff;min-height:100vh}.superadmin-main-content.collapsed{margin-left:80px}.superadmin-topbar{display:flex;justify-content:space-between;align-items:center;background:#4b2cc4;color:#fff;padding:12px 20px;border-radius:12px;margin-bottom:20px;font-weight:500}.superadmin-date{font-size:14px}.superadmin-school{font-size:16px;font-weight:700}.superadmin-welcome{margin:15px 0;font-size:22px;color:#2a2a2a}.superadmin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.superadmin-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 12px #00000014;font-weight:600;text-align:center;color:#4b2cc4;transition:transform .2s}.superadmin-card:hover{transform:translateY(-4px)}.superadmin-section{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px}.superadmin-section h3{margin-bottom:15px;color:#333}.superadmin-activities{list-style:none;padding-left:0}.superadmin-activities li{margin:8px 0;padding:10px;border-left:4px solid #4b2cc4;background:#f4f2ff;border-radius:8px;font-size:14px;color:#444}.create-admin-container{background:#f4f2ff;border:1px solid #d1c8ff;border-radius:12px;padding:20px}.create-admin-container h2{font-size:18px;margin-bottom:15px;color:#4b2cc4}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.superadmin-main-content{position:absolute;inset:0 0 0 250px;background-color:#f8f9fa;padding:0;overflow:visible;margin-left:20px}.superadmin-main-content.collapsed{left:80px}.superadmin-main-scroll{height:100%;padding:2rem;box-sizing:border-box;overflow-y:auto}.superadmin-modules-page{padding:2rem;font-family:Arial,sans-serif;background-color:#f8f9fa;min-height:100vh}.superadmin-modules-page h2{margin-bottom:1.5rem;font-size:1.8rem;color:#333;text-align:center}.superadmin-modules-page table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 0 10px #0000000d;border-radius:8px;overflow:hidden}.superadmin-modules-page th,.superadmin-modules-page td{padding:12px 16px;text-align:left;border-bottom:1px solid #eaeaea}.superadmin-modules-page th{background-color:#007bff;color:#fff;font-weight:600}.superadmin-modules-page tr:hover{background-color:#f1f5f9}.superadmin-modules-page button{padding:6px 14px;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:all .2s ease}.superadmin-modules-page button:hover{opacity:.85}.superadmin-modules-page button:focus{outline:none}.superadmin-modules-page button:disabled{opacity:.6;cursor:not-allowed}.superadmin-modules-page button:contains("Enable"){background-color:#28a745;color:#fff}.superadmin-modules-page button:contains("Disable"){background-color:#dc3545;color:#fff}@media(max-width:768px){.superadmin-modules-page table,.superadmin-modules-page thead,.superadmin-modules-page tbody,.superadmin-modules-page th,.superadmin-modules-page td,.superadmin-modules-page tr{display:block}.superadmin-modules-page thead tr{display:none}.superadmin-modules-page tr{margin-bottom:1rem;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 0 5px #0000000d}.superadmin-modules-page td{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #eee}.superadmin-modules-page td:before{content:attr(data-label);font-weight:600;flex:1;color:#555}.superadmin-modules-page button{margin-top:8px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}