.bsee-about-portal-wrapper{width:100%;max-width:100vw;position:relative;overflow-x:clip}.about-us-page-wrapper{width:100%;max-width:100%;min-height:100%;position:relative;overflow-x:clip}.about-us-page-wrapper>.portal-grid-bg,.bsee-about-portal-wrapper .portal-grid-bg{--size:60px;--line:#00000014;background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 0 0 / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 0 0 / var(--size) var(--size);pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.theme-dark .about-us-page-wrapper>.portal-grid-bg,.theme-dark .bsee-about-portal-wrapper .portal-grid-bg{--line:#ffffff12}.bsee-about-portal-wrapper .hero-simple-section{box-sizing:border-box;z-index:2;justify-content:center;align-items:center;width:100%;height:calc(100dvh - 188px);min-height:calc(100dvh - 188px);padding:0 1.5rem;display:flex;position:relative}.bsee-about-portal-wrapper .hero-center-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;width:100%;max-width:920px;margin:0 auto;display:flex;transform:none}.bsee-about-portal-wrapper h1{text-wrap:balance;text-align:center;letter-spacing:-.04em;width:100%;max-width:900px;color:var(--text-primary,#000);margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-size:clamp(2.8rem,5.5vw + 1rem,5.6rem);font-weight:900;line-height:1.06}.bsee-about-portal-wrapper h1 span{color:#5a28f8;display:block}.theme-dark .bsee-about-portal-wrapper h1 span{color:#8b5cf6}.bsee-about-portal-wrapper p{text-align:center;max-width:680px;color:var(--text-secondary,#475569);margin:0 auto;font-size:clamp(1.05rem,1.3vw + .4rem,1.35rem);font-weight:500;line-height:1.55}.theme-dark .bsee-about-portal-wrapper p{color:#94a3b8}.bsee-about-portal-wrapper .hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.bsee-about-portal-wrapper .primary-btn{color:#fff;cursor:pointer;background:#5a28f8;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.85rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 24px -4px #5a28f866}.bsee-about-portal-wrapper .primary-btn:hover{background:#4a1cd6;transform:translateY(-2px);box-shadow:0 14px 28px -4px #5a28f880}.bsee-about-portal-wrapper .secondary-btn{background:var(--card,#fff);color:var(--text-primary,#0f172a);border:1.5px solid var(--border,#e2e8f0);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0000000a}.theme-dark .bsee-about-portal-wrapper .secondary-btn{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff26}.bsee-about-portal-wrapper .secondary-btn:hover{background:var(--border,#f1f5f9);transform:translateY(-2px)}.theme-dark .bsee-about-portal-wrapper .secondary-btn:hover{background:#ffffff1a;border-color:#ffffff40}@media (width<=768px){.bsee-about-portal-wrapper .hero-simple-section{height:auto!important;min-height:auto!important;padding:4rem 1rem 3rem!important}}@media (width>=769px){.dashboard-main.dashboard-page-main,.dashboard-wrapper .dashboard-main.dashboard-page-main,.dashboard-content-area .dashboard-main.dashboard-page-main,.nav-mode-top .dashboard-main.dashboard-page-main{width:100%!important;max-width:1280px!important;margin:0 auto!important;padding-top:167px!important}.dashboard-main:has(.dashboard-page-redesign){width:100%!important;max-width:1280px!important;margin:0 auto!important;padding-top:167px!important}.nav-mode-top .dashboard-main:has(.dashboard-page-redesign){width:100%!important;max-width:1280px!important;margin:0 auto!important;padding-top:167px!important}.dashboard-page-redesign,.dashboard-wrapper .dashboard-page-redesign,.dashboard-content-area .dashboard-page-redesign{margin-top:70px!important;padding-top:0!important}.bsee-hero-banner-blue,.bsee-hero-blur-banner{margin-top:0!important;padding:1.75rem 2.25rem!important}}@media (width<=768px){.bsee-hero-banner-blue,.bsee-hero-blur-banner{margin-top:-6rem!important}}@media (width>=769px){.dashboard-main.payments-dashboard-main,.dashboard-wrapper .dashboard-main.payments-dashboard-main,.dashboard-content-area .dashboard-main.payments-dashboard-main,.nav-mode-top .dashboard-main.payments-dashboard-main{align-self:stretch!important;width:100%!important;max-width:100%!important;margin:0!important;padding-top:167px!important}.payments-page-wrapper{width:100%!important;max-width:100%!important;margin-top:0!important}.payments-order-card{width:100%!important;max-width:100%!important}}@media (width<=768px){.dashboard-main.payments-dashboard-main,.payments-page-wrapper,.payments-order-card,.mobile-only-payment-cards.mobile-bills-container{margin-top:0!important;padding-top:0!important}.mobile-bills-sticky-wrapper{top:0!important}.mobile-bills-header{padding-top:calc(58px + env(safe-area-inset-top,0) + 8px)!important;padding-bottom:.6rem!important;padding-left:1rem!important;padding-right:1rem!important}.mobile-bills-history-btn{bottom:.6rem!important}.mobile-bills-content{margin-top:calc(150px + env(safe-area-inset-top,0))!important}}@media (width>=769px){:is(.dashboard-main.calendar-dashboard-main,.dashboard-content-area:has(.remind-calendar-wrapper) .dashboard-main){align-self:stretch!important;width:100%!important;max-width:100%!important;margin:0!important;padding-top:185px!important}.calendar-page-wrapper{width:100%!important;max-width:100%!important;margin-top:0!important}}@media (width<=768px){.calendar-page-wrapper{margin-top:-2.5rem!important}}@media (width>=769px){.dashboard-main.attendance-dashboard-main,.dashboard-wrapper .dashboard-main.attendance-dashboard-main,.dashboard-content-area .dashboard-main.attendance-dashboard-main,.nav-mode-top .dashboard-main.attendance-dashboard-main{width:100%!important;max-width:100%!important;margin:0!important;padding-top:167px!important}.attendance-page-wrapper{margin-top:0!important}}@media (width<=768px){.dashboard-main.attendance-dashboard-main,.attendance-page-wrapper{margin-top:-6rem!important}}.class-monitor-dashboard-content{box-sizing:border-box;flex:1;min-width:0;max-width:100%;padding:1.25rem 1.75rem 2rem;overflow-y:auto}.cm-desktop-only{display:block}.cm-mobile-only{display:none!important}.sidebar-overlay{overflow:hidden!important}.sidebar-overlay:not(.open){visibility:hidden!important;pointer-events:none!important;display:none!important}@media (width<=768px){html,body,.dashboard-wrapper,.dashboard-content-area,.class-monitor-dashboard-content{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.class-monitor-dashboard-content{min-width:0!important;padding:.65rem .5rem 6.5rem!important;overflow-y:auto!important}.cm-desktop-only{display:none!important}.cm-mobile-only{display:flex!important}.navbar{box-sizing:border-box!important;width:100%!important;max-width:100vw!important}.navbar-container{box-sizing:border-box!important;gap:.5rem!important;width:100%!important;max-width:100%!important;padding:.4rem .75rem!important}.navbar-container .brand-section{flex:auto!important;width:auto!important;min-width:0!important;overflow:hidden!important}.navbar-container .user-nav-profile{flex-shrink:0!important;gap:.4rem!important}.class-monitor-top-header{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;width:100%!important}.cm-mobile-header-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.cm-mobile-controls-grid{box-sizing:border-box;flex-direction:column;gap:.45rem;width:100%;display:flex}.cm-mobile-controls-grid select,.cm-mobile-controls-grid input[type=text],.cm-mobile-controls-grid input[type=date]{box-sizing:border-box!important;max-width:100%!important}.class-monitor-session-bar{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:.6rem!important;width:100%!important;padding:.6rem .65rem!important}.cm-mobile-session-chips{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;scrollbar-width:none!important;align-items:center!important;gap:.35rem!important;width:100%!important;padding-bottom:2px!important;display:flex!important;overflow-x:auto!important}.cm-mobile-session-chips::-webkit-scrollbar{display:none!important}.cm-mobile-quick-actions{box-sizing:border-box!important;gap:.45rem!important;width:100%!important;display:flex!important}.cm-mobile-quick-actions button{text-align:center!important;white-space:nowrap!important;flex:1 1 0!important;justify-content:center!important;padding:.45rem .5rem!important;font-size:.78rem!important}.class-monitor-folder-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;flex-wrap:nowrap!important;width:100%!important;padding:3px!important;display:flex!important;overflow-x:auto!important}.class-monitor-folder-tabs::-webkit-scrollbar{display:none!important}.class-monitor-dashboard-content .course-table-card{box-sizing:border-box!important;border-radius:14px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;padding:.6rem .5rem!important;overflow:visible!important}.mobile-attendance-card-list{box-sizing:border-box!important;flex-direction:column!important;gap:.55rem!important;width:100%!important;padding:0!important;display:flex!important}.monitor-mobile-student-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:.5rem;width:100%;max-width:100%;padding:.65rem .65rem .55rem;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}.monitor-mobile-student-card.selected{background:#3b82f60a!important;border-color:#3b82f6!important}.cm-card-top-row{box-sizing:border-box;align-items:center;gap:.45rem;width:100%;min-width:0;display:flex}.cm-card-checkbox{cursor:pointer;accent-color:#3b82f6;flex-shrink:0;width:18px;height:18px}.cm-card-avatar{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:800;display:flex}.cm-card-info{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.cm-card-name-row{align-items:baseline;gap:.3rem;min-width:0;display:flex;overflow:hidden}.cm-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;overflow:hidden}.cm-card-index{color:var(--text-secondary);flex-shrink:0;font-size:.68rem;font-weight:600}.cm-card-id-badge{font-size:.7rem;font-family:var(--font-family-mono,monospace);color:var(--text-secondary);font-weight:600}.cm-card-status-badge{white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:.2rem;padding:.2rem .45rem;font-size:.72rem;font-weight:800;display:inline-flex}.cm-card-status-badge.status-present{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.cm-card-status-badge.status-absent{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.cm-card-status-badge.status-late{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.cm-card-status-badge.status-excused{color:#a855f7;cursor:pointer;background:#a855f71f;border:1px solid #a855f740}.cm-card-actions-grid{box-sizing:border-box!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.3rem!important;width:100%!important;display:grid!important}.cm-op-btn{cursor:pointer!important;border:1px solid var(--border-color)!important;background:var(--bg-primary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;box-sizing:border-box!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:35px!important;padding:0 2px!important;font-size:.72rem!important;font-weight:700!important;transition:all .15s!important;display:flex!important;overflow:hidden!important}.cm-op-btn.btn-present{color:#10b981;border-color:#10b98159}.cm-op-btn.btn-present.active{box-shadow:0 2px 6px #10b98159;color:#fff!important;background:#10b981!important;border-color:#10b981!important}.cm-op-btn.btn-absent{color:#ef4444;border-color:#ef444459}.cm-op-btn.btn-absent.active{box-shadow:0 2px 6px #ef444459;color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.cm-op-btn.btn-late{color:#f59e0b;border-color:#f59e0b59}.cm-op-btn.btn-late.active{box-shadow:0 2px 6px #f59e0b59;color:#fff!important;background:#f59e0b!important;border-color:#f59e0b!important}.cm-op-btn.btn-excused{color:#a855f7;border-color:#a855f759}.cm-op-btn.btn-excused.active{box-shadow:0 2px 6px #a855f759;color:#fff!important;background:#a855f7!important;border-color:#a855f7!important}.class-monitor-dashboard-content .course-pagination-bar{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;gap:.5rem!important;width:100%!important;padding:.65rem .5rem!important}.cm-mobile-log-card,.cm-mobile-roster-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:.55rem;width:100%;max-width:100%;padding:.75rem;display:flex}.cm-roster-stats-grid{box-sizing:border-box!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.35rem!important;width:100%!important;display:grid!important}.class-monitor-dashboard-content .courses-grid{grid-template-columns:1fr!important;gap:.75rem!important;width:100%!important}.cm-mobile-floating-dock{bottom:calc(env(safe-area-inset-bottom,0px) + 72px)!important;box-sizing:border-box!important;z-index:1998!important;border-radius:14px!important;gap:.45rem!important;width:calc(100% - 20px)!important;max-width:440px!important;margin:0 auto!important;padding:.5rem .75rem!important;position:fixed!important;left:10px!important;right:10px!important;overflow-x:auto!important;transform:none!important;box-shadow:0 10px 30px #0000004d!important}}.ios-glass-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#00000014);border-radius:20px;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 2px 14px #0000000a,0 1px 2px #00000005}.theme-dark .ios-glass-card{background:#1c1c1ef2;border-color:#ffffff1a;box-shadow:0 4px 24px #00000059}.ios-segmented-group{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#7878801f;border-radius:9999px;align-items:center;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.ios-segmented-group::-webkit-scrollbar{display:none}.ios-segmented-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.ios-segmented-btn:active{transform:scale(.96)}.ios-segmented-btn.active{background:var(--bg-primary,#fff);color:var(--text-primary,#000);font-weight:700;box-shadow:0 2px 8px #0000001f}.theme-dark .ios-segmented-btn.active{color:#fff;background:#636366b3;box-shadow:0 2px 8px #00000059}.ios-dynamic-island{color:#fff;-webkit-backdrop-filter:blur(20px);background:#0f172aeb;border:1px solid #ffffff1a;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding:.55rem 1rem;display:flex;box-shadow:0 8px 24px #00000026}.theme-dark .ios-dynamic-island{background:#121214f2;border-color:#ffffff24}.ios-stat-pill{color:#fff;white-space:nowrap;background:#ffffff1f;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.ios-stat-pill.present{color:#34c759;background:#34c75933;border:1px solid #34c7594d}.ios-stat-pill.late{color:#ff9500;background:#ff950033;border:1px solid #ff95004d}.ios-stat-pill.absent{color:#ff3b30;background:#ff3b3033;border:1px solid #ff3b304d}.ios-stat-pill.excused{color:#af52de;background:#af52de33;border:1px solid #af52de4d}.ios-student-item{border-bottom:.5px solid var(--border-color,#00000014);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background-color .15s;display:flex}.ios-student-item:last-child{border-bottom:none}.ios-student-item:hover{background-color:#7878800a}.ios-status-control{background:#78788014;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:.3rem;min-width:180px;padding:3px;display:grid}.ios-status-btn{min-height:34px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .45rem;font-size:.75rem;font-weight:700;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.ios-status-btn:active{transform:scale(.93)}.ios-status-btn.btn-present.active{box-shadow:0 2px 8px #34c75959;color:#fff!important;background:#34c759!important}.ios-status-btn.btn-late.active{box-shadow:0 2px 8px #ff950059;color:#fff!important;background:#ff9500!important}.ios-status-btn.btn-absent.active{box-shadow:0 2px 8px #ff3b3059;color:#fff!important;background:#ff3b30!important}.ios-status-btn.btn-excused.active{box-shadow:0 2px 8px #af52de59;color:#fff!important;background:#af52de!important}.ios-floating-save-dock{bottom:calc(env(safe-area-inset-bottom,0px) + 70px);z-index:1800;-webkit-backdrop-filter:blur(25px);background:#ffffffe6;border:1px solid #0000001a;border-radius:20px;justify-content:space-between;align-items:center;gap:.75rem;max-width:480px;margin:0 auto;padding:.65rem 1rem;animation:.3s cubic-bezier(.16,1,.3,1) iosSlideUp;display:flex;position:fixed;left:12px;right:12px;box-shadow:0 10px 30px #00000026}.theme-dark .ios-floating-save-dock{background:#1c1c1eeb;border-color:#ffffff1f;box-shadow:0 12px 36px #00000073}@keyframes iosSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ios-primary-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.15rem;font-size:.825rem;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 3px 10px #007aff4d}.ios-primary-btn:hover{background:#0066d6}.ios-primary-btn:active{transform:scale(.96)}.ios-secondary-btn{color:var(--text-primary);border:1px solid var(--border-color,#00000014);cursor:pointer;background:#7878801f;border-radius:9999px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.ios-secondary-btn:active{transform:scale(.96)}.ios-stepper{background:var(--bg-secondary,#fff);border:1px solid var(--border-color);border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .4rem;display:inline-flex}.ios-stepper-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.3rem .45rem;display:flex}.ios-stepper-btn:hover{background:#7878801f}.stat-text-desktop{display:inline}.stat-text-mobile{display:none}@media (width<=768px){.stat-text-desktop{display:none!important}.stat-text-mobile{display:inline!important}.ios-dynamic-island{gap:.35rem;padding:.45rem .65rem}.ios-stat-pill{gap:.25rem;padding:.2rem .45rem;font-size:.72rem}.ios-segmented-btn{padding:.3rem .55rem;font-size:.74rem}}.cm-dashboard-view{flex-direction:column;gap:1.1rem;width:100%;max-width:540px;margin:0 auto;display:flex}.cm-dash-banner{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:18px;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex;box-shadow:0 4px 16px #0000000a}.cm-dash-banner-left{color:var(--text-primary,#1e293b);align-items:center;gap:.75rem;font-size:.95rem;font-weight:700;display:flex}.cm-dash-banner-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e 0%,#fb7185 100%);border:none;border-radius:999px;padding:.45rem 1.15rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #f43f5e4d}.cm-dash-banner-btn:active{transform:scale(.96)}.cm-dash-date-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:20px;flex-direction:column;gap:1.15rem;padding:1.25rem 1.35rem;display:flex;box-shadow:0 4px 18px #0000000a}.cm-dash-date-header{justify-content:space-between;align-items:center;display:flex}.cm-dash-big-date{align-items:baseline;gap:.65rem;display:flex}.cm-dash-day-number{color:#4f46e5;letter-spacing:-.04em;font-family:inherit;font-size:2.75rem;font-weight:900;line-height:1}.cm-dash-day-suffix{vertical-align:super;color:#4f46e5;margin-left:2px;font-size:1.1rem;font-weight:700}.cm-dash-day-meta{flex-direction:column;display:flex}.cm-dash-day-name{color:var(--text-primary,#0f172a);font-size:1.15rem;font-weight:800;line-height:1.2}.cm-dash-month-year{color:var(--text-secondary,#64748b);font-size:.82rem;font-weight:600}.cm-dash-next-arrow{color:#4f46e5;cursor:pointer;background:#4f46e514;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.cm-dash-next-arrow:hover{background:#4f46e529}.cm-dash-week-section{flex-direction:column;gap:.65rem;display:flex}.cm-dash-week-label{color:var(--text-secondary,#64748b);font-size:.82rem;font-weight:600}.cm-dash-week-days{justify-content:space-between;align-items:center;display:flex}.cm-dash-day-col{flex-direction:column;align-items:center;gap:.45rem;display:flex}.cm-dash-day-initial{color:var(--text-secondary,#64748b);font-size:.8rem;font-weight:700}.cm-dash-day-dot{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:800;transition:all .2s;display:flex}.cm-dash-day-dot.present{color:#fff;background:#4f46e5}.cm-dash-day-dot.absent{color:#fff;background:#f43f5e}.cm-dash-day-dot.pending{color:#0000;background:0 0;border:1.5px solid #f43f5e}.cm-dash-day-dot.empty{border:1.5px solid var(--border-color,#cbd5e1);color:#0000;background:0 0}.cm-dash-metrics-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e2e8f0);text-align:center;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1.25rem 1rem;display:grid;box-shadow:0 4px 18px #0000000a}.cm-dash-metric-item{flex-direction:column;align-items:center;gap:.55rem;display:flex}.cm-dash-donut-wrap{justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.cm-dash-donut-svg{width:72px;height:72px;transform:rotate(-90deg)}.cm-dash-donut-value{color:var(--text-primary,#0f172a);letter-spacing:-.02em;font-size:1.05rem;font-weight:900;position:absolute}.cm-dash-metric-label{color:var(--text-secondary,#475569);font-size:.78rem;font-weight:700;line-height:1.2}.cm-dash-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.cm-dash-action-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1.15rem .5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #00000008}.cm-dash-action-card:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.cm-dash-action-card:active{transform:scale(.97)}.cm-dash-icon-circle{color:#4f46e5;background:#4f46e514;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.cm-dash-badge-dot{background:#f43f5e;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.cm-dash-action-label{color:var(--text-primary,#1e293b);align-items:center;gap:.25rem;font-size:.78rem;font-weight:700;display:flex}.cm-attendance-modern-wrap{flex-direction:column;gap:.85rem;width:100%;display:flex}.cm-modern-app-bar{color:#fff;background:#0284c7;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #0284c740}.cm-modern-app-top{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.cm-modern-app-title{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.05rem;font-weight:800;display:flex}.cm-modern-split-bar{background:#0369a1;border-top:1px solid #ffffff26;grid-template-columns:1fr 1fr;display:grid}.cm-modern-split-item{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .5rem;font-size:.85rem;font-weight:700;transition:background .15s;display:flex}.cm-modern-split-item:first-child{border-right:1px solid #ffffff26}.cm-modern-split-item:hover{background:#ffffff14}.cm-alphabet-header{color:var(--text-secondary,#64748b);margin-top:.35rem;padding:.25rem .4rem;font-size:.85rem;font-weight:800}.cm-student-card-modern{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;align-items:stretch;margin-bottom:.45rem;transition:all .15s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.cm-student-card-left{flex:1;align-items:center;gap:.75rem;min-width:0;padding:.65rem .85rem;display:flex}.cm-student-card-avatar{object-fit:cover;border:2px solid var(--border-color,#e2e8f0);background:var(--bg-tertiary,#f1f5f9);width:44px;height:44px;color:var(--text-primary,#0f172a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.cm-student-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.cm-student-card-name{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;line-height:1.25;overflow:hidden}.cm-student-card-time{color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.74rem;font-weight:500;overflow:hidden}.cm-student-status-block{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;width:60px;min-width:60px;font-size:1.25rem;font-weight:900;transition:all .12s cubic-bezier(.16,1,.3,1);display:flex}.cm-student-status-block:active{filter:brightness(.9);transform:scale(.96)}.cm-student-status-block.present{background:#00897b}.cm-student-status-block.absent{background:#e53935}.cm-student-status-block.late{background:#f59e0b}.cm-student-status-block.excused{background:#9333ea}.theme-dark .cm-dash-banner,.theme-dark .cm-dash-date-card,.theme-dark .cm-dash-metrics-card,.theme-dark .cm-dash-action-card,.theme-dark .cm-student-card-modern{background:#1e293bbf;border-color:#ffffff1a;box-shadow:0 4px 18px #00000040}.theme-dark .cm-dash-donut-value{color:#fff}.theme-dark .cm-student-card-avatar{color:#f8fafc;background:#0f172a99;border-color:#ffffff1f}.class-monitor-dashboard-content.attendance-active-view{box-sizing:border-box!important;background-color:#eef2f5!important;width:100%!important;max-width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important}.theme-dark .class-monitor-dashboard-content.attendance-active-view{background-color:#0b1120!important}.cm-img-header-container{color:#fff;z-index:100;background-color:#0277bd;width:100%;position:sticky;top:0;box-shadow:0 2px 6px #00000026}.cm-img-top-bar{background-color:#0277bd;justify-content:space-between;align-items:center;height:56px;padding:0 14px;display:flex}.cm-img-top-left{align-items:center;gap:16px;display:flex}.cm-img-header-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .15s;display:flex}.cm-img-header-icon-btn:hover{background-color:#ffffff26}.cm-img-header-title{color:#fff;letter-spacing:.2px;white-space:nowrap;margin:0;font-size:1.25rem;font-weight:500}.cm-img-top-right{align-items:center;gap:8px;display:flex}.cm-img-split-bar{background-color:#01579b;border-top:1px solid #ffffff38;align-items:stretch;height:48px;display:flex}.cm-img-split-col{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;gap:8px;transition:background-color .15s;display:flex;position:relative}.cm-img-split-col:first-child{border-right:1px solid #ffffff38}.cm-img-split-col:hover{background-color:#ffffff14}.cm-img-split-text{color:#fff;letter-spacing:.2px;font-size:.95rem;font-weight:500}.cm-img-invisible-input,.cm-img-invisible-select{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.cm-img-search-bar{background-color:#01477d;border-top:1px solid #ffffff26;align-items:center;gap:10px;padding:8px 14px;display:flex}.cm-img-search-input{color:#fff;background:#ffffff2e;border:1px solid #ffffff40;border-radius:6px;outline:none;flex:1;padding:7px 12px;font-size:.88rem}.cm-img-search-input::placeholder{color:#ffffffb3}.cm-img-search-clear,.cm-img-search-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:.85rem}.cm-img-dropdown-menu{z-index:200;background:#fff;border:1px solid #00000014;border-radius:8px;min-width:230px;margin-top:6px;padding:6px 0;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000038}.theme-dark .cm-img-dropdown-menu{background:#1e293b;border-color:#ffffff1a}.cm-img-dropdown-item{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.88rem;transition:background-color .12s;display:flex}.theme-dark .cm-img-dropdown-item{color:#f1f5f9}.cm-img-dropdown-item:hover{background-color:#f1f5f9}.theme-dark .cm-img-dropdown-item:hover{background-color:#ffffff14}.cm-img-body{max-width:700px;margin:0 auto;padding:8px 12px 100px}.cm-img-letter-header{color:#546e7a;text-transform:uppercase;letter-spacing:.5px;padding:12px 4px 6px;font-size:1.05rem;font-weight:700}.theme-dark .cm-img-letter-header{color:#94a3b8}.cm-img-student-card{background-color:#fff;border:1px solid #0000000a;border-radius:8px;align-items:stretch;height:74px;margin-bottom:8px;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000000f}.theme-dark .cm-img-student-card{background-color:#1e293b;border-color:#ffffff14;box-shadow:0 2px 6px #00000040}.cm-img-card-left{flex:1;align-items:center;gap:14px;min-width:0;padding:0 14px;display:flex}.cm-img-card-avatar{object-fit:cover;border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:48px;height:48px}.cm-img-card-avatar-fallback{color:#334155;background:#e2e8f0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.theme-dark .cm-img-card-avatar-fallback{color:#f8fafc;background:#334155}.cm-img-card-details{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.cm-img-student-name{color:#212121;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:700;line-height:1.25;overflow:hidden}.theme-dark .cm-img-student-name{color:#f8fafc}.cm-img-student-times{color:#616161;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:16px;margin-top:4px;font-size:.8rem;font-weight:500;display:flex;overflow:hidden}.theme-dark .cm-img-student-times{color:#94a3b8}.cm-img-status-block{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;border:none;border-top-right-radius:8px;border-bottom-right-radius:8px;outline:none;justify-content:center;align-items:center;width:72px;min-width:72px;height:100%;font-size:1.35rem;font-weight:800;transition:filter .15s,transform .1s;display:flex}.cm-img-status-block:active{filter:brightness(.85);transform:scale(.97)}.cm-img-status-block.present{background-color:#00838f}.cm-img-status-block.absent{background-color:#d32f2f}.cm-img-status-block.late{background-color:#f57c00}.cm-img-status-block.excused{background-color:#7b1fa2}.cm-img-floating-save-btn{color:#fff;cursor:pointer;z-index:150;background-color:#0288d1;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:700;transition:transform .15s,background-color .15s,box-shadow .15s;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 4px 16px #0288d173}.cm-img-floating-save-btn:hover{background-color:#0277bd;transform:translateY(-2px);box-shadow:0 6px 20px #0288d18c}.cm-img-floating-save-btn:active{transform:translateY(0)}@media (width>=769px){.dashboard-content-area.chats-dashboard-layout,.nav-mode-top .dashboard-content-area.chats-dashboard-layout{padding-top:50px!important}.dashboard-content-area:has(.chats-dashboard-main){padding-top:50px!important}.dashboard-content-area:has(.bsee-chat-page-wrapper){padding-top:50px!important}.nav-mode-top .dashboard-content-area:has(.bsee-chat-page-wrapper){padding-top:50px!important}.dashboard-main.chats-dashboard-main,.dashboard-wrapper .dashboard-main.chats-dashboard-main,.dashboard-content-area .dashboard-main.chats-dashboard-main,.nav-mode-top .dashboard-main.chats-dashboard-main{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 1.25rem 1.25rem!important}.bsee-chat-page-wrapper{margin-top:0!important}}@media (width<=768px){.dashboard-main.chats-dashboard-main,.bsee-chat-page-wrapper{margin-top:0!important}}.bsee-chat-category-tabs{background:#f1f5f9;border-radius:14px;gap:4px;margin-bottom:.65rem;padding:4px;display:flex}.theme-dark .bsee-chat-category-tabs{background:#27272a}.bsee-chat-category-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:.45rem .4rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.theme-dark .bsee-chat-category-btn{color:#a1a1aa}.bsee-chat-category-btn.active{color:#700000;background:#fff;font-weight:700;box-shadow:0 2px 6px #0000000f}.theme-dark .bsee-chat-category-btn.active{color:#f59e0b;background:#18181b}.bsee-chat-category-count{opacity:.85;font-size:.72rem;font-weight:700}.bsee-contact-role-tag{text-transform:uppercase;letter-spacing:.2px;border-radius:5px;flex-shrink:0;align-items:center;padding:1px 6px;font-size:.66rem;font-weight:700;line-height:1.2;display:inline-flex}.bsee-contact-role-tag.officer{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.bsee-contact-role-tag.student{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe}.theme-dark .bsee-contact-role-tag.officer{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b4d}.theme-dark .bsee-contact-role-tag.student{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.bsee-online-status-dot{display:none}.bsee-online-status-dot.online{z-index:2!important;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)!important;border:2.5px solid #fff!important;border-radius:50%!important;width:13px!important;height:13px!important;animation:2.5s ease-in-out infinite bseePulseOnline!important;display:block!important;position:absolute!important;bottom:0!important;right:0!important;box-shadow:0 0 0 1.5px #22c55e40,0 2px 5px #16a34a66!important}.theme-dark .bsee-online-status-dot.online{border-color:#18181b!important;box-shadow:0 0 0 1.5px #22c55e59,0 2px 6px #22c55e80!important}@keyframes bseePulseOnline{0%{transform:scale(1);box-shadow:0 0 #22c55e80,0 2px 5px #16a34a66}70%{transform:scale(1);box-shadow:0 0 0 4px #22c55e00,0 2px 5px #16a34a66}to{transform:scale(1);box-shadow:0 0 #22c55e00,0 2px 5px #16a34a66}}@media (width<=1024px){.bsee-contacts-list{padding-bottom:140px!important;scroll-padding-bottom:140px!important}}