@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-Thin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-ThinItalic.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins/Poppins-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}:root{--app-font-family: "Poppins", "Segoe UI", Arial, sans-serif;--app-font-weight-body: 400;--app-font-weight-semibold: 500;--app-font-weight-bold: 500;--sidebar-width: 268px;--sidebar-width-compact: 86px;--page-gutter-x: 24px;--page-gutter-y: 18px;--page-bg: #eef7ff;--page-bg-soft: #f8fcff;--text-main: #1f2933;--text-muted: #5f6b7a;--border-soft: rgba(181, 195, 211, .55);--shadow-card: 0 3px 8px rgba(30, 56, 85, .18)}html,body{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--page-bg);color:var(--text-main);font-family:var(--app-font-family);font-weight:var(--app-font-weight-body)}*{box-sizing:border-box}img,video,canvas{max-width:100%}img,video{height:auto}button,input,select,textarea{font-family:inherit;max-width:100%}table{width:100%;border-collapse:collapse}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);width:min(100%,var(--app-max-width));min-height:100vh;margin:0 auto;background:radial-gradient(circle at 80% 4%,rgba(118,169,230,.16),transparent 28rem),linear-gradient(135deg,var(--page-bg-soft) 0%,#edf6ff 52%,#f6fbff 100%)}.page-content{min-width:0;overflow-x:hidden;overflow-y:auto;padding:var(--page-gutter-y) var(--page-gutter-x) 30px}.admin-topbar .top-buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px}.page-content.super-admin-content app-notification-center{position:fixed;top:22px;right:24px;z-index:80}.page-content.super-admin-content app-notification-center .notification-wrap{width:auto}.page-content.super-admin-content .admin-topbar,.page-content.super-admin-content .topbar{padding-right:58px}.page-content.super-admin-content .card-heading app-notification-center{margin-left:auto}.notification-wrap{position:relative;z-index:60}.icon-button.notification.active{color:#287fc7;border-radius:8px;background:#eaf5ff}.notification-count{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #f6fbff;border-radius:99px;background:#e03434;color:#fff;font-size:11px;font-weight:var(--app-font-weight-semibold);line-height:1}.notification-center{position:fixed;top:0;right:0;z-index:70;width:min(420px,calc(100vw - 24px));height:100vh;padding:18px;border-left:1px solid #c9d6e2;background:#fff;box-shadow:-18px 0 44px #1b3d6442;animation:notificationSlide .24s ease-out;overflow-y:auto}.notification-arrow{display:none}.notification-head,.recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-head h2{color:#0d1722;font-size:23px;font-weight:var(--app-font-weight-bold)}.notification-head button{display:grid;place-items:center;width:30px;height:30px;border:0;background:transparent;color:#5d6670;cursor:pointer}.notification-head button svg{width:20px;height:20px}.notification-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;overflow:hidden;border:1px solid #c9d6e2;border-radius:8px}.notification-tabs button,.audience-tabs button,.quick-grid button{border:0;background:#fff;color:#111820;font:inherit;cursor:pointer}.notification-tabs button{height:40px;border-right:1px solid #c9d6e2}.notification-tabs button.active,.audience-tabs button.active{color:#fff;background:linear-gradient(180deg,#338fde,#247cc5)}.compose-box{margin-top:20px}.compose-box h3,.recent-head h3{color:#111820;font-size:18px;font-weight:var(--app-font-weight-bold)}.audience-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.audience-tabs button{min-height:36px;padding:0 11px;border:1px solid #c9d6e2;border-radius:7px}.class-select{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:10px}.class-select span,.class-select select{min-height:34px;border:1px solid #c9d6e2;border-radius:7px;color:#111820;font:inherit}.class-select span{display:inline-flex;align-items:center;padding:0 10px;background:#f8fbfd;font-size:14px}.class-select select{min-width:0;height:34px;padding:0 10px;background:#fff}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.quick-grid button{display:grid;justify-items:center;gap:5px;min-height:62px;padding:8px 4px;border:1px solid #c9d6e2;border-radius:7px}.quick-grid span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eaf5ff;font-size:16px}.quick-grid small{color:#111820;font-size:10px;font-weight:var(--app-font-weight-bold);line-height:1.05;text-align:center}.draft-message{margin-top:10px;padding:9px;border:1px solid #b9d8ef;border-radius:7px;background:#eef8ff;color:#225f91;font-size:13px}.recent-head{margin-top:20px}.notification-list{display:grid;gap:9px;overflow-y:auto;margin:12px 0 0;padding:0 2px 0 0;list-style:none}.notification-list li{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid #d0dae4;border-radius:8px;background:#fff;box-shadow:0 2px 8px #1b3d6414}.notification-list li.unread{border-color:#a9cdea;background:#f7fbff}.notification-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e6f4f1;font-size:18px}.notification-list strong,.notification-list em{display:block}.notification-list strong{color:#111820;font-size:14px;line-height:1.2;overflow-wrap:anywhere}.notification-list em{margin-top:4px;color:#5f6f7f;font-size:12px;font-style:normal}.notification-list i{font-style:normal;font-size:17px;text-align:right}.notification-backdrop{position:fixed;inset:0;z-index:50;border:0;background:rgba(11,24,43,.22);cursor:default}@keyframes notificationSlide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 980px){.app-shell{grid-template-columns:var(--sidebar-width-compact) minmax(0,1fr)}}@media (max-width: 760px){.app-shell{display:block}.page-content{padding:18px 14px 26px}.page-content :where(section,article,aside,form,table,img,video,canvas){max-width:100%}.page-content :where(input,select,textarea,button){min-width:0}.page-content.super-admin-content app-notification-center{top:14px;right:14px}.page-content.super-admin-content .admin-topbar,.page-content.super-admin-content .topbar{padding-right:44px}.notification-wrap{width:100%}.notification-center{top:0;right:0;left:auto;width:min(360px,calc(100vw - 18px));height:100vh;max-height:none;border-radius:10px 0 0 10px;animation:notificationSlide .24s ease-out}.notification-arrow{display:none}.class-select,.quick-grid{grid-template-columns:1fr}.quick-grid button{grid-template-columns:28px 1fr;justify-items:start;min-height:44px;padding-inline:10px}}@media (max-width: 520px){:root{--sidebar-width-compact: 70px;--page-gutter-x: 12px;--page-gutter-y: 14px}body{min-width:320px}}