@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.Sidebar{--navy-900:#1e1b4b;--navy-800:#24215c;--navy-950:#14122e;--violet:#7c5cff;--violet-dark:#6d4bff;--violet-soft:#9b82ff;--gold:#fbbf24;--text:#eef0ff;--text-muted:#eef0ff9e;--divider:#eef0ff17;background:linear-gradient(180deg, var(--navy-800) 0%, var(--navy-900) 60%, var(--navy-950) 100%);width:268px;height:100vh;color:var(--text);z-index:1000;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:6px 0 28px #0f0c2959}.Sidebar.collapsed{width:82px}.Sidebar-header{border-bottom:1px solid var(--divider);flex-shrink:0;align-items:center;gap:12px;height:76px;padding:0 18px;display:flex}.Sidebar-logoMark{background:#ffffff12;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.Sidebar-brandText{flex-direction:column;line-height:1.2;display:flex;overflow:hidden}.Sidebar-brandText h1{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:800;overflow:hidden}.Sidebar-brandText span{color:var(--text-muted);white-space:nowrap;font-size:11.5px;font-weight:600}.Sidebar-mobile-close{width:30px;height:30px;color:var(--text);cursor:pointer;background:#ffffff12;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:none}.Sidebar-nav{flex:1;padding:12px 12px 4px;overflow:hidden auto}.Sidebar-nav::-webkit-scrollbar{width:4px}.Sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}.Sidebar-menu{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.SidebarItem{position:relative}.SidebarItem-link,.SidebarItem-toggle{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .18s,color .18s;display:flex;position:relative}.SidebarItem-link:hover,.SidebarItem-toggle:hover{color:var(--text);background:#ffffff0f}.SidebarItem-link.active{background:linear-gradient(90deg, var(--violet), var(--violet-dark));color:#fff;box-shadow:0 6px 16px #7c5cff59}.SidebarItem-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;display:flex}.SidebarItem-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.SidebarItem-arrow{opacity:0;flex-shrink:0;transition:all .18s;transform:translate(-4px)}.SidebarItem-link.active .SidebarItem-arrow{opacity:1;transform:translate(0)}.SidebarItem-chevron{color:var(--text-muted);flex-shrink:0;margin-left:auto;transition:transform .2s}.SidebarItem-chevron.rotated{color:var(--violet-soft);transform:rotate(180deg)}.SidebarItem-dropdown.is-open>.SidebarItem-toggle{color:var(--text);background:#ffffff0f}.SidebarItem-submenu{border-left:2px dashed #eef0ff29;flex-direction:column;gap:1px;max-height:0;margin:3px 0 4px 32px;padding:4px 0 4px 12px;list-style:none;transition:max-height .3s;display:flex;overflow:hidden}.SidebarItem-dropdown.is-open .SidebarItem-submenu{max-height:220px}.SidebarItem-subLink{color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .18s;display:block}.SidebarItem-subLink:hover{color:var(--text);background:#ffffff0f}.SidebarItem-subLink.active{color:var(--violet-soft);background:#7c5cff33}.Sidebar-userCard{border:1px solid var(--divider);background:#ffffff0d;border-radius:14px;flex-shrink:0;margin:8px 14px;padding:10px}.Sidebar-userTop{align-items:center;gap:10px;display:flex}.Sidebar-avatar{background:linear-gradient(135deg, var(--violet), var(--violet-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;display:flex}.Sidebar-userInfo{flex-direction:column;min-width:0;display:flex}.Sidebar-userName{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.Sidebar-userRole{color:var(--text-muted);font-size:11px;font-weight:600}.Sidebar-userActions{gap:6px;margin-top:10px;display:flex}.Sidebar-userActionBtn{height:30px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;transition:all .18s;display:flex}.Sidebar-userActionBtn:hover{color:var(--text);background:#ffffff21}.Sidebar-userActionBtn-danger:hover{color:#f87171;background:#ef444433}.Sidebar-illustration{flex-shrink:0;line-height:0}.Sidebar-illustration svg{width:100%;height:auto;display:block}.Sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a081e8c;position:fixed;inset:0}.Sidebar.collapsed .Sidebar-header{justify-content:center;padding:0}.Sidebar.collapsed .Sidebar-brandText,.Sidebar.collapsed .Sidebar-userInfo,.Sidebar.collapsed .Sidebar-userActions,.Sidebar.collapsed .Sidebar-illustration,.Sidebar.collapsed .SidebarItem-text,.Sidebar.collapsed .SidebarItem-arrow,.Sidebar.collapsed .SidebarItem-chevron,.Sidebar.collapsed .SidebarItem-submenu{display:none}.Sidebar.collapsed .SidebarItem-link,.Sidebar.collapsed .SidebarItem-toggle{justify-content:center;gap:0;padding:12px 0}.Sidebar.collapsed .Sidebar-userCard{margin:8px;padding:8px}.Sidebar.collapsed .Sidebar-userTop{justify-content:center}@media (width<=1023px){.Sidebar{width:268px;left:-280px}.Sidebar.mobile-open{left:0}.Sidebar.collapsed.mobile-open{width:268px}.Sidebar.collapsed.mobile-open .Sidebar-brandText,.Sidebar.collapsed.mobile-open .Sidebar-userInfo,.Sidebar.collapsed.mobile-open .Sidebar-userActions,.Sidebar.collapsed.mobile-open .Sidebar-illustration,.Sidebar.collapsed.mobile-open .SidebarItem-text,.Sidebar.collapsed.mobile-open .SidebarItem-arrow,.Sidebar.collapsed.mobile-open .SidebarItem-chevron{display:flex}.Sidebar.collapsed.mobile-open .SidebarItem-link,.Sidebar.collapsed.mobile-open .SidebarItem-toggle{justify-content:flex-start;gap:12px;padding:11px 12px}.Sidebar.collapsed.mobile-open .Sidebar-header{justify-content:flex-start;padding:0 18px}.Sidebar-mobile-close{display:flex}}.Sidebar-section{margin-bottom:1rem}.Sidebar-categoryTitle{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:.5rem 1rem .25rem;font-size:.72rem;font-weight:700}.SidebarItem-chevron{margin-left:auto;transition:transform .2s ease-in-out}.SidebarItem-chevron.rotated{transform:rotate(180deg)}.Sidebar-logoImg{object-fit:contain;width:100%;height:100%;display:block}.Topbar{--violet:#7c5cff;--violet-dark:#6d4bff;--ink:#1e1b3a;--muted:#8b8aa3;--border:#ececf3;border-bottom:1px solid var(--border);z-index:900;box-sizing:border-box;background:#fff;justify-content:space-between;align-items:center;gap:16px;width:100%;height:74px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0f172a08}.Topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.Topbar-toggleBtn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.Topbar-toggleBtn:hover{background:#f4f3fa}.Topbar-pageIcon{min-width:38px;height:38px;color:var(--violet);background:#f4f3fa;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.Topbar-pageInfo{flex-direction:column;gap:2px;min-width:0;display:flex}.Topbar-pageTitle{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:800;overflow:hidden}.Topbar-breadcrumb{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.Topbar-breadcrumb-item.current{color:var(--violet)}.Topbar-breadcrumb-sep{color:#c8c6d9;flex-shrink:0}.Topbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.Topbar-visitBtn{background:linear-gradient(135deg, var(--violet), var(--violet-dark));color:#fff;white-space:nowrap;box-sizing:border-box;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .2s,transform .15s;display:flex;box-shadow:0 6px 16px #7c5cff47}.Topbar-visitBtn:hover{filter:brightness(1.05);transform:translateY(-1px)}.Topbar-iconBtn{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#f4f3fa;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative}.Topbar-iconBtn:hover{background:#ebe9f7}.Topbar-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.Notification{position:relative}.Topbar-popup{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:14px;width:290px;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 18px 40px #1e1b3a24}.Topbar-popup-header{border-bottom:1px solid var(--border);padding:12px 16px}.Topbar-popup-header h3{color:var(--ink);margin:0;font-size:13.5px;font-weight:700}.Topbar-popup-list{max-height:260px;overflow-y:auto}.Topbar-notification-row{cursor:pointer;border-bottom:1px solid #f5f4fa;align-items:center;gap:12px;padding:11px 16px;transition:background .2s;display:flex}.Topbar-notification-row:hover{background:#faf9fe}.Topbar-notification-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.Topbar-notification-content p{color:var(--ink);margin:0;font-size:12.5px;font-weight:600}.Topbar-notification-content span{color:var(--muted);font-size:11px}.Topbar-popup-footer button{width:100%;color:var(--violet);cursor:pointer;background:0 0;border:none;padding:10px;font-size:12.5px;font-weight:700}.Topbar-popup-footer button:hover{background:#faf9fe}.ProfileMenu{position:relative}.ProfileMenu-trigger{cursor:pointer;background:#f4f3fa;border:none;border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 5px;transition:background .2s;display:flex}.ProfileMenu-trigger:hover{background:#ebe9f7}.ProfileMenu-avatar{background:linear-gradient(135deg, var(--violet), var(--violet-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ProfileMenu-name{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:700}.ProfileMenu-chevron{color:var(--muted);transition:transform .2s}.ProfileMenu-chevron.open{transform:rotate(180deg)}.ProfileMenu-dropdown{width:200px;padding:6px}.ProfileMenu-item{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.ProfileMenu-item:hover{background:#faf9fe}.ProfileMenu-item.danger{color:#ef4444}.ProfileMenu-divider{background:var(--border);height:1px;margin:5px 0}@media (width<=1024px){.Topbar{padding:0 20px}}@media (width<=900px){.Topbar-breadcrumb{display:none}}@media (width<=768px){.Topbar{height:68px;padding:0 16px}.Topbar-pageIcon{display:none}.Topbar-pageTitle{max-width:140px;font-size:14px}.Topbar-visitBtn span{display:none}.Topbar-visitBtn{padding:8px 10px}.ProfileMenu-name{display:none}.ProfileMenu-trigger{padding:4px}.Topbar-popup{width:260px;right:-10px}}@media (width<=480px){.Topbar{padding:0 12px}.Topbar-visitBtn{display:none}.Topbar-pageTitle{max-width:110px;font-size:13px}}html,body,#root{background:#f5f7fb;width:100%;height:100%;font-family:Inter,sans-serif;overflow-x:hidden}.MainLayout{background:#f5f7fb;width:100%;min-height:100vh;display:flex}.MainContent-wrapper{flex-direction:column;flex:1;width:100%;min-width:0;transition:margin-left .3s;display:flex}.MainContent-wrapper.expanded{margin-left:260px}.MainContent-wrapper.collapsed{margin-left:80px}.MainContent{background:#f5f7fb;flex:1;min-height:calc(100vh - 72px);overflow-x:hidden}.MainContent-outlet{width:100%}.Breadcrumb{margin-bottom:18px}.Breadcrumb-item{align-items:center;display:flex}.Breadcrumb-link{color:#64748b;align-items:center;text-decoration:none;transition:all .25s;display:flex}.Breadcrumb-link:hover{color:#4f46e5}.Breadcrumb-current{color:#111827;font-weight:600}.Breadcrumb-separator{color:#94a3b8}@media (width<=1023px){.MainContent-wrapper{width:100%;margin-left:0!important}.MainContent{margin-top:72px;padding:16px}}@media (width<=576px){.MainContent{padding:14px}.Breadcrumb{display:none}}.AdminDashboard-container{box-sizing:border-box;color:#182236;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 100% 0,#7658e813,#0000 30%),radial-gradient(circle at 0 100%,#3a87e80b,#0000 27%),linear-gradient(135deg,#f8f9fc 0%,#f5f7fb 100%);width:100%;min-height:100vh;padding:32px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.AdminDashboard-header{margin-bottom:28px}.AdminDashboard-header-content{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.AdminDashboard-eyebrow{color:#7355df;letter-spacing:1.7px;margin-bottom:9px;font-size:13px;font-weight:850;line-height:1}.AdminDashboard-welcome-title{color:#111a2b;letter-spacing:-1.15px;margin:0;font-size:35px;font-weight:850;line-height:1.18}.AdminDashboard-welcome-title span{margin-left:9px}.AdminDashboard-welcome-subtitle{color:#77849a;margin:10px 0 0;font-size:15px;font-weight:500;line-height:1.6}.AdminDashboard-date-badge{background:#fffffff0;border:1px solid #e0e6ef;border-radius:16px;align-items:center;gap:14px;min-width:270px;padding:14px 17px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 8px 28px #0f172a0e}.AdminDashboard-date-badge:hover{border-color:#d7d0f5;transform:translateY(-2px);box-shadow:0 14px 35px #5240a51a}.AdminDashboard-date-icon{color:#6f50db;background:linear-gradient(135deg,#f2efff,#eae5ff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.AdminDashboard-date-badge>div{flex-direction:column;gap:5px;display:flex}.AdminDashboard-date-label{color:#9aa4b4;letter-spacing:1.1px;font-size:11px;font-weight:850}.AdminDashboard-date-badge strong{color:#303c52;font-size:14px;font-weight:750}.AdminDashboard-metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;margin-bottom:22px;display:grid}.AdminDashboard-metric-card{border:1px solid;border-radius:18px;min-width:0;padding:21px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 6px 22px #0f172a0a}.AdminDashboard-metric-card:before{content:"";pointer-events:none;background:#ffffff8c;border-radius:50%;width:110px;height:110px;position:absolute;top:-55px;right:-45px}.AdminDashboard-metric-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #0f172a1a}.AdminDashboard-metric-purple{background:linear-gradient(145deg,#fff 0%,#fbf9ff 100%);border-color:#e4dafc}.AdminDashboard-metric-green{background:linear-gradient(145deg,#fff 0%,#f8fdfb 100%);border-color:#d5ecdf}.AdminDashboard-metric-blue{background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);border-color:#d9e6f7}.AdminDashboard-metric-amber{background:linear-gradient(145deg,#fff 0%,#fffdf8 100%);border-color:#f1e3c9}.AdminDashboard-metric-rose{background:linear-gradient(145deg,#fff 0%,#fff9fb 100%);border-color:#f0d8e1}.AdminDashboard-metric-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:18px;display:flex;position:relative}.AdminDashboard-metric-icon{color:#fff;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .25s;display:flex;box-shadow:0 8px 16px #49379626}.AdminDashboard-metric-card:hover .AdminDashboard-metric-icon{transform:scale(1.06)rotate(-2deg)}.AdminDashboard-metric-purple .AdminDashboard-metric-icon{background:linear-gradient(135deg,#8d72f0,#6748d5)}.AdminDashboard-metric-green .AdminDashboard-metric-icon{background:linear-gradient(135deg,#3bce8e,#14a76a)}.AdminDashboard-metric-blue .AdminDashboard-metric-icon{background:linear-gradient(135deg,#55a0ef,#3176d0)}.AdminDashboard-metric-amber .AdminDashboard-metric-icon{background:linear-gradient(135deg,#f9bb4d,#df921c)}.AdminDashboard-metric-rose .AdminDashboard-metric-icon{background:linear-gradient(135deg,#ef7893,#d8496d)}.AdminDashboard-card-more{color:#929daf;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;transition:color .2s,background .2s,border-color .2s,transform .2s;display:flex}.AdminDashboard-card-more:hover{color:#634bc7;background:#f3f0ff;border-color:#ddd5f8;transform:scale(1.05)}.AdminDashboard-metric-label{color:#6f7c91;text-transform:uppercase;letter-spacing:.75px;margin:0;font-size:12px;font-weight:750}.AdminDashboard-metric-value{color:#172237;letter-spacing:-.9px;margin:7px 0 10px;font-size:31px;font-weight:850;line-height:1.1}.AdminDashboard-metric-bottom{align-items:center;gap:8px;display:flex}.AdminDashboard-metric-trend{color:#13945e;align-items:center;gap:2px;font-size:12px;font-weight:850;display:inline-flex}.AdminDashboard-metric-subtitle{color:#929daf;font-size:12px}.AdminDashboard-card{background:#fffffffa;border:1px solid #e1e6ee;border-radius:18px;min-width:0;padding:23px;transition:border-color .25s,box-shadow .25s,transform .25s;box-shadow:0 6px 22px #0f172a09}.AdminDashboard-card:hover{border-color:#d8dee8;box-shadow:0 15px 36px #0f172a11}.AdminDashboard-card-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:19px;display:flex}.AdminDashboard-card-kicker{color:#98a3b4;letter-spacing:1.15px;margin-bottom:6px;font-size:11px;font-weight:850}.AdminDashboard-card-title{color:#1c273a;letter-spacing:-.4px;margin:0;font-size:21px;font-weight:820;line-height:1.25}.AdminDashboard-card-description{color:#8995a9;margin:6px 0 0;font-size:13px;font-weight:500;line-height:1.55}.AdminDashboard-select-wrap{flex-shrink:0;position:relative}.AdminDashboard-select{appearance:none;color:#4f5d73;cursor:pointer;background:#fbfcfe;border:1px solid #dce2eb;border-radius:10px;outline:none;min-width:130px;height:41px;padding:0 37px 0 14px;font-family:inherit;font-size:13px;font-weight:700;transition:border-color .2s,box-shadow .2s}.AdminDashboard-select:hover,.AdminDashboard-select:focus{border-color:#cfc5f2;box-shadow:0 0 0 3px #7658e814}.AdminDashboard-select-arrow{color:#778398;pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.AdminDashboard-main-grid{grid-template-columns:1.55fr 1fr 1.12fr;gap:18px;margin-bottom:18px;display:grid}.AdminDashboard-chart-summary{justify-content:space-between;align-items:flex-end;margin:7px 0 5px;display:flex}.AdminDashboard-chart-average{align-items:baseline;gap:10px;display:flex}.AdminDashboard-chart-summary strong{color:#182337;letter-spacing:-.8px;font-size:31px;font-weight:850}.AdminDashboard-chart-summary span{color:#8995a8;font-size:13px}.AdminDashboard-positive-summary{color:#159766;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.AdminDashboard-attendance-chart{width:100%;height:255px;margin-top:8px}.AdminDashboard-chart-tooltip{background:#fffffffa;border:1px solid #e1e6ee;border-radius:12px;min-width:185px;padding:14px;box-shadow:0 16px 38px #0f172a24}.AdminDashboard-tooltip-title{color:#253148;margin-bottom:10px;font-size:13px;font-weight:850}.AdminDashboard-tooltip-row{color:#657186;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.AdminDashboard-tooltip-row strong{color:#273247;margin-left:auto;font-size:12px}.AdminDashboard-tooltip-dot{border-radius:50%;width:8px;height:8px}.AdminDashboard-tooltip-dot.purple{background:#7658e8}.AdminDashboard-tooltip-dot.gray{background:#d0d6df}.AdminDashboard-chart-legend{color:#808ca0;gap:24px;padding-top:9px;font-size:12px;font-weight:600;display:flex}.AdminDashboard-legend-dot{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.AdminDashboard-legend-dot.purple{background:#7658e8}.AdminDashboard-legend-dot.gray{background:#cfd5df}.AdminDashboard-icon-button{color:#7d899c;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:10px;justify-content:center;align-items:center;width:39px;height:39px;transition:color .2s,border-color .2s,background .2s,transform .2s;display:flex}.AdminDashboard-icon-button:hover{color:#6850d4;background:#f8f6ff;border-color:#d5cdf5;transform:translateY(-2px)}.AdminDashboard-class-card{overflow:visible}.AdminDashboard-class-chart-area{flex-direction:column;justify-content:flex-start;align-items:center;min-height:325px;padding-top:4px;display:flex;position:relative}.AdminDashboard-class-hover-card{z-index:20;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(135deg,#fffffffc,#f8f6fffc);border:1px solid #ddd6f6;border-radius:13px;align-items:center;gap:11px;width:245px;min-height:58px;padding:10px 13px;transition:opacity .2s,visibility .2s,transform .2s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-8px)scale(.96);box-shadow:0 16px 38px #48369624}.AdminDashboard-class-hover-visible{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.AdminDashboard-class-hover-card:after{content:"";background:#faf9ff;border-bottom:1px solid #ddd6f6;border-right:1px solid #ddd6f6;width:11px;height:11px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.AdminDashboard-class-hover-color{border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 4px #7657e817}.AdminDashboard-class-hover-main{flex-direction:column;gap:3px;min-width:0;display:flex}.AdminDashboard-class-hover-main span{color:#8792a5;text-transform:uppercase;letter-spacing:.65px;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850;overflow:hidden}.AdminDashboard-class-hover-main strong{color:#202b3f;font-size:18px;font-weight:850;line-height:1}.AdminDashboard-class-hover-divider{background:#e4e1ed;width:1px;height:30px;margin-left:auto}.AdminDashboard-class-hover-share{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.AdminDashboard-class-hover-share small{color:#9da5b3;letter-spacing:.8px;font-size:8px;font-weight:850}.AdminDashboard-class-hover-share b{color:#624bb8;font-size:14px;font-weight:850}.AdminDashboard-donut-wrapper{width:230px;height:230px;margin-top:52px;position:relative}.AdminDashboard-donut-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.AdminDashboard-donut-center-label{color:#929daf;letter-spacing:1px;font-size:10px;font-weight:850;line-height:1}.AdminDashboard-donut-center strong{color:#172237;letter-spacing:-1.2px;margin-top:8px;font-size:35px;font-weight:850;line-height:1}.AdminDashboard-donut-center-sub{color:#969faf;margin-top:8px;font-size:11px;font-weight:550}.AdminDashboard-class-helper{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:3px;padding:8px 0;display:flex}.AdminDashboard-class-helper-icon{color:#7154db;background:linear-gradient(135deg,#f3f0ff,#eae5ff);border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.AdminDashboard-class-helper>div{flex-direction:column;gap:3px;display:flex}.AdminDashboard-class-helper strong{color:#647187;font-size:12px;font-weight:800}.AdminDashboard-class-helper span:not(.AdminDashboard-class-helper-icon){color:#9aa4b3;font-size:10px;font-weight:500}.AdminDashboard-class-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:5px;display:grid}.AdminDashboard-class-legend-item{cursor:pointer;background:linear-gradient(135deg,#fff,#fafbfd);border:1px solid #e7ebf1;border-radius:10px;align-items:center;gap:8px;min-width:0;height:43px;padding:0 11px;font-family:inherit;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.AdminDashboard-class-legend-item:hover{background:linear-gradient(135deg,#fbf9ff,#f5f2ff);border-color:#d4cbf5;transform:translateY(-2px);box-shadow:0 8px 18px #563ead17}.AdminDashboard-class-selected{box-shadow:0 7px 17px #664ecf1c;background:linear-gradient(135deg,#f5f1ff,#eeeaff)!important;border-color:#c6b9f2!important}.AdminDashboard-class-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #7658e80f}.AdminDashboard-class-name{color:#647188;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.AdminDashboard-class-legend-item strong{color:#344056;font-size:12px;font-weight:850}.AdminDashboard-class-legend-item small{color:#919baa;font-size:10px;font-weight:650}.AdminDashboard-list{flex-direction:column;gap:5px;display:flex}.AdminDashboard-list-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;width:100%;min-width:0;padding:12px;font-family:inherit;transition:background .22s,border-color .22s,transform .22s,box-shadow .22s;display:flex;position:relative}.AdminDashboard-list-item:hover{background:linear-gradient(135deg,#faf9ff,#f7f9fc);border-color:#ebe8f4;transform:translate(3px);box-shadow:0 6px 16px #0f172a0b}.AdminDashboard-list-content{flex:1;min-width:0}.AdminDashboard-list-content h4{color:#2f3b51;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:780;line-height:1.35;overflow:hidden}.AdminDashboard-list-content p{color:#8f9aab;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:11px;line-height:1.35;overflow:hidden}.AdminDashboard-list-time{color:#929cab;flex-shrink:0;font-size:10px;font-weight:600}.AdminDashboard-row-arrow{color:#aab2c0;opacity:0;flex-shrink:0;transition:opacity .2s,transform .2s;transform:translate(-3px)}.AdminDashboard-list-item:hover .AdminDashboard-row-arrow{opacity:1;color:#7052d6;transform:translate(0)}.AdminDashboard-notice-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:41px;height:41px;transition:transform .2s;display:flex}.AdminDashboard-list-item:hover .AdminDashboard-notice-icon{transform:scale(1.06)}.AdminDashboard-notice-icon.rose{color:#df4d72;background:#fff0f4}.AdminDashboard-notice-icon.purple{color:#7152dc;background:#f1eeff}.AdminDashboard-notice-icon.amber{color:#d58b1c;background:#fff7e7}.AdminDashboard-notice-icon.blue{color:#3b82d7;background:#edf6ff}.AdminDashboard-view-all{color:#684dd8;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:6px 4px;font-family:inherit;font-size:12px;font-weight:850;transition:color .2s,transform .2s;display:inline-flex}.AdminDashboard-view-all:hover{color:#4f36b4;transform:translate(2px)}.AdminDashboard-three-column-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.AdminDashboard-avatar{color:#684bd5;background:linear-gradient(135deg,#eeeaff,#e4ddff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:14px;font-weight:850;transition:transform .2s;display:flex}.AdminDashboard-list-item:hover .AdminDashboard-avatar{transform:scale(1.06)}.AdminDashboard-admission-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.AdminDashboard-admission-right span{color:#929cab;font-size:10px;font-weight:600}.AdminDashboard-admission-right b{color:#13915d;background:#e9faf1;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:800}.AdminDashboard-time-badge{border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:93px;padding:9px 8px;font-size:10px;font-weight:850;transition:transform .2s;display:inline-flex}.AdminDashboard-list-item:hover .AdminDashboard-time-badge{transform:scale(1.03)}.AdminDashboard-time-badge.purple{color:#704bd1;background:#f1edff}.AdminDashboard-time-badge.green{color:#158a58;background:#eafaf2}.AdminDashboard-time-badge.blue{color:#3478c9;background:#edf6ff}.AdminDashboard-time-badge.rose{color:#d64769;background:#fff0f3}.AdminDashboard-time-badge.amber{color:#c98117;background:#fff6e7}.AdminDashboard-event-date{border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s;display:flex}.AdminDashboard-list-item:hover .AdminDashboard-event-date{transform:scale(1.05)}.AdminDashboard-event-date strong{font-size:18px;line-height:1}.AdminDashboard-event-date span{margin-top:4px;font-size:8px;font-weight:850}.AdminDashboard-event-date.rose{color:#c73f61;background:#fff0f3}.AdminDashboard-event-date.blue{color:#2f70c1;background:#edf6ff}.AdminDashboard-event-date.amber{color:#bd7714;background:#fff6e7}.AdminDashboard-event-date.purple{color:#6c49cc;background:#f2edff}.AdminDashboard-bottom-grid{grid-template-columns:1.7fr 1fr;gap:18px;display:grid}.AdminDashboard-actions-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.AdminDashboard-action-button{cursor:pointer;background:linear-gradient(145deg,#fff,#fbfcfe);border:1px solid #e5e9ef;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:115px;font-family:inherit;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;display:flex;position:relative}.AdminDashboard-action-button:hover{background:linear-gradient(145deg,#fff,#faf8ff);border-color:#dcd5f5;transform:translateY(-4px);box-shadow:0 13px 26px #0f172a14}.AdminDashboard-action-icon{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .25s;display:flex}.AdminDashboard-action-button:hover .AdminDashboard-action-icon{transform:translateY(-2px)scale(1.05)}.AdminDashboard-action-icon.purple{color:#7554e2;background:#f1eeff}.AdminDashboard-action-icon.green{color:#169861;background:#eafaf2}.AdminDashboard-action-icon.blue{color:#357ed4;background:#edf6ff}.AdminDashboard-action-icon.amber{color:#d88c1c;background:#fff7e7}.AdminDashboard-action-icon.rose{color:#d84d70;background:#fff0f3}.AdminDashboard-action-icon.indigo{color:#5f62d9;background:#eff0ff}.AdminDashboard-action-icon.teal{color:#149b91;background:#eafaf9}.AdminDashboard-action-icon.orange{color:#df721e;background:#fff3e8}.AdminDashboard-action-icon.sky{color:#2d8bc8;background:#edf8ff}.AdminDashboard-action-name{color:#4f5d73;text-align:center;font-size:12px;font-weight:750}.AdminDashboard-action-arrow{color:#aeb6c3;opacity:0;transition:opacity .2s,transform .2s;position:absolute;top:10px;right:10px;transform:translate(-2px,2px)}.AdminDashboard-action-button:hover .AdminDashboard-action-arrow{opacity:1;color:#7355d9;transform:translate(0)}.AdminDashboard-website-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.AdminDashboard-website-stat{border-radius:13px;padding:15px 13px;transition:transform .2s,box-shadow .2s}.AdminDashboard-website-stat:hover{transform:translateY(-3px);box-shadow:0 9px 20px #0f172a0f}.AdminDashboard-website-stat.purple{color:#7555df;background:#f5f2ff}.AdminDashboard-website-stat.green{color:#189964;background:#edf9f3}.AdminDashboard-website-stat.amber{color:#d28a1d;background:#fff7e8}.AdminDashboard-website-stat-top{justify-content:space-between;margin-bottom:11px;display:flex}.AdminDashboard-website-stat-icon{background:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.AdminDashboard-website-stat>span{color:#7f8ba0;font-size:11px;font-weight:650;display:block}.AdminDashboard-website-stat strong{color:#273247;margin-top:5px;font-size:22px;font-weight:850;line-height:1.1;display:block}.AdminDashboard-website-stat small{color:#15935e;margin-top:6px;font-size:10px;font-weight:850;display:block}.AdminDashboard-website-footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;margin-top:17px;padding-top:13px;display:flex}.AdminDashboard-website-footer>div{color:#8490a2;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.AdminDashboard-website-footer>div svg{color:#18a269}.AdminDashboard-website-footer button{color:#684dd4;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-family:inherit;font-size:11px;font-weight:850;transition:color .2s,transform .2s;display:flex}.AdminDashboard-website-footer button:hover{color:#4e35b5;transform:translate(2px)}.AdminDashboard-toast{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border:1px solid #e0e5ec;border-radius:15px;align-items:center;gap:13px;min-width:320px;padding:15px;animation:.28s AdminDashboardToastIn;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 22px 50px #0f172a2b}@keyframes AdminDashboardToastIn{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.AdminDashboard-toast-icon{color:#159863;background:#e9faf1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.AdminDashboard-toast-content{flex-direction:column;flex:1;gap:4px;display:flex}.AdminDashboard-toast strong{color:#344056;font-size:13px;font-weight:800}.AdminDashboard-toast span{color:#929cac;font-size:11px}.AdminDashboard-toast>button{color:#8e98a8;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s,background .2s;display:flex}.AdminDashboard-toast>button:hover{color:#445067;background:#f1f3f6}@media (width<=1450px){.AdminDashboard-container{padding:27px}.AdminDashboard-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.AdminDashboard-main-grid{grid-template-columns:1.35fr 1fr}.AdminDashboard-main-grid>.AdminDashboard-card:last-child{grid-column:1/-1}.AdminDashboard-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.AdminDashboard-container{padding:23px}.AdminDashboard-main-grid{grid-template-columns:1fr}.AdminDashboard-main-grid>.AdminDashboard-card:last-child{grid-column:auto}.AdminDashboard-three-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.AdminDashboard-three-column-grid>.AdminDashboard-card:last-child{grid-column:1/-1}.AdminDashboard-bottom-grid{grid-template-columns:1fr}}@media (width<=850px){.AdminDashboard-container{padding:20px}.AdminDashboard-header-content{flex-direction:column}.AdminDashboard-date-badge{box-sizing:border-box;width:100%}.AdminDashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.AdminDashboard-three-column-grid{grid-template-columns:1fr}.AdminDashboard-three-column-grid>.AdminDashboard-card:last-child{grid-column:auto}.AdminDashboard-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.AdminDashboard-container{padding:15px}.AdminDashboard-header{margin-bottom:22px}.AdminDashboard-welcome-title{font-size:27px}.AdminDashboard-welcome-subtitle{font-size:14px}.AdminDashboard-metrics-grid{grid-template-columns:1fr}.AdminDashboard-card{padding:18px}.AdminDashboard-card-title{font-size:19px}.AdminDashboard-card-description{font-size:12px}.AdminDashboard-card-header{gap:10px}.AdminDashboard-attendance-chart{height:220px}.AdminDashboard-class-chart-area{min-height:315px}.AdminDashboard-donut-wrapper{width:210px;height:210px}.AdminDashboard-class-hover-card{width:225px}.AdminDashboard-class-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.AdminDashboard-class-name{font-size:10px}.AdminDashboard-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.AdminDashboard-action-name{font-size:11px}.AdminDashboard-website-stats{grid-template-columns:1fr}.AdminDashboard-toast{min-width:0;bottom:12px;left:12px;right:12px}}@media (width<=420px){.AdminDashboard-container{padding:11px}.AdminDashboard-welcome-title{font-size:23px}.AdminDashboard-welcome-subtitle{font-size:13px}.AdminDashboard-chart-summary{flex-direction:column;align-items:flex-start;gap:8px}.AdminDashboard-chart-summary strong{font-size:28px}.AdminDashboard-class-chart-area{min-height:300px}.AdminDashboard-donut-wrapper{width:190px;height:190px;margin-top:53px}.AdminDashboard-donut-center strong{font-size:29px}.AdminDashboard-donut-center-label{font-size:8px}.AdminDashboard-donut-center-sub{font-size:9px}.AdminDashboard-class-hover-card{width:205px;min-height:52px;padding:8px 10px}.AdminDashboard-class-hover-main strong{font-size:16px}.AdminDashboard-class-legend{grid-template-columns:1fr}.AdminDashboard-list-time,.AdminDashboard-admission-right span{display:none}.AdminDashboard-action-button{min-height:105px}}@media (prefers-reduced-motion:reduce){.AdminDashboard-container *,.AdminDashboard-container :before,.AdminDashboard-container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shop-page{--shop-bg:#f5f6fb;--shop-card:#fff;--shop-border:#ecedf3;--shop-text:#1e2130;--shop-muted:#8a8d9c;--shop-purple:#7c3aed;--shop-purple-light:#f3e8ff;--shop-blue:#2563eb;--shop-blue-light:#dbeafe;--shop-green:#16a34a;--shop-green-light:#dcfce7;--shop-orange:#ea580c;--shop-orange-light:#ffedd5;--shop-pink:#db2777;--shop-pink-light:#fce7f3;--shop-red:#dc2626;--shop-red-light:#fee2e2;--shop-indigo:#4f46e5;--shop-indigo-light:#e0e7ff;--shop-slate:#334155;--shop-slate-light:#f1f5f9;--shop-gray:#6b7280;--shop-gray-light:#f3f4f6;--shop-amber:#d97706;--shop-amber-light:#fef3c7;--shop-teal:#0d9488;--shop-teal-light:#ccfbf1;--shop-radius:14px;--shop-shadow:0 1px 2px #1415280a, 0 8px 24px -12px #14152814;background:var(--shop-bg);color:var(--shop-text);box-sizing:border-box;width:100%;max-width:100vw;min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.shop-page *,.shop-page :before,.shop-page :after{box-sizing:border-box}.shop-stats{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px;display:grid}.shop-stat-card{background:var(--shop-card);border:1px solid var(--shop-border);border-radius:var(--shop-radius);box-shadow:var(--shop-shadow);align-items:flex-start;gap:12px;min-width:0;padding:16px;display:flex}.shop-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.shop-icon{width:20px;height:20px}.shop-icon-sm{width:16px;height:16px}.shop-icon-xs{width:13px;height:13px}.shop-stat-label{color:var(--shop-muted);word-break:break-word;margin:0 0 2px;font-size:12.5px;font-weight:500}.shop-stat-value{word-break:break-word;margin:0 0 2px;font-size:22px;font-weight:700;line-height:1.2}.shop-stat-sub{color:var(--shop-muted);margin:0;font-size:12px}.shop-stat-sub.up{color:var(--shop-green);font-weight:600}.shop-icon-purple{background:var(--shop-purple-light);color:var(--shop-purple)}.shop-icon-green{background:var(--shop-green-light);color:var(--shop-green)}.shop-icon-blue{background:var(--shop-blue-light);color:var(--shop-blue)}.shop-icon-orange{background:var(--shop-orange-light);color:var(--shop-orange)}.shop-icon-pink{background:var(--shop-pink-light);color:var(--shop-pink)}.shop-icon-red{background:var(--shop-red-light);color:var(--shop-red)}.shop-icon-indigo{background:var(--shop-indigo-light);color:var(--shop-indigo)}.shop-icon-slate{background:var(--shop-slate-light);color:var(--shop-slate)}.shop-icon-gray{background:var(--shop-gray-light);color:var(--shop-gray)}.shop-icon-teal{background:var(--shop-teal-light);color:var(--shop-teal)}.shop-icon-amber{background:var(--shop-amber-light);color:var(--shop-amber)}.shop-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}.shop-main{background:var(--shop-card);border:1px solid var(--shop-border);border-radius:var(--shop-radius);box-shadow:var(--shop-shadow);min-width:0;padding:18px}.shop-tabs-row{border-bottom:1px solid var(--shop-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.shop-tabs{gap:22px;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.shop-tabs::-webkit-scrollbar{display:none}.shop-tab{color:var(--shop-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:600;position:relative}.shop-tab.active{color:var(--shop-purple)}.shop-tab.active:after{content:"";background:var(--shop-purple);border-radius:2px;height:2px;position:absolute;bottom:-15px;left:0;right:0}.shop-tabs-actions{flex-wrap:wrap;gap:10px;display:flex}.shop-btn{border:1px solid var(--shop-border);background:var(--shop-card);color:var(--shop-text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.shop-btn:hover{background:#f9f9fc}.shop-btn:active{transform:translateY(1px)}.shop-btn:disabled{opacity:.45;cursor:not-allowed}.shop-btn-icon{padding:9px}.shop-btn-primary{background:var(--shop-purple);border-color:var(--shop-purple);color:#fff}.shop-btn-primary:hover{background:#6d28d9}.shop-btn-filter{background:var(--shop-purple);border-color:var(--shop-purple);color:#fff;position:relative}.shop-btn-filter:hover{background:#6d28d9}.shop-filter-count{color:var(--shop-purple);background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:800;display:inline-flex}.shop-active-filters{background:var(--shop-purple-light);border:1px solid #e4d3fb;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;display:flex}.shop-active-filters strong{color:var(--shop-purple)}.shop-clear-filters{color:var(--shop-purple);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:12.5px;font-weight:700}.shop-clear-filters:hover{text-decoration:underline}.shop-btn-full{justify-content:center;width:100%;margin-top:8px}.shop-btn-full.is-loading{opacity:.85;cursor:progress}.shop-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite shop-spin;display:inline-block}@keyframes shop-spin{to{transform:rotate(360deg)}}.shop-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex;position:relative}.shop-search{border:1px solid var(--shop-border);color:var(--shop-muted);background:#fbfbfd;border-radius:10px;flex:220px;align-items:center;gap:8px;padding:9px 12px;display:flex}.shop-search input{width:100%;color:var(--shop-text);background:0 0;border:none;outline:none;font-size:13.5px}.shop-dropdown{position:relative}.shop-dropdown-btn{border:1px solid var(--shop-border);color:var(--shop-text);cursor:pointer;white-space:nowrap;background:#fbfbfd;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.shop-dropdown-btn:hover{background:#f2f2f7}.shop-dropdown-menu{background:var(--shop-card);border:1px solid var(--shop-border);min-width:190px;box-shadow:var(--shop-shadow);z-index:30;border-radius:10px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.shop-dropdown-option{text-align:left;cursor:pointer;width:100%;color:var(--shop-text);background:0 0;border:none;border-radius:7px;padding:8px 10px;font-size:13px;display:block}.shop-dropdown-option:hover{background:var(--shop-gray-light)}.shop-dropdown-option.active{background:var(--shop-purple-light);color:var(--shop-purple);font-weight:600}.shop-table-wrap{width:100%;overflow-x:auto}.shop-table{border-collapse:collapse;width:100%;min-width:820px}.shop-table th{text-align:left;text-transform:uppercase;letter-spacing:.02em;color:var(--shop-muted);border-bottom:1px solid var(--shop-border);padding:10px;font-size:12px;font-weight:600}.shop-table td{border-bottom:1px solid var(--shop-border);vertical-align:middle;padding:12px 10px;font-size:13.5px}.shop-table tbody tr:hover{background:#fafafd}.shop-table tbody tr.is-selected{background:var(--shop-purple-light)}.shop-col-check{width:34px}.shop-col-actions{width:110px}.shop-empty{text-align:center;color:var(--shop-muted);padding:40px 0!important}.shop-product-cell{align-items:center;gap:10px;display:flex}.shop-product-thumb{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.shop-product-thumb.lg{width:56px;height:56px;font-size:20px}.shop-product-name{margin:0;font-size:13.5px;font-weight:600}.shop-product-desc{color:var(--shop-muted);margin:1px 0 0;font-size:12px}.shop-product-tag{color:var(--shop-amber);background:var(--shop-amber-light);border-radius:999px;margin-top:4px;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-block}.shop-muted{color:var(--shop-muted)}.shop-muted.small{margin:0 0 8px;font-size:12.5px}.shop-badge{border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.shop-badge-purple{background:var(--shop-purple-light);color:var(--shop-purple)}.shop-badge-blue{background:var(--shop-blue-light);color:var(--shop-blue)}.shop-badge-green{background:var(--shop-green-light);color:var(--shop-green)}.shop-badge-indigo{background:var(--shop-indigo-light);color:var(--shop-indigo)}.shop-badge-red{background:var(--shop-red-light);color:var(--shop-red)}.shop-badge-orange{background:var(--shop-orange-light);color:var(--shop-orange)}.shop-badge-slate{background:var(--shop-slate-light);color:var(--shop-slate)}.shop-badge-gray{background:var(--shop-gray-light);color:var(--shop-gray)}.shop-badge-amber{background:var(--shop-amber-light);color:var(--shop-amber)}.shop-badge-teal{background:var(--shop-teal-light);color:var(--shop-teal)}.shop-price{font-weight:600}.shop-stock{font-size:13.5px;font-weight:700}.shop-stock-in{color:var(--shop-green)}.shop-stock-low{color:var(--shop-orange)}.shop-stock-out{color:var(--shop-red)}.shop-stock-label{margin:1px 0 0;font-size:11px}.shop-stock-label-in{color:var(--shop-muted)}.shop-stock-label-low{color:var(--shop-orange)}.shop-stock-label-out{color:var(--shop-red)}.shop-status{border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:600;display:inline-flex}.shop-status i{border-radius:50%;width:6px;height:6px;display:inline-block}.shop-status-active{background:var(--shop-green-light);color:var(--shop-green)}.shop-status-active i{background:var(--shop-green)}.shop-status-inactive{background:var(--shop-red-light);color:var(--shop-red)}.shop-status-inactive i{background:var(--shop-red)}.shop-row-actions{gap:6px;display:flex}.shop-row-actions.end{justify-content:flex-end;margin-top:8px}.shop-action-btn{border:1px solid var(--shop-border);cursor:pointer;width:32px;height:32px;color:var(--shop-muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex}.shop-action-btn:hover{background:var(--shop-gray-light)}.shop-action-btn.view{color:var(--shop-blue)}.shop-action-btn.edit{color:var(--shop-amber)}.shop-action-btn.delete{color:var(--shop-red)}.shop-card-list{display:none}.shop-product-card{border:1px solid var(--shop-border);background:#fff;border-radius:12px;margin-bottom:10px;padding:12px}.shop-product-card.is-selected{background:var(--shop-purple-light);border-color:#e4d3fb}.shop-product-card-top{align-items:flex-start;gap:10px;display:flex}.shop-product-card-info{flex:1;min-width:0}.shop-product-card-mid{justify-content:space-between;align-items:center;margin:10px 0 4px;font-size:13px;display:flex}.shop-table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.shop-pagination{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shop-page-btn{border:1px solid var(--shop-border);cursor:pointer;min-width:32px;height:32px;color:var(--shop-text);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.shop-page-btn:hover:not(:disabled){background:var(--shop-gray-light)}.shop-page-btn.active{background:var(--shop-purple);border-color:var(--shop-purple);color:#fff}.shop-page-btn:disabled{opacity:.4;cursor:not-allowed}.shop-page-ellipsis{color:var(--shop-muted);padding:0 4px}.shop-sidebar{flex-direction:column;gap:16px;display:flex}.shop-panel{background:var(--shop-card);border:1px solid var(--shop-border);border-radius:var(--shop-radius);box-shadow:var(--shop-shadow);padding:16px}.shop-panel h3{margin:0 0 12px;font-size:14.5px;font-weight:700}.shop-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shop-panel-header h3{margin:0}.shop-link-btn{cursor:pointer;color:var(--shop-purple);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.shop-link-btn:hover:not(:disabled){text-decoration:underline}.shop-link-btn:disabled{color:var(--shop-muted);cursor:not-allowed;opacity:.6}.shop-link-btn.inline{margin-left:4px;display:inline-flex}.shop-link-btn.muted{color:var(--shop-muted)}.shop-bulk-links{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:10px;display:flex}.shop-bulk-links .shop-link-btn{font-size:12.5px}.shop-muted.small.has-selection{color:var(--shop-purple);font-weight:700}.shop-bulk-hint{color:var(--shop-muted);border:1px dashed var(--shop-border);background:#fbfbfd;border-radius:9px;margin:4px 0 10px;padding:8px 10px;font-size:11.5px;line-height:1.4}.shop-category-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.shop-category-item{cursor:pointer;width:100%;color:var(--shop-text);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:10px 8px;font-size:13px;display:flex}.shop-category-item:hover{background:var(--shop-gray-light)}.shop-category-item.active{background:var(--shop-purple-light);color:var(--shop-purple);font-weight:600}.shop-category-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:9px;height:9px}.shop-category-name{flex:1}.shop-category-count{color:var(--shop-muted);font-size:12.5px;font-weight:600}.shop-category-item.active .shop-category-count{color:var(--shop-purple)}.shop-view-all-btn{border:1px solid var(--shop-purple);width:100%;color:var(--shop-purple);cursor:pointer;background:#fff;border-radius:9px;margin-top:10px;padding:10px;font-size:13px;font-weight:600}.shop-view-all-btn:hover{background:var(--shop-purple-light)}.shop-summary-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.shop-summary-list li{align-items:center;gap:8px;font-size:13px;display:flex}.shop-summary-list li span:last-child{margin-left:auto;font-weight:700}.shop-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.shop-dot.purple{background:var(--shop-purple)}.shop-dot.green{background:var(--shop-green)}.shop-dot.red{background:var(--shop-red)}.shop-dot.rose{background:#e11d48}.shop-dot.orange{background:var(--shop-orange)}.shop-native-select{border:1px solid var(--shop-border);width:100%;color:var(--shop-text);background:#fbfbfd;border-radius:9px;padding:10px;font-size:13px}.shop-modal-overlay{z-index:100;background:#14152873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.shop-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.shop-modal-header{border-bottom:1px solid var(--shop-border);z-index:2;background:#fff;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.shop-modal-header h3{margin:0;font-size:16px}.shop-icon-close{cursor:pointer;color:var(--shop-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.shop-icon-close:hover{background:var(--shop-gray-light)}.shop-modal-body{padding:18px}.shop-view-top{align-items:center;gap:12px;margin-bottom:18px;display:flex}.shop-view-name{word-break:break-word;margin:0;font-size:16px;font-weight:700}.shop-view-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.shop-view-grid span{color:var(--shop-muted);margin-bottom:3px;font-size:11.5px;display:block}.shop-view-grid p{word-break:break-word;margin:0;font-size:13.5px;font-weight:600}.shop-modal-footer{border-top:1px solid var(--shop-border);justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.shop-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.shop-field{color:var(--shop-muted);flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;display:flex}.shop-field.span2{grid-column:span 2}.shop-field input,.shop-field select{border:1px solid var(--shop-border);color:var(--shop-text);background:#fbfbfd;border-radius:9px;width:100%;padding:10px;font-size:14px;font-weight:500}.shop-field input:focus,.shop-field select:focus{outline:2px solid var(--shop-purple);outline-offset:1px}.shop-form-error{color:var(--shop-red);margin:6px 0 0;font-size:12px;font-weight:600}.shop-swatch-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.shop-swatch{cursor:pointer;border:2px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.shop-swatch.active{border-color:currentColor;box-shadow:inset 0 0 0 2px #fff}.shop-category-preview{border:1px dashed var(--shop-border);color:var(--shop-muted);background:#fbfbfd;border-radius:10px;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;font-size:12.5px;display:flex}.shop-toast{color:#fff;z-index:200;background:#16a34a;border-radius:10px;align-items:center;gap:8px;max-width:400px;margin:0 auto;padding:12px 16px;font-size:13.5px;font-weight:600;animation:.2s ease-out shop-toast-in;display:flex;position:fixed;bottom:20px;left:16px;right:16px;box-shadow:0 10px 30px #0003}.shop-toast-danger{background:#dc2626}@keyframes shop-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.shop-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{order:-1}.shop-category-list{max-height:260px;overflow-y:auto}}@media (width<=768px){.shop-page{padding:12px}.shop-stats{grid-template-columns:repeat(2,1fr);gap:10px}.shop-stat-card{padding:12px}.shop-stat-value{font-size:18px}.shop-main{padding:12px}.shop-tabs-row{flex-direction:column;align-items:stretch;gap:12px}.shop-tabs{justify-content:flex-start;width:100%}.shop-tabs-actions{justify-content:space-between;width:100%}.shop-tabs-actions .shop-btn{flex:1;justify-content:center}.shop-toolbar{flex-direction:column;align-items:stretch;gap:10px}.shop-search{width:100%}.shop-dropdown,.shop-dropdown-btn{justify-content:space-between;width:100%}.shop-dropdown-menu{width:100%;left:0;right:0}.shop-table-wrap{display:none}.shop-card-list{flex-direction:column;gap:10px;display:flex}.shop-form-grid{grid-template-columns:1fr}.shop-field.span2{grid-column:span 1}.shop-view-grid{grid-template-columns:1fr;gap:10px}.shop-modal-footer{flex-direction:column-reverse}.shop-modal-footer .shop-btn{justify-content:center;width:100%}.shop-table-footer{text-align:center;flex-direction:column;align-items:center;gap:12px}.shop-pagination{justify-content:center;width:100%}}@media (width<=480px){.shop-stats{grid-template-columns:1fr}.shop-stat-card{width:100%}}.add-product-page{--ap-bg:#f5f6fb;--ap-card:#fff;--ap-border:#e2e4ef;--ap-text:#1e2130;--ap-muted:#8a8d9c;--ap-purple:#7c3aed;--ap-purple-light:#f3e8ff;--ap-purple-hover:#6d28d9;--ap-green:#16a34a;--ap-green-light:#dcfce7;--ap-red:#dc2626;--ap-red-light:#fee2e2;--ap-amber:#f59e0b;--ap-amber-light:#fef3c7;--ap-blue:#3b82f6;--ap-blue-light:#dbeafe;--ap-pink:#ec4899;--ap-pink-light:#fce7f3;--ap-radius:12px;--ap-radius-sm:8px;--ap-shadow:0 1px 3px #1415280a, 0 8px 24px -12px #1415281a;--ap-shadow-lift:0 12px 32px -10px #7c3aed47;background:var(--ap-bg);color:var(--ap-text);box-sizing:border-box;-webkit-font-smoothing:antialiased;width:100%;min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.add-product-page *,.add-product-page :before,.add-product-page :after{box-sizing:border-box}.add-product-page button{font-family:inherit}.ap-toast{background:var(--ap-green);color:#fff;z-index:1000;border-radius:10px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:13.5px;font-weight:600;animation:.25s ease-out apSlideUp;display:flex;position:fixed;bottom:24px;left:auto;right:24px;box-shadow:0 12px 32px #0000002e}.ap-toast.ap-toast-danger{background:var(--ap-red)}@keyframes apSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ap-top-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ap-top-action-bar h2{letter-spacing:-.01em;margin:0 0 2px;font-size:20px;font-weight:800}.ap-muted{color:var(--ap-muted)}.ap-muted.small{margin:0;font-size:12.5px}.ap-top-buttons{flex-wrap:wrap;gap:10px;display:flex}.ap-btn{border:1.5px solid var(--ap-border);background:var(--ap-card);color:var(--ap-text);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.ap-btn:hover:not(:disabled){background:#f8f8fc;border-color:#cbd5e1;transform:translateY(-1px)}.ap-btn:active:not(:disabled){transform:translateY(0)}.ap-btn:disabled{opacity:.6;cursor:not-allowed}.ap-btn-primary{background:linear-gradient(135deg, var(--ap-purple), var(--ap-purple-hover));color:#fff;border-color:#0000;box-shadow:0 6px 16px -6px #7c3aed8c}.ap-btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--ap-shadow-lift)}.ap-spin{animation:.8s linear infinite apSpin}@keyframes apSpin{to{transform:rotate(360deg)}}.ap-main-grid{grid-template-columns:1fr 380px 380px;align-items:start;gap:20px;max-width:1500px;margin:0 auto;display:grid}@media (width>=1920px){.add-product-page{padding:32px 48px}.ap-main-grid{grid-template-columns:1fr 420px 420px;gap:24px;max-width:1680px}}@media (width<=1400px){.ap-main-grid{grid-template-columns:1fr 340px}.ap-col-right{grid-column:span 2;grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}}@media (width<=1200px){.ap-main-grid{grid-template-columns:1fr 320px;gap:16px}}@media (width<=1024px){.ap-main-grid{grid-template-columns:1fr}.ap-col-right{grid-column:span 1}}@media (width<=992px){.ap-main-grid{grid-template-columns:1fr}.ap-col-right{grid-column:span 1;grid-template-columns:1fr}.ap-top-action-bar{flex-direction:column;align-items:stretch}.ap-top-buttons{justify-content:stretch}.ap-top-buttons .ap-btn{flex:1}}@media (width<=640px){.add-product-page{padding:14px;padding-bottom:max(14px, env(safe-area-inset-bottom));padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.ap-top-action-bar h2{font-size:18px}.ap-top-buttons{flex-direction:column}.ap-top-buttons .ap-btn{width:100%}}@media (width<=480px){.add-product-page{padding:12px}.ap-main-grid{gap:14px}.ap-panel{border-radius:10px;margin-bottom:14px;padding:14px}.ap-panel-title{margin-bottom:13px;font-size:14px}.ap-title-icon{width:27px;height:27px}}@media (width<=360px){.add-product-page{padding:10px}.ap-panel{padding:12px}.ap-top-action-bar h2{font-size:16.5px}}@media (height<=480px) and (orientation:landscape){.add-product-page{padding:10px 16px}.ap-panel{margin-bottom:14px;padding:14px}.ap-toast{padding:9px 14px;bottom:12px;right:12px}}@media (hover:none) and (pointer:coarse){.ap-field input,.ap-field select,.ap-field textarea,.ap-native-select,.ap-dropdown-select{font-size:16px}.ap-btn,.ap-dropdown-select,.ap-type-pill,.ap-radio-card,.ap-img-upload-box,.ap-preview-add-btn{min-height:44px}.ap-switch{width:46px;height:26px}.ap-slider:before{width:20px;height:20px}.ap-switch input:checked+.ap-slider:before{transform:translate(20px)}.ap-checkbox-box{width:20px;height:20px}.ap-img-remove{width:24px;height:24px}.ap-qty-selector button{width:36px;height:38px}}.ap-panel{background:var(--ap-card);border:1px solid var(--ap-border);border-radius:var(--ap-radius);box-shadow:var(--ap-shadow);margin-bottom:20px;padding:20px}@media (width<=640px){.ap-panel{border-radius:10px;padding:16px}}.ap-panel-title{color:#111827;letter-spacing:-.01em;align-items:center;gap:9px;margin-bottom:16px;font-size:15px;font-weight:800;display:flex}.ap-panel-title em{color:var(--ap-red);font-style:normal}.ap-title-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.ap-title-icon--violet{background:var(--ap-purple-light);color:var(--ap-purple)}.ap-title-icon--green{background:var(--ap-green-light);color:var(--ap-green)}.ap-title-icon--amber{background:var(--ap-amber-light);color:var(--ap-amber)}.ap-title-icon--blue{background:var(--ap-blue-light);color:var(--ap-blue)}.ap-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ap-form-grid.three-cols{grid-template-columns:1fr 1fr 1fr}.ap-form-grid.two-cols{grid-template-columns:1fr 1fr}@media (width<=560px){.ap-form-grid,.ap-form-grid.three-cols,.ap-form-grid.two-cols{grid-template-columns:1fr}}.ap-field{color:var(--ap-muted);flex-direction:column;gap:6px;min-width:0;font-size:12.5px;font-weight:700;display:flex;position:relative}.ap-field label em{color:var(--ap-red);font-style:normal}.ap-field input,.ap-field select,.ap-field textarea{border:1.5px solid var(--ap-border);color:var(--ap-text);background:#fbfbfd;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.ap-field input::placeholder,.ap-field textarea::placeholder{color:#9ca3af}.ap-field input:focus,.ap-field select:focus,.ap-field textarea:focus{border-color:var(--ap-purple);background:#fff;box-shadow:0 0 0 3px #7c3aed1f}.ap-field input:disabled,.ap-field select:disabled,.ap-field textarea:disabled{opacity:.55;cursor:not-allowed}.ap-field input.ap-error,.ap-field textarea.ap-error{border-color:var(--ap-red);background:#fff8f8}.ap-error-text{color:var(--ap-red);font-size:11.5px;font-weight:600}.ap-mt-14{margin-top:14px}.ap-field-hint{color:var(--ap-muted);margin-top:2px;font-size:11px;font-weight:400}.ap-dropdown-container{position:relative}.ap-dropdown-select{border:1.5px solid var(--ap-border);color:var(--ap-text);cursor:pointer;text-align:left;background:#fbfbfd;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13.5px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.ap-dropdown-select:hover{border-color:#cbd5e1}.ap-dropdown-select.is-open{border-color:var(--ap-purple);box-shadow:0 0 0 3px #7c3aed1f}.ap-dropdown-select.ap-error{border-color:var(--ap-red)}.ap-dropdown-select.is-disabled,.ap-dropdown-select:disabled{opacity:.55;cursor:not-allowed}.ap-dropdown-select .ap-placeholder{color:#9ca3af}.ap-chevron{color:var(--ap-muted);flex-shrink:0;transition:transform .15s}.ap-dropdown-select.is-open .ap-chevron{color:var(--ap-purple);transform:rotate(180deg)}.ap-dropdown-menu{border:1px solid var(--ap-border);box-shadow:var(--ap-shadow-lift);z-index:30;background:#fff;border-radius:10px;max-height:220px;padding:5px;animation:.14s apDropIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}@keyframes apDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ap-dropdown-menu button{text-align:left;width:100%;color:var(--ap-text);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:9px 10px;font-size:13px;font-weight:500;display:block}.ap-dropdown-menu button:hover{background:var(--ap-purple-light);color:var(--ap-purple);font-weight:600}.ap-dropdown-menu button.is-selected{background:var(--ap-purple-light);color:var(--ap-purple);font-weight:700}.ap-type-pills{flex-wrap:wrap;gap:10px;display:flex}.ap-type-pill{border:1.5px solid var(--ap-border);min-width:100px;color:var(--ap-text);cursor:pointer;background:#fbfbfd;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.ap-type-pill:hover{border-color:#cbd5e1}.ap-type-pill.active{background:var(--ap-purple-light);color:var(--ap-purple);border-color:#d8b4fe}@media (width<=420px){.ap-type-pills{flex-direction:column}}.ap-textarea-wrap{position:relative}.ap-char-count{color:var(--ap-muted);pointer-events:none;background:#ffffffd9;border-radius:4px;padding:0 4px;font-size:11px;position:absolute;bottom:8px;right:12px}.ap-char-count-inline{color:var(--ap-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ap-rich-editor{border:1.5px solid var(--ap-border);background:#fbfbfd;border-radius:9px;overflow:hidden}.ap-editor-toolbar{border-bottom:1px solid var(--ap-border);background:#f4f5f9;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 10px;display:flex}.ap-editor-toolbar select{border:1px solid var(--ap-border);background:#fff;border-radius:6px;padding:4px 6px;font-size:11.5px}.ap-editor-toolbar button{border:1px solid var(--ap-border);cursor:pointer;color:#374151;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;transition:background .15s;display:flex}.ap-editor-toolbar button:hover{background:var(--ap-purple-light);color:var(--ap-purple)}.ap-toolbar-divider{background:var(--ap-border);width:1px;height:18px;margin:0 2px}.ap-editor-area{min-height:110px;color:var(--ap-text);outline:none;padding:12px 14px;font-size:13.5px;line-height:1.6}.ap-editor-area:empty:before{content:attr(data-placeholder);color:#9ca3af}.ap-images-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=1200px){.ap-images-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.ap-images-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=420px){.ap-images-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (width<=340px){.ap-images-grid{grid-template-columns:repeat(2,1fr);gap:6px}.ap-upload-content p,.ap-file-meta{display:none}}.ap-img-upload-box{aspect-ratio:1;border:2px dashed var(--ap-border);cursor:pointer;text-align:center;color:var(--ap-muted);background:#fbfbfd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:10.5px;font-weight:600;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.ap-img-upload-box:hover{border-color:var(--ap-purple);background:var(--ap-purple-light)}.ap-img-upload-box.main-upload{background:var(--ap-purple-light);color:var(--ap-purple);border-color:#d8b4fe}.ap-img-upload-box.is-dragging{border-color:var(--ap-purple);background:#ede4fe}.ap-img-upload-box.has-image{border-style:solid;padding:0}.ap-img-upload-box img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ap-img-remove{color:#fff;cursor:pointer;z-index:2;background:#11111ea6;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:5px;right:5px}.ap-upload-content{flex-direction:column;align-items:center;gap:3px;display:flex}.ap-upload-icon{color:var(--ap-purple)}.ap-upload-content strong{color:var(--ap-purple);font-size:10.5px}.ap-upload-content p{color:var(--ap-muted);margin:0;font-size:9.5px}.ap-file-meta{color:#9ca3af;font-size:8.5px}.ap-plus-icon{color:var(--ap-muted);display:flex}.ap-checkbox-field{align-items:center;display:flex}.ap-checkbox-label{color:var(--ap-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.ap-checkbox-label input{display:none}.ap-checkbox-box{border:1.5px solid var(--ap-border);background:#fff;border-radius:5px;flex-shrink:0;width:18px;height:18px;transition:all .15s;position:relative}.ap-checkbox-label input:checked+.ap-checkbox-box{background:var(--ap-purple);border-color:var(--ap-purple)}.ap-checkbox-label input:checked+.ap-checkbox-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1.5px;left:5px;transform:rotate(45deg)}.ap-radio-group{flex-direction:column;gap:10px;display:flex}.ap-radio-card{border:1.5px solid var(--ap-border);cursor:pointer;background:#fbfbfd;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;transition:all .15s;display:flex}.ap-radio-card:hover{border-color:#cbd5e1}.ap-radio-card.selected{background:var(--ap-purple-light);border-color:#d8b4fe}.ap-radio-card input{display:none}.ap-radio-dot{border:1.5px solid var(--ap-border);border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:1px;transition:border-color .15s;position:relative}.ap-radio-card.selected .ap-radio-dot{border-color:var(--ap-purple)}.ap-radio-card.selected .ap-radio-dot:after{content:"";background:var(--ap-purple);border-radius:50%;position:absolute;inset:3px}.ap-radio-card strong{color:var(--ap-text);font-size:13px}.ap-radio-card p{color:var(--ap-muted);margin:2px 0 0;font-size:11.5px}.ap-settings-toggles{flex-direction:column;gap:14px;display:flex}.ap-toggle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ap-toggle-info{align-items:center;gap:10px;min-width:0;display:flex}.ap-setting-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ap-setting-icon--featuredProduct{background:var(--ap-blue-light);color:var(--ap-blue)}.ap-setting-icon--bestSeller{background:var(--ap-amber-light);color:var(--ap-amber)}.ap-setting-icon--newArrival{background:var(--ap-pink-light);color:var(--ap-pink)}.ap-setting-icon--allowReviews{background:var(--ap-green-light);color:var(--ap-green)}.ap-toggle-info strong{color:var(--ap-text);font-size:13px;display:block}.ap-toggle-info p{color:var(--ap-muted);margin:0;font-size:11.5px}.ap-switch{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.ap-switch input{opacity:0;width:0;height:0}.ap-slider{cursor:pointer;background-color:#cbd5e1;border-radius:22px;transition:all .2s;position:absolute;inset:0}.ap-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000040}.ap-switch input:checked+.ap-slider{background-color:var(--ap-purple)}.ap-switch input:checked+.ap-slider:before{transform:translate(18px)}.ap-dim-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}@media (width<=420px){.ap-dim-grid{grid-template-columns:1fr}}.ap-native-select{border:1.5px solid var(--ap-border);color:var(--ap-text);cursor:pointer;appearance:none;background-color:#fbfbfd;background-image:linear-gradient(45deg,#0000 50%,#9ca3af 50%),linear-gradient(135deg,#9ca3af 50%,#0000 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:9px;outline:none;padding:10px 12px;font-size:13.5px}.ap-preview-panel{background:#faf5ff;border-color:#e9d5ff}.ap-preview-header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:800;display:flex}.ap-preview-header span{align-items:center;gap:7px;display:flex}.ap-preview-viewports{border:1px solid var(--ap-border);background:#fff;border-radius:8px;gap:3px;padding:3px;display:flex}.ap-preview-viewports button{cursor:pointer;width:26px;height:24px;color:var(--ap-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ap-preview-viewports button.active{background:var(--ap-purple);color:#fff}.ap-preview-card-box{border:1px solid var(--ap-border);background:#fff;border-radius:12px;margin:0 auto;transition:max-width .2s;overflow:hidden;box-shadow:0 4px 12px #0000000a}.ap-preview-card-box.mode-desktop{max-width:100%}.ap-preview-card-box.mode-tablet{max-width:300px}.ap-preview-card-box.mode-mobile{max-width:240px}.ap-preview-img-container{color:#a78bfa;background:linear-gradient(160deg,#f1eefb,#e6def9);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.ap-preview-real-img{object-fit:contain;width:100%;height:100%;padding:12px}.ap-preview-discount{background:var(--ap-purple);color:#fff;z-index:2;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700;position:absolute;top:10px;left:10px}.ap-preview-fav{color:#64748b;cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:10px;right:10px}.ap-preview-fav.active{color:var(--ap-red)}.ap-mock-backpack-img{justify-content:center;align-items:center;display:flex}.ap-preview-details{padding:16px}.ap-preview-details h4{margin:0 0 2px;font-size:15px;font-weight:800}.ap-preview-cat{color:var(--ap-purple);margin:0 0 9px;font-size:11.5px;font-weight:700}.ap-preview-price-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:9px;display:flex}.ap-current-price{color:#111827;font-size:17px;font-weight:800}.ap-old-price{color:#9ca3af;margin-left:6px;font-size:12px;text-decoration:line-through}.ap-stock-badge{border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.ap-stock-badge.in{background:var(--ap-green-light);color:var(--ap-green)}.ap-stock-badge.out{background:var(--ap-red-light);color:var(--ap-red)}.ap-preview-desc{color:#64748b;margin:0 0 11px;font-size:12px;line-height:1.5}.ap-preview-tags{flex-wrap:wrap;gap:5px;margin-bottom:13px;display:flex}.ap-preview-tags span{border:1px solid var(--ap-border);color:#475569;background:#f8fafc;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.ap-preview-cart-row{gap:8px;margin-bottom:13px;display:flex}.ap-qty-selector{border:1.5px solid var(--ap-border);background:#fff;border-radius:9px;flex-shrink:0;align-items:center;display:flex}.ap-qty-selector button{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:34px;display:flex}.ap-qty-selector button:hover{color:var(--ap-purple)}.ap-qty-selector span{text-align:center;min-width:18px;padding:0 6px;font-size:12.5px;font-weight:700}.ap-preview-add-btn{background:linear-gradient(135deg, var(--ap-purple), var(--ap-purple-hover));color:#fff;cursor:pointer;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:700;transition:filter .15s,transform .1s;display:flex}.ap-preview-add-btn:hover{filter:brightness(1.06)}.ap-preview-add-btn.is-added{background:linear-gradient(135deg, var(--ap-green), #0f9147)}.ap-preview-share{color:#64748b;border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding-top:10px;font-size:12px;font-weight:600;display:flex}.ap-share-icons{gap:6px;display:flex}.ap-share-icons button{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.ap-share-icons button:hover{background:var(--ap-purple-light);color:var(--ap-purple)}.ap-tips-panel{background:#faf5ff;border-color:#e9d5ff}.ap-tips-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.ap-tips-list li{color:#4b5563;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.ap-tips-list li svg{color:var(--ap-purple);flex-shrink:0;margin-top:2px}@media (width<=380px){.ap-preview-card-box.mode-tablet,.ap-preview-card-box.mode-mobile{max-width:100%}.ap-preview-cart-row{flex-direction:column}.ap-qty-selector{justify-content:center}}@media (prefers-reduced-motion:reduce){.add-product-page *{transition-duration:.001ms!important;animation-duration:.001ms!important}}:root{--np-primary:#6938ef;--np-primary-light:#f4ebff;--np-bg:#f7f8fc;--np-border:#e5e7eb;--np-text:#1f2937;--np-muted:#6b7280;--np-green:#039855;--np-green-bg:#ecfdf3;--np-danger:#f04438}body{background:var(--np-bg);color:var(--np-text)}.np-admin-container{width:100%;max-width:1600px;margin:0 auto;padding:24px}.np-page-header{margin-bottom:24px}.np-page-title{color:#111827;margin-bottom:6px;font-size:24px;font-weight:700}.np-breadcrumbs{color:var(--np-muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;display:flex}.np-breadcrumbs span{color:#9ca3af}.np-main-grid{grid-template-columns:2fr 1fr 1fr;align-items:start;gap:20px;display:grid}.np-left-column,.np-middle-column,.np-right-column{flex-direction:column;gap:20px;min-width:0;display:flex}.np-card{border:1px solid var(--np-border);background:#fff;border-radius:14px;width:100%;padding:22px;box-shadow:0 2px 8px #10182808}.np-card-header{border-bottom:1px solid #f1f2f4;align-items:center;gap:11px;margin-bottom:20px;padding-bottom:14px;display:flex}.np-card-header h2{color:#111827;font-size:16px;font-weight:700}.np-card-header h2 span{color:var(--np-danger)}.np-card-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.np-purple-bg{background:var(--np-primary-light);color:var(--np-primary)}.np-green-bg{background:var(--np-green-bg);color:var(--np-green)}.np-form-row{gap:15px;margin-bottom:15px;display:grid}.np-two-col{grid-template-columns:repeat(2,1fr)}.np-three-col{grid-template-columns:repeat(3,1fr)}.np-form-group{flex-direction:column;gap:7px;margin-bottom:15px;display:flex;position:relative}.np-form-group label{color:#344054;font-size:12px;font-weight:600}.np-form-group label span{color:var(--np-danger)}.np-form-group input,.np-form-group textarea,.np-form-group select{border:1px solid var(--np-border);color:#1f2937;background:#fff;border-radius:8px;outline:none;width:100%;min-width:0;padding:11px 13px;font-size:12px;transition:all .2s}.np-form-group textarea{resize:vertical;line-height:1.5}.np-form-group input:focus,.np-form-group textarea:focus,.np-form-group select:focus{border-color:var(--np-primary);box-shadow:0 0 0 3px #6938ef1a}.np-form-group small{color:var(--np-muted);font-size:10px}.np-select-wrapper{position:relative}.np-select-wrapper select{appearance:none;cursor:pointer;padding-right:35px}.np-select-arrow{color:#667085;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.np-type-selector{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.np-type-selector button{border:1px solid var(--np-border);color:#344054;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:0;padding:10px 5px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.np-type-selector button:hover,.np-type-selector button.active{border-color:var(--np-primary);color:var(--np-primary);background:var(--np-primary-light)}.np-char-count{color:#9ca3af;font-size:10px;position:absolute;bottom:9px;right:10px}.np-editor{border:1px solid var(--np-border);border-radius:8px;overflow:hidden}.np-toolbar{border-bottom:1px solid var(--np-border);background:#f9fafb;flex-wrap:wrap;align-items:center;gap:4px;min-height:40px;padding:5px 8px;display:flex}.np-toolbar button{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:4px;padding:5px 8px}.np-toolbar button:hover{background:#e5e7eb}.np-toolbar-dropdown{border:1px solid var(--np-border);background:#fff;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:flex}.np-toolbar-divider{background:var(--np-border);width:1px;height:18px;margin:0 3px}.np-editor-textarea{resize:vertical;border:none;outline:none;width:100%;min-height:125px;padding:12px;font-size:12px;line-height:1.6}.np-images-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.np-upload-box{color:#9ca3af;cursor:pointer;text-align:center;border:2px dashed #d1d5db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:125px;transition:all .2s;display:flex}.np-upload-box:hover{border-color:var(--np-primary);background:#faf7ff}.np-upload-box svg{font-size:20px}.np-upload-box span{font-size:11px}.np-main-upload{background:var(--np-primary-light);border-color:#9b7cf4}.np-main-upload strong{color:var(--np-primary);font-size:11px}.np-main-upload span,.np-main-upload small{color:var(--np-muted);font-size:10px}.np-checkbox{cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.np-checkbox input{width:16px;height:16px;accent-color:var(--np-primary)}.np-status-list{flex-direction:column;gap:10px;display:flex}.np-status-box{border:1px solid var(--np-border);cursor:pointer;border-radius:9px;gap:10px;padding:12px;transition:all .2s;display:flex}.np-status-box:hover,.np-status-box.selected{border-color:var(--np-primary);background:#fcfaff}.np-status-box input{accent-color:var(--np-primary);margin-top:3px}.np-status-box strong{color:#111827;align-items:center;gap:7px;font-size:12px;display:flex}.np-status-box small{color:var(--np-muted);margin-top:4px;font-size:10px;line-height:1.4;display:block}.np-visible-pill{background:var(--np-green-bg);color:var(--np-green);border-radius:10px;padding:2px 7px;font-size:9px}.np-toggle-row{border-bottom:1px solid #f1f2f4;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.np-toggle-row:last-child{border-bottom:none;padding-bottom:0}.np-toggle-row strong{color:#111827;font-size:12px;display:block}.np-toggle-row small{color:var(--np-muted);margin-top:3px;font-size:10px;display:block}.np-switch{flex-shrink:0;width:42px;height:23px;position:relative}.np-switch input{opacity:0;width:0;height:0}.np-switch span{cursor:pointer;background:#d1d5db;border-radius:20px;transition:all .3s;position:absolute;inset:0}.np-switch span:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .3s;position:absolute;top:3px;left:3px}.np-switch input:checked+span{background:var(--np-primary)}.np-switch input:checked+span:before{transform:translate(19px)}.np-dimensions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.np-dimensions input{min-width:0}.np-preview-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.np-preview-header h2{color:#111827;font-size:15px}.np-device-switch{background:#f3f4f6;border-radius:6px;gap:2px;padding:3px;display:flex}.np-device-switch button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:5px 7px}.np-device-switch button.active{color:var(--np-primary);background:#fff}.np-product-preview{border:1px solid var(--np-border);border-radius:10px;padding:14px;position:relative}.np-discount{background:var(--np-primary);color:#fff;z-index:2;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;top:12px;left:12px}.np-wishlist{border:1px solid var(--np-border);cursor:pointer;color:#6b7280;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px}.np-product-image{justify-content:center;align-items:center;width:100%;height:170px;margin-bottom:12px;display:flex}.np-product-image img{object-fit:contain;width:100%;height:100%}.np-product-preview h3{color:#111827;margin-bottom:4px;font-size:15px}.np-category{color:var(--np-primary);font-size:10px;font-weight:600}.np-price-row{align-items:center;gap:8px;margin-top:9px;display:flex}.np-price-row strong{font-size:15px}.np-price-row del{color:#9ca3af;font-size:11px}.np-stock{background:var(--np-green-bg);color:var(--np-green);border-radius:4px;margin-top:7px;padding:3px 7px;font-size:9px;font-weight:600;display:inline-block}.np-product-preview p{color:var(--np-muted);margin-top:10px;font-size:10px;line-height:1.5}.np-feature-chips{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.np-feature-chips span{border:1px solid var(--np-border);color:#344054;background:#f9fafb;border-radius:5px;padding:4px 6px;font-size:8px}.np-cart-row{gap:7px;display:flex}.np-quantity{border:1px solid var(--np-border);border-radius:7px;align-items:center;display:flex;overflow:hidden}.np-quantity button{cursor:pointer;background:#f9fafb;border:none;padding:8px}.np-quantity span{text-align:center;min-width:25px;font-size:11px;font-weight:600}.np-cart-btn{background:var(--np-primary);color:#fff;cursor:pointer;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.np-share-row{color:var(--np-muted);align-items:center;gap:7px;margin-top:14px;font-size:10px;display:flex}.np-share-row a{border:1px solid var(--np-border);color:#4b5563;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;text-decoration:none;display:flex}.np-tips-card{background:#fcfaff}.np-tips-list{flex-direction:column;gap:13px;list-style:none;display:flex}.np-tips-list li{color:#344054;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;display:flex}.np-tips-list svg{color:var(--np-primary);flex-shrink:0;margin-top:2px}.np-bottom-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.np-bottom-actions button{cursor:pointer;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:600}.np-cancel-btn{border:1px solid var(--np-border);color:#344054;background:#fff}.np-draft-btn{border:1px solid var(--np-primary);color:var(--np-primary);background:#fff}.np-publish-btn{background:var(--np-primary);border:1px solid var(--np-primary);color:#fff;align-items:center;gap:6px;display:flex}@media (width<=1200px){.np-main-grid{grid-template-columns:1.7fr 1fr 1fr;gap:15px}.np-card{padding:17px}.np-type-selector{grid-template-columns:1fr}.np-type-selector button{justify-content:flex-start;padding-left:10px}}@media (width<=1024px){.np-main-grid{grid-template-columns:1fr 1fr}.np-left-column{grid-column:1/-1}.np-middle-column{grid-column:1}.np-right-column{grid-column:2}}@media (width<=768px){.np-admin-container{padding:15px}.np-main-grid{grid-template-columns:1fr}.np-left-column,.np-middle-column,.np-right-column{grid-column:auto}.np-two-col,.np-three-col{grid-template-columns:1fr}.np-images-grid{grid-template-columns:repeat(2,1fr)}.np-type-selector{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.np-admin-container{padding:10px}.np-page-title{font-size:20px}.np-card{border-radius:10px;padding:15px}.np-images-grid,.np-type-selector{grid-template-columns:1fr}.np-bottom-actions{flex-direction:column}.np-bottom-actions button{width:100%}.np-cart-row{flex-direction:column}.np-quantity{justify-content:center}}.blog-management{--bm-blue-900:#0b2f6b;--bm-blue-700:#1848c1;--bm-blue-600:#2563eb;--bm-blue-500:#3b82f6;--bm-blue-100:#e4edff;--bm-blue-50:#f4f8ff;--bm-ink:#10213f;--bm-muted:#64748b;--bm-line:#e3e9f5;--bm-white:#fff;--bm-radius:14px;--bm-shadow:0 12px 30px -18px #0b2f6b59;color:var(--bm-ink);max-width:1220px;margin:0 auto;padding:28px 20px 48px;font-family:Inter,Segoe UI,system-ui,sans-serif}.blog-management__toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;display:flex}.blog-management__search{flex:260px;min-width:220px;position:relative}.blog-management__search-icon{color:var(--bm-blue-500);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.blog-management__search input{border:1.5px solid var(--bm-line);background:var(--bm-white);width:100%;color:var(--bm-ink);box-shadow:var(--bm-shadow);border-radius:10px;padding:11px 14px 11px 38px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.blog-management__search input::placeholder{color:#93a1bd}.blog-management__search input:focus-visible{border-color:var(--bm-blue-600);box-shadow:0 0 0 3px var(--bm-blue-100);outline:none}.blog-management__filter-group{flex-wrap:wrap;gap:12px;display:flex}.blog-management__select-wrap{position:relative}.blog-management__select-wrap select{appearance:none;border:1.5px solid var(--bm-line);background:var(--bm-white);min-width:160px;color:var(--bm-ink);cursor:pointer;box-shadow:var(--bm-shadow);border-radius:10px;padding:10px 32px 10px 14px;font-size:.88rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.blog-management__select-wrap select:focus-visible{border-color:var(--bm-blue-600);outline:none}.blog-management__select-caret{color:var(--bm-blue-500);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.blog-management__view-toggle{gap:8px;margin-left:auto;display:flex}.blog-management__view-btn{border:1.5px solid var(--bm-line);background:var(--bm-white);color:var(--bm-blue-700);cursor:pointer;box-shadow:var(--bm-shadow);border-radius:10px;align-items:center;gap:7px;padding:10px 16px;font-size:.86rem;font-weight:600;transition:all .15s;display:inline-flex}.blog-management__view-btn:hover{border-color:var(--bm-blue-500)}.blog-management__view-btn--active{background:var(--bm-blue-600);border-color:var(--bm-blue-600);color:var(--bm-white)}.blog-management__thumb{color:#ffffffd9;background:linear-gradient(135deg, var(--bm-blue-500), var(--bm-blue-900));border-radius:12px 12px 0 0;flex-shrink:0;justify-content:center;align-items:center;height:160px;display:flex}.blog-management__thumb[data-image=school]{background:linear-gradient(135deg,#6ea8ff,#1e3a8a)}.blog-management__thumb[data-image=laptop]{background:linear-gradient(135deg,#8fd3c8,#1f6e63)}.blog-management__thumb[data-image=child]{background:linear-gradient(135deg,#f8c785,#b0651d)}.blog-management__thumb[data-image=notebook]{background:linear-gradient(135deg,#d9a7f2,#6d2b96)}.blog-management__thumb[data-image=sprout]{background:linear-gradient(135deg,#a8e6a1,#227a3d)}.blog-management__thumb[data-image=library]{background:linear-gradient(135deg,#9db4f5,#33408f)}.blog-management__thumb[data-image=classroom]{background:linear-gradient(135deg,#ffb0c8,#9b2255)}.blog-management__thumb[data-image=books]{background:linear-gradient(135deg,#ffd58a,#a0611a)}.blog-management__thumb--row{border-radius:12px;width:96px;min-width:96px;height:auto}.blog-management__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.blog-management__card{background:var(--bm-white);border:1px solid var(--bm-line);border-radius:var(--bm-radius);box-shadow:var(--bm-shadow);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.blog-management__card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -18px #0b2f6b73}.blog-management__card-body{flex-direction:column;flex:1;gap:10px;padding:16px 16px 14px;display:flex}.blog-management__list{flex-direction:column;gap:14px;display:flex}.blog-management__row{background:var(--bm-white);border:1px solid var(--bm-line);border-radius:var(--bm-radius);box-shadow:var(--bm-shadow);align-items:flex-start;gap:16px;padding:14px;transition:transform .15s;display:flex}.blog-management__row:hover{transform:translateY(-2px)}.blog-management__row-body{flex-direction:column;flex:1;gap:8px;display:flex}.blog-management__row .blog-management__actions{flex-shrink:0;align-items:flex-end}.blog-management__tag{background:var(--bm-blue-100);color:var(--bm-blue-700);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:.72rem;font-weight:700}.blog-management__tag--education{color:#1848c1;background:#e4edff}.blog-management__tag--technology{color:#6d2b96;background:#efe6ff}.blog-management__tag--wellness{color:#b0651d;background:#ffedd9}.blog-management__tag--design{color:#9b2255;background:#ffe1ee}.blog-management__tag--research{color:#17874d;background:#dcfbe8}.blog-management__tag--analytics{color:#33408f;background:#e3e6ff}.blog-management__tag--resources{color:#a0611a;background:#ffe9cf}.blog-management__title{color:var(--bm-blue-900);margin:0;font-size:1rem;font-weight:700;line-height:1.35}.blog-management__excerpt{color:var(--bm-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-management__byline{color:var(--bm-muted);gap:16px;font-size:.78rem;display:flex}.blog-management__byline span{align-items:center;gap:5px;display:inline-flex}.blog-management__actions{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:6px;display:flex}.blog-management__status{border-radius:999px;padding:5px 12px;font-size:.76rem;font-weight:700}.blog-management__status--published{color:#17874d;background:#dcfbe8}.blog-management__status--draft{color:#55627a;background:#eef0f4}.blog-management__action-buttons{gap:8px;display:flex;position:relative}.blog-management__icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .12s;display:inline-flex}.blog-management__icon-btn:hover{transform:translateY(-1px)}.blog-management__icon-btn--edit{background:var(--bm-blue-600);color:var(--bm-white)}.blog-management__icon-btn--delete{color:var(--bm-white);background:#e0392f}.blog-management__icon-btn--more{background:var(--bm-blue-50);color:var(--bm-blue-700)}.blog-management__menu-wrap{position:relative}.blog-management__menu{background:var(--bm-white);border:1px solid var(--bm-line);z-index:20;border-radius:10px;min-width:150px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 16px 34px -14px #0b2f6b66}.blog-management__menu button{text-align:left;background:var(--bm-white);width:100%;color:var(--bm-ink);cursor:pointer;border:none;padding:10px 14px;font-size:.84rem;display:block}.blog-management__menu button:hover{background:var(--bm-blue-50)}.blog-management__empty{text-align:center;color:var(--bm-muted);background:var(--bm-white);border:1px dashed var(--bm-line);border-radius:var(--bm-radius);padding:60px 20px}.blog-management__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.blog-management__count{color:var(--bm-muted);margin:0;font-size:.84rem}.blog-management__pagination{gap:6px;display:flex}.blog-management__page-btn{border:1.5px solid var(--bm-line);background:var(--bm-white);min-width:34px;height:34px;color:var(--bm-ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0 8px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.blog-management__page-btn:hover:not(:disabled){border-color:var(--bm-blue-500);color:var(--bm-blue-600)}.blog-management__page-btn:disabled{opacity:.4;cursor:not-allowed}.blog-management__page-btn--active{background:var(--bm-blue-600);border-color:var(--bm-blue-600);color:var(--bm-white)}.blog-management__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0b1b3b73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.blog-management__modal{background:var(--bm-white);border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.16s ease-out bm-modal-in;display:flex;overflow:hidden;box-shadow:0 24px 60px -20px #0b2f6b80}.blog-management__modal--sm{max-width:400px}@keyframes bm-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.blog-management__modal-header{border-bottom:1px solid var(--bm-line);background:var(--bm-blue-50);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.blog-management__modal-header h2{color:var(--bm-blue-900);margin:0;font-size:1.05rem}.blog-management__modal-close{background:var(--bm-white);width:30px;height:30px;color:var(--bm-muted);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.blog-management__modal-close:hover{color:var(--bm-blue-700)}.blog-management__modal-body{flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto}.blog-management__field{color:var(--bm-muted);flex-direction:column;flex:1;gap:6px;font-size:.8rem;font-weight:600;display:flex}.blog-management__field input,.blog-management__field select,.blog-management__field textarea{border:1.5px solid var(--bm-line);color:var(--bm-ink);resize:vertical;border-radius:9px;padding:9px 12px;font-family:inherit;font-size:.9rem}.blog-management__field input:focus-visible,.blog-management__field select:focus-visible,.blog-management__field textarea:focus-visible{border-color:var(--bm-blue-600);box-shadow:0 0 0 3px var(--bm-blue-100);outline:none}.blog-management__field-row{gap:14px;display:flex}.blog-management__confirm-text{color:var(--bm-ink);margin:0;font-size:.92rem;line-height:1.5}.blog-management__modal-footer{border-top:1px solid var(--bm-line);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.blog-management__btn{cursor:pointer;border:none;border-radius:10px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:transform .12s}.blog-management__btn:hover{transform:translateY(-1px)}.blog-management__btn--ghost{background:var(--bm-blue-50);color:var(--bm-ink)}.blog-management__btn--primary{background:var(--bm-blue-600);color:var(--bm-white)}.blog-management__btn--danger{color:var(--bm-white);background:#e0392f}@media (width<=1180px){.blog-management__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.blog-management__grid{grid-template-columns:repeat(2,1fr)}.blog-management__view-toggle{width:100%;margin-left:0}.blog-management__view-btn{flex:1;justify-content:center}}@media (width<=640px){.blog-management{padding:18px 12px 36px}.blog-management__grid{grid-template-columns:1fr}.blog-management__row{flex-wrap:wrap}.blog-management__thumb--row{width:100%;height:140px}.blog-management__row .blog-management__actions{align-items:center;width:100%}.blog-management__field-row{flex-direction:column}.blog-management__footer{text-align:center;flex-direction:column;align-items:stretch}.blog-management__pagination{flex-wrap:wrap;justify-content:center}}.BlogPost{color:#17144f;background:#f5f7ff;width:100%;min-height:100vh;padding:28px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.BlogPost-header-left{align-items:center;gap:14px;display:flex}.BlogPost-header-icon{color:#fff;background:linear-gradient(135deg,#4134d8,#6b4ce6);border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:25px;display:flex;box-shadow:0 8px 20px #4134d833}.BlogPost-header h1{color:#17144f;margin:0;font-size:28px;font-weight:800}.BlogPost-header p{color:#747899;margin:4px 0 0;font-size:14px}.BlogPost-new-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4729d8,#6334e9);border:none;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 22px;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 8px 18px #4729d833}.BlogPost-new-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4729d847}.BlogPost-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;width:100%;display:grid}.BlogPost-form-card,.BlogPost-table-card{background:#fff;border:1px solid #e7e8f2;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 5px 25px #1e1e460f}.BlogPost-card-header,.BlogPost-table-header{border-bottom:1px solid #ececf3;padding:20px 22px}.BlogPost-card-title-wrapper,.BlogPost-table-title-wrapper{align-items:center;gap:12px;display:flex}.BlogPost-card-icon,.BlogPost-table-icon{color:#4934dc;background:#eceaff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.BlogPost-card-header h2,.BlogPost-table-header h2{color:#17144f;margin:0;font-size:18px;font-weight:800}.BlogPost-card-header p,.BlogPost-table-header p{color:#81849e;margin:3px 0 0;font-size:12px}.BlogPost-form{padding:22px}.BlogPost-field{width:100%;margin-bottom:17px}.BlogPost-field label{color:#222052;align-items:center;gap:5px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.BlogPost-field label span{color:#ef4444}.BlogPost-field label svg{font-size:12px}.BlogPost-field input,.BlogPost-field textarea,.BlogPost-field select{color:#24224d;background:#fff;border:1px solid #dcdfea;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:all .2s}.BlogPost-field input,.BlogPost-field select{height:44px;padding:0 13px}.BlogPost-field textarea{resize:vertical;min-height:105px;padding:12px 13px;line-height:1.6}.BlogPost-field input:focus,.BlogPost-field textarea:focus,.BlogPost-field select:focus{border-color:#5942df;box-shadow:0 0 0 3px #5942df14}.BlogPost-field input::placeholder,.BlogPost-field textarea::placeholder{color:#a2a5b7}.BlogPost-field small{color:#9295a9;margin-top:6px;font-size:11px;display:block}.BlogPost-label-row{justify-content:space-between;align-items:center;display:flex}.BlogPost-label-row small{margin:0}.BlogPost-image-upload{cursor:pointer;text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:130px;transition:all .25s;background:#fafbff!important;border:1.5px dashed #cdd1e4!important;display:flex!important}.BlogPost-image-upload:hover{background:#f8f7ff!important;border-color:#5942df!important}.BlogPost-image-upload input{display:none}.BlogPost-upload-icon{color:#5641db;margin-bottom:8px;font-size:25px}.BlogPost-image-upload strong{color:#373366;font-size:12px}.BlogPost-image-upload span{color:#999caf;margin-top:5px;font-size:10px}.BlogPost-image-preview{background:#f5f5f5;border-radius:9px;width:100%;height:170px;position:relative;overflow:hidden}.BlogPost-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.BlogPost-remove-image{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:10px;right:10px}.BlogPost-editor{border-radius:8px;width:100%;overflow:hidden}.BlogPost-editor .tox-tinymce{border:1px solid #dcdfea!important;border-radius:8px!important}.BlogPost-editor .tox .tox-toolbar,.BlogPost-editor .tox .tox-toolbar__primary{background:#fafaff!important}.BlogPost-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.BlogPost-form-actions{grid-template-columns:1fr 1.5fr;gap:12px;padding-top:5px;display:grid}.BlogPost-reset-button,.BlogPost-submit-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.BlogPost-reset-button{color:#27234f;background:#fff;border:1px solid #d9dbea}.BlogPost-reset-button:hover{background:#f6f6fb}.BlogPost-submit-button{color:#fff;background:linear-gradient(135deg,#482bd7,#6338e7);border:none;box-shadow:0 6px 15px #482bd733}.BlogPost-submit-button:hover{transform:translateY(-1px);box-shadow:0 9px 20px #482bd74d}.BlogPost-filters{grid-template-columns:minmax(150px,1.4fr) minmax(120px,1fr) minmax(100px,.9fr);gap:10px;padding:18px 20px;display:grid}.BlogPost-search{border:1px solid #dcdfea;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 11px;display:flex}.BlogPost-search svg{color:#777b96;font-size:13px}.BlogPost-search input{color:#282550;border:none;outline:none;width:100%;height:100%;font-size:12px}.BlogPost-search input::placeholder{color:#a1a4b5}.BlogPost-filters>select{color:#363452;background:#fff;border:1px solid #dcdfea;border-radius:8px;outline:none;width:100%;height:40px;padding:0 10px;font-size:12px}.BlogPost-table-wrapper{width:100%;padding:0 18px;overflow-x:auto}.BlogPost-table{border-collapse:separate;border-spacing:0;border:1px solid #e3e5ef;border-radius:8px;width:100%;min-width:850px;overflow:hidden}.BlogPost-table th{color:#fff;text-transform:uppercase;letter-spacing:.3px;text-align:left;white-space:nowrap;background:#302b72;padding:12px 9px;font-size:10px}.BlogPost-table td{vertical-align:middle;color:#555873;border-bottom:1px solid #eceef4;padding:10px 9px;font-size:11px}.BlogPost-table tbody tr:last-child td{border-bottom:none}.BlogPost-table tbody tr:hover{background:#fafaff}.BlogPost-blog-image{object-fit:cover;border-radius:6px;width:70px;height:45px;display:block}.BlogPost-blog-title{color:#252151;max-width:210px;font-weight:700;line-height:1.4}.BlogPost-blog-slug{color:#9a9daf;text-overflow:ellipsis;white-space:nowrap;max-width:210px;margin-top:3px;font-size:9px;overflow:hidden}.BlogPost-category{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.BlogPost-category-education{color:#6539d7;background:#eee8ff}.BlogPost-category-business{color:#2570ce;background:#e8f1ff}.BlogPost-category-technology{color:#1c9b48;background:#e5f9eb}.BlogPost-category-design{color:#c52d7a;background:#ffe8f4}.BlogPost-category-analytics{color:#d46b1d;background:#fff0df}.BlogPost-category-research{color:#168b8b;background:#e6f7f7}.BlogPost-author{white-space:nowrap;color:#444667;font-weight:600}.BlogPost-date{white-space:nowrap;color:#666a82;align-items:center;gap:6px;display:flex}.BlogPost-date svg{color:#5c57a5;font-size:11px}.BlogPost-status{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.BlogPost-status-published{color:#16834a;background:#dcf9e8}.BlogPost-status-draft{color:#a76d00;background:#fff0bd}.BlogPost-actions{align-items:center;gap:6px;display:flex}.BlogPost-edit-button,.BlogPost-delete-button{color:#fff;cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.BlogPost-edit-button{background:#2879e8}.BlogPost-delete-button{background:#ef4141}.BlogPost-edit-button:hover,.BlogPost-delete-button:hover{filter:brightness(.95);transform:translateY(-2px)}.BlogPost-table-footer{color:#777b93;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;font-size:11px;display:flex}.BlogPost-pagination{align-items:center;gap:5px;display:flex}.BlogPost-pagination button{color:#565978;cursor:pointer;background:#fff;border:1px solid #e0e2eb;border-radius:6px;width:30px;height:30px}.BlogPost-pagination-active{color:#fff!important;background:#4634cf!important;border-color:#4634cf!important}.BlogPost-no-data{text-align:center!important;color:#999caf!important;padding:35px!important}.BlogPost-mobile-list{display:none}.BlogPost-mobile-card{background:#fff;border:1px solid #e3e5ef;border-radius:10px;margin-bottom:12px;padding:13px}.BlogPost-mobile-top{gap:12px;display:flex}.BlogPost-mobile-image{object-fit:cover;border-radius:7px;flex-shrink:0;width:90px;height:70px}.BlogPost-mobile-info{min-width:0}.BlogPost-mobile-number{color:#989bad;font-size:10px}.BlogPost-mobile-info h3{color:#282450;margin:3px 0 7px;font-size:13px;line-height:1.4}.BlogPost-mobile-details{color:#686b82;border-top:1px solid #eeeef4;flex-direction:column;gap:7px;margin-top:13px;padding-top:12px;font-size:11px;display:flex}.BlogPost-mobile-details strong{color:#343253}.BlogPost-mobile-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;display:grid}.BlogPost-mobile-actions button{gap:7px;width:100%;height:35px;font-size:11px}.BlogPost-mobile-no-data{text-align:center;color:#999caf;padding:30px;font-size:12px}@media (width>=1600px){.BlogPost{padding:35px}.BlogPost-layout{gap:28px}.BlogPost-form,.BlogPost-card-header,.BlogPost-table-header{padding-left:26px;padding-right:26px}.BlogPost-table-wrapper{padding-left:22px;padding-right:22px}}@media (width<=1200px){.BlogPost{padding:20px}.BlogPost-layout{grid-template-columns:1fr}.BlogPost-form-card,.BlogPost-table-card{width:100%}.BlogPost-table-wrapper{overflow-x:auto}.BlogPost-table{min-width:900px}}@media (width<=768px){.BlogPost{padding:15px}.BlogPost-header{flex-direction:column;align-items:flex-start}.BlogPost-header-left{width:100%}.BlogPost-header h1{font-size:23px}.BlogPost-new-button{width:100%}.BlogPost-form-row{grid-template-columns:1fr;gap:0}.BlogPost-form-actions,.BlogPost-filters{grid-template-columns:1fr}.BlogPost-table-wrapper{display:none}.BlogPost-mobile-list{padding:0 18px;display:block}.BlogPost-table-footer{padding:15px 18px}}@media (width<=480px){.BlogPost{padding:10px}.BlogPost-header{margin-bottom:15px}.BlogPost-header-left{gap:10px}.BlogPost-header-icon{width:45px;height:45px;font-size:20px}.BlogPost-header h1{font-size:19px}.BlogPost-header p{font-size:11px}.BlogPost-card-header,.BlogPost-table-header,.BlogPost-form{padding:15px}.BlogPost-mobile-list{padding:0 12px}.BlogPost-mobile-image{width:75px;height:62px}.BlogPost-mobile-info h3{font-size:12px}.BlogPost-table-footer{flex-direction:column;align-items:flex-start;padding:13px 12px}.BlogPost-pagination{align-self:flex-end}.BlogPost-editor .tox-tinymce{max-width:100%}}@media (width<=360px){.BlogPost-header h1{font-size:17px}.BlogPost-header p{display:none}.BlogPost-mobile-top{gap:8px}.BlogPost-mobile-image{width:65px;height:55px}.BlogPost-mobile-info h3{font-size:11px}.BlogPost-category{padding:4px 7px;font-size:8px}}:root{--primary-blue:#0284c7;--primary-blue-hover:#0369a1;--primary-blue-light:#e0f2fe;--bg-main:#f8fafc;--card-bg:#fff;--border-color:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--radius-sm:6px;--radius-md:10px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008}.gallery-management-container{background-color:var(--bg-main);color:var(--text-main);box-sizing:border-box;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.gallery-header-section{align-items:center;gap:16px;margin-bottom:24px;display:flex}.gallery-header-icon-wrapper{background-color:var(--primary-blue-light);color:var(--primary-blue);border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.gallery-header-main-icon{width:24px;height:24px}.gallery-main-title{color:var(--text-main);margin:0;font-size:1.35rem;font-weight:700}.gallery-sub-title{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.gallery-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px 24px}.gallery-card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.gallery-card-header.no-border{border-bottom:none;margin-bottom:0;padding-bottom:0}.gallery-card-title-icon{width:20px;height:20px;color:var(--primary-blue)}.gallery-card-header h2{color:var(--primary-blue);margin:0;font-size:1.05rem;font-weight:600}.gallery-form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.gallery-form-grid{grid-template-columns:1fr}}.gallery-form-group{flex-direction:column;gap:8px;display:flex}.gallery-input-label{color:var(--text-main);font-size:.85rem;font-weight:500}.gallery-text-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.gallery-text-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0284c71a}.gallery-upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center;cursor:pointer;background-color:#fafafa;justify-content:center;align-items:center;min-height:110px;padding:16px;transition:all .2s;display:flex}.gallery-upload-dropzone:hover{border-color:var(--primary-blue);background-color:var(--primary-blue-light)}.gallery-upload-placeholder-content{flex-direction:column;align-items:center;gap:6px;display:flex}.gallery-upload-cloud-icon{width:32px;height:32px;color:var(--primary-blue)}.gallery-upload-main-text{color:var(--primary-blue);margin:0;font-size:.85rem;font-weight:600}.gallery-upload-sub-text{color:var(--text-muted);margin:0;font-size:.75rem}.gallery-preview-container{flex-direction:column;align-items:center;gap:6px;display:flex}.gallery-uploaded-preview{object-fit:cover;border:1px solid var(--border-color);border-radius:4px;width:60px;height:45px}.gallery-change-text{color:var(--primary-blue);font-size:.75rem;font-weight:500}.gallery-form-actions{grid-column:1/-1;gap:12px;margin-top:4px;display:flex}.gallery-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.gallery-btn:active{transform:scale(.98)}.gallery-btn-primary{background-color:var(--primary-blue);color:#fff}.gallery-btn-primary:hover{background-color:var(--primary-blue-hover)}.gallery-btn-secondary{color:var(--text-main);background-color:#e2e8f0}.gallery-btn-secondary:hover{background-color:#cbd5e1}.gallery-list-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.gallery-search-wrapper{width:260px;position:relative}.gallery-search-icon{width:16px;height:16px;color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.gallery-search-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:.85rem;transition:border-color .2s}.gallery-search-input:focus{border-color:var(--primary-blue)}.gallery-table-responsive{width:100%;overflow-x:auto}.gallery-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.gallery-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;background-color:#f8fafc;padding:12px 16px;font-weight:600}.gallery-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:12px 16px}.gallery-table tr:hover{background-color:#f1f5f9}.col-num{text-align:center;width:60px}.gallery-table td.col-num{text-align:center;color:var(--text-muted)}.col-img{width:90px}.gallery-table-img-wrapper{border:1px solid var(--border-color);cursor:pointer;border-radius:4px;width:60px;height:40px;transition:transform .2s;overflow:hidden}.gallery-table-img-wrapper:hover{transform:scale(1.05)}.gallery-table-thumb{object-fit:cover;width:100%;height:100%}.font-medium{font-weight:500}.text-muted{color:var(--text-muted);font-size:.8rem}.gallery-action-buttons{gap:6px;display:flex}.gallery-action-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,transform .1s;display:flex}.gallery-action-btn:hover{opacity:.9}.gallery-action-btn:active{transform:scale(.95)}.gallery-btn-view{background-color:#0284c7}.gallery-btn-edit{background-color:#2563eb}.gallery-btn-delete{background-color:#ef4444}.gallery-no-results{text-align:center;color:var(--text-muted);padding:24px}.gallery-pagination-bar{border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:12px;font-size:.8rem;display:flex}.gallery-pagination-controls{gap:6px;display:flex}.gallery-page-btn{border:1px solid var(--border-color);min-width:30px;height:30px;color:var(--text-main);cursor:pointer;background-color:#fff;border-radius:4px;justify-content:center;align-items:center;padding:0 8px;font-size:.85rem;transition:all .2s;display:flex}.gallery-page-btn:hover:not(:disabled){background-color:var(--primary-blue-light);border-color:var(--primary-blue);color:var(--primary-blue)}.gallery-page-btn.active{background-color:var(--primary-blue);border-color:var(--primary-blue);color:#fff;font-weight:600;box-shadow:0 2px 4px #0284c733}.gallery-page-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}.gallery-modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.gallery-modal-content{border-radius:var(--radius-md);background-color:#fff;width:100%;max-width:500px;animation:.2s ease-in-out modalScale;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gallery-modal-header{border-bottom:1px solid var(--border-color);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.gallery-modal-header h3{color:var(--text-main);margin:0;font-size:1rem}.gallery-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.5rem;line-height:1}.gallery-modal-close:hover{color:var(--text-main)}.gallery-modal-body{flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.gallery-modal-img{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-color);max-width:100%;max-height:350px}.gallery-modal-date{color:var(--text-muted);margin:0;font-size:.8rem}.ColdLead-container{color:#17202a;background:#f6f8fb;width:100%;min-height:100vh;padding:28px;font-family:Inter,Arial,sans-serif}.ColdLead-header{width:100%;margin-bottom:24px}.ColdLead-header-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.ColdLead-title{color:#17202a;margin:0 0 7px;font-size:28px;font-weight:700;line-height:1.2}.ColdLead-subtitle{color:#7b8794;margin:0;font-size:14px;line-height:1.6}.ColdLead-total-box{background:#fff;border:1px solid #e7ebef;border-radius:12px;flex-direction:column;align-items:center;min-width:130px;padding:14px 20px;display:flex;box-shadow:0 3px 15px #1423320a}.ColdLead-total-label{color:#89939e;margin-bottom:3px;font-size:12px}.ColdLead-total-number{color:#176b38;font-size:22px}.ColdLead-stats{grid-template-columns:repeat(3,1fr);gap:18px;width:100%;margin-bottom:24px;display:grid}.ColdLead-stat-card{background:#fff;border:1px solid #e7ebef;border-radius:14px;align-items:center;gap:15px;padding:18px;display:flex;box-shadow:0 4px 18px #1423320a}.ColdLead-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;display:flex}.ColdLead-stat-icon-blue{color:#2672d9;background:#edf5ff}.ColdLead-stat-icon-green{color:#19723b;background:#eaf8ef}.ColdLead-stat-icon-orange{color:#d88718;background:#fff6e7}.ColdLead-stat-info{flex-direction:column;gap:4px;display:flex}.ColdLead-stat-info span{color:#89939e;font-size:13px}.ColdLead-stat-info strong{color:#26313a;font-size:22px}.ColdLead-card{background:#fff;border:1px solid #e5e9ed;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 5px 25px #1626340d}.ColdLead-toolbar{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px 20px;display:flex}.ColdLead-toolbar-left{align-items:center;gap:12px;display:flex}.ColdLead-table-title{color:#202a33;margin:0;font-size:17px;font-weight:700}.ColdLead-result-count{color:#176b38;background:#eef8f1;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:600}.ColdLead-search-wrapper{width:280px;position:relative}.ColdLead-search{color:#27323a;background:#fafbfc;border:1px solid #dfe5e9;border-radius:9px;outline:none;width:100%;height:40px;padding:0 38px;font-size:13px;transition:all .2s}.ColdLead-search:focus{background:#fff;border-color:#176b38;box-shadow:0 0 0 3px #176b3814}.ColdLead-search::placeholder{color:#a1aab2}.ColdLead-search-icon{color:#98a2ab;z-index:1;font-size:13px;position:absolute;top:13px;left:14px}.ColdLead-search-clear{color:#87919a;cursor:pointer;background:0 0;border:0;border-radius:6px;width:24px;height:24px;position:absolute;top:8px;right:8px}.ColdLead-search-clear:hover{color:#333;background:#edf0f2}.ColdLead-table-wrapper{width:100%;overflow-x:auto}.ColdLead-table{border-collapse:collapse;width:100%;min-width:1150px}.ColdLead-table th{text-align:left;color:#75808a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #e9edf0;padding:14px 16px;font-size:11px;font-weight:700}.ColdLead-table td{vertical-align:middle;border-bottom:1px solid #eef1f3;padding:16px;font-size:13px}.ColdLead-table tbody tr{transition:background .2s}.ColdLead-table tbody tr:hover{background:#fbfdfc}.ColdLead-table tbody tr:last-child td{border-bottom:0}.ColdLead-index{color:#53625a;background:#f1f5f3;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.ColdLead-person{align-items:center;gap:11px;min-width:190px;display:flex}.ColdLead-avatar{color:#176b38;background:#e9f5ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.ColdLead-person-info{flex-direction:column;gap:5px;min-width:0;display:flex}.ColdLead-person-info strong{color:#27323a;white-space:nowrap;font-size:13px;font-weight:700}.ColdLead-person-info span{color:#89939c;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.ColdLead-person-info span svg{color:#176b38;font-size:10px}.ColdLead-phone{white-space:nowrap;color:#55616b;align-items:center;gap:7px;display:flex}.ColdLead-phone svg{color:#176b38;font-size:12px}.ColdLead-subject{color:#38444d;align-items:flex-start;gap:7px;min-width:130px;max-width:170px;font-weight:600;display:flex}.ColdLead-subject svg{color:#176b38;flex-shrink:0;margin-top:3px;font-size:11px}.ColdLead-message-cell{color:#7c8790;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:200px;max-width:250px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.ColdLead-status{border-radius:20px;justify-content:center;align-items:center;min-width:70px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.ColdLead-status-new{color:#a5680c;background:#fff4dc}.ColdLead-status-contacted{color:#176b38;background:#e8f7ed}.ColdLead-date{white-space:nowrap;color:#707b84;align-items:center;gap:7px;font-size:11px;display:flex}.ColdLead-date svg{color:#176b38}.ColdLead-actions{align-items:center;gap:6px;display:flex}.ColdLead-action-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ColdLead-view-button{color:#2971c7;background:#edf5ff}.ColdLead-view-button:hover{background:#dcecff;transform:translateY(-1px)}.ColdLead-edit-button{color:#b87913;background:#fff5df}.ColdLead-edit-button:hover{background:#ffedc6;transform:translateY(-1px)}.ColdLead-delete-button{color:#d34d4d;background:#fff0f0}.ColdLead-delete-button:hover{background:#ffe0e0;transform:translateY(-1px)}.ColdLead-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:40px 20px;display:flex}.ColdLead-empty-icon{color:#176b38;background:#edf7f0;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:14px;font-size:20px;display:flex}.ColdLead-empty h3{color:#37424a;margin:0 0 5px;font-size:16px}.ColdLead-empty p{color:#929ba3;margin:0;font-size:13px}.ColdLead-mobile-list{display:none}.ColdLead-mobile-card{border-bottom:1px solid #edf0f2;padding:17px}.ColdLead-mobile-card:last-child{border-bottom:0}.ColdLead-mobile-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ColdLead-mobile-details{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px;display:grid}.ColdLead-mobile-detail{color:#68747d;align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.ColdLead-mobile-detail svg{color:#176b38;flex-shrink:0}.ColdLead-mobile-detail span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ColdLead-mobile-message{background:#f8faf9;border-radius:9px;margin-bottom:14px;padding:12px}.ColdLead-mobile-message strong{color:#44504a;margin-bottom:5px;font-size:11px;display:block}.ColdLead-mobile-message p{color:#7a858d;margin:0;font-size:12px;line-height:1.5}.ColdLead-mobile-actions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.ColdLead-mobile-actions button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;font-size:11px;font-weight:600;display:flex}.ColdLead-mobile-view{color:#2971c7;background:#edf5ff}.ColdLead-mobile-edit{color:#a96d10;background:#fff5df}.ColdLead-mobile-delete{color:#d34d4d;background:#fff0f0}.ColdLead-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121c168c;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.ColdLead-modal,.ColdLead-edit-modal{background:#fff;border-radius:16px;width:100%;max-width:620px;max-height:90vh;animation:.2s ColdLead-modal-show;overflow-y:auto;box-shadow:0 25px 70px #0003}@keyframes ColdLead-modal-show{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ColdLead-modal-header{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex}.ColdLead-modal-header h2{color:#26312a;margin:0 0 4px;font-size:19px}.ColdLead-modal-header p{color:#929ba2;margin:0;font-size:12px}.ColdLead-modal-close{color:#69736d;cursor:pointer;background:#f4f6f5;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ColdLead-modal-close:hover{background:#e9edeb}.ColdLead-modal-body{padding:22px}.ColdLead-modal-profile{align-items:center;gap:13px;margin-bottom:22px;display:flex}.ColdLead-modal-avatar{color:#176b38;background:#e8f5ec;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:19px;font-weight:700;display:flex}.ColdLead-modal-profile h3{color:#29342d;margin:0 0 4px;font-size:16px}.ColdLead-modal-profile span{color:#89938d;font-size:12px}.ColdLead-modal-grid{grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:18px;display:grid}.ColdLead-modal-field{background:#fbfcfb;border:1px solid #edf0ee;border-radius:10px;padding:13px}.ColdLead-modal-field label,.ColdLead-modal-message label{color:#929b96;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.ColdLead-modal-field p{color:#3b4740;margin:0;font-size:13px;font-weight:600}.ColdLead-modal-message{background:#f7faf8;border-radius:10px;padding:15px}.ColdLead-modal-message p{color:#68736d;margin:0;font-size:13px;line-height:1.6}.ColdLead-modal-footer{border-top:1px solid #edf0f2;justify-content:flex-end;gap:9px;padding:16px 22px;display:flex}.ColdLead-modal-edit,.ColdLead-modal-cancel{cursor:pointer;border:0;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.ColdLead-modal-edit{color:#fff;background:#176b38}.ColdLead-modal-edit:hover{background:#12582d}.ColdLead-modal-cancel{color:#56615b;background:#eef1ef}.ColdLead-modal-cancel:hover{background:#e4e8e5}.ColdLead-edit-form{padding:22px}.ColdLead-form-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px;display:grid}.ColdLead-form-group{margin-bottom:15px}.ColdLead-form-group label{color:#4b5750;align-items:center;gap:6px;margin-bottom:7px;font-size:11px;font-weight:700;display:flex}.ColdLead-form-group label svg{color:#176b38;font-size:11px}.ColdLead-form-group input,.ColdLead-form-group textarea,.ColdLead-form-group select{color:#344039;background:#fbfcfb;border:1px solid #dfe5e1;border-radius:9px;outline:none;width:100%;font-size:13px;transition:all .2s}.ColdLead-form-group input,.ColdLead-form-group select{height:42px;padding:0 12px}.ColdLead-form-group textarea{resize:vertical;min-height:110px;padding:12px;line-height:1.5}.ColdLead-form-group input:focus,.ColdLead-form-group textarea:focus,.ColdLead-form-group select:focus{background:#fff;border-color:#176b38;box-shadow:0 0 0 3px #176b3814}.ColdLead-edit-footer{justify-content:flex-end;gap:9px;padding-top:5px;display:flex}.ColdLead-cancel-button,.ColdLead-save-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 17px;font-size:12px;font-weight:700;display:flex}.ColdLead-cancel-button{color:#59635d;background:#edf0ee}.ColdLead-save-button{color:#fff;background:#176b38;box-shadow:0 5px 14px #176b382e}.ColdLead-save-button:hover{background:#12582d}.ColdLead-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.ColdLead-modal::-webkit-scrollbar{width:7px;height:7px}.ColdLead-edit-modal::-webkit-scrollbar{width:7px;height:7px}.ColdLead-table-wrapper::-webkit-scrollbar-track{background:#f2f4f3}.ColdLead-modal::-webkit-scrollbar-track{background:#f2f4f3}.ColdLead-edit-modal::-webkit-scrollbar-track{background:#f2f4f3}.ColdLead-table-wrapper::-webkit-scrollbar-thumb{background:#cbd4ce;border-radius:20px}.ColdLead-modal::-webkit-scrollbar-thumb{background:#cbd4ce;border-radius:20px}.ColdLead-edit-modal::-webkit-scrollbar-thumb{background:#cbd4ce;border-radius:20px}@media (width>=1400px){.ColdLead-container{padding:32px}.ColdLead-table td{padding:18px}.ColdLead-table th{padding:15px 18px}}@media (width<=1100px){.ColdLead-container{padding:22px}.ColdLead-stats{gap:12px}.ColdLead-stat-card{padding:15px}.ColdLead-toolbar{flex-wrap:wrap}.ColdLead-search-wrapper{width:260px}}@media (width<=768px){.ColdLead-container{padding:15px}.ColdLead-header-content{align-items:flex-start}.ColdLead-title{font-size:23px}.ColdLead-subtitle{font-size:12px}.ColdLead-total-box{min-width:90px;padding:10px 12px}.ColdLead-total-number{font-size:19px}.ColdLead-stats{grid-template-columns:1fr;gap:10px}.ColdLead-stat-card{padding:13px}.ColdLead-stat-icon{width:42px;height:42px}.ColdLead-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.ColdLead-toolbar-left{justify-content:space-between}.ColdLead-search-wrapper{width:100%}.ColdLead-table-wrapper{display:none}.ColdLead-mobile-list{display:block}.ColdLead-modal-overlay{padding:12px}.ColdLead-modal,.ColdLead-edit-modal{border-radius:13px;max-height:94vh}.ColdLead-modal-grid{grid-template-columns:1fr}.ColdLead-form-grid{grid-template-columns:1fr;gap:0}}@media (width<=480px){.ColdLead-container{padding:10px}.ColdLead-header-content{gap:10px}.ColdLead-title{font-size:20px}.ColdLead-subtitle{font-size:11px}.ColdLead-total-box{min-width:75px;padding:8px}.ColdLead-total-label{font-size:10px}.ColdLead-total-number{font-size:17px}.ColdLead-card{border-radius:12px}.ColdLead-toolbar-left{align-items:center}.ColdLead-table-title{font-size:15px}.ColdLead-result-count{font-size:10px}.ColdLead-mobile-top{align-items:flex-start}.ColdLead-mobile-top .ColdLead-person{min-width:0}.ColdLead-mobile-top .ColdLead-person-info strong,.ColdLead-mobile-top .ColdLead-person-info span{text-overflow:ellipsis;max-width:125px;overflow:hidden}.ColdLead-mobile-details{grid-template-columns:1fr}.ColdLead-mobile-actions button{font-size:10px}.ColdLead-modal-header,.ColdLead-modal-body{padding:16px}.ColdLead-modal-footer{padding:13px 16px}.ColdLead-edit-form{padding:16px}.ColdLead-edit-footer{flex-direction:column-reverse}.ColdLead-cancel-button,.ColdLead-save-button{width:100%}}.Order{--order-primary:#f27c54;--order-primary-dark:#df6840;--order-secondary:#72cfdb;--order-success:#25d366;--order-warning:#f1b44c;--order-heading:#38424d;--order-text:#68727d;--order-light:#f8fbfc;--order-border:#e9eef1;--order-white:#fff;box-sizing:border-box;background-color:#f7f9fc;width:100%;min-height:100vh;padding:30px 20px;font-family:Open Sans,sans-serif}.Order-container{max-width:1250px;margin:0 auto}.Order-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.Order-title{color:var(--order-heading);margin:0;font-family:Fredoka,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600}.Order-subtitle{color:var(--order-text);margin:4px 0 0;font-size:.92rem}.Order-search-box{background:var(--order-white);border:1px solid var(--order-border);border-radius:30px;align-items:center;width:100%;max-width:320px;padding:8px 18px;display:flex;box-shadow:0 4px 12px #00000008}.Order-search-icon{color:#9aa5b1;margin-right:10px}.Order-search-input{width:100%;color:var(--order-heading);border:none;outline:none;font-family:inherit;font-size:.88rem}.Order-table-wrapper{background:var(--order-white);border:1px solid var(--order-border);border-radius:20px;overflow-x:auto;box-shadow:0 8px 24px #0000000a}.Order-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.Order-table th{color:#52606d;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--order-border);background-color:#fcfdfe;padding:16px 20px;font-size:.82rem;font-weight:700}.Order-table td{color:var(--order-text);border-bottom:1px solid var(--order-border);padding:16px 20px;font-size:.88rem}.Order-table tbody tr:hover{background-color:#fbfdfe}.Order-td-id{color:var(--order-secondary);font-weight:700}.Order-td-name{color:var(--order-heading);font-weight:600}.Order-td-price{color:var(--order-primary);font-weight:700}.Order-size-pill{background:#edf2f7;border-radius:6px;margin-left:6px;padding:2px 8px;font-size:.76rem;font-weight:600;display:inline-block}.Order-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.74rem;font-weight:700;display:inline-block}.Order-badge.pending{color:#d48b11;background:#f1b44c26}.Order-badge.completed{color:#199447;background:#25d36626}.Order-badge.processing{color:#178391;background:#72cfdb2e}.Order-th-actions,.Order-td-actions{text-align:right}.Order-btn{cursor:pointer;background:#f1f4f8;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:8px;font-size:.82rem;transition:all .2s;display:inline-flex}.Order-btn-view{color:var(--order-secondary)}.Order-btn-view:hover{background:var(--order-secondary);color:#fff}.Order-btn-edit{color:#4a90e2}.Order-btn-edit:hover{color:#fff;background:#4a90e2}.Order-btn-delete{color:#e53e3e}.Order-btn-delete:hover{color:#fff;background:#e53e3e}.Order-empty-state{text-align:center;color:#9aa5b1;padding:40px!important}.Order-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e242ba6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.Order-modal-content{background:var(--order-white);box-sizing:border-box;border-radius:24px;width:100%;max-width:480px;max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 45px #0003}.Order-modal-close{width:32px;height:32px;color:var(--order-text);cursor:pointer;background:#f1f4f7;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:18px;right:18px}.Order-modal-close:hover{background:var(--order-primary);color:#fff}.Order-modal-header{text-align:center;margin-bottom:22px}.Order-modal-tag{color:#279eb0;text-transform:uppercase;background:#72cfdb29;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:700}.Order-modal-header h2{color:var(--order-heading);margin:8px 0 4px;font-family:Fredoka,sans-serif}.Order-modal-price{color:var(--order-primary);margin:0;font-size:1.15rem;font-weight:700}.Order-details-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.Order-detail-item label{color:#9aa5b1;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.Order-detail-item p{color:var(--order-heading);margin:0;font-size:.94rem;font-weight:600}.Order-detail-full{grid-column:1/-1}.Order-edit-form{flex-direction:column;gap:14px;display:flex}.Order-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.Order-form-group{flex-direction:column;display:flex}.Order-form-group label{color:#4b5563;margin-bottom:5px;font-size:.76rem;font-weight:600}.Order-form-group input,.Order-form-group select,.Order-form-group textarea{border:1.5px solid var(--order-border);background:var(--order-light);border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem}.Order-form-group input:focus,.Order-form-group select:focus,.Order-form-group textarea:focus{border-color:var(--order-primary);background:var(--order-white)}.Order-submit-btn{background:var(--order-primary);color:var(--order-white);cursor:pointer;border:none;border-radius:25px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:12px;font-size:.9rem;font-weight:700;transition:background .2s;display:flex}.Order-submit-btn:hover{background:var(--order-primary-dark)}@media (width<=768px){.Order{padding:20px 12px}.Order-header{flex-direction:column;align-items:stretch}.Order-search-box{max-width:100%}.Order-form-row{grid-template-columns:1fr}}.TeacherPost{box-sizing:border-box;color:#172033;background:#f6f8fc;width:100%;min-height:100vh;padding:28px 22px;font-family:Arial,Helvetica,sans-serif}.TeacherPost *,.TeacherPost :before,.TeacherPost :after{box-sizing:border-box}.TeacherPost-wrapper{grid-template-columns:minmax(360px,.82fr) minmax(650px,1.5fr);align-items:start;gap:22px;width:100%;max-width:1500px;margin:0 auto;display:grid}.TeacherPost-form-card,.TeacherPost-list-card{background:#fff;border:1px solid #e6ebf2;border-radius:18px;width:100%;box-shadow:0 8px 30px #0f172a0e}.TeacherPost-form-card{padding:22px}.TeacherPost-form-header{border-bottom:1px solid #edf0f5;align-items:center;gap:13px;margin-bottom:19px;padding-bottom:17px;display:flex}.TeacherPost-header-icon{color:#2867e8;background:#eef5ff;border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:17px;display:flex}.TeacherPost-form-header h2,.TeacherPost-list-title-wrap h2{color:#172033;margin:0;font-size:18px;font-weight:700}.TeacherPost-form-header p,.TeacherPost-list-title-wrap p{color:#8791a3;margin:4px 0 0;font-size:11px;line-height:1.4}.TeacherPost-form{flex-direction:column;gap:15px;display:flex}.TeacherPost-form-row{grid-template-columns:1fr 1fr;gap:13px;width:100%;display:grid}.TeacherPost-form-group{width:100%;min-width:0}.TeacherPost-form-group label{color:#3d485a;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.TeacherPost-form-group label span{color:#ef4444}.TeacherPost-form-group input,.TeacherPost-form-group select,.TeacherPost-form-group textarea{color:#253044;background:#fff;border:1px solid #dce3ec;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}.TeacherPost-form-group input,.TeacherPost-form-group select{height:42px;padding:0 12px}.TeacherPost-form-group textarea{resize:vertical;min-height:95px;padding:11px 12px;line-height:1.5}.TeacherPost-form-group input::placeholder,.TeacherPost-form-group textarea::placeholder{color:#a5adba}.TeacherPost-form-group input:focus,.TeacherPost-form-group select:focus,.TeacherPost-form-group textarea:focus{border-color:#6695ed;box-shadow:0 0 0 3px #2563eb14}.TeacherPost-profile-image-section{flex-direction:column;gap:9px;width:100%;display:flex}.TeacherPost-profile-image-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.TeacherPost-profile-image-title{color:#354052;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.TeacherPost-profile-image-title svg{color:#2867e8;font-size:13px}.TeacherPost-profile-image-required{color:#2867e8;background:#f0f6ff;border-radius:20px;padding:4px 9px;font-size:8px;font-weight:700}.TeacherPost-profile-upload-card{background:linear-gradient(135deg,#f7faff 0%,#fff 100%);border:1px solid #dce5f0;border-radius:14px;align-items:center;gap:17px;width:100%;padding:17px;transition:all .25s;display:flex}.TeacherPost-profile-upload-card:hover{border-color:#c5d5eb;box-shadow:0 8px 24px #2563eb12}.TeacherPost-profile-preview-wrapper{width:88px;min-width:88px;height:88px;position:relative}.TeacherPost-profile-preview{background:linear-gradient(135deg,#e5efff,#f5f8ff);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #d8e1ec,0 8px 20px #0f172a17}.TeacherPost-profile-preview-img{object-fit:cover;width:100%;height:100%;display:block}.TeacherPost-profile-placeholder{color:#6d8fca;justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;font-weight:700;display:flex}.TeacherPost-profile-placeholder svg{color:#9badc6;font-size:27px}.TeacherPost-profile-camera{color:#fff;cursor:pointer;background:#2867e8;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;transition:transform .2s,background .2s;display:flex;position:absolute;bottom:0;right:-1px;box-shadow:0 4px 12px #2563eb47}.TeacherPost-profile-camera:hover{background:#1855d1;transform:scale(1.08)}.TeacherPost-profile-camera input{display:none}.TeacherPost-profile-upload-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.TeacherPost-profile-upload-content h4{color:#182235;margin:0;font-size:13px;font-weight:700}.TeacherPost-profile-upload-content p{color:#7d8797;margin:0;font-size:10px;line-height:1.45}.TeacherPost-profile-upload-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.TeacherPost-profile-upload-btn{color:#fff;cursor:pointer;background:#2867e8;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:31px;padding:6px 12px;font-size:10px;font-weight:700;transition:background .2s,box-shadow .2s;display:inline-flex}.TeacherPost-profile-upload-btn:hover{background:#1855d1;box-shadow:0 5px 12px #2563eb33}.TeacherPost-profile-upload-btn svg{font-size:10px}.TeacherPost-profile-upload-btn input{display:none}.TeacherPost-profile-remove-btn{color:#dc2626;cursor:pointer;background:#fff7f7;border:1px solid #fecaca;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:31px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.TeacherPost-profile-remove-btn:hover{background:#fee2e2}.TeacherPost-selected-file{color:#16803c;align-items:center;gap:5px;max-width:100%;margin-top:2px;font-size:9px;display:flex}.TeacherPost-selected-file svg{min-width:10px;font-size:10px}.TeacherPost-selected-file span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.TeacherPost-profile-upload-hint{color:#9aa3b2;font-size:8px;line-height:1.4}.TeacherPost-social-section{width:100%;padding-top:2px}.TeacherPost-social-heading{margin-bottom:9px}.TeacherPost-social-heading strong{color:#3d485a;font-size:11px;font-weight:700;display:block}.TeacherPost-social-heading span{color:#9aa3b2;margin-top:3px;font-size:9px;display:block}.TeacherPost-social-grid{grid-template-columns:1fr 1fr;gap:9px;width:100%;display:grid}.TeacherPost-social-input{width:100%;position:relative}.TeacherPost-social-input input{color:#334155;background:#fff;border:1px solid #dce3ec;border-radius:8px;outline:none;width:100%;height:40px;padding:0 10px 0 34px;font-family:inherit;font-size:10px;transition:border-color .2s,box-shadow .2s}.TeacherPost-social-input input::placeholder{color:#a7afbb}.TeacherPost-social-input input:focus{border-color:#6695ed;box-shadow:0 0 0 3px #2563eb12}.TeacherPost-social-input .social-icon{z-index:2;pointer-events:none;font-size:12px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.TeacherPost-social-input.facebook .social-icon{color:#1877f2}.TeacherPost-social-input.linkedin .social-icon{color:#0a66c2}.TeacherPost-social-input.twitter .social-icon{color:#1d9bf0}.TeacherPost-social-input.instagram .social-icon{color:#e4405f}.TeacherPost-form-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.TeacherPost-btn-reset,.TeacherPost-btn-save{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 16px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.TeacherPost-btn-reset{color:#687386;background:#fff;border:1px solid #dce3ec}.TeacherPost-btn-reset:hover{background:#f7f9fc}.TeacherPost-btn-save{color:#fff;background:#2867e8;border:1px solid #2867e8;box-shadow:0 5px 12px #2563eb29}.TeacherPost-btn-save:hover{background:#1855d1}.TeacherPost-list-card{min-width:0;padding:22px}.TeacherPost-list-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.TeacherPost-list-title-wrap{align-items:center;gap:11px;min-width:0;display:flex}.TeacherPost-header-icon.sm{border-radius:11px;width:40px;min-width:40px;height:40px;font-size:15px}.TeacherPost-top-controls{align-items:center;gap:8px;display:flex}.TeacherPost-search-box{width:245px;position:relative}.TeacherPost-search-box svg{color:#99a3b3;font-size:11px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.TeacherPost-search-box input{color:#344054;background:#fff;border:1px solid #dce3ec;border-radius:8px;outline:none;width:100%;height:40px;padding:0 10px 0 32px;font-family:inherit;font-size:10px}.TeacherPost-search-box input:focus{border-color:#6695ed;box-shadow:0 0 0 3px #2563eb12}.TeacherPost-add-top-btn{color:#fff;white-space:nowrap;cursor:pointer;background:#2867e8;border:1px solid #2867e8;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 13px;font-family:inherit;font-size:10px;font-weight:700;transition:background .2s;display:inline-flex}.TeacherPost-add-top-btn:hover{background:#1855d1}.TeacherPost-add-top-btn svg{font-size:10px}.TeacherPost-table-container{-webkit-overflow-scrolling:touch;border:1px solid #edf0f4;border-radius:11px;width:100%;overflow:auto hidden}.TeacherPost-table-container::-webkit-scrollbar{height:6px}.TeacherPost-table-container::-webkit-scrollbar-track{background:#f4f6f9}.TeacherPost-table-container::-webkit-scrollbar-thumb{background:#c8d0dc;border-radius:20px}.TeacherPost-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:850px}.TeacherPost-table th{color:#748094;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e9edf3;padding:12px 11px;font-size:9px;font-weight:700}.TeacherPost-table td{color:#4b5567;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:12px 11px;font-size:10px}.TeacherPost-table tbody tr:last-child td{border-bottom:0}.TeacherPost-table tbody tr{transition:background .2s}.TeacherPost-table tbody tr:hover{background:#fbfcfe}.font-medium{font-weight:600;color:#697487!important}.text-right{text-align:right!important}.TeacherPost-table-avatar{color:#4772bb;background:linear-gradient(135deg,#e4edff,#f2f6ff);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.TeacherPost-table-avatar img{object-fit:cover;width:100%;height:100%;display:block}.TeacherPost-table-name{color:#202b3d;white-space:nowrap;font-size:11px;font-weight:700}.TeacherPost-table-sub{color:#98a1af;text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:3px;font-size:8px;overflow:hidden}.TeacherPost-designation-badge{color:#526eaa;white-space:nowrap;background:#f1f5ff;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-block}.TeacherPost-role-pill{color:#6d5bb5;white-space:nowrap;background:#f5f3ff;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-block}.TeacherPost-status-tag{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.TeacherPost-status-tag.active{color:#16803c;background:#ecfdf3}.TeacherPost-status-tag.inactive{color:#d13c4b;background:#fff1f2}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.TeacherPost-table-socials{align-items:center;gap:5px;display:flex}.TeacherPost-table-socials a{color:#a2a9b4;background:#f1f3f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;text-decoration:none;transition:all .2s;display:flex}.TeacherPost-table-socials a.available{color:#3970d7;background:#eef4ff}.TeacherPost-table-socials a:hover{color:#fff;background:#2867e8;transform:translateY(-1px)}.TeacherPost-action-group{justify-content:flex-end;align-items:center;gap:5px;display:flex}.TeacherPost-action-btn{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;transition:all .2s;display:flex}.TeacherPost-action-btn.edit{color:#3471d8;background:#f2f6ff;border:1px solid #d7e5ff}.TeacherPost-action-btn.edit:hover{color:#fff;background:#3471d8}.TeacherPost-action-btn.delete{color:#e0525c;background:#fff5f5;border:1px solid #ffd9dc}.TeacherPost-action-btn.delete:hover{color:#fff;background:#e0525c}.TeacherPost-no-data{height:180px;text-align:center!important;color:#98a1af!important}.TeacherPost-no-data svg{color:#b8c1ce;margin:0 auto 8px;font-size:25px;display:block}.TeacherPost-no-data span{font-size:10px}.TeacherPost-pagination-footer{justify-content:space-between;align-items:center;gap:15px;padding-top:15px;display:flex}.TeacherPost-pagination-info{color:#8b95a5;font-size:9px}.TeacherPost-pagination-buttons{align-items:center;gap:4px;display:flex}.TeacherPost-page-btn,.TeacherPost-page-number{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;min-width:29px;height:29px;font-family:inherit;font-size:9px;transition:all .2s;display:flex}.TeacherPost-page-btn{color:#6d7788;background:#fff;border:1px solid #dfe4eb}.TeacherPost-page-btn:hover:not(:disabled){color:#2867e8;border-color:#2867e8}.TeacherPost-page-btn:disabled{opacity:.4;cursor:not-allowed}.TeacherPost-page-number{color:#6d7788;background:0 0;border:1px solid #0000}.TeacherPost-page-number:hover{color:#2867e8;background:#f0f5ff}.TeacherPost-page-number.active{color:#fff;background:#2867e8;border-color:#2867e8;box-shadow:0 4px 10px #2563eb2b}@media screen and (width<=1200px){.TeacherPost{padding:22px 16px}.TeacherPost-wrapper{grid-template-columns:1fr}.TeacherPost-form-card,.TeacherPost-list-card{width:100%}}@media screen and (width<=768px){.TeacherPost{padding:16px 12px}.TeacherPost-wrapper{gap:16px}.TeacherPost-form-card,.TeacherPost-list-card{border-radius:15px;padding:17px}.TeacherPost-form-header{margin-bottom:17px}.TeacherPost-form-header h2,.TeacherPost-list-title-wrap h2{font-size:16px}.TeacherPost-form-row{grid-template-columns:1fr 1fr}.TeacherPost-profile-upload-card{gap:14px;padding:14px}.TeacherPost-profile-preview-wrapper,.TeacherPost-profile-preview{width:76px;min-width:76px;height:76px}.TeacherPost-profile-placeholder{font-size:26px}.TeacherPost-list-header{flex-direction:column;align-items:stretch}.TeacherPost-top-controls{width:100%}.TeacherPost-search-box{flex:1;width:auto}.TeacherPost-add-top-btn{flex-shrink:0}}@media screen and (width<=600px){.TeacherPost{width:100%;padding:10px 7px;overflow-x:hidden}.TeacherPost-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}.TeacherPost-form-card,.TeacherPost-list-card{border-radius:13px;width:100%;padding:13px}.TeacherPost-form-header{gap:9px;margin-bottom:15px;padding-bottom:14px}.TeacherPost-header-icon{border-radius:9px;width:37px;min-width:37px;height:37px;font-size:14px}.TeacherPost-form-header h2,.TeacherPost-list-title-wrap h2{font-size:14px}.TeacherPost-form-header p,.TeacherPost-list-title-wrap p{font-size:9px}.TeacherPost-form{gap:12px}.TeacherPost-form-row{flex-direction:column;gap:12px;display:flex}.TeacherPost-form-group label{font-size:10px}.TeacherPost-form-group input,.TeacherPost-form-group select{height:41px;font-size:11px}.TeacherPost-form-group textarea{min-height:88px;font-size:11px}.TeacherPost-profile-image-title{font-size:10px}.TeacherPost-profile-image-required{padding:3px 7px;font-size:7px}.TeacherPost-profile-upload-card{border-radius:11px;align-items:center;gap:11px;padding:11px;display:flex}.TeacherPost-profile-preview-wrapper,.TeacherPost-profile-preview{width:66px;min-width:66px;height:66px}.TeacherPost-profile-preview{border-width:3px}.TeacherPost-profile-placeholder{font-size:23px}.TeacherPost-profile-placeholder svg{font-size:21px}.TeacherPost-profile-camera{border-width:2px;width:24px;height:24px;font-size:8px}.TeacherPost-profile-upload-content h4{font-size:10px}.TeacherPost-profile-upload-content p{font-size:8px}.TeacherPost-profile-upload-btn,.TeacherPost-profile-remove-btn{min-height:29px;padding:5px 8px;font-size:8px}.TeacherPost-profile-upload-hint,.TeacherPost-selected-file{font-size:7px}.TeacherPost-social-heading strong{font-size:10px}.TeacherPost-social-heading span{font-size:8px}.TeacherPost-social-grid{flex-direction:column;gap:8px;display:flex}.TeacherPost-social-input input{height:40px;font-size:9px}.TeacherPost-form-actions{flex-direction:column-reverse;gap:7px;width:100%}.TeacherPost-btn-reset,.TeacherPost-btn-save{width:100%;height:42px;font-size:10px}.TeacherPost-list-title-wrap{gap:8px}.TeacherPost-header-icon.sm{border-radius:9px;width:34px;min-width:34px;height:34px}.TeacherPost-top-controls{flex-direction:column;gap:7px;width:100%;display:flex}.TeacherPost-search-box{width:100%}.TeacherPost-search-box input{height:41px;font-size:9px}.TeacherPost-add-top-btn{width:100%;height:41px;font-size:9px}.TeacherPost-table-container{width:100%;max-width:100%;overflow-x:auto}.TeacherPost-table{width:850px;min-width:850px}.TeacherPost-table th{padding:10px 9px;font-size:8px}.TeacherPost-table td{padding:10px 9px;font-size:9px}.TeacherPost-table-avatar{width:34px;height:34px;font-size:10px}.TeacherPost-table-name{font-size:10px}.TeacherPost-table-sub,.TeacherPost-designation-badge,.TeacherPost-role-pill,.TeacherPost-status-tag{font-size:7px}.TeacherPost-table-socials a{width:22px;height:22px;font-size:8px}.TeacherPost-action-btn{width:27px;height:27px;font-size:9px}.TeacherPost-pagination-footer{flex-direction:column;justify-content:center;align-items:center;gap:10px}.TeacherPost-pagination-info{text-align:center;font-size:8px}.TeacherPost-pagination-buttons{justify-content:center}.TeacherPost-page-btn,.TeacherPost-page-number{min-width:28px;height:28px;font-size:8px}}@media screen and (width<=380px){.TeacherPost{padding:7px 5px}.TeacherPost-form-card,.TeacherPost-list-card{padding:11px}.TeacherPost-profile-upload-card{gap:8px;padding:9px}.TeacherPost-profile-preview-wrapper,.TeacherPost-profile-preview{width:57px;min-width:57px;height:57px}.TeacherPost-profile-placeholder{font-size:19px}.TeacherPost-profile-camera{width:21px;height:21px;font-size:7px}.TeacherPost-profile-upload-content h4{font-size:9px}.TeacherPost-profile-upload-content p{font-size:7px}.TeacherPost-profile-upload-btn,.TeacherPost-profile-remove-btn{min-height:26px;padding:4px 6px;font-size:7px}.TeacherPost-profile-upload-hint{font-size:6.5px}}.floating-leads{--fl-blue-900:#0b2f6b;--fl-blue-700:#1848c1;--fl-blue-600:#2563eb;--fl-blue-500:#3b82f6;--fl-blue-100:#e4edff;--fl-blue-50:#f4f8ff;--fl-ink:#10213f;--fl-muted:#64748b;--fl-line:#e3e9f5;--fl-white:#fff;--fl-radius:14px;--fl-shadow:0 12px 30px -18px #0b2f6b59;color:var(--fl-ink);max-width:1180px;margin:0 auto;padding:28px 20px 48px;font-family:Inter,Segoe UI,system-ui,sans-serif}.floating-leads__toolbar{background:var(--fl-white);border:1px solid var(--fl-line);border-radius:var(--fl-radius);box-shadow:var(--fl-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex}.floating-leads__search{flex:260px;min-width:220px;position:relative}.floating-leads__search-icon{color:var(--fl-blue-500);pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.floating-leads__search input{border:1.5px solid var(--fl-line);background:var(--fl-blue-50);width:100%;color:var(--fl-ink);border-radius:10px;padding:11px 14px 11px 38px;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.floating-leads__search input::placeholder{color:#93a1bd}.floating-leads__search input:focus{border-color:var(--fl-blue-600);box-shadow:0 0 0 3px var(--fl-blue-100);background:#fff;outline:none}.floating-leads__filter-group{flex-wrap:wrap;gap:14px;display:flex}.floating-leads__filter{color:var(--fl-muted);flex-direction:column;gap:6px;font-size:.78rem;font-weight:600;display:flex}.floating-leads__select-wrap{position:relative}.floating-leads__select-wrap select{appearance:none;border:1.5px solid var(--fl-line);background:var(--fl-white);min-width:150px;color:var(--fl-ink);cursor:pointer;border-radius:10px;padding:9px 30px 9px 12px;font-size:.88rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.floating-leads__select-wrap select:focus{border-color:var(--fl-blue-600);box-shadow:0 0 0 3px var(--fl-blue-100);outline:none}.floating-leads__select-caret{color:var(--fl-blue-500);pointer-events:none;font-size:.7rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.floating-leads__card{background:var(--fl-white);border:1px solid var(--fl-line);border-radius:var(--fl-radius);box-shadow:var(--fl-shadow);overflow:hidden}.floating-leads__table-scroll{overflow-x:auto}.floating-leads__table{border-collapse:collapse;width:100%;min-width:860px}.floating-leads__table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--fl-muted);background:var(--fl-blue-50);border-bottom:1px solid var(--fl-line);white-space:nowrap;padding:16px 18px;font-size:.76rem;font-weight:700}.floating-leads__table tbody td{border-bottom:1px solid var(--fl-line);color:var(--fl-ink);vertical-align:middle;padding:16px 18px;font-size:.9rem}.floating-leads__table tbody tr:last-child td{border-bottom:none}.floating-leads__table tbody tr{transition:background-color .25s,transform .2s}.floating-leads__table tbody tr:hover{background-color:var(--fl-blue-50)}.floating-leads__checkbox-cell{width:44px}.floating-leads__checkbox-cell input{width:17px;height:17px;accent-color:var(--fl-blue-600);cursor:pointer}.floating-leads__identity{align-items:center;gap:12px;display:flex}.floating-leads__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.82rem;font-weight:700;display:flex}.floating-leads__avatar--lg{width:52px;height:52px;font-size:1rem}.floating-leads__name{color:var(--fl-ink);margin:0;font-weight:600}.floating-leads__date{margin:0;font-weight:500}.floating-leads__subtext{color:var(--fl-muted);margin:2px 0 0;font-size:.78rem}.floating-leads__badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:68px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s,transform .3s;animation:.35s floatingStatusIn;display:inline-flex}@keyframes floatingStatusIn{0%{opacity:.35;transform:translateY(3px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.floating-leads__badge--new{color:#1848c1;background:#e4edff;border:1px solid #d5e3ff}.floating-leads__badge--contacted{color:#17874d;background:#dcfbe8;border:1px solid #c8f1d9}.floating-leads__badge--followup{color:#a2680c;background:#fef3d6;border:1px solid #f8e8ba}.floating-leads__badge--closed{color:#55627a;background:#eef0f4;border:1px solid #e1e4ea}.floating-leads__actions{gap:8px;display:flex}.floating-leads__icon-btn{cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.floating-leads__icon-btn:hover{transform:translateY(-2px)scale(1.04)}.floating-leads__icon-btn:active{transform:translateY(0)scale(.96)}.floating-leads__icon-btn--view{background:var(--fl-blue-100);color:var(--fl-blue-700)}.floating-leads__icon-btn--delete{color:#c0362c;background:#fde8e8}.floating-leads__empty{text-align:center;color:var(--fl-muted);padding:40px 18px;font-size:.92rem}.floating-leads__loading{justify-content:center;align-items:center;gap:10px;display:flex}.floating-leads__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.floating-leads__count{color:var(--fl-muted);margin:0;font-size:.84rem}.floating-leads__pagination{gap:6px;display:flex}.floating-leads__page-btn{border:1.5px solid var(--fl-line);background:var(--fl-white);min-width:34px;height:34px;color:var(--fl-ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0 8px;font-size:.84rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.floating-leads__page-btn:hover:not(:disabled){border-color:var(--fl-blue-500);color:var(--fl-blue-600);transform:translateY(-1px)}.floating-leads__page-btn:disabled{opacity:.4;cursor:not-allowed}.floating-leads__page-btn--active{background:var(--fl-blue-600);border-color:var(--fl-blue-600);color:var(--fl-white)}.floating-leads__overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0b1b3b73;justify-content:center;align-items:center;padding:20px;animation:.25s floatingOverlayIn;display:flex;position:fixed;inset:0}@keyframes floatingOverlayIn{0%{opacity:0}to{opacity:1}}.floating-leads__modal{background:var(--fl-white);border-radius:18px;width:100%;max-width:600px;animation:.3s cubic-bezier(.22,1,.36,1) floatingModalIn;overflow:hidden;box-shadow:0 30px 80px #0b2f6b47}.floating-leads__modal--sm{max-width:430px}@keyframes floatingModalIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.floating-leads__modal-header{border-bottom:1px solid var(--fl-line);background:var(--fl-blue-50);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.floating-leads__modal-header h2{color:var(--fl-blue-900);margin:0;font-size:1.1rem;font-weight:700}.floating-leads__modal-close{width:36px;height:36px;color:var(--fl-muted);cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;transition:transform .2s,background-color .2s,color .2s;display:inline-flex}.floating-leads__modal-close:hover:not(:disabled){color:var(--fl-blue-600);background:#eaf0ff;transform:rotate(90deg)}.floating-leads__modal-close:disabled{opacity:.5;cursor:not-allowed}.floating-leads__modal-body{padding:24px}.floating-leads__modal-identity{align-items:center;gap:16px;margin-bottom:20px;display:flex}.floating-leads__modal-name{color:#10213f;margin:0 0 7px;font-size:1.08rem;font-weight:700}.floating-leads__modal-status-badge{transition:background-color .4s,color .4s,border-color .4s,transform .35s,box-shadow .35s}.floating-leads__detail-grid{grid-template-columns:1fr 1fr;gap:16px 24px;margin:0;display:grid}.floating-leads__detail-grid dt{text-transform:uppercase;letter-spacing:.03em;color:var(--fl-muted);align-items:center;gap:7px;margin-bottom:5px;font-size:.75rem;font-weight:700;display:flex}.floating-leads__detail-grid dt svg{color:#64748b;font-size:.75rem}.floating-leads__detail-grid dd{color:#10213f;word-break:break-word;margin:0;font-size:.92rem;font-weight:500;line-height:1.45}.floating-leads__message-box{border:1px solid var(--fl-line);background:#f8fafc;border-radius:12px;margin-top:18px;padding:14px 16px;animation:.25s floatingMessageIn}@keyframes floatingMessageIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.floating-leads__message-title{text-transform:uppercase;letter-spacing:.03em;color:var(--fl-muted);margin-bottom:5px;font-size:.75rem;font-weight:700}.floating-leads__message-text{color:var(--fl-ink);word-break:break-word;font-size:.9rem;line-height:1.5}.floating-leads__edit-status{border-top:1px solid var(--fl-line);margin-top:22px;padding-top:18px}.floating-leads__edit-status>span{color:var(--fl-muted);margin-bottom:11px;font-size:.82rem;font-weight:700;display:block}.floating-leads__edit-options{flex-wrap:wrap;gap:9px;display:flex}.floating-leads__chip{color:#10213f;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #dce4f2;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:84px;height:40px;padding:0 15px;font-size:.84rem;font-weight:600;transition:background-color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),color .25s,box-shadow .3s,transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.floating-leads__chip:hover:not(:disabled){border-color:#b9c9e8;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb1a}.floating-leads__chip:active:not(:disabled){transform:translateY(0)scale(.96)}.floating-leads__chip--active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border-color:#2563eb;animation:.35s cubic-bezier(.22,1,.36,1) statusActiveIn;box-shadow:0 7px 18px #2563eb40}@keyframes statusActiveIn{0%{opacity:.7;transform:scale(.93)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.floating-leads__chip:disabled{cursor:not-allowed}.floating-leads__chip--active:disabled{opacity:1}.floating-leads__chip--pending{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-color:#2563eb;min-width:110px;box-shadow:0 7px 20px #2563eb40}.floating-leads__chip-loading{justify-content:center;align-items:center;gap:7px;animation:.2s chipLoadingIn;display:inline-flex}@keyframes chipLoadingIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.floating-leads__modal-footer{border-top:1px solid var(--fl-line);background:#fff;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.floating-leads__btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 20px;font-size:.88rem;font-weight:600;transition:transform .2s,background-color .2s,box-shadow .2s,opacity .2s;display:inline-flex}.floating-leads__btn:hover:not(:disabled){transform:translateY(-2px)}.floating-leads__btn:active:not(:disabled){transform:translateY(0)scale(.97)}.floating-leads__btn:disabled{opacity:.55;cursor:not-allowed}.floating-leads__btn--ghost{background:var(--fl-blue-50);color:var(--fl-ink)}.floating-leads__btn--ghost:hover:not(:disabled){background:#eaf0ff}.floating-leads__btn--danger{color:#fff;background:#e0392f;box-shadow:0 6px 15px #e0392f33}.floating-leads__btn--danger:hover:not(:disabled){background:#c92f27}.fa-spin{animation:.8s linear infinite faSpin}@keyframes faSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=860px){.floating-leads__filter-group{justify-content:space-between;width:100%}.floating-leads__filter{flex:30%}.floating-leads__select-wrap select{width:100%;min-width:0}}@media (width<=700px){.floating-leads{padding:18px 12px 36px}.floating-leads__table-scroll{overflow-x:visible}.floating-leads__table{min-width:0}.floating-leads__table thead{display:none}.floating-leads__table tbody tr{border-bottom:8px solid var(--fl-blue-50);padding:14px 16px;display:block;position:relative}.floating-leads__table tbody td{text-align:right;border-bottom:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.floating-leads__table tbody td:not(.floating-leads__checkbox-cell):before{text-transform:uppercase;color:var(--fl-muted);text-align:left;font-size:.72rem;font-weight:700}.floating-leads__checkbox-cell{width:auto;position:absolute;top:14px;right:16px;padding:0!important}.floating-leads__identity{text-align:right;flex-direction:row-reverse;justify-content:flex-end}.floating-leads__footer{text-align:center;flex-direction:column;align-items:stretch}.floating-leads__pagination{flex-wrap:wrap;justify-content:center}.floating-leads__detail-grid{grid-template-columns:1fr}.floating-leads__modal{border-radius:16px;max-width:100%;max-height:92vh;overflow-y:auto}.floating-leads__modal-body{padding:20px}.floating-leads__modal-header{padding:16px 20px}.floating-leads__modal-footer{padding:14px 20px}.floating-leads__edit-options{gap:7px}.floating-leads__chip{min-width:75px;height:38px;padding:0 12px;font-size:.8rem}}@media (width<=450px){.floating-leads__detail-grid{gap:14px}.floating-leads__modal-name{font-size:1rem}.floating-leads__edit-options{grid-template-columns:1fr 1fr;display:grid}.floating-leads__chip{width:100%}}@media (prefers-reduced-motion:reduce){.floating-leads *,.floating-leads :before,.floating-leads :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--primary-pink:#ff3b7b;--hover-pink:#e02d68;--soft-pink-bg:#fff0f5;--accent-blue:#3b82f6;--light-blue-bg:#eef6ff;--text-dark:#2c3e50;--text-muted:#6c757d;--white:#fff;--shadow-3d:0 20px 40px #ff3b7b26, 0 10px 20px #0000000d}.Loginform-container{perspective:1000px;background:linear-gradient(135deg,#ffeef4 0%,#e8f4ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.Loginform-wrapper{background:var(--white);width:100%;max-width:1100px;box-shadow:var(--shadow-3d);transform-style:preserve-3d;border-radius:28px;animation:6s ease-in-out infinite alternate LoginformFloat;display:flex;position:relative;overflow:hidden}@keyframes LoginformFloat{0%{transform:translateY(0)rotateX(0)}to{transform:translateY(-10px)rotateX(2deg)}}.Loginform-left{background:linear-gradient(#fff 0%,#fff4f8 100%);border-right:2px dashed #f0f0f0;flex-direction:column;flex:1.1;justify-content:space-between;padding:40px;display:flex}.Loginform-brand-header{text-align:center;margin-bottom:25px}.Loginform-logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#ff3b7b);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 10px;font-size:28px;animation:2s infinite LoginformPulse;display:flex;box-shadow:0 8px 16px #ff3b7b4d}@keyframes LoginformPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.Loginform-brand-title{color:var(--primary-pink);letter-spacing:-.5px;font-size:28px;font-weight:800}.Loginform-brand-subtitle{color:var(--accent-blue);margin-top:4px;font-size:13px;font-weight:600}.Loginform-info-list{flex-direction:column;gap:16px;margin:20px 0;display:flex}.Loginform-info-item{background:#fffc;border-radius:12px;align-items:flex-start;gap:14px;padding:12px;transition:transform .3s;display:flex;box-shadow:0 4px 10px #00000005}.Loginform-info-item:hover{transform:translate(5px)}.Loginform-info-icon{background:var(--primary-pink);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.Loginform-info-text h4{color:var(--text-dark);font-size:14px;font-weight:700}.Loginform-info-text p{color:var(--text-muted);font-size:12px;line-height:1.4}.Loginform-illustration{background:var(--light-blue-bg);text-align:center;color:var(--accent-blue);border:1px solid #dbeafe;border-radius:16px;padding:15px;font-size:13px;font-weight:600}.Loginform-right{background:#fff;flex-direction:column;flex:.9;justify-content:center;padding:50px 40px;display:flex}.Loginform-header{text-align:center;margin-bottom:30px}.Loginform-lock-badge{background:var(--soft-pink-bg);width:64px;height:64px;color:var(--primary-pink);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;font-size:26px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.Loginform-title{color:var(--primary-pink);font-size:26px;font-weight:700}.Loginform-subtext{color:var(--text-muted);margin-top:4px;font-size:14px}.Loginform-form{flex-direction:column;gap:18px;display:flex}.Loginform-field-group{flex-direction:column;gap:6px;display:flex}.Loginform-label{color:var(--text-dark);font-size:13px;font-weight:700}.Loginform-input-wrapper{align-items:center;display:flex;position:relative}.Loginform-input-icon{color:var(--primary-pink);font-size:16px;position:absolute;left:14px}.Loginform-input{border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:14px;transition:all .3s}.Loginform-input:focus{border-color:var(--primary-pink);box-shadow:0 0 0 3px #ff3b7b26}.Loginform-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;right:14px}.Loginform-options{justify-content:space-between;align-items:center;font-size:13px;display:flex}.Loginform-remember{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;display:flex}.Loginform-forgot{color:var(--primary-pink);font-weight:600;text-decoration:none}.Loginform-forgot:hover{text-decoration:underline}.Loginform-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff528d,#ff3b7b);border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 6px 15px #ff3b7b66}.Loginform-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff3b7b80}.Loginform-submit-btn:active{transform:translateY(1px)}.Loginform-divider{text-align:center;color:var(--text-muted);align-items:center;margin:10px 0;font-size:12px;display:flex}.Loginform-divider:before,.Loginform-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.Loginform-divider span{padding:0 10px}.Loginform-admin-btn{border:1.5px solid var(--accent-blue);color:var(--accent-blue);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.Loginform-admin-btn:hover{background:var(--light-blue-bg)}.Loginform-success-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;perspective:1000px;background:#0f172ad9;justify-content:center;align-items:center;animation:.4s forwards LoginformFadeIn;display:flex;position:fixed;inset:0}.Loginform-success-card{text-align:center;transform-style:preserve-3d;background:#fff;border-radius:24px;width:90%;max-width:450px;padding:50px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards Loginform3DPop;box-shadow:0 25px 50px -12px #00000080}.Loginform-success-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;font-size:45px;animation:1s infinite alternate LoginformBounce;display:flex;box-shadow:0 10px 20px #10b98166}.Loginform-success-title{color:#0f172a;margin-bottom:10px;font-size:28px;font-weight:800}.Loginform-success-subtext{color:#64748b;font-size:15px}@keyframes LoginformFadeIn{0%{opacity:0}to{opacity:1}}@keyframes Loginform3DPop{0%{opacity:0;transform:scale(.5)rotateX(-30deg)translateZ(-100px)}to{opacity:1;transform:scale(1)rotateX(0)translateZ(0)}}@keyframes LoginformBounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (width<=900px){.Loginform-wrapper{flex-direction:column}.Loginform-left{border-bottom:2px dashed #f0f0f0;border-right:none;padding:30px 20px}.Loginform-right{padding:30px 20px}}body.fee-collections-body-scroll-lock{overflow:hidden!important}.fee-collections-dashboard-container{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.fee-collections-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.fee-collections-main-title{color:#0f172a;margin:0;font-size:24px;font-weight:700}.fee-collections-subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.fee-collections-header-actions{align-items:center;gap:16px;display:flex}.fee-collections-icon-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.fee-collections-icon-btn:hover{background:#f1f5f9}.fee-collections-notification-badge{color:#fff;background-color:#ef4444;border-radius:10px;padding:2px 5px;font-size:10px;font-weight:600;position:absolute;top:-4px;right:-4px}.fee-collections-user-profile{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;transition:border-color .2s;display:flex}.fee-collections-user-profile:hover{border-color:#cbd5e1}.fee-collections-user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.fee-collections-user-name{color:#334155;font-size:14px;font-weight:500}.fee-collections-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.fee-collections-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.fee-collections-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.fee-collections-metric-header{justify-content:space-between;align-items:center;display:flex}.fee-collections-metric-title{color:#64748b;font-size:13px;font-weight:500}.fee-collections-metric-icon-box{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.purple-bg{color:#7c3aed;background-color:#f3e8ff}.green-bg{color:#16a34a;background-color:#dcfce7}.yellow-bg{color:#ca8a04;background-color:#fef9c3}.blue-bg{color:#0284c7;background-color:#e0f2fe}.red-bg{color:#dc2626;background-color:#fee2e2}.fee-collections-metric-value{color:#0f172a;margin:12px 0 4px;font-size:22px;font-weight:700}.fee-collections-metric-footer{color:#94a3b8;align-items:center;gap:8px;font-size:12px;display:flex}.fee-collections-metric-trend{align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.fee-collections-metric-trend.positive{color:#16a34a}.fee-collections-metric-trend.negative{color:#dc2626}.fee-collections-metric-trend.neutral{color:#64748b}.fee-collections-metric-action-link{color:#2563eb;cursor:pointer;margin-top:8px;font-size:12px;font-weight:500}.fee-collections-metric-action-link:hover{text-decoration:underline}.fee-collections-nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.fee-collections-tabs{background:#e2e8f0;border-radius:8px;gap:2px;padding:4px;display:flex;overflow-x:auto}.fee-collections-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.fee-collections-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}.fee-collections-collect-fee-btn{color:#fff;cursor:pointer;background-color:#7c3aed;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.fee-collections-collect-fee-btn:hover{background-color:#6d28d9}.fee-collections-content-grid{grid-template-columns:1fr 320px;gap:20px;display:grid}.fee-collections-filters-bar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.fee-collections-filter-dropdown{position:relative}.fee-collections-select{color:#334155;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2064748b' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:8px 28px 8px 12px;font-size:14px}.fee-collections-date-dropdown-wrapper{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;padding-left:10px;display:flex}.fee-collections-date-select{background-color:#0000;border:none;padding-left:6px}.fee-collections-search-box{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:180px;padding:8px 12px;display:flex}.fee-collections-search-box input{color:#0f172a;border:none;outline:none;width:100%;font-size:14px}.fee-collections-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.fee-collections-table{border-collapse:collapse;text-align:left;width:100%}.fee-collections-table th{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:13px;font-weight:600}.fee-collections-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:14px}.fee-collections-table-row:hover{background-color:#f8fafc}.fee-collections-student-cell{align-items:center;gap:10px;display:flex}.fee-collections-student-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.fee-collections-student-info{flex-direction:column;display:flex}.fee-collections-student-name{color:#0f172a;font-weight:600}.fee-collections-student-id{color:#94a3b8;font-size:12px}.fee-collections-text-amount{color:#0f172a;font-weight:600}.fee-collections-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.fee-collections-badge-paid{color:#15803d;background:#dcfce7}.fee-collections-badge-partial{color:#a16207;background:#fef9c3}.fee-collections-badge-due{color:#b91c1c;background:#fee2e2}.fee-collections-action-cell{position:relative}.fee-collections-action-dots-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;gap:2px;padding:6px;font-size:16px;display:flex}.fee-collections-action-dots-btn:hover{color:#0f172a;background:#e2e8f0}.fee-collections-action-popup-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:140px;position:absolute;top:40px;right:16px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.fee-collections-action-popup-menu button{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:13px;display:block}.fee-collections-action-popup-menu button:hover{background-color:#f1f5f9}.fee-collections-no-data{text-align:center;color:#94a3b8;padding:24px}.fee-collections-pagination-bar{color:#64748b;background:#fff;border-top:1px solid #e2e8f0;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.fee-collections-pagination-controls{align-items:center;gap:4px;display:flex}.fee-collections-page-num,.fee-collections-page-arrow{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px 10px;font-size:13px}.fee-collections-page-num.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.fee-collections-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.fee-collections-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fee-collections-card-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.fee-collections-card-link{color:#2563eb;cursor:pointer;font-size:13px}.fee-collections-card-link:hover{text-decoration:underline}.fee-collections-card-filter-pill-wrapper{cursor:pointer;position:relative}.fee-collections-card-filter-pill{color:#475569;background:#f1f5f9;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.fee-collections-timeframe-dropdown{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100px;position:absolute;top:28px;right:0;box-shadow:0 4px 12px #0000001a}.fee-collections-timeframe-dropdown div{color:#334155;padding:6px 12px;font-size:12px}.fee-collections-timeframe-dropdown div:hover{background:#f1f5f9}.fee-collections-trend-section{margin-top:20px}.fee-collections-trend-chart-body{gap:12px;height:200px;display:flex}.fee-collections-trend-y-axis{color:#94a3b8;flex-direction:column;justify-content:space-between;font-size:11px;display:flex}.fee-collections-trend-graph-area{flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative}.fee-collections-svg-line-chart{width:100%;height:160px;overflow:visible}.fee-collections-chart-point{cursor:pointer;transition:r .2s}.fee-collections-chart-tooltip{color:#fff;pointer-events:none;white-space:nowrap;z-index:10;background:#0f172a;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;transform:translate(-50%);box-shadow:0 4px 6px #0000001a}.fee-collections-trend-x-axis{color:#94a3b8;justify-content:space-between;padding-top:8px;font-size:11px;display:flex}.fee-collections-donut-container{flex-direction:column;align-items:center;display:flex}.fee-collections-donut-chart-box{background:conic-gradient(#7c3aed 0% 72%,#eab308 72% 92%,#ef4444 92% 100%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;transition:transform .3s;display:flex}.fee-collections-donut-chart-box:hover{transform:scale(1.03)}.fee-collections-donut-hole{text-align:center;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:95px;height:95px;display:flex}.fee-collections-donut-center-val{color:#0f172a;font-size:13px;font-weight:700}.fee-collections-donut-center-lbl{color:#64748b;font-size:10px}.fee-collections-donut-legend{flex-direction:column;gap:8px;width:100%;display:flex}.fee-collections-legend-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px;transition:background .2s;display:flex}.fee-collections-legend-item:hover{background:#f8fafc}.fee-collections-legend-dot{border-radius:50%;width:10px;height:10px}.fee-collections-legend-dot.collected{background:#7c3aed}.fee-collections-legend-dot.due{background:#eab308}.fee-collections-legend-dot.overdue{background:#ef4444}.fee-collections-legend-text{justify-content:space-between;width:100%;font-size:12px;display:flex}.fee-collections-legend-label{color:#64748b}.fee-collections-legend-value{color:#0f172a;font-weight:600}.fee-collections-quick-actions-list{flex-direction:column;gap:12px;display:flex}.fee-collections-quick-action-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px;transition:background .2s,transform .1s;display:flex}.fee-collections-quick-action-item:hover{background:#f8fafc;transform:translate(2px)}.fee-collections-qa-title{color:#0f172a;font-size:14px;font-weight:600;display:block}.fee-collections-qa-desc{color:#94a3b8;font-size:12px}.fee-collections-recent-list{flex-direction:column;gap:12px;display:flex}.fee-collections-recent-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px;transition:background .2s;display:flex}.fee-collections-recent-item:hover{background:#f8fafc}.fee-collections-recent-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.fee-collections-recent-info{flex-direction:column;flex:1;display:flex}.fee-collections-recent-name{color:#0f172a;font-size:13px;font-weight:600}.fee-collections-recent-sub{color:#94a3b8;font-size:11px}.fee-collections-recent-amount-box{flex-direction:column;align-items:flex-end;display:flex}.fee-collections-recent-amount{color:#0f172a;font-size:13px;font-weight:700}.fee-collections-payment-mode{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:600}.fee-collections-important-note-card{background:#fffbe3;border-color:#fef08a}.fee-collections-note-header{color:#854d0e;align-items:center;gap:8px;margin-bottom:8px;display:flex}.fee-collections-note-title{margin:0;font-size:14px;font-weight:700}.fee-collections-note-desc{color:#a16207;margin:0 0 12px;font-size:12px;line-height:1.4}.fee-collections-note-footer-content{justify-content:space-between;align-items:center;display:flex}.fee-collections-note-action-btn{color:#fff;cursor:pointer;background:#ca8a04;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.fee-collections-note-action-btn:hover{background:#a16207}.fee-collections-emoji-megaphone{font-size:20px}.fee-collections-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fee-collections-modal-dialog{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.fee-collections-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.fee-collections-modal-title-group{align-items:center;gap:12px;display:flex}.fee-collections-modal-icon-box{color:#7c3aed;background:#f3e8ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.fee-collections-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.fee-collections-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}.fee-collections-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.fee-collections-modal-body{flex:1;padding:20px}.fee-collections-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fee-collections-form-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.fee-collections-form-group.full-width{grid-column:1/-1}.fee-collections-label{color:#334155;font-size:12px;font-weight:600}.fee-collections-input-wrapper{align-items:center;display:flex;position:relative}.fee-collections-input-icon{color:#94a3b8;align-items:center;font-size:14px;display:flex;position:absolute;left:10px}.fee-collections-input{color:#0f172a;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px}.fee-collections-input.with-icon{padding-left:32px}.fee-collections-modal-footer-note{color:#94a3b8;margin-top:8px;font-size:11px}.fee-collections-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:12px 20px;display:flex}.fee-collections-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.fee-collections-btn-save{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.fee-collections-btn-save:hover{background:#6d28d9}@media (width<=1024px){.fee-collections-content-grid{grid-template-columns:1fr}}@media (width<=768px){.fee-collections-dashboard-container{padding:16px}.fee-collections-header{flex-direction:column;align-items:flex-start;gap:12px}.fee-collections-header-actions{justify-content:space-between;width:100%}.fee-collections-nav-bar{flex-direction:column;align-items:stretch}.fee-collections-collect-fee-btn{justify-content:center}.fee-collections-form-grid{grid-template-columns:1fr}}@media (width<=480px){.fee-collections-metrics-grid{grid-template-columns:1fr}.fee-collections-search-box{width:100%}.fee-collections-pagination-bar{flex-direction:column;align-items:center;gap:12px}}.student-page-container{box-sizing:border-box;color:#172033;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 100% 0,#6366f109,#0000 32%),#f7f8fc;width:100%;min-height:100vh;padding:26px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.students-header-section{margin-bottom:24px}.student-page-main-title{letter-spacing:-.6px;color:#111827;margin:0 0 7px;font-size:26px;font-weight:750;line-height:1.2}.students-breadcrumb-nav{align-items:center;gap:7px;font-size:13px;display:flex}.students-breadcrumb-dashboard{color:#8a94a6}.students-breadcrumb-separator{color:#b3bac7;align-items:center;display:flex}.students-breadcrumb-current{color:#38445a;font-weight:600}.students-metrics-cards-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.student-metric-card{background:#fffffff0;border:1px solid #e5e9f1;border-radius:14px;align-items:center;gap:14px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 2px #0f172a05,0 5px 18px #0f172a06}.student-metric-card:hover{border-color:#dbe1eb;transform:translateY(-2px);box-shadow:0 8px 26px #0f172a0f}.student-metric-icon-box{border-radius:12px;justify-content:center;align-items:center;width:45px;min-width:45px;height:45px;display:flex}.student-total-icon{color:#3978ff;background:#edf4ff}.student-boys-icon{color:#16b364;background:#ecfbf3}.student-girls-icon{color:#ed4d9c;background:#fff0f7}.student-admission-icon{color:#e5a600;background:#fff9e5}.student-active-icon{color:#7857ef;background:#f3efff}.student-metric-content{flex-direction:column;min-width:0;display:flex}.student-metric-label{color:#69758a;text-transform:uppercase;letter-spacing:.35px;font-size:11px;font-weight:600;line-height:1.2}.student-metric-value{color:#121b2d;margin-top:3px;font-size:21px;font-weight:750;line-height:1.2}.student-metric-subtext{color:#9aa4b5;margin-top:3px;font-size:11px}.students-toolbar-card{background:#fff;border:1px solid #e3e8f0;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;padding:16px;display:flex;box-shadow:0 1px 2px #0f172a05}.students-filter-group{flex-wrap:wrap;flex:1;align-items:flex-end;gap:11px;min-width:0;display:flex}.students-filter-item{flex-direction:column;gap:5px;min-width:0;display:flex}.students-filter-item label{color:#68758a;letter-spacing:.35px;text-transform:uppercase;padding-left:2px;font-size:10px;font-weight:700;line-height:1}.students-select-wrapper{position:relative}.students-select-wrapper select{appearance:none;color:#354157;cursor:pointer;background:#fbfcfe;border:1px solid #d4dbe6;border-radius:9px;outline:none;width:132px;height:39px;padding:0 34px 0 12px;font-size:12px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.students-select-wrapper svg{color:#7d899c;pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.students-select-wrapper select:hover{background:#fff;border-color:#c1cad8}.students-select-wrapper select:focus{border-color:#7355ee;box-shadow:0 0 0 3px #7355ee17}.students-search-filter-item{flex:1;min-width:190px}.students-search-box{align-items:center;display:flex;position:relative}.students-search-box>svg{color:#8390a3;pointer-events:none;position:absolute;left:12px}.students-search-box input{box-sizing:border-box;color:#263247;background:#fbfcfe;border:1px solid #d4dbe6;border-radius:9px;outline:none;width:100%;height:39px;padding:0 36px;font-size:12px;transition:border-color .2s,box-shadow .2s,background .2s}.students-search-box input::placeholder{color:#9aa5b5}.students-search-box input:focus{background:#fff;border-color:#7355ee;box-shadow:0 0 0 3px #7355ee17}.students-search-box button{color:#8d98aa;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;right:8px}.students-search-box button:hover{color:#3d4759;background:#f0f2f6}.students-more-filter-btn{color:#445066;cursor:pointer;background:#fbfcfe;border:1px solid #d4dbe6;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 13px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:flex}.students-more-filter-btn:hover,.students-more-filter-btn.active{color:#6548dc;background:#f7f4ff;border-color:#cfc3ff}.students-more-filter-btn.active{box-shadow:0 4px 12px #684ae014}.students-add-main-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4c83f7,#3678ee);border:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:39px;padding:0 18px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 7px 18px #3b82f630}.students-add-main-btn span{font-size:18px;font-weight:500;line-height:1}.students-add-main-btn:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 10px 22px #3b82f640}.students-advanced-filter-panel{background:#fff;border:1px solid #e3e8f0;border-radius:14px;margin-top:-7px;margin-bottom:18px;padding:17px;animation:.22s studentsFilterSlide}@keyframes studentsFilterSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.students-advanced-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.students-advanced-header h4{color:#202b3e;align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.students-advanced-header p{color:#8994a7;margin:4px 0 0;font-size:11px}.students-advanced-header button{color:#6550d9;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.students-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.students-form-group{flex-direction:column;gap:6px;display:flex}.students-form-group label{color:#445067;font-size:11px;font-weight:700}.students-form-group label span{color:#ef4444}.students-form-group select,.students-form-group input,.students-form-group textarea{box-sizing:border-box;color:#344056;background:#fbfcfe;border:1px solid #d7dee9;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s,background .2s}.students-form-group select{height:41px;padding:0 11px}.students-form-group input{height:42px;padding:0 12px}.students-form-group textarea{resize:vertical;min-height:88px;padding:11px 12px}.students-form-group select:focus,.students-form-group input:focus,.students-form-group textarea:focus{background:#fff;border-color:#7355ee;box-shadow:0 0 0 3px #7355ee14}.students-table-card{background:#fff;border:1px solid #e3e8f0;border-radius:15px;overflow:hidden;box-shadow:0 4px 18px #0f172a06}.students-table-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:15px 20px;display:flex}.students-table-header h3{color:#182236;letter-spacing:-.15px;margin:0;font-size:16px;font-weight:750}.students-table-header p{color:#8994a7;margin:4px 0 0;font-size:11px}.students-table-header-actions{align-items:center;gap:8px;display:flex}.students-outline-action-btn,.students-bulk-delete-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:11px;font-weight:650;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.students-outline-action-btn{color:#3f4b60;background:#fff;border:1px solid #d6dde8}.students-outline-action-btn:hover{background:#f8f9fc;border-color:#bec8d6}.students-bulk-delete-btn{color:#dc3030;background:#fff6f6;border:1px solid #ffd1d1}.students-bulk-delete-btn:hover{background:#ffeded}.students-table-responsive{scrollbar-width:thin;scrollbar-color:#d7dce5 transparent;width:100%;overflow-x:auto}.students-data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:1120px}.students-data-table th{color:#66738a;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e8edf3;height:46px;padding:0 15px;font-size:10.5px;font-weight:750}.students-data-table td{color:#3a465a;white-space:nowrap;border-bottom:1px solid #eef1f5;height:67px;padding:0 15px;font-size:12px;transition:background .18s}.students-data-table tbody tr:last-child td{border-bottom:0}.students-data-table tbody tr:hover td{background:#fafbfe}.students-data-table tbody tr.students-row-selected td{background:#f7f5ff}.students-checkbox-column{text-align:center!important;width:42px!important;min-width:42px!important}.students-checkbox-column input{accent-color:#7054e9;cursor:pointer;width:15px;height:15px;margin:0}.student-profile-cell{align-items:center;gap:10px;display:flex}.student-avatar-img{object-fit:cover;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:35px;height:35px;box-shadow:0 0 0 1px #e2e6ed,0 3px 8px #0f172a14}.student-profile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.student-name-text{color:#172033;font-size:12px;font-weight:700}.student-mobile-adm{color:#9aa4b4;font-size:10px;display:none}.student-admission-number{font-weight:550;color:#47556c!important}.student-class-badge{color:#356ee4;background:#edf4ff;border-radius:6px;align-items:center;padding:5px 9px;font-size:10.5px;font-weight:650;display:inline-flex}.student-roll-number{font-weight:550;color:#4c586c!important}.student-gender-badge{align-items:center;gap:5px;font-size:11px;font-weight:650;display:inline-flex}.student-gender-badge span{font-size:14px}.student-gender-badge.male{color:#1386c5}.student-gender-badge.female{color:#df3d91}.student-status-badge{border-radius:30px;align-items:center;gap:6px;padding:5px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.student-status-badge.active{color:#159c65;background:#eafaf2}.student-status-badge.inactive{color:#d94747;background:#fff0f0}.student-status-dot{border-radius:50%;width:6px;height:6px}.student-status-badge.active .student-status-dot{background:#17a66a}.student-status-badge.inactive .student-status-dot{background:#e04d4d}.students-action-column{min-width:285px}.students-action-cell{position:relative}.students-action-buttons{align-items:center;gap:7px;display:flex}.students-action-btn{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.students-action-btn:hover{transform:translateY(-2px)}.students-view-btn{color:#53627a;background:#f0f3f8}.students-view-btn:hover{color:#39475e;background:#e5eaf1;box-shadow:0 5px 12px #4755691f}.students-edit-btn{color:#fff;background:linear-gradient(135deg,#7255ed,#6044dd);box-shadow:0 6px 13px #684de233}.students-edit-btn:hover{box-shadow:0 8px 17px #684de24a}.students-delete-btn{color:#fff;background:linear-gradient(135deg,#ff5252,#ef3636);box-shadow:0 6px 13px #ef44442e}.students-delete-btn:hover{box-shadow:0 8px 17px #ef444447}.students-status-action-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:5px;height:35px;padding:0 10px;font-size:10px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.students-status-action-btn:hover{transform:translateY(-2px)}.students-deactivate-btn{color:#119461;background:#f0fbf6;border:1px solid #d6f2e4}.students-deactivate-btn:hover{background:#e4f8ee;box-shadow:0 6px 13px #10b9811c}.students-activate-btn{color:#684bdd;background:#f6f3ff;border:1px solid #d8cfff}.students-activate-btn:hover{background:#eee9ff;box-shadow:0 6px 13px #6d4ee01f}.students-action-status-dot{background:#16a56a;border-radius:50%;width:6px;height:6px}.students-no-records{text-align:center!important;height:260px!important}.students-no-records>div{color:#9aa4b4;flex-direction:column;align-items:center;gap:6px;display:flex}.students-no-records svg{color:#b4bcc9;margin-bottom:5px}.students-no-records strong{color:#455167;font-size:13px}.students-no-records span{font-size:11px}.students-no-records button{color:#6549d8;cursor:pointer;background:#f0edff;border:0;border-radius:7px;margin-top:8px;padding:7px 12px;font-size:11px;font-weight:700}.students-pagination-footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;min-height:62px;padding:11px 18px;display:flex}.students-pagination-info{color:#8a95a6;font-size:11px}.students-pagination-info strong{color:#4b576c}.students-pagination-right{align-items:center;gap:16px;display:flex}.students-per-page{color:#8a95a6;align-items:center;gap:7px;font-size:11px;display:flex}.students-per-page select{color:#536075;background:#fff;border:1px solid #d9dfe8;border-radius:6px;outline:none;height:29px;padding:0 24px 0 8px;font-size:11px}.students-pagination-controls{align-items:center;gap:4px;display:flex}.students-pagination-arrow,.students-pagination-number{color:#536075;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;font-size:11px;font-weight:650;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:flex}.students-pagination-arrow:hover:not(:disabled),.students-pagination-number:hover{color:#654bda;background:#f8f6ff;border-color:#c9c0f7}.students-pagination-arrow:disabled{opacity:.4;cursor:not-allowed}.students-pagination-number.active{color:#fff;background:linear-gradient(135deg,#7459ed,#6547df);border-color:#7054e9;box-shadow:0 5px 13px #694de033}.students-pagination-dots{text-align:center;color:#98a2b2;width:26px;font-size:12px}.students-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8a;justify-content:center;align-items:center;padding:20px;animation:.2s studentsModalOverlay;display:flex;position:fixed;inset:0}@keyframes studentsModalOverlay{0%{opacity:0}to{opacity:1}}.students-modal-card{background:#fff;border:1px solid #ffffffb3;border-radius:18px;flex-direction:column;width:min(100%,620px);max-height:calc(100vh - 40px);animation:.22s studentsModalOpen;display:flex;overflow:hidden;box-shadow:0 28px 70px #0f172a33}@keyframes studentsModalOpen{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.students-columns-modal{max-width:410px}.students-form-modal{max-width:680px}.students-view-modal{max-width:590px}.students-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 22px 18px;display:flex}.students-modal-eyebrow{color:#7355e9;letter-spacing:.9px;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.students-modal-header h2{color:#172033;letter-spacing:-.3px;margin:0;font-size:19px;font-weight:750}.students-modal-header p{color:#8994a6;margin:5px 0 0;font-size:11px}.students-modal-close{color:#7b8799;cursor:pointer;background:#fff;border:1px solid #e0e5ec;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .18s,color .18s,border-color .18s;display:flex}.students-modal-close:hover{color:#2f3b4f;background:#f6f7fa;border-color:#d5dbe5}.students-modal-body{scrollbar-width:none;padding:20px;overflow-y:auto}.students-modal-body::-webkit-scrollbar{display:none}.students-columns-list{flex-direction:column;gap:7px;display:flex}.students-column-toggle{color:#435067;cursor:pointer;border:1px solid #e7ebf1;border-radius:9px;align-items:center;gap:10px;min-height:45px;padding:0 11px;font-size:12px;font-weight:550;transition:background .18s,border-color .18s;display:flex;position:relative}.students-column-toggle:hover{background:#fafaff;border-color:#dcd5ff}.students-column-toggle input{opacity:0;pointer-events:none;position:absolute}.students-custom-checkbox{color:#0000;background:#fff;border:1px solid #cdd5e0;border-radius:5px;justify-content:center;align-items:center;width:17px;height:17px;transition:background .18s,border-color .18s,color .18s;display:flex}.students-column-toggle input:checked+.students-custom-checkbox{color:#fff;background:#7054e8;border-color:#7054e8}.students-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.students-input-icon-wrapper{position:relative}.students-input-icon-wrapper>svg{color:#8994a6;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.students-input-icon-wrapper input,.students-input-icon-wrapper select,.students-input-icon-wrapper textarea{box-sizing:border-box;color:#354157;background:#fbfcfe;border:1px solid #d7dee8;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}.students-input-icon-wrapper input,.students-input-icon-wrapper select{height:42px;padding:0 37px 0 12px}.students-input-icon-wrapper textarea{resize:vertical;min-height:90px;padding:11px 36px 11px 12px}.students-input-icon-wrapper select{appearance:none}.students-input-icon-wrapper textarea+svg,.students-textarea-wrapper svg{top:17px;transform:none}.students-input-icon-wrapper input:focus,.students-input-icon-wrapper select:focus,.students-input-icon-wrapper textarea:focus{background:#fff;border-color:#7355ee;box-shadow:0 0 0 3px #7355ee14}.students-full-width{grid-column:1/-1}.students-profile-hero{background:linear-gradient(135deg,#fbfaff,#fff);border:1px solid #e9edf3;border-radius:13px;align-items:center;gap:13px;margin-bottom:18px;padding:15px;display:flex}.students-profile-hero>img{object-fit:cover;border:3px solid #fff;border-radius:50%;flex-shrink:0;width:57px;height:57px;box-shadow:0 0 0 1px #ddd8fb,0 6px 16px #5b4ab11f}.students-profile-hero>div{flex:1;min-width:0}.students-profile-hero h3{color:#1b2435;margin:0 0 3px;font-size:15px}.students-profile-hero p{color:#68758a;margin:0 0 3px;font-size:10px;font-weight:650}.students-profile-hero div span{color:#9aa4b4;font-size:10px}.students-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.students-details-grid>div{background:#fcfdff;border:1px solid #edf0f4;border-radius:9px;flex-direction:column;justify-content:center;min-height:58px;padding:9px 11px;display:flex}.students-details-grid>div span{color:#8a95a6;text-transform:uppercase;letter-spacing:.35px;margin-bottom:4px;font-size:9px;font-weight:700}.students-details-grid>div strong{color:#374258;font-size:11.5px;font-weight:650}.students-details-full{grid-column:1/-1}.students-modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:9px;padding:15px 20px;display:flex}.students-modal-cancel-btn,.students-modal-primary-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:37px;padding:0 15px;font-size:11px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.students-modal-cancel-btn{color:#4e5a6e;background:#fff;border:1px solid #d8dfe8}.students-modal-cancel-btn:hover{background:#f8f9fb}.students-modal-primary-btn{color:#fff;background:linear-gradient(135deg,#7255ed,#6045dd);border:0;box-shadow:0 6px 16px #6548da33}.students-modal-primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 19px #6548da47}@media (width<=1400px){.student-page-container{padding:22px}.students-metrics-cards-grid{gap:12px}.student-metric-card{padding:15px}.students-select-wrapper select{width:118px}.students-action-column{min-width:275px}}@media (width<=1180px){.students-metrics-cards-grid{grid-template-columns:repeat(3,1fr)}.students-toolbar-card{flex-direction:column;align-items:stretch}.students-filter-group{width:100%}.students-add-main-btn{align-self:flex-start}.students-search-filter-item{flex:220px}}@media (width<=900px){.student-page-container{padding:18px}.students-metrics-cards-grid{grid-template-columns:repeat(2,1fr)}.students-table-header{flex-direction:column;align-items:flex-start}.students-table-header-actions{width:100%}.students-outline-action-btn,.students-bulk-delete-btn{flex:1}.students-pagination-footer{flex-direction:column;align-items:flex-start}.students-pagination-right{justify-content:space-between;width:100%}}@media (width<=640px){.student-page-container{padding:13px}.student-page-main-title{font-size:22px}.students-metrics-cards-grid{grid-template-columns:1fr;gap:10px}.student-metric-card{padding:14px}.students-toolbar-card{border-radius:12px;padding:12px}.students-filter-group{grid-template-columns:1fr 1fr;gap:10px;display:grid}.students-filter-item,.students-select-wrapper select{width:100%}.students-search-filter-item{grid-column:1/-1;min-width:0}.students-more-filter-item{grid-column:1/-1}.students-more-filter-btn,.students-add-main-btn{width:100%}.students-advanced-header{flex-direction:column;align-items:flex-start;gap:10px}.students-table-header{padding:15px}.students-table-header-actions{flex-wrap:wrap}.students-outline-action-btn,.students-bulk-delete-btn{flex:calc(50% - 5px)}.students-pagination-right{flex-direction:column;align-items:flex-start;gap:10px}.students-pagination-controls{width:100%}.students-pagination-arrow,.students-pagination-number{width:32px;height:32px}.students-data-table{min-width:1120px}.students-action-column{min-width:275px}.students-modal-overlay{align-items:flex-end;padding:0}.students-modal-card{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:94vh}.students-modal-header{padding:18px}.students-modal-body{padding:16px}.students-modal-footer{padding:13px 16px;position:relative}.students-form-grid{grid-template-columns:1fr;gap:13px}.students-full-width{grid-column:auto}.students-profile-hero{flex-wrap:wrap;align-items:flex-start}.students-profile-hero .student-status-badge{justify-content:center;width:100%}.students-details-grid{grid-template-columns:1fr}.students-details-full{grid-column:auto}}@media (width<=420px){.student-page-container{padding:10px}.students-filter-group{grid-template-columns:1fr}.students-search-filter-item,.students-more-filter-item{grid-column:auto}.students-table-header-actions{flex-direction:column}.students-outline-action-btn,.students-bulk-delete-btn{flex:auto;width:100%}.students-pagination-footer{padding:12px}.students-pagination-controls{gap:3px}.students-pagination-arrow,.students-pagination-number{width:29px;height:29px}.students-modal-footer{flex-direction:column-reverse}.students-modal-cancel-btn,.students-modal-primary-btn{width:100%}}@media (width<=340px){.student-metric-card{gap:10px}.student-metric-icon-box{width:40px;min-width:40px;height:40px}.students-pagination-info{font-size:10px}}@media (prefers-reduced-motion:reduce){.student-page-container *,.student-page-container :before,.student-page-container :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--primary-color:#5b4beb;--primary-hover:#4a3bc8;--bg-color:#f4f6fa;--card-bg:#fff;--text-main:#333;--text-muted:#6b7280;--border-color:#e5e7eb;--active-green-bg:#d1fae5;--active-green-text:#059669;--active-green-border:#10b981;--inactive-red-bg:#fee2e2;--inactive-red-text:#dc2626;--inactive-red-border:#f87171}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.teacher-container{background-color:var(--bg-color);min-height:100vh;padding:24px}.teacher-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tab-navigation{border-bottom:2px solid #0000;gap:12px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:16px;font-weight:600;transition:all .2s;position:relative}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";background-color:var(--primary-color);border-radius:2px;height:3px;position:absolute;bottom:-2px;left:0;right:0}.add-teacher-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:background .2s;display:flex}.add-teacher-btn:hover{background-color:var(--primary-hover)}.add-edit-layout{grid-template-columns:1.3fr .9fr;align-items:start;gap:20px;height:calc(100vh - 120px);display:grid}.scrollable-left-pane{height:100%;padding-right:8px;overflow-y:auto}.scrollable-left-pane::-webkit-scrollbar{width:6px}.scrollable-left-pane::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.scrollable-left-pane::-webkit-scrollbar-track{background:#f1f5f9}.preview-column{height:100%;overflow-y:auto}.flex-between{justify-content:space-between;align-items:center;display:flex}.card-title-right{color:var(--primary-color);font-size:16px;font-weight:600}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 12px #00000008}.card-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.card-icon{color:var(--primary-color);font-size:18px}.card-body{padding:20px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600}.form-group label span{color:#ef4444}.form-group input[type=text],.form-group input[type=email],.form-group input[type=date],.form-group select,.form-group textarea{border:1px solid var(--border-color);background-color:#fff;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)}.radio-group{align-items:center;gap:20px;height:40px;display:flex}.radio-group label{cursor:pointer;align-items:center;gap:6px;font-weight:500;display:flex}.toggle-group{flex-direction:row;align-items:center;gap:12px}.switch{width:44px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider.round{border-radius:34px}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(22px)}.status-label{font-size:14px;font-weight:600}.status-label.active{color:var(--active-green-text)}.status-label.inactive{color:var(--inactive-red-text)}.photo-upload-section{margin-top:10px}.upload-box{align-items:center;gap:16px;margin-top:8px;display:flex}.photo-preview{object-fit:cover;border:1px solid var(--border-color);border-radius:8px;width:60px;height:60px}.upload-btn{border:1px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.file-info{color:var(--text-muted);font-size:12px}.skills-tags-container{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.skill-badge{color:var(--primary-color);background-color:#f3f4f6;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.remove-skill{cursor:pointer;font-size:10px}.tag-input{width:100%}.form-actions{justify-content:space-between;margin-top:24px;display:flex}.btn-reset{cursor:pointer;color:#f93408;background-color:#f82f07;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.btn-save{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;display:flex}.profile-preview-flex{gap:20px;display:flex}.large-avatar{object-fit:cover;border-radius:12px;width:180px;height:220px}.profile-info{flex:1}.profile-info h2{color:#111827;font-size:20px}.designation-text{color:var(--primary-color);margin-bottom:12px;font-size:14px;font-weight:600}.info-list{flex-direction:column;gap:8px;font-size:13px;list-style:none;display:flex}.info-list li{color:var(--text-muted);align-items:center;gap:8px;display:flex}.info-list li span{width:100px}.info-list li strong{color:#1f2937}.social-links{align-items:center;gap:12px;margin-top:16px;display:flex}.social-icons{gap:10px;display:flex}.social-icons a{color:#4b5563;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;text-decoration:none;display:flex}.progress-item{margin-bottom:14px}.progress-labels{justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%}.progress-fill.yellow{background-color:#f59e0b}.progress-fill.red{background-color:#ef4444}.progress-fill.blue{background-color:#2563eb}.progress-fill.green{background-color:#10b981}.table-top-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.table-title{align-items:center;gap:8px;display:flex}.table-actions{align-items:center;gap:12px;display:flex}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;position:absolute;left:10px}.search-box input{border:1px solid var(--border-color);border-radius:8px;outline:none;padding:8px 12px 8px 32px;font-size:13px}.icon-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:all .2s;display:flex}.icon-btn:hover{background-color:#f9fafb}.filter-toggle-btn.all{border-color:var(--border-color);color:#4b5563}.filter-toggle-btn.active{background-color:var(--active-green-bg);color:var(--active-green-text);border-color:var(--active-green-border)}.filter-toggle-btn.inactive{background-color:var(--inactive-red-bg);color:var(--inactive-red-text);border-color:var(--inactive-red-border)}.filter-toggle-btn span{font-weight:700}.responsive-table-wrapper{overflow-x:auto}.teacher-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.teacher-table th{color:#4b5563;border-bottom:1px solid var(--border-color);background-color:#f9fafb;padding:12px 16px;font-weight:600}.teacher-table td{border-bottom:1px solid var(--border-color);color:#374151;padding:12px 16px}.table-avatar{object-fit:cover;border-radius:6px;width:38px;height:38px}.font-semibold{font-weight:600}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{background-color:var(--active-green-bg);color:var(--active-green-text);border:1px solid var(--active-green-border)}.status-badge.inactive{background-color:var(--inactive-red-bg);color:var(--inactive-red-text);border:1px solid var(--inactive-red-border)}.action-buttons{align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex}.edit-btn{color:var(--primary-color);background-color:#e0e7ff}.view-btn{color:#0284c7;background-color:#e0f2fe}.delete-btn{color:#dc2626;background-color:#fee2e2}.more-btn{color:#4b5563;background-color:#f3f4f6}.action-btn:hover{opacity:.8}.more-menu-container{position:relative}.status-dropdown-menu{border:1px solid var(--border-color);z-index:30;background:#ffffff5d;border-radius:8px;width:130px;padding:6px 0;position:absolute;top:110%;right:0;box-shadow:0 4px 14px #0000001f}.menu-header{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px 6px;font-size:10px;font-weight:700}.menu-option{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background-color .2s;display:flex}.menu-option:hover{background-color:#f3f4f6}.menu-option.opt-active.selected{background-color:var(--active-green-bg);color:var(--active-green-text);font-weight:600}.menu-option.opt-inactive.selected{background-color:var(--inactive-red-bg);color:var(--inactive-red-text);font-weight:600}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.green{background-color:#10b981}.status-dot.red{background-color:#ef4444}.pagination-wrapper{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pagination-info{color:var(--text-muted);font-size:13px}.pagination-controls{align-items:center;gap:8px;display:flex}.page-nav-btn,.page-num-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;width:32px;height:32px;font-weight:600}.page-num-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.per-page-select{border:1px solid var(--border-color);border-radius:6px;margin-left:12px;padding:6px 10px;font-size:13px}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:12px;width:500px;max-width:90%;overflow:hidden;box-shadow:0 10px 25px #0000001a}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-close{cursor:pointer;background:0 0;border:none;font-size:18px}.modal-body{padding:20px}.flex-modal{gap:16px;display:flex}.modal-avatar{object-fit:cover;border-radius:8px;width:100px;height:120px}.margin-top-15{margin-top:15px}.divider{border:0;border-top:1px solid var(--border-color);margin:12px 0}@media (width<=992px){.add-edit-layout{grid-template-columns:1fr;height:auto}.scrollable-left-pane{height:auto;overflow-y:visible}}@media (width<=600px){.grid-2,.grid-3{grid-template-columns:1fr}.teacher-header{flex-direction:column;align-items:flex-start;gap:12px}.profile-preview-flex{flex-direction:column}.large-avatar{width:100%;height:200px}}:root{--primary:#5b4beb;--primary-dark:#4938d0;--primary-light:#f1efff;--text-dark:#172033;--text:#334155;--text-muted:#64748b;--border:#e6e9f0;--border-light:#eef0f5;--bg:#f7f8fc;--white:#fff;--green:#10b981;--red:#ef4444;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 8px 25px #0f172a12;--shadow-purple:0 8px 25px #5b4beb29}.admission-page{background:radial-gradient(circle at top right, #5b4beb0b, transparent 28%), var(--bg);width:100%;min-height:100vh;color:var(--text-dark);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.admission-top-card{background:var(--white);border:1px solid var(--border-light);width:100%;box-shadow:var(--shadow-sm);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:22px 26px;display:flex}.page-heading-area{flex-direction:column;gap:14px;display:flex}.back-button{width:fit-content;color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:700;transition:color .25s,transform .25s;display:inline-flex}.back-button:hover{color:var(--primary-dark);transform:translate(-3px)}.page-heading{align-items:center;gap:14px;display:flex}.heading-icon{color:#fff;width:48px;height:48px;box-shadow:var(--shadow-purple);background:linear-gradient(135deg,#6d5dfc,#5141dc);border-radius:14px;justify-content:center;align-items:center;font-size:20px;display:flex}.page-heading h1{letter-spacing:-.4px;color:var(--text-dark);margin:0 0 4px;font-size:25px;font-weight:800;line-height:1.2}.page-heading p{color:var(--text-muted);margin:0;font-size:13px}.download-form-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5f50ed,#4939d3);border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 8px 20px #5b4beb33}.download-form-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #5b4beb45}.download-form-btn:active{transform:translateY(0)}.admission-form{width:100%;max-width:1500px;margin:0 auto}.accordion-card{background:var(--white);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);border-radius:15px;margin-bottom:14px;transition:border-color .25s,box-shadow .25s;overflow:hidden}.accordion-card:hover{box-shadow:var(--shadow-md);border-color:#dfe1eb}.accordion-header{cursor:pointer;text-align:left;background:#fff;border:0;outline:none;justify-content:space-between;align-items:center;width:100%;min-height:78px;padding:14px 20px;transition:background .25s,box-shadow .25s;display:flex}.accordion-header:hover{background:#fbfbfe}.accordion-header.active{background:linear-gradient(90deg,#fff 0%,#faf9ff 100%)}.accordion-header-left{align-items:center;gap:14px;min-width:0;display:flex}.accordion-icon{border-radius:13px;flex:none;justify-content:center;align-items:center;width:45px;height:45px;font-size:17px;transition:transform .25s,box-shadow .25s;display:flex}.accordion-header:hover .accordion-icon{transform:scale(1.04)}.student-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 7px 17px #f59e0b33}.custom-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d4de8);box-shadow:0 7px 17px #8b5cf633}.parent-icon{color:#fff;background:linear-gradient(135deg,#5b4beb,#4939d3);box-shadow:0 7px 17px #5b4beb33}.other-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 7px 17px #2563eb33}.document-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 7px 17px #10b98133}.accordion-title-area{min-width:0}.accordion-title-area h3{color:var(--text-dark);margin:0;font-size:16px;font-weight:750;line-height:1.3}.accordion-title-area p{color:var(--text-muted);margin:4px 0 0;font-size:12px;font-weight:500}.accordion-chevron{color:#64748b;background:#f5f6fa;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .35s cubic-bezier(.4,0,.2,1),background .25s,color .25s;display:flex}.accordion-header:hover .accordion-chevron{background:var(--primary-light);color:var(--primary)}.accordion-chevron svg{font-size:12px}.accordion-chevron.rotate{background:var(--primary-light);color:var(--primary);transform:rotate(180deg)}.accordion-content-wrapper{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1),opacity .28s;display:grid}.accordion-content-wrapper.open{opacity:1;grid-template-rows:1fr}.accordion-content{min-height:0;padding:0 22px;transition:padding .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.accordion-content-wrapper.open .accordion-content{padding-top:6px;padding-bottom:24px}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-grid-address{grid-template-columns:2fr 1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.input-group{flex-direction:column;min-width:0;display:flex}.input-group label{color:#344054;margin-bottom:7px;font-size:13px;font-weight:650;line-height:1.3}.input-group label span{color:var(--red);margin-left:2px}.input-group input,.input-group select,.input-group textarea{color:#1e293b;background:#fff;border:1px solid #dfe4ec;border-radius:9px;outline:none;width:100%;min-height:43px;padding:10px 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.input-group textarea{resize:vertical;min-height:88px;line-height:1.5}.input-group input::placeholder,.input-group textarea::placeholder{color:#9aa4b2}.input-group input:hover,.input-group select:hover,.input-group textarea:hover{border-color:#c9cfda}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #5b4beb17}.input-group select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}.phone-input{border:1px solid #dfe4ec;border-radius:9px;width:100%;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.phone-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #5b4beb17}.phone-input select{cursor:pointer;background:#f8f9fc;border:0;border-right:1px solid #e1e5eb;border-radius:0;outline:none;width:74px;min-height:43px;padding:8px 10px;font-size:12px}.phone-input input{min-width:0;box-shadow:none!important;border:0!important;border-radius:0!important}.radio-group{flex-wrap:wrap;align-items:center;gap:17px;min-height:43px;display:flex}.radio-option{cursor:pointer;align-items:center;gap:7px;color:#475467!important;flex-direction:row!important;margin:0!important;font-size:13px!important;font-weight:550!important;display:inline-flex!important}.radio-option input{width:16px;height:16px;min-height:auto;accent-color:var(--primary);cursor:pointer;margin:0}.nested-section{background:linear-gradient(135deg,#fcfbff,#f8f7ff);border:1px solid #ece8ff;border-radius:13px;margin-top:8px;padding:18px}.nested-title{color:var(--primary);align-items:center;gap:9px;margin-bottom:17px;font-size:14px;font-weight:750;display:flex}.nested-title svg{font-size:16px}.documents-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.document-card{text-align:center;background:#fff;border:1px solid #e8eaf0;border-radius:13px;flex-direction:column;align-items:center;min-width:0;padding:17px 13px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.document-card:hover{border-color:#cfc8ff;transform:translateY(-3px);box-shadow:0 9px 25px #5b4beb17}.document-card-icon{width:42px;height:42px;color:var(--primary);background:var(--primary-light);border-radius:11px;justify-content:center;align-items:center;margin-bottom:10px;font-size:17px;display:flex}.document-card h4{color:#263247;min-height:34px;margin:0 0 4px;font-size:12px;font-weight:700;line-height:1.35}.document-card h4 span{color:var(--red)}.document-card p{color:#98a2b3;margin:0 0 12px;font-size:10px}.document-card input{display:none}.upload-button{width:100%;min-height:34px;color:var(--primary);cursor:pointer;background:#f7f5ff;border:1px solid #d8d2ff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:11px;font-weight:700;transition:background .25s,color .25s,border-color .25s;display:flex}.upload-button:hover{color:#fff;border-color:var(--primary);background:var(--primary)}.upload-button svg{font-size:11px}.document-card small{color:#98a2b3;margin-top:9px;font-size:9px}.uploaded-file{color:#059669;background:#ecfdf5;border-radius:6px;align-items:center;gap:5px;width:100%;margin-top:9px;padding:6px 7px;font-size:9px;font-weight:650;display:flex}.uploaded-file svg{flex:none;font-size:10px}.uploaded-file span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.form-footer{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;margin-bottom:30px;padding:18px 20px;display:flex}.footer-actions{align-items:center;gap:10px;display:flex}.cancel-button,.save-button,.submit-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.cancel-button{color:#475467;background:#fff;border:1px solid #dfe3ea}.cancel-button:hover{background:#f8fafc}.save-button{color:var(--primary);background:#f6f4ff;border:1px solid #d8d2ff}.save-button:hover{background:#eeeaff}.submit-button{color:#fff;background:linear-gradient(135deg,#5f50ed,#4939d3);border:0;box-shadow:0 7px 18px #5b4beb33}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 23px #5b4beb47}@media (width<=1100px){.admission-page{padding:18px}.documents-grid{grid-template-columns:repeat(3,1fr)}.form-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-address{grid-template-columns:1fr 1fr}.address-field{grid-column:span 2}}@media (width<=768px){.admission-page{padding:13px}.admission-top-card{flex-direction:column;align-items:flex-start;padding:18px}.download-form-btn{width:100%}.page-heading h1{font-size:22px}.accordion-header{min-height:70px;padding:12px 15px}.accordion-content{padding-left:15px;padding-right:15px}.accordion-content-wrapper.open .accordion-content{padding-bottom:20px}.form-grid-3,.form-grid-2,.form-grid-address{grid-template-columns:1fr;gap:15px}.address-field{grid-column:auto}.documents-grid{grid-template-columns:repeat(2,1fr)}.form-footer{flex-direction:column;align-items:stretch}.footer-actions{width:100%}.cancel-button,.save-button,.submit-button{flex:1}}@media (width<=520px){.admission-page{padding:9px}.admission-top-card{border-radius:13px;padding:15px}.page-heading{gap:10px}.heading-icon{border-radius:11px;width:42px;height:42px;font-size:17px}.page-heading h1{font-size:19px}.page-heading p{font-size:11px}.back-button{font-size:12px}.download-form-btn{min-height:42px;font-size:12px}.accordion-card{border-radius:12px;margin-bottom:10px}.accordion-header{min-height:65px;padding:10px 12px}.accordion-header-left{gap:10px}.accordion-icon{border-radius:10px;width:39px;height:39px;font-size:15px}.accordion-title-area h3{font-size:13px}.accordion-title-area p{font-size:10px}.accordion-chevron{width:30px;height:30px}.accordion-content{padding-left:12px;padding-right:12px}.accordion-content-wrapper.open .accordion-content{padding-bottom:17px}.form-grid-3,.form-grid-2,.form-grid-address{gap:13px;margin-bottom:13px}.input-group label{font-size:12px}.input-group input,.input-group select,.input-group textarea{min-height:41px;padding:9px 11px;font-size:12px}.phone-input select{width:67px}.radio-group{gap:12px}.radio-option{font-size:12px!important}.nested-section{border-radius:10px;padding:13px}.documents-grid{grid-template-columns:1fr}.document-card{padding:15px}.form-footer{border-radius:11px;padding:14px}.footer-actions{flex-direction:column}.cancel-button,.save-button,.submit-button{width:100%}}@media (width<=360px){.admission-page{padding:7px}.accordion-title-area p{display:none}.accordion-header{padding:9px 10px}.accordion-content{padding-left:10px;padding-right:10px}.radio-group{gap:9px}}@media (prefers-reduced-motion:reduce){.accordion-content-wrapper,.accordion-content,.accordion-chevron,.accordion-icon,.accordion-card,.accordion-header,.upload-button,.document-card,.submit-button{transition:none!important}}@media print{.admission-page{background:#fff;padding:0}.back-button,.download-form-btn,.form-footer{display:none!important}.accordion-content-wrapper{opacity:1!important;grid-template-rows:1fr!important;display:block!important}.accordion-content-wrapper .accordion-content{padding-top:10px!important;padding-bottom:20px!important}.accordion-card{box-shadow:none;break-inside:avoid}}.teachers-attendance-container{color:#17203a;width:100%;padding:22px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.teachers-attendance-page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.teachers-attendance-page-title{color:#17203a;margin:0;font-size:25px;font-weight:700;line-height:1.25}.teachers-attendance-page-subtitle{color:#74809a;margin:6px 0 0;font-size:14px}.teachers-attendance-stats-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:22px;display:grid}.teachers-attendance-stat-card{background:#fff;border:1px solid #e7eaf2;border-radius:16px;align-items:center;gap:14px;min-height:100px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #1f2a440a}.teachers-attendance-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1f2a4414}.teachers-attendance-stat-icon{border-radius:14px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;display:flex}.teachers-attendance-stat-purple{color:#6751e8;background:#f0edff}.teachers-attendance-stat-green{color:#16a879;background:#e7f8f1}.teachers-attendance-stat-red{color:#ef4167;background:#fff0f3}.teachers-attendance-stat-orange{color:#ed9b18;background:#fff6e6}.teachers-attendance-stat-blue{color:#4285e8;background:#edf5ff}.teachers-attendance-stat-content{flex-direction:column;min-width:0;display:flex}.teachers-attendance-stat-content span{color:#71809b;margin-bottom:3px;font-size:13px;font-weight:500}.teachers-attendance-stat-content strong{color:#17203a;font-size:23px;font-weight:700;line-height:1.2}.teachers-attendance-stat-content small{color:#8993a8;margin-top:3px;font-size:11px}.teachers-attendance-filter-card{background:#fff;border:1px solid #e7eaf2;border-radius:16px;margin-bottom:22px;padding:22px;box-shadow:0 4px 18px #1f2a440a}.teachers-attendance-filter-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.teachers-attendance-filter-header h2{color:#17203a;margin:0;font-size:19px;font-weight:700}.teachers-attendance-filter-header p{color:#7d89a1;margin:5px 0 0;font-size:13px}.teachers-attendance-reset-button{color:#59657d;cursor:pointer;background:#f9fafc;border:1px solid #e3e7ef;border-radius:9px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .2s}.teachers-attendance-reset-button:hover{color:#6650e8;background:#f6f3ff;border-color:#d8d1ff}.teachers-attendance-filter-grid{grid-template-columns:1fr 1fr 1fr 1.35fr auto;align-items:end;gap:14px;display:grid}.teachers-attendance-field{min-width:0}.teachers-attendance-field label{color:#53617b;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.teachers-attendance-field select,.teachers-attendance-field input{color:#26324b;background:#fff;border:1px solid #dfe4ee;border-radius:9px;outline:none;width:100%;height:45px;padding:0 13px;font-size:13px;transition:all .2s}.teachers-attendance-field select:focus,.teachers-attendance-field input:focus{border-color:#7055ef;box-shadow:0 0 0 3px #7055ef14}.teachers-attendance-input-wrapper{position:relative}.teachers-attendance-input-wrapper>svg{color:#99a3b6;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.teachers-attendance-input-wrapper input{padding-left:37px}.teachers-attendance-export-button{color:#fff;cursor:pointer;background:#7052e8;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:45px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 6px 14px #7052e82e}.teachers-attendance-export-button:hover{background:#6245db;transform:translateY(-1px)}.teachers-attendance-table-card{background:#fff;border:1px solid #e7eaf2;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #1f2a440a}.teachers-attendance-table-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;min-height:82px;padding:18px 23px;display:flex}.teachers-attendance-table-header h2{color:#17203a;margin:0;font-size:19px;font-weight:700}.teachers-attendance-table-header p{color:#78849c;margin:5px 0 0;font-size:13px}.teachers-attendance-table-header-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.teachers-attendance-add-teacher-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7956f2,#6242df);border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 15px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 7px 17px #694ce53d}.teachers-attendance-add-teacher-button:hover{background:linear-gradient(135deg,#6947e9,#5536ce);transform:translateY(-2px);box-shadow:0 10px 22px #694ce54d}.teachers-attendance-add-teacher-button svg{font-size:11px}.teachers-attendance-select-all-button{color:#674de4;cursor:pointer;background:#f7f5ff;border:1px solid #dcd6ff;border-radius:9px;align-items:center;gap:7px;min-height:39px;padding:0 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.teachers-attendance-select-all-button:hover:not(:disabled){background:#eeeaff;border-color:#cfc7ff}.teachers-attendance-select-all-button:disabled{cursor:not-allowed;opacity:.5}.teachers-attendance-record-count{color:#684fe3;background:#f1edff;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600}.teachers-attendance-selection-bar{background:#f7f5ff;border-bottom:1px solid #e9e4ff;justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:10px 22px;display:flex}.teachers-attendance-selection-bar>div:first-child{color:#6349dc;align-items:center;gap:7px;font-size:13px;display:flex}.teachers-attendance-selection-bar>div:first-child strong{font-size:14px}.teachers-attendance-selection-actions{align-items:center;gap:8px;display:flex}.teachers-attendance-selection-export,.teachers-attendance-clear-selection{cursor:pointer;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:600}.teachers-attendance-selection-export{color:#634bdc;background:#fff;border:1px solid #d9d1ff;align-items:center;gap:6px;display:flex}.teachers-attendance-clear-selection{color:#707b91;background:0 0;border:0}.teachers-attendance-table-wrapper{width:100%;overflow-x:auto}.teachers-attendance-table{border-collapse:collapse;width:100%;min-width:1050px}.teachers-attendance-table th{color:#68748c;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #e9edf3;height:49px;padding:0 13px;font-size:11px;font-weight:700}.teachers-attendance-table td{color:#29354e;vertical-align:middle;border-bottom:1px solid #edf0f4;height:76px;padding:10px 13px;font-size:12px}.teachers-attendance-table tbody tr{transition:background .18s}.teachers-attendance-table tbody tr:hover{background:#fafaff}.teachers-attendance-table tbody tr.teachers-attendance-selected-row{background:#f8f6ff}.teachers-attendance-checkbox-column{width:55px;text-align:center!important}.teachers-attendance-header-checkbox{color:#8b96aa;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:17px;display:inline-flex}.teachers-attendance-header-checkbox:hover:not(:disabled){color:#6951e4}.teachers-attendance-header-checkbox:disabled{cursor:not-allowed;opacity:.5}.teachers-attendance-row-checkbox{accent-color:#6c51e8;cursor:pointer;width:17px;height:17px}.teachers-attendance-teacher-cell{align-items:center;gap:11px;display:flex}.teachers-attendance-avatar{object-fit:cover;border:1px solid #e7eaf0;border-radius:10px;flex:0 0 43px;width:43px;height:43px;box-shadow:0 3px 8px #1e283c14}.teachers-attendance-teacher-cell>div{flex-direction:column;min-width:120px;display:flex}.teachers-attendance-teacher-cell strong{color:#17203a;font-size:13px;font-weight:700}.teachers-attendance-teacher-cell span{color:#8290a8;margin-top:3px;font-size:11px}.teachers-attendance-department{color:#42516d;font-size:12px;font-weight:500}.teachers-attendance-time-cell{flex-direction:column;gap:5px;display:flex}.teachers-attendance-time-cell>div{align-items:center;gap:6px;display:flex}.teachers-attendance-time-cell>div svg{color:#7461e8;font-size:11px}.teachers-attendance-time-cell strong{color:#24314a;font-size:12px}.teachers-attendance-time-cell>span{color:#8994a9;align-items:center;gap:5px;font-size:10px;display:flex}.teachers-attendance-time-cell>span svg{color:#10aa7a;font-size:9px}.teachers-attendance-working-hours{color:#0da87a;font-size:12px;font-weight:700}.teachers-attendance-status-wrapper{display:inline-block;position:relative}.teachers-attendance-status-badge{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:74px;padding:7px 9px;font-size:11px;font-weight:600;display:inline-flex}.teachers-attendance-status-badge>span{background:currentColor;border-radius:50%;width:5px;height:5px}.teachers-attendance-status-present{color:#0d9c70;background:#e9f9f2}.teachers-attendance-status-absent{color:#e83d62;background:#fff0f3}.teachers-attendance-status-half{color:#d78a11;background:#fff6e7}.teachers-attendance-status-leave{color:#5573d9;background:#eef3ff}.teachers-attendance-status-menu{z-index:20;background:#fff;border:1px solid #e3e7ef;border-radius:9px;width:135px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #1e284124}.teachers-attendance-status-menu-item{color:#56627a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 9px;font-size:11px;display:flex}.teachers-attendance-status-menu-item:hover,.teachers-attendance-status-menu-item.teachers-attendance-active{color:#654de1;background:#f2efff}.teachers-attendance-progress-cell{width:140px}.teachers-attendance-progress-top{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.teachers-attendance-progress-top strong{color:#1d2a43;font-size:11px}.teachers-attendance-progress-top span{color:#9aa3b4;font-size:9px}.teachers-attendance-progress-track{background:#e9edf2;border-radius:10px;width:100%;height:5px;overflow:hidden}.teachers-attendance-progress-fill{border-radius:inherit;background:#18ae7f;height:100%;transition:width .3s}.teachers-attendance-action-buttons{align-items:center;gap:6px;display:flex}.teachers-attendance-action-buttons button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;transition:all .18s;display:flex}.teachers-attendance-action-buttons button:hover{transform:translateY(-1px)}.teachers-attendance-action-view{color:#3982e8;background:#edf5ff}.teachers-attendance-action-edit{color:#7155e6;background:#f0edff}.teachers-attendance-action-delete{color:#eb4166;background:#fff0f3}.teachers-attendance-empty-state{text-align:center!important;vertical-align:middle!important;height:250px!important}.teachers-attendance-empty-state svg{color:#b4bbca;margin:0 auto 10px;font-size:27px;display:block}.teachers-attendance-empty-state strong{color:#4c5870;font-size:14px;display:block}.teachers-attendance-empty-state span{color:#9099ab;margin-top:5px;font-size:12px;display:block}.teachers-attendance-pagination{justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:13px 22px;display:flex}.teachers-attendance-pagination-info{color:#7d879b;font-size:12px}.teachers-attendance-pagination-info strong{color:#45516a;font-weight:600}.teachers-attendance-pagination-controls{align-items:center;gap:5px;display:flex}.teachers-attendance-items-select{color:#5e6980;background:#fff;border:1px solid #e1e5ed;border-radius:7px;outline:none;height:34px;margin-right:5px;padding:0 9px;font-size:11px}.teachers-attendance-page-button{color:#667188;cursor:pointer;background:#fff;border:1px solid #e1e5ed;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 7px;font-size:11px;transition:all .18s;display:flex}.teachers-attendance-page-button:hover:not(:disabled){color:#684fe1;background:#f5f2ff;border-color:#cfc7ff}.teachers-attendance-page-button.teachers-attendance-active{color:#fff;background:#7052e8;border-color:#7052e8}.teachers-attendance-page-button:disabled{opacity:.45;cursor:not-allowed}.teachers-attendance-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(7px);background:#0f172a85;justify-content:center;align-items:center;padding:20px;animation:.22s teachersAttendanceOverlayIn;display:flex;position:fixed;inset:0}@keyframes teachersAttendanceOverlayIn{0%{opacity:0}to{opacity:1}}.teachers-attendance-modal{background:#fff;border:1px solid #fffc;border-radius:18px;width:min(540px,100%);max-height:90vh;animation:.28s cubic-bezier(.16,1,.3,1) teachersAttendanceModalIn;overflow-y:auto;box-shadow:0 30px 80px #0f172a3d,0 8px 25px #0f172a14}@keyframes teachersAttendanceModalIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.teachers-attendance-edit-modal{width:min(650px,100%)}.teachers-attendance-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.teachers-attendance-modal-header h2{color:#17203a;margin:0;font-size:19px;font-weight:700}.teachers-attendance-modal-header p{color:#8791a5;margin:5px 0 0;font-size:12px}.teachers-attendance-modal-header>button{color:#69758b;cursor:pointer;background:#f3f5f8;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.teachers-attendance-modal-header>button:hover{color:#eb4166;background:#fff0f3;transform:rotate(90deg)}.teachers-attendance-add-modal{width:min(720px,100%);overflow:hidden}.teachers-attendance-add-modal-top{align-items:center;gap:13px;padding:24px 26px 20px;display:flex;position:relative}.teachers-attendance-add-icon{color:#fff;background:linear-gradient(135deg,#8060f6,#5f40db);border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;display:flex;box-shadow:0 9px 20px #674ae040}.teachers-attendance-add-heading{min-width:0}.teachers-attendance-add-heading h2{color:#17203a;letter-spacing:-.2px;margin:0;font-size:20px;font-weight:750}.teachers-attendance-add-heading p{color:#8993a8;margin:4px 0 0;font-size:12px}.teachers-attendance-modal-close{color:#778298;cursor:pointer;background:#fafbfc;border:1px solid #e7eaf0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:absolute;top:20px;right:22px}.teachers-attendance-modal-close:hover{color:#e83d62;background:#fff0f3;border-color:#ffd6df;transform:rotate(90deg)}.teachers-attendance-add-divider{background:#edf0f4;height:1px}.teachers-attendance-add-form{grid-template-columns:repeat(2,1fr);gap:17px;padding:23px 26px 18px;display:grid}.teachers-attendance-form-field{min-width:0}.teachers-attendance-form-field label{color:#4e5a73;align-items:center;gap:3px;margin-bottom:7px;font-size:12px;font-weight:650;display:flex}.teachers-attendance-form-field label span{color:#ef4167}.teachers-attendance-form-field input,.teachers-attendance-form-field select{color:#27334c;background:#fff;border:1px solid #dfe4ec;border-radius:9px;outline:none;width:100%;height:43px;padding:0 12px;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s,background .2s}.teachers-attendance-form-field input::placeholder{color:#a1aabc}.teachers-attendance-form-field input:focus,.teachers-attendance-form-field select:focus{background:#fdfcff;border-color:#7052e8;box-shadow:0 0 0 3px #7052e817}.teachers-attendance-form-field input:disabled,.teachers-attendance-form-field select:disabled{color:#a0a8b8;cursor:not-allowed;background:#f5f6f8}.teachers-attendance-form-input-icon{position:relative}.teachers-attendance-form-input-icon>svg{color:#7b68e8;pointer-events:none;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.teachers-attendance-form-input-icon input{padding-left:33px}.teachers-attendance-add-preview{background:linear-gradient(135deg,#faf9ff,#f7f5ff);border:1px solid #e8e4ff;border-radius:11px;grid-template-columns:1fr 1fr;gap:12px;margin:0 26px 20px;padding:13px 15px;display:grid}.teachers-attendance-add-preview>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.teachers-attendance-add-preview span{color:#7f8aa0;font-size:11px}.teachers-attendance-add-preview strong{color:#6148dc;font-size:12px}.teachers-attendance-add-footer{border-top:1px solid #edf0f4;padding:15px 26px 21px}.teachers-attendance-profile{align-items:center;gap:14px;padding:22px;display:flex}.teachers-attendance-profile img{object-fit:cover;border:1px solid #e5e8ee;border-radius:14px;width:66px;height:66px}.teachers-attendance-profile h3{color:#17203a;margin:0;font-size:17px}.teachers-attendance-profile p{color:#8a94a8;margin:4px 0;font-size:11px}.teachers-attendance-profile span{color:#5f6b83;font-size:12px}.teachers-attendance-details-grid{grid-template-columns:repeat(2,1fr);gap:11px;padding:0 22px 22px;display:grid}.teachers-attendance-details-grid>div{background:#fafbfc;border:1px solid #e8ebf1;border-radius:9px;padding:13px}.teachers-attendance-details-grid span{color:#8993a6;margin-bottom:5px;font-size:11px;display:block}.teachers-attendance-details-grid strong{color:#28344c;font-size:13px}.teachers-attendance-form-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:22px;display:grid}.teachers-attendance-modal-footer{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:9px;padding:15px 22px;display:flex}.teachers-attendance-cancel-button,.teachers-attendance-save-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 17px;font-size:12px;font-weight:650;transition:all .2s;display:inline-flex}.teachers-attendance-cancel-button{color:#657188;background:#fff;border:1px solid #dfe4ec}.teachers-attendance-cancel-button:hover{background:#f8f9fb;border-color:#cfd5df}.teachers-attendance-save-button{color:#fff;background:linear-gradient(135deg,#7655ef,#5d3bd4);border:0;box-shadow:0 6px 15px #7052e838}.teachers-attendance-save-button:hover{transform:translateY(-1px);box-shadow:0 9px 20px #7052e84d}@media (width<=1300px){.teachers-attendance-stats-grid{grid-template-columns:repeat(3,1fr)}.teachers-attendance-filter-grid{grid-template-columns:repeat(2,1fr)}.teachers-attendance-export-button{width:100%}}@media (width<=1000px){.teachers-attendance-table-header{flex-direction:column;align-items:flex-start}.teachers-attendance-table-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media (width<=900px){.teachers-attendance-container{padding:16px}.teachers-attendance-stats-grid{grid-template-columns:repeat(2,1fr)}.teachers-attendance-selection-bar{align-items:flex-start}}@media (width<=700px){.teachers-attendance-add-form{grid-template-columns:1fr}.teachers-attendance-add-modal{max-height:92vh}.teachers-attendance-add-modal-top,.teachers-attendance-add-form{padding:20px}.teachers-attendance-add-preview{margin-left:20px;margin-right:20px}.teachers-attendance-add-footer{padding-left:20px;padding-right:20px}}@media (width<=650px){.teachers-attendance-stats-grid,.teachers-attendance-filter-grid{grid-template-columns:1fr}.teachers-attendance-filter-header{align-items:flex-start}.teachers-attendance-selection-bar,.teachers-attendance-pagination{flex-direction:column;align-items:flex-start}.teachers-attendance-pagination-controls{flex-wrap:wrap;width:100%}.teachers-attendance-form-grid,.teachers-attendance-details-grid,.teachers-attendance-add-preview{grid-template-columns:1fr}}@media (width<=520px){.teachers-attendance-container{padding:12px}.teachers-attendance-page-title{font-size:21px}.teachers-attendance-filter-card,.teachers-attendance-table-card{border-radius:12px}.teachers-attendance-table-header,.teachers-attendance-filter-card{padding:16px}.teachers-attendance-table-header-actions{flex-direction:column;align-items:stretch}.teachers-attendance-add-teacher-button,.teachers-attendance-select-all-button,.teachers-attendance-record-count{text-align:center;justify-content:center;width:100%}.teachers-attendance-selection-actions{flex-wrap:wrap;width:100%}.teachers-attendance-selection-export,.teachers-attendance-clear-selection{flex:1}.teachers-attendance-modal-overlay{padding:10px}.teachers-attendance-add-modal{border-radius:15px}.teachers-attendance-add-modal-top{padding:18px 55px 18px 18px}.teachers-attendance-add-icon{border-radius:12px;flex-basis:43px;width:43px;height:43px;font-size:17px}.teachers-attendance-add-heading h2{font-size:18px}.teachers-attendance-add-heading p{font-size:11px}.teachers-attendance-add-form{gap:14px;padding:18px}.teachers-attendance-add-preview{margin:0 18px 17px}.teachers-attendance-add-footer{flex-direction:column-reverse;padding:13px 18px 18px}.teachers-attendance-add-footer button{width:100%}.teachers-attendance-modal-header,.teachers-attendance-profile{padding:17px}.teachers-attendance-details-grid{padding:0 17px 17px}.teachers-attendance-modal-footer{padding:13px 17px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.pi-container{box-sizing:border-box;color:#172033;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 100% 0,#6f52e20b,#0000 32%),#f7f8fc;width:100%;min-height:100vh;padding:26px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pi-header{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.pi-title-area{min-width:0}.pi-page-eyebrow{color:#7457e8;letter-spacing:1px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.pi-title-area h1{color:#111827;letter-spacing:-.6px;margin:0 0 7px;font-size:26px;font-weight:750;line-height:1.2}.pi-breadcrumb{color:#8b96a8;align-items:center;gap:7px;font-size:12px;display:flex}.pi-breadcrumb-arrow{color:#b2bac7;font-size:9px}.pi-breadcrumb strong{color:#435067;font-weight:650}.pi-error-banner{background:#fff7f7;border:1px solid #ffd1d1;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.pi-error-icon{color:#dc3838;background:#ffe6e6;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.pi-error-banner div:nth-child(2){flex:1}.pi-error-banner strong{color:#9f2626;font-size:12px;display:block}.pi-error-banner p{color:#b05a5a;margin:2px 0 0;font-size:10px}.pi-error-banner button{color:#bd3131;cursor:pointer;background:#fff;border:1px solid #f4bcbc;border-radius:7px;align-items:center;gap:6px;padding:7px 11px;font-size:10px;font-weight:700;display:inline-flex}.pi-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:21px;display:grid}.pi-stat-card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;align-items:center;gap:14px;min-width:0;padding:17px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #0f172a06}.pi-stat-card:hover{border-color:#d9dee8;transform:translateY(-2px);box-shadow:0 9px 25px #0f172a0f}.pi-stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:45px;min-width:45px;height:45px;display:flex}.pi-stat-icon-wrapper.purple{color:#7654df;background:#f2eeff}.pi-stat-icon-wrapper.blue{color:#1682c5;background:#ebf7ff}.pi-stat-icon-wrapper.green{color:#159c65;background:#ebfaf3}.pi-stat-icon-wrapper.orange{color:#e26a23;background:#fff2e8}.pi-stat-icon{font-size:18px}.pi-stat-content{flex-direction:column;min-width:0;display:flex}.pi-stat-label{color:#6d788b;text-transform:uppercase;letter-spacing:.35px;font-size:10px;font-weight:700}.pi-stat-value{color:#141d2e;margin-top:3px;font-size:21px;font-weight:750;line-height:1.15}.pi-stat-subtitle{color:#9aa4b4;margin-top:3px;font-size:10px}.pi-toolbar{background:#fff;border:1px solid #e2e7ef;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:10px;padding:15px;display:flex;box-shadow:0 2px 8px #0f172a06}.pi-toolbar-left{flex-wrap:wrap;flex:1;align-items:flex-end;gap:9px;min-width:0;display:flex}.pi-toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.pi-search-wrapper{width:225px;min-width:180px;position:relative}.pi-search-wrapper>svg{color:#8d98aa;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pi-search-wrapper input{box-sizing:border-box;color:#354157;background:#fbfcfe;border:1px solid #d5dce6;border-radius:9px;outline:none;width:100%;height:38px;padding:0 35px 0 34px;font-family:inherit;font-size:11.5px;transition:border-color .2s,box-shadow .2s,background .2s}.pi-search-wrapper input::placeholder{color:#9aa4b4}.pi-search-wrapper input:focus{background:#fff;border-color:#7255e8;box-shadow:0 0 0 3px #7255e814}.pi-search-clear{color:#8994a6;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.pi-search-clear:hover{color:#3d4759;background:#f0f2f6}.pi-select{appearance:none;color:#465268;cursor:pointer;background:linear-gradient(45deg,#0000 50%,#7d899b 50%) calc(100% - 14px) 16px/5px 5px no-repeat,linear-gradient(135deg,#7d899b 50%,#0000 50%) calc(100% - 10px) 16px/5px 5px no-repeat,#fbfcfe;border:1px solid #d5dce6;border-radius:9px;outline:none;min-width:130px;height:38px;padding:0 27px 0 11px;font-family:inherit;font-size:11px;font-weight:550}.pi-select:focus{background-color:#fff;border-color:#7255e8;box-shadow:0 0 0 3px #7255e814}.pi-date-filter-wrapper{width:145px;position:relative}.pi-date-filter-input{box-sizing:border-box;color:#465268;background:#fbfcfe;border:1px solid #d5dce6;border-radius:9px;outline:none;width:100%;height:38px;padding:0 33px 0 11px;font-family:inherit;font-size:11px}.pi-date-filter-input::placeholder{color:#9aa4b4}.pi-date-filter-input:focus{background:#fff;border-color:#7255e8;box-shadow:0 0 0 3px #7255e814}.pi-date-filter-icon{color:#8c97a8;pointer-events:none;font-size:12px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.pi-reset-btn{color:#596579;cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:650;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.pi-reset-btn:hover{color:#6149d3;background:#f8f6ff;border-color:#d0c6ff}.pi-select-all-btn{color:#4e5a6e;cursor:pointer;background:#fff;border:1px solid #d5dce6;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:700;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.pi-select-all-btn:hover:not(:disabled){color:#6149d5;background:#f8f6ff;border-color:#cfc5ff}.pi-select-all-btn.selected{color:#6046d4;background:#f5f2ff;border-color:#cfc5ff}.pi-select-all-btn:disabled{opacity:.5;cursor:not-allowed}.pi-select-all-check{color:#0000;background:#fff;border:1px solid #cfd6e1;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.pi-select-all-btn.selected .pi-select-all-check{color:#fff;background:#7054e7;border-color:#7054e7}.pi-bulk-delete-btn{color:#d73535;cursor:pointer;background:#fff7f7;border:1px solid #ffd1d1;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 11px;font-family:inherit;font-size:10.5px;font-weight:750;display:inline-flex}.pi-bulk-delete-btn:hover{background:#ffeded;border-color:#ffbcbc}.pi-bulk-delete-btn span{color:#fff;background:#f04444;border-radius:50%;justify-content:center;align-items:center;min-width:19px;height:19px;font-size:9px;display:flex}.pi-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4e83f5,#3676eb);border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font-family:inherit;font-size:11px;font-weight:750;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 7px 17px #3b82f633}.pi-add-btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px #3b82f647}.pi-selection-bar{color:#5d4aaf;background:linear-gradient(90deg,#f8f6ff,#fbfaff);border:1px solid #ddd6fe;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:43px;margin-bottom:10px;padding:8px 12px;font-size:11px;display:flex}.pi-selection-bar>div:first-child{align-items:center;gap:6px;display:flex}.pi-selection-check{color:#fff;background:#7154e5;border-radius:5px;justify-content:center;align-items:center;width:19px;height:19px;font-size:8px;display:flex}.pi-selection-bar>div:last-child{gap:12px;display:flex}.pi-selection-bar button{color:#6248d4;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.pi-selection-bar button:hover{text-decoration:underline}.pi-table-card{background:#fff;border:1px solid #e3e8f0;border-radius:15px;overflow:hidden;box-shadow:0 4px 18px #0f172a06}.pi-table-card-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:70px;padding:14px 19px;display:flex}.pi-table-card-header h2{color:#182236;margin:0;font-size:15px;font-weight:750}.pi-table-card-header p{color:#909aaa;margin:4px 0 0;font-size:10.5px}.pi-table-summary{color:#8b96a8;align-items:center;gap:5px;font-size:10px;display:flex}.pi-table-summary span{color:#6449d8;background:#f2efff;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:750}.pi-table-scroll{scrollbar-width:thin;scrollbar-color:#d6dbe4 transparent;width:100%;overflow-x:auto}.pi-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:1450px}.pi-table th{color:#68748a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e8edf3;height:45px;padding:0 13px;font-size:9.5px;font-weight:750}.pi-table td{color:#425067;white-space:nowrap;border-bottom:1px solid #eef1f5;height:65px;padding:0 13px;font-size:11px;transition:background .18s}.pi-table tbody tr:last-child td{border-bottom:0}.pi-table tbody tr:hover td{background:#fafbfe}.pi-table tbody tr.pi-row-selected td{background:#f8f6ff}.pi-checkbox-column{width:38px;text-align:center!important}.pi-checkbox-column input{accent-color:#7054e7;cursor:pointer;width:15px;height:15px;margin:0}.pi-action-header{min-width:125px}.pi-sr-number{color:#657188;font-weight:700}.pi-date-cell{color:#59667b;align-items:center;max-width:145px;font-size:10.5px;display:flex}.pi-parent-cell{align-items:center;gap:9px;min-width:165px;display:flex}.pi-parent-avatar{color:#6549d6;background:linear-gradient(135deg,#eeeaff,#e4ddff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:11px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #7054e71a}.pi-parent-cell>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.pi-parent-cell strong{color:#202b3e;font-size:11px}.pi-parent-cell span{color:#9aa4b4;text-overflow:ellipsis;max-width:135px;font-size:9px;overflow:hidden}.pi-baby-cell{align-items:center;gap:7px;display:flex}.pi-baby-icon{color:#e44e91;background:#fff0f6;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;display:flex}.pi-baby-cell strong{color:#3d495e;font-size:11px}.pi-age-text{color:#5e6a7e;font-weight:600}.pi-location-cell,.pi-phone-cell,.pi-address-cell{align-items:center;gap:6px;display:flex}.pi-location-cell svg{color:#7257e4;font-size:10px}.pi-phone-cell svg{color:#4b83dc;font-size:10px}.pi-address-cell svg{color:#8a95a7;font-size:10px}.pi-address-cell span{text-overflow:ellipsis;max-width:160px;display:block;overflow:hidden}.pi-transport-badge{border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:9.5px;font-weight:750;display:inline-flex}.pi-transport-badge.yes{color:#159663;background:#ebfaf3}.pi-transport-badge.no{color:#d84747;background:#fff0f0}.pi-transport-badge svg{font-size:9px}.pi-status-badge{border-radius:30px;align-items:center;gap:6px;padding:5px 9px;font-size:9.5px;font-weight:750;display:inline-flex}.pi-status-dot{border-radius:50%;width:6px;height:6px}.pi-status-badge.new{color:#087db8;background:#eaf7ff}.pi-status-badge.new .pi-status-dot{background:#1495d1}.pi-status-badge.contacted{color:#bf7800;background:#fff7df}.pi-status-badge.contacted .pi-status-dot{background:#e8a21a}.pi-status-badge.interested{color:#138f5e;background:#eafaf2}.pi-status-badge.interested .pi-status-dot{background:#16a56b}.pi-status-badge.not-interested{color:#d33d3d;background:#fff0f0}.pi-status-badge.not-interested .pi-status-dot{background:#e04c4c}.pi-actions-cell{align-items:center;gap:6px;display:flex}.pi-action-btn{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;font-size:11px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.pi-action-btn:hover{transform:translateY(-2px)}.pi-view-btn{color:#397cb6;background:#eaf6ff}.pi-view-btn:hover{background:#dff1ff;box-shadow:0 5px 12px #3b82f61f}.pi-edit-btn{color:#fff;background:linear-gradient(135deg,#7657ed,#6043da);box-shadow:0 5px 12px #694cde2e}.pi-edit-btn:hover{box-shadow:0 7px 16px #694cde47}.pi-delete-btn{color:#fff;background:linear-gradient(135deg,#ff5757,#ed3838);box-shadow:0 5px 12px #ef444429}.pi-delete-btn:hover{box-shadow:0 7px 16px #ef444445}.pi-loading-cell{text-align:center!important;height:280px!important}.pi-loading-state{color:#8994a6;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.pi-loading-spinner{border:2px solid #e4e0ff;border-top-color:#7054e7;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite piSpin}@keyframes piSpin{to{transform:rotate(360deg)}}.pi-empty-cell{text-align:center!important;height:300px!important}.pi-empty-state{flex-direction:column;align-items:center;gap:5px;display:flex}.pi-empty-icon{color:#7054e5;background:#f3f0ff;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;font-size:18px;display:flex}.pi-empty-state h3{color:#3d495e;margin:0;font-size:13px}.pi-empty-state p{color:#98a2b1;margin:0;font-size:10px}.pi-empty-state button{color:#6349d5;cursor:pointer;background:#f1eeff;border:0;border-radius:7px;align-items:center;gap:6px;margin-top:9px;padding:7px 11px;font-size:10px;font-weight:700;display:inline-flex}.pi-pagination{background:#fff;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;min-height:62px;padding:10px 17px;display:flex}.pi-pagination-info{color:#8994a6;font-size:10.5px}.pi-pagination-info strong{color:#4d596d}.pi-pagination-right{align-items:center;gap:16px;display:flex}.pi-per-page{color:#8994a6;align-items:center;gap:6px;font-size:10px;display:flex}.pi-per-page select{color:#566277;background:#fff;border:1px solid #d8dfe8;border-radius:7px;outline:none;height:29px;padding:0 20px 0 8px;font-size:10px}.pi-pagination-controls{align-items:center;gap:4px;display:flex}.pi-page-btn{color:#596579;cursor:pointer;background:#fff;border:1px solid #d9dfe8;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:650;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:flex}.pi-page-btn:hover:not(:disabled){color:#6248d5;background:#f8f6ff;border-color:#cec4ff}.pi-page-btn.active{color:#fff;background:linear-gradient(135deg,#7458ec,#6245dc);border-color:#7054e7;box-shadow:0 5px 13px #674bdc33}.pi-page-btn:disabled{opacity:.4;cursor:not-allowed}.pi-pagination-dots{text-align:center;color:#9aa4b4;width:25px;font-size:11px}.pi-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8f;justify-content:center;align-items:center;padding:20px;animation:.2s piBackdropIn;display:flex;position:fixed;inset:0}@keyframes piBackdropIn{0%{opacity:0}to{opacity:1}}.pi-modal-content{background:#fff;border:1px solid #fffc;border-radius:18px;flex-direction:column;width:min(100%,700px);max-height:calc(100vh - 40px);animation:.22s piModalOpen;display:flex;overflow:hidden;box-shadow:0 30px 75px #0f172a33}@keyframes piModalOpen{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.pi-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 21px 17px;display:flex}.pi-modal-eyebrow{color:#7254e5;letter-spacing:1px;margin-bottom:5px;font-size:8.5px;font-weight:800;display:block}.pi-modal-header h2{color:#172033;margin:0;font-size:18px;font-weight:750}.pi-modal-header p{color:#929cac;margin:4px 0 0;font-size:10.5px}.pi-modal-close{color:#788497;cursor:pointer;background:#fff;border:1px solid #e0e5ec;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .18s,border-color .18s,color .18s;display:flex}.pi-modal-close:hover{color:#333e51;background:#f7f8fa;border-color:#d2d9e4}.pi-modal-body{scrollbar-width:none;padding:19px 21px;overflow-y:auto}.pi-modal-body::-webkit-scrollbar{display:none}.pi-form-section{margin-bottom:22px}.pi-form-section:last-child{margin-bottom:0}.pi-form-section-title{border-bottom:1px solid #f0f2f5;align-items:center;gap:9px;margin-bottom:13px;padding-bottom:9px;display:flex}.pi-section-icon{color:#694dd9;background:#f1eeff;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;display:flex}.pi-section-icon.blue{color:#2784c1;background:#eaf6ff}.pi-section-icon.green{color:#159564;background:#eafaf2}.pi-form-section-title h3{color:#354157;margin:0;font-size:12px;font-weight:750}.pi-form-section-title p{color:#9aa4b4;margin:2px 0 0;font-size:9.5px}.pi-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.pi-form-group{flex-direction:column;gap:6px;min-width:0;display:flex}.pi-full-width{grid-column:1/-1}.pi-form-group label{color:#4d596d;font-size:10.5px;font-weight:700}.pi-form-group label span{color:#e13e3e}.pi-input-wrapper{position:relative}.pi-input-wrapper>svg{color:#919baa;pointer-events:none;font-size:11px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.pi-input-wrapper input{box-sizing:border-box;color:#344056;background:#fbfcfe;border:1px solid #d7dee8;border-radius:8px;outline:none;width:100%;height:40px;padding:0 11px 0 32px;font-family:inherit;font-size:11px;transition:background .18s,border-color .18s,box-shadow .18s}.pi-form-group>select{box-sizing:border-box;color:#344056;background:#fbfcfe;border:1px solid #d7dee8;border-radius:8px;outline:none;width:100%;height:40px;padding:0 11px;font-family:inherit;font-size:11px}.pi-form-group textarea{box-sizing:border-box;color:#344056;resize:vertical;background:#fbfcfe;border:1px solid #d7dee8;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:11px;transition:background .18s,border-color .18s,box-shadow .18s}.pi-input-wrapper input::placeholder,.pi-form-group textarea::placeholder{color:#a0a9b7}.pi-input-wrapper input:focus,.pi-form-group>select:focus,.pi-form-group textarea:focus{background:#fff;border-color:#7254e7;box-shadow:0 0 0 3px #7254e714}.pi-input-wrapper input:disabled,.pi-form-group>select:disabled,.pi-form-group textarea:disabled{color:#737e90;cursor:not-allowed;background:#f6f8fa}.pi-datepicker-wrapper{width:100%;position:relative}.pi-datepicker-wrapper .react-datepicker-wrapper{width:100%}.pi-datepicker-input{box-sizing:border-box;color:#344056;background:#fbfcfe;border:1px solid #d7dee8;border-radius:8px;outline:none;width:100%;height:40px;padding:0 35px 0 11px;font-family:inherit;font-size:11px}.pi-datepicker-input:focus{background:#fff;border-color:#7254e7;box-shadow:0 0 0 3px #7254e714}.pi-datepicker-icon{color:#919baa;pointer-events:none;font-size:11px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.react-datepicker{overflow:hidden;border:1px solid #e3e7ee!important;border-radius:12px!important;font-family:Inter,sans-serif!important;box-shadow:0 15px 40px #0f172a24!important}.react-datepicker__header{background:#f8f7ff!important;border-bottom:1px solid #edf0f4!important}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#354157!important;font-size:11px!important}.react-datepicker__day{color:#4a566a!important;font-size:10px!important}.react-datepicker__day:hover{background:#eeeaff!important;border-radius:6px!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{color:#fff!important;background:#7054e5!important;border-radius:6px!important}.react-datepicker__time-container{border-left:1px solid #edf0f4!important}.react-datepicker__time-list-item--selected{background:#7054e5!important}.pi-modal-footer{background:#fbfcfe;border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.pi-btn-cancel,.pi-btn-save{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:36px;padding:0 15px;font-family:inherit;font-size:10.5px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.pi-btn-cancel{color:#4d596d;background:#fff;border:1px solid #d6dde7}.pi-btn-cancel:hover{background:#f7f8fa}.pi-btn-save{color:#fff;background:linear-gradient(135deg,#7357eb,#6044dc);border:0;box-shadow:0 6px 15px #6447da33}.pi-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #6447da45}.pi-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=1200px){.pi-container{padding:21px}.pi-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pi-toolbar{flex-direction:column;align-items:stretch}.pi-toolbar-left{width:100%}.pi-toolbar-right{justify-content:flex-end;width:100%}}@media (width<=850px){.pi-container{padding:17px}.pi-toolbar-left{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.pi-search-wrapper{grid-column:1/-1;width:100%}.pi-select,.pi-date-filter-wrapper,.pi-reset-btn{width:100%}.pi-toolbar-right{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pi-select-all-btn,.pi-bulk-delete-btn,.pi-add-btn{width:100%}.pi-pagination{flex-direction:column;align-items:flex-start}.pi-pagination-right{justify-content:space-between;width:100%}}@media (width<=640px){.pi-container{padding:12px}.pi-title-area h1{font-size:22px}.pi-stats-grid{grid-template-columns:1fr;gap:10px}.pi-stat-card{padding:14px}.pi-toolbar{padding:12px}.pi-toolbar-left{grid-template-columns:1fr}.pi-search-wrapper{grid-column:auto}.pi-toolbar-right{grid-template-columns:1fr}.pi-selection-bar{flex-direction:column;align-items:flex-start}.pi-selection-bar>div:last-child{justify-content:space-between;width:100%}.pi-table-card-header{flex-direction:column;align-items:flex-start;padding:14px}.pi-table-summary{align-self:flex-start}.pi-pagination-right{flex-direction:column;align-items:flex-start;gap:10px}.pi-pagination-controls{width:100%}.pi-page-btn{width:29px;height:29px}.pi-modal-backdrop{align-items:flex-end;padding:0}.pi-modal-content{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.pi-modal-header{padding:17px}.pi-modal-body{padding:16px}.pi-modal-footer{padding:13px 16px}.pi-form-grid{grid-template-columns:1fr}.pi-full-width{grid-column:auto}.pi-form-section-title{align-items:flex-start}}@media (width<=430px){.pi-container{padding:9px}.pi-title-area h1{font-size:20px}.pi-breadcrumb{font-size:10px}.pi-toolbar-right{grid-template-columns:1fr}.pi-pagination-info{font-size:9.5px}.pi-modal-footer{flex-direction:column-reverse}.pi-btn-cancel,.pi-btn-save{width:100%}}@media (width<=350px){.pi-stat-card{gap:10px}.pi-stat-icon-wrapper{width:40px;min-width:40px;height:40px}.pi-stat-value{font-size:19px}.pi-pagination-controls{gap:2px}.pi-page-btn{width:27px;height:27px}}@media (prefers-reduced-motion:reduce){.pi-container *,.pi-container :before,.pi-container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--sm-primary:#6c5ce7;--sm-primary-dark:#5746d8;--sm-primary-light:#f0edff;--sm-primary-soft:#f8f6ff;--sm-bg:#f5f7fb;--sm-card-bg:#fff;--sm-border:#e8edf5;--sm-border-dark:#dce3ef;--sm-text-dark:#172033;--sm-text-main:#273348;--sm-text-muted:#8a97aa;--sm-danger:#ef4444;--sm-danger-light:#fff0f0;--sm-success:#16a36a;--sm-success-light:#e9f8f0;--sm-inactive:#e75a55;--sm-inactive-light:#fff0ef;--sm-shadow:0 8px 30px #231f480e;--sm-shadow-hover:0 15px 40px #231f481a}.sm-container{max-width:1500px;min-height:100vh;color:var(--sm-text-main);box-sizing:border-box;background:radial-gradient(circle at 100% 0,#6c5ce709,#0000 30%);margin:0 auto;padding:28px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sm-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.sm-title{letter-spacing:-.02em;color:var(--sm-text-dark);margin:0 0 5px;font-size:1.35rem;font-weight:750;line-height:1.3}.sm-breadcrumb{color:#9aa6b8;align-items:center;gap:7px;font-size:.8rem;display:flex}.sm-breadcrumb-arrow{color:#b5bdca;font-size:1rem}.sm-breadcrumb-active{color:var(--sm-primary);font-weight:600}.sm-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7564ee 0%,#624fe1 100%);border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 17px;font-size:.83rem;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 7px 18px #6c5ce73d}.sm-btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:70%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.sm-btn-primary:hover:before{left:150%}.sm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 11px 25px #6c5ce752}.sm-btn-primary:active{transform:scale(.98)}.sm-grid{gap:24px;transition:grid-template-columns .35s cubic-bezier(.22,1,.36,1);display:grid}.sm-grid-full{grid-template-columns:1fr}.sm-grid-split{grid-template-columns:350px minmax(0,1fr)}.sm-card{box-shadow:var(--sm-shadow);background:#fffffffa;border:1px solid #e2e8f0e6;border-radius:15px;padding:22px;transition:box-shadow .3s}.sm-card:hover{box-shadow:var(--sm-shadow-hover)}.sm-form-card{animation:.35s cubic-bezier(.22,1,.36,1) smFormIn}@keyframes smFormIn{0%{opacity:0;transform:translate(-18px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.sm-form-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.sm-form-title-wrapper{align-items:center;gap:11px;display:flex}.sm-form-icon{width:38px;height:38px;color:var(--sm-primary);background:linear-gradient(135deg,#f0edff,#e5e0ff);border-radius:10px;justify-content:center;align-items:center;display:flex}.sm-form-header h3{color:var(--sm-text-dark);margin:0 0 3px;font-size:1rem;font-weight:750}.sm-form-header p{color:var(--sm-text-muted);margin:0;font-size:.7rem}.sm-form-close{border:1px solid var(--sm-border);color:#8c98aa;cursor:pointer;background:#f7f8fb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sm-form-close:hover{background:var(--sm-danger-light);color:var(--sm-danger);border-color:#ffd5d5;transform:rotate(90deg)}.sm-form{flex-direction:column;gap:17px;display:flex}.sm-form-group{flex-direction:column;gap:7px;display:flex}.sm-form-group label{color:#455267;font-size:.77rem;font-weight:700}.sm-required{color:var(--sm-danger);margin-left:3px}.sm-optional{color:#a0aabb;margin-left:5px;font-size:.65rem;font-weight:500}.sm-form-group input,.sm-form-group select,.sm-form-group textarea{border:1px solid var(--sm-border-dark);width:100%;min-height:42px;color:var(--sm-text-dark);box-sizing:border-box;background:#fff;border-radius:9px;outline:none;padding:9px 12px;font-family:inherit;font-size:.83rem;transition:border-color .2s,box-shadow .2s,transform .2s}.sm-form-group textarea{resize:vertical;min-height:95px}.sm-form-group input::placeholder,.sm-form-group textarea::placeholder{color:#a9b3c1}.sm-form-group input:hover,.sm-form-group select:hover,.sm-form-group textarea:hover{border-color:#cbd5e3}.sm-form-group input:focus,.sm-form-group select:focus,.sm-form-group textarea:focus{border-color:var(--sm-primary);transform:translateY(-1px);box-shadow:0 0 0 3px #6c5ce71a}.sm-form-actions{align-items:center;gap:10px;margin-top:5px;display:flex}.sm-btn-secondary,.sm-btn-save{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:.81rem;font-weight:700;transition:all .22s;display:flex}.sm-btn-secondary{color:#5d697b;background:#edf1f5;border:none;padding:0 14px}.sm-btn-secondary:hover{background:#e3e7ed;transform:translateY(-1px)}.sm-btn-save{color:#fff;background:linear-gradient(135deg,#7564ee,#624fe1);border:none;flex:1;box-shadow:0 7px 16px #6c5ce733}.sm-btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 22px #6c5ce74d}.sm-table-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.sm-table-title-wrapper{align-items:center;gap:11px;display:flex}.sm-table-icon{width:38px;height:38px;color:var(--sm-primary);background:linear-gradient(135deg,#f0edff,#e5e0ff);border-radius:10px;justify-content:center;align-items:center;display:flex}.sm-table-title-wrapper h3{color:var(--sm-text-dark);margin:0 0 3px;font-size:1rem;font-weight:750}.sm-table-title-wrapper p{color:var(--sm-text-muted);margin:0;font-size:.7rem}.sm-table-tools{align-items:center;gap:10px;display:flex}.sm-search-box{background:linear-gradient(#fff,#fbfcff);border:1px solid #e2e7f0;border-radius:11px;align-items:center;width:245px;height:42px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;box-shadow:0 3px 12px #1e293b09}.sm-search-box:hover{border-color:#ccd4e3;box-shadow:0 5px 17px #1e293b0f}.sm-search-box:focus-within{border-color:var(--sm-primary);transform:translateY(-1px);box-shadow:0 0 0 3px #6c5ce717,0 6px 20px #6c5ce714}.sm-search-icon{color:#9ba7ba;justify-content:center;align-items:center;width:38px;height:100%;transition:color .2s;display:flex}.sm-search-box:focus-within .sm-search-icon{color:var(--sm-primary)}.sm-search-box input{min-width:0;height:100%;color:var(--sm-text-dark);background:0 0;border:none;outline:none;flex:1;padding:0 5px;font-size:.81rem}.sm-search-box input::placeholder{color:#a5afbe}.sm-search-clear{color:#7c8798;cursor:pointer;background:#f0f2f6;border:none;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;margin-right:7px;transition:all .2s;display:flex}.sm-search-clear:hover{color:#4b5565;background:#e8eaf0}.sm-filter-wrapper{position:relative}.sm-filter-button{color:#4b5870;cursor:pointer;background:#fff;border:1px solid #e2e7f0;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 14px;font-size:.81rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 3px 12px #1e293b09}.sm-filter-button:hover,.sm-filter-active{color:var(--sm-primary);background:var(--sm-primary-soft);border-color:#cfc7ff;box-shadow:0 5px 17px #6c5ce71a}.sm-filter-count{color:#fff;background:var(--sm-primary);border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.62rem;font-weight:800;display:flex}.sm-filter-dropdown{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #e4e8f0;border-radius:14px;width:285px;animation:.2s smFilterIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 50px #18203826}@keyframes smFilterIn{0%{opacity:0;transform:translateY(-7px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sm-filter-header{border-bottom:1px solid var(--sm-border);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.sm-filter-header div{flex-direction:column;gap:3px;display:flex}.sm-filter-header strong{color:var(--sm-text-dark);font-size:.83rem}.sm-filter-header span{color:var(--sm-text-muted);font-size:.68rem}.sm-filter-header button{color:#8994a6;cursor:pointer;background:#f5f6f9;border:none;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.sm-filter-body{flex-direction:column;gap:14px;padding:15px 16px;display:flex}.sm-filter-field{flex-direction:column;gap:6px;display:flex}.sm-filter-field label{color:#566276;font-size:.72rem;font-weight:700}.sm-filter-field select{color:#273348;cursor:pointer;background:#fff;border:1px solid #e0e5ee;border-radius:8px;outline:none;width:100%;height:39px;padding:0 10px;font-size:.78rem}.sm-filter-field select:focus{border-color:var(--sm-primary);box-shadow:0 0 0 3px #6c5ce714}.sm-filter-footer{border-top:1px solid var(--sm-border);background:#fafbfc;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.sm-filter-reset,.sm-filter-apply{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:35px;padding:0 12px;font-size:.73rem;font-weight:700;display:flex}.sm-filter-reset{color:#687488;background:#fff;border:1px solid #e2e6ed}.sm-filter-apply{color:#fff;background:linear-gradient(135deg,#7564ee,#624fe1);border:none;box-shadow:0 5px 12px #6c5ce72e}.sm-selection-bar{background:linear-gradient(135deg,#faf9ff,#f5f2ff);border:1px solid #ddd8ff;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin:-5px 0 15px;padding:10px 13px;animation:.25s smSelectionIn;display:flex}@keyframes smSelectionIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sm-selection-left{color:var(--sm-primary);align-items:center;gap:9px;font-size:.79rem;display:flex}.sm-selection-left div:last-child{align-items:baseline;gap:3px;display:flex}.sm-selection-left strong{font-weight:800}.sm-selection-icon{width:30px;height:30px;color:var(--sm-primary);background:#e9e5ff;border-radius:8px;justify-content:center;align-items:center;display:flex}.sm-clear-selection{height:32px;color:var(--sm-primary);cursor:pointer;background:#fff;border:1px solid #ded9ff;border-radius:8px;padding:0 11px;font-size:.72rem;font-weight:700;transition:all .2s}.sm-clear-selection:hover{background:var(--sm-primary);color:#fff;border-color:var(--sm-primary)}.sm-table-responsive{border-radius:10px;width:100%;overflow-x:auto}.sm-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:1050px}.sm-table th{color:#758298;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;background:linear-gradient(#fafbfd,#f5f7fa);border-top:1px solid #eef1f5;border-bottom:1px solid #e7ebf1;padding:13px 12px;font-size:.71rem;font-weight:750}.sm-table th:first-child{border-top-left-radius:10px}.sm-table th:last-child{border-top-right-radius:10px}.sm-table td{color:#536075;background:#fff;border-bottom:1px solid #edf0f4;padding:14px 12px;font-size:.8rem;transition:background-color .2s}.sm-table tbody tr:hover td{background:#fafaff}.sm-table tbody tr.sm-selected-row td{background:#f8f6ff}.sm-table tbody tr.sm-selected-row td:first-child{box-shadow:inset 3px 0 0 var(--sm-primary)}.sm-select-column{width:46px;text-align:center!important}.sm-checkbox-wrapper{cursor:pointer;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex;position:relative}.sm-checkbox-wrapper input{opacity:0;width:0;height:0;position:absolute}.sm-custom-checkbox{color:#fff;background:#fff;border:1.5px solid #cbd3df;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex}.sm-checkbox-wrapper:hover .sm-custom-checkbox{border-color:var(--sm-primary);box-shadow:0 0 0 3px #6c5ce714}.sm-checkbox-wrapper input:checked+.sm-custom-checkbox{background:var(--sm-primary);border-color:var(--sm-primary);transform:scale(1.05);box-shadow:0 3px 8px #6c5ce738}.sm-fw-bold{font-weight:700;color:#253047!important}.sm-subject-name{white-space:nowrap;align-items:center;gap:9px;display:flex}.sm-subject-avatar{width:31px;height:31px;color:var(--sm-primary);background:linear-gradient(135deg,#f0edff,#e4e0ff);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}.sm-row-number{font-weight:600;color:#99a4b5!important}.sm-code-pill{color:#657187;background:#f6f8fb;border:1px solid #edf0f4;border-radius:6px;align-items:center;padding:4px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem;font-weight:600;display:inline-flex}.sm-class-pill{color:#59677d;white-space:nowrap;font-size:.76rem;font-weight:600;display:inline-block}.sm-description{text-overflow:ellipsis;white-space:nowrap;color:#66748a;max-width:180px;display:inline-block;overflow:hidden}.sm-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.69rem;font-weight:750;display:inline-flex}.sm-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.sm-badge.active{background:var(--sm-success-light);color:var(--sm-success)}.sm-badge.inactive{background:var(--sm-inactive-light);color:var(--sm-inactive)}.sm-actions-cell{white-space:nowrap;align-items:center;gap:7px;display:flex}.sm-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;transition:transform .2s,box-shadow .2s;display:flex}.sm-action-btn:hover{transform:translateY(-2px)scale(1.03)}.sm-action-btn:active{transform:scale(.95)}.sm-edit-btn{color:#fff;background:linear-gradient(135deg,#7564ee,#624fe1);box-shadow:0 5px 10px #6c5ce72e}.sm-edit-btn:hover{box-shadow:0 8px 15px #6c5ce747}.sm-delete-btn{color:#fff;background:linear-gradient(135deg,#f45151,#e83e3e);box-shadow:0 5px 10px #ef444426}.sm-delete-btn:hover{box-shadow:0 8px 15px #ef444440}.sm-more-btn{color:#647084;box-shadow:none;background:#f2f4f8}.sm-more-btn:hover{color:var(--sm-primary);background:#e9e5ff}.sm-dropdown-container{position:relative}.sm-dropdown-menu{z-index:100;background:#fff;border:1px solid #e4e8f0;border-radius:11px;min-width:170px;padding:6px;animation:.18s smDropdownIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 15px 35px #1e263e24}@keyframes smDropdownIn{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sm-dropdown-title{color:#99a4b5;text-transform:uppercase;letter-spacing:.04em;padding:7px 9px;font-size:.65rem;font-weight:700}.sm-dropdown-menu button{color:#536075;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:9px;font-size:.75rem;font-weight:600;transition:all .18s;display:flex}.sm-dropdown-menu button:hover{color:var(--sm-primary);background:#f7f5ff}.sm-dropdown-menu button.sm-dropdown-active{color:var(--sm-primary);background:#f1efff}.sm-dropdown-status-dot{border-radius:50%;width:7px;height:7px}.sm-green{background:#16a36a}.sm-red{background:#ef4444}.sm-loading-state{min-height:250px;color:var(--sm-text-muted);justify-content:center;align-items:center;gap:10px;font-size:.8rem;display:flex}.sm-loader{border:2px solid #e5e1ff;border-top-color:var(--sm-primary);border-radius:50%;width:19px;height:19px;animation:.7s linear infinite smSpin}@keyframes smSpin{to{transform:rotate(360deg)}}.sm-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:250px;display:flex}.sm-error-state strong{color:#d64545;font-size:.85rem}.sm-error-state span{color:#9aa6b7;font-size:.74rem}.sm-error-state button{background:var(--sm-primary);color:#fff;cursor:pointer;border:none;border-radius:7px;margin-top:5px;padding:7px 13px;font-size:.72rem;font-weight:700}.sm-no-data{text-align:center;padding:45px 20px!important}.sm-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.sm-empty-icon{background:var(--sm-primary-light);width:48px;height:48px;color:var(--sm-primary);border-radius:13px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.sm-empty-state strong{color:#4c586b;font-size:.82rem}.sm-empty-state span{color:#a0aabb;font-size:.74rem}.sm-pagination-footer{border-top:1px solid #edf0f4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding-top:16px;display:flex}.sm-pagination-info{color:#9aa6b7;font-size:.76rem}.sm-pagination-info strong{color:#657187;font-weight:700}.sm-pagination{gap:5px;display:flex}.sm-pagination button{color:#59667b;cursor:pointer;background:#fff;border:1px solid #e4e8ef;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 9px;font-size:.76rem;font-weight:650;transition:all .2s;display:flex}.sm-pagination button:hover:not(:disabled){color:var(--sm-primary);background:#faf9ff;border-color:#cfc8ff;transform:translateY(-1px)}.sm-pagination button.sm-pagination-active{color:#fff;border-color:var(--sm-primary);background:linear-gradient(135deg,#7564ee,#624fe1);box-shadow:0 5px 12px #6c5ce738}.sm-pagination button:disabled{opacity:.4;cursor:not-allowed;background:#fafbfc}@media (width<=1100px){.sm-grid-split{grid-template-columns:300px minmax(0,1fr)}.sm-search-box{width:210px}}@media (width<=992px){.sm-grid-split{grid-template-columns:1fr}.sm-form-card{max-width:650px}}@media (width<=720px){.sm-container{padding:18px 14px 30px}.sm-header{flex-direction:column;align-items:flex-start}.sm-title{font-size:1.15rem}.sm-btn-primary{width:100%}.sm-table-topbar{align-items:flex-start}.sm-table-tools{width:100%}.sm-search-box{flex:1;width:auto}.sm-filter-button{flex-shrink:0}.sm-selection-bar,.sm-pagination-footer{flex-direction:column;align-items:flex-start}.sm-pagination{justify-content:flex-end;width:100%}}@media (width<=520px){.sm-container{padding:15px 10px 25px}.sm-card{padding:16px}.sm-table-tools{flex-direction:column;align-items:stretch}.sm-search-box,.sm-filter-button{width:100%}.sm-filter-dropdown{width:min(285px,100vw - 40px);right:0}.sm-form-actions{flex-direction:column}.sm-btn-secondary,.sm-btn-save{width:100%}.sm-selection-bar{padding:10px}.sm-clear-selection{width:100%}.sm-pagination{justify-content:center}}@media (width<=380px){.sm-container{padding:12px 8px}.sm-card{border-radius:12px;padding:13px}.sm-title{font-size:1.05rem}.sm-form-header h3,.sm-table-title-wrapper h3{font-size:.92rem}.sm-pagination button{min-width:31px;height:31px;padding:0 7px}}:root{--ct-bg:#f6f8fc;--ct-card-bg:#fff;--ct-primary:#4f46e5;--ct-primary-hover:#4338ca;--ct-primary-soft:#eef2ff;--ct-text-dark:#111827;--ct-text:#334155;--ct-text-muted:#64748b;--ct-text-light:#94a3b8;--ct-border:#e2e8f0;--ct-border-light:#edf1f5;--ct-accent-bg:#f8fafc;--ct-danger:#dc2626;--ct-warning:#d97706;--ct-shadow-sm:0 1px 2px #0f172a0a;--ct-radius:14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ct-bg);color:var(--ct-text-dark);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #4f46e52e}.ct-dashboard-wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex}.ct-header{border-bottom:1px solid var(--ct-border);z-index:100;background:#fff;width:100%;position:sticky;top:0}.ct-header-inner{width:100%;max-width:1500px;margin:0 auto;padding:17px 32px}.ct-brand-container{align-items:center;gap:12px;display:flex}.ct-brand-icon{background:var(--ct-primary-soft);width:40px;height:40px;color:var(--ct-primary);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ct-brand-title{color:var(--ct-text-dark);letter-spacing:-.025em;font-size:20px;font-weight:750;line-height:1.2}.ct-brand-subtitle{color:var(--ct-text-muted);margin-top:3px;font-size:12px;line-height:1.4}.ct-main-content{width:100%;max-width:1500px;margin:0 auto;padding:25px 32px 45px}.ct-breadcrumb{color:var(--ct-text-muted);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;font-size:13px;font-weight:500;display:flex}.ct-breadcrumb-separator{color:#cbd5e1}.ct-breadcrumb .current{color:var(--ct-primary);font-weight:700}.ct-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:24px;display:grid}.ct-stat-card{background:var(--ct-card-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius);min-width:0;box-shadow:var(--ct-shadow-sm);align-items:center;gap:13px;padding:17px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.ct-stat-card:hover{border-color:#d8def0;transform:translateY(-2px);box-shadow:0 10px 28px #0f172a12}.ct-stat-icon-wrapper{background:var(--ct-primary-soft);width:43px;height:43px;color:var(--ct-primary);border-radius:11px;flex:0 0 43px;justify-content:center;align-items:center;display:flex}.ct-stat-content{min-width:0}.ct-stat-title{color:var(--ct-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.ct-stat-value{color:var(--ct-text-dark);margin-top:2px;font-size:22px;font-weight:750;line-height:1.15}.ct-stat-subtitle{color:var(--ct-text-light);margin-top:3px;font-size:11px;font-weight:500}.ct-filter-section{border:1px solid var(--ct-border);border-radius:var(--ct-radius);box-shadow:var(--ct-shadow-sm);background:#fff;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;padding:17px;display:flex}.ct-filters-container{flex:1;grid-template-columns:repeat(4,minmax(130px,1fr));gap:13px;min-width:0;display:grid}.ct-filter-group{flex-direction:column;gap:6px;min-width:0;display:flex}.ct-filter-label{color:var(--ct-text-muted);text-transform:uppercase;letter-spacing:.035em;font-size:11px;font-weight:700}.ct-select-wrapper{width:100%;position:relative}.ct-select{appearance:none;border:1px solid var(--ct-border);width:100%;min-width:0;color:var(--ct-text-dark);cursor:pointer;background:#fff;border-radius:9px;outline:none;padding:10px 37px 10px 12px;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.ct-select:hover{border-color:#cbd5e1}.ct-select:focus{border-color:var(--ct-primary);box-shadow:0 0 0 3px #4f46e51a}.ct-select-icon{pointer-events:none;color:var(--ct-text-muted);position:absolute;top:50%;right:11px;transform:translateY(-50%)}.ct-btn-manage,.ct-btn-primary,.ct-btn-secondary,.ct-btn-cancel,.ct-btn-submit{white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex}.ct-btn-manage:active,.ct-btn-primary:active,.ct-btn-secondary:active,.ct-btn-submit:active,.ct-btn-cancel:active{transform:scale(.98)}.ct-btn-manage{border:1px solid var(--ct-border);min-height:39px;color:var(--ct-text-dark);background:#fff;border-radius:9px;flex-shrink:0;padding:0 14px;font-size:12px;font-weight:700}.ct-btn-manage:hover{background:var(--ct-accent-bg);border-color:#cbd5e1}.ct-btn-primary{background:var(--ct-primary);color:#fff;border-radius:8px;min-height:37px;padding:0 13px;font-size:12px;font-weight:700;box-shadow:0 3px 8px #4f46e52e}.ct-btn-primary:hover{background:var(--ct-primary-hover);box-shadow:0 5px 14px #4f46e53d}.ct-btn-secondary{border:1px solid var(--ct-border);min-height:37px;color:var(--ct-text-dark);background:#fff;border-radius:8px;padding:0 13px;font-size:12px;font-weight:700}.ct-btn-secondary:hover{background:var(--ct-accent-bg);border-color:#cbd5e1}.ct-btn-secondary.active-editing{color:var(--ct-danger);background:#fff7ed;border-color:#fed7aa}.ct-content-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.ct-timetable-card{background:var(--ct-card-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius);min-width:0;box-shadow:var(--ct-shadow-sm);overflow:hidden}.ct-timetable-header{border-bottom:1px solid var(--ct-border-light);justify-content:space-between;align-items:center;gap:15px;padding:19px 20px;display:flex}.ct-timetable-title-wrapper{align-items:center;gap:11px;min-width:0;display:flex}.ct-title-icon{background:var(--ct-primary-soft);width:38px;height:38px;color:var(--ct-primary);border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;display:flex}.ct-timetable-title-wrapper h2{color:var(--ct-text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:750;line-height:1.3;overflow:hidden}.ct-timetable-title-wrapper p{color:var(--ct-text-muted);margin-top:3px;font-size:11px;font-weight:500}.ct-timetable-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ct-table-wrapper{width:100%}.ct-table-responsive{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;width:100%;overflow:auto hidden}.ct-table-responsive::-webkit-scrollbar{height:7px}.ct-table-responsive::-webkit-scrollbar-track{background:#f8fafc}.ct-table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.ct-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:820px}.ct-thead-row{background:#f8fafc}.ct-th{min-width:118px;color:var(--ct-text-muted);border-bottom:1px solid var(--ct-border);text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:13px 11px;font-size:11px;font-weight:750}.ct-th-time{width:145px;min-width:145px}.ct-tbody{background:#fff}.ct-tr{transition:background .2s}.ct-tr:hover{background:#fafbff}.ct-tr:not(:last-child) .ct-time-cell,.ct-tr:not(:last-child) .ct-subject-td{border-bottom:1px solid var(--ct-border-light)}.ct-time-cell{vertical-align:middle;border-right:1px solid var(--ct-border-light);background:#fbfcfe;width:145px;min-width:145px;padding:12px}.ct-time-badge{color:var(--ct-text-dark);align-items:center;gap:5px;font-size:10px;font-weight:700;line-height:1.35;display:flex}.ct-time-badge svg{color:var(--ct-primary);flex-shrink:0}.ct-period-text{color:var(--ct-text-light);margin-top:5px;font-size:10px;font-weight:600}.ct-subject-td{vertical-align:middle;background:#fff;min-width:118px;padding:8px}.ct-subject-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e5eaf1;border-radius:9px;min-height:66px;padding:10px;transition:transform .2s,border-color .2s,box-shadow .2s}.ct-subject-card:hover{border-color:#cfd7e5;transform:translateY(-1px);box-shadow:0 5px 14px #0f172a0f}.ct-subject-top{align-items:flex-start;gap:6px;display:flex}.ct-subject-dot{background:var(--ct-primary);border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:5px}.ct-subject-name{color:var(--ct-text-dark);font-size:11px;font-weight:750;line-height:1.35}.ct-teacher-name{color:var(--ct-text-muted);margin-top:7px;font-size:9.5px;font-weight:500;line-height:1.35}.ct-inline-edit-select{border:1px solid var(--ct-primary);width:100%;min-width:105px;color:var(--ct-text-dark);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:9px 8px;font-size:11px;font-weight:600;box-shadow:0 0 0 3px #4f46e514}.ct-break-row{background:#fffbeb}.ct-break-cell{text-align:center;border-bottom:1px solid #fef3c7;padding:9px 12px}.ct-break-content{color:var(--ct-warning);text-transform:uppercase;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:750;display:inline-flex}.ct-note-footer{border-top:1px solid var(--ct-border-light);color:var(--ct-text-muted);background:#fbfcfe;align-items:flex-start;gap:8px;padding:13px 20px;font-size:11px;line-height:1.5;display:flex}.ct-note-footer svg{color:var(--ct-primary);flex-shrink:0;margin-top:1px}.ct-note-footer strong{color:var(--ct-text)}.ct-sidebar{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:82px}.ct-sidebar-card{border:1px solid var(--ct-border);border-radius:var(--ct-radius);box-shadow:var(--ct-shadow-sm);background:#fff;padding:17px}.ct-sidebar-header{border-bottom:1px solid var(--ct-border-light);align-items:center;gap:9px;margin-bottom:13px;padding-bottom:12px;display:flex}.ct-sidebar-header-icon{background:var(--ct-primary-soft);width:31px;height:31px;color:var(--ct-primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.ct-sidebar-header h3{color:var(--ct-text-dark);font-size:13px;font-weight:750}.ct-sidebar-list{flex-direction:column;gap:13px;display:flex}.ct-sidebar-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;font-size:11px;display:grid}.ct-sidebar-item .label{color:var(--ct-text-muted)}.ct-sidebar-item .value{max-width:130px;color:var(--ct-text-dark);text-align:right;overflow-wrap:anywhere;font-weight:700}.ct-actions-list{flex-direction:column;gap:8px;display:flex}.ct-action-item{border:1px solid var(--ct-border);text-align:left;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px;transition:background .2s,border-color .2s,transform .2s;display:flex}.ct-action-item:hover{background:var(--ct-accent-bg);border-color:#d5dce7;transform:translateY(-1px)}.ct-action-item.highlight{background:var(--ct-primary-soft);border-color:#c7d2fe}.ct-action-icon{width:34px;height:34px;color:var(--ct-primary);background:#ffffffb3;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;display:flex}.ct-action-icon.muted{color:var(--ct-text-muted)}.action-title{color:var(--ct-text-dark);font-size:11px;font-weight:750}.action-desc{color:var(--ct-text-muted);margin-top:2px;font-size:9.5px;line-height:1.35}.ct-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.ct-modal-container{background:#fff;border:1px solid #fffc;border-radius:16px;width:min(100%,500px);max-height:calc(100vh - 40px);padding:24px;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0f172a33}.ct-modal-close{width:34px;height:34px;color:var(--ct-text-muted);cursor:pointer;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.ct-modal-close:hover{color:var(--ct-text-dark);background:#f1f5f9}.ct-modal-heading{align-items:flex-start;gap:11px;margin-bottom:21px;padding-right:35px;display:flex}.ct-modal-heading-icon{background:var(--ct-primary-soft);width:38px;height:38px;color:var(--ct-primary);border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;display:flex}.ct-modal-title{color:var(--ct-text-dark);font-size:18px;font-weight:750;line-height:1.3}.ct-modal-desc{color:var(--ct-text-muted);margin-top:4px;font-size:11px;line-height:1.5}.ct-modal-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:13px;display:grid}.ct-modal-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ct-full-field{width:100%;margin-bottom:4px}.ct-modal-label{color:var(--ct-text);font-size:11px;font-weight:700}.ct-modal-select,.ct-modal-input{border:1px solid var(--ct-border);width:100%;min-height:42px;color:var(--ct-text-dark);background:#fff;border-radius:9px;outline:none;padding:0 11px;font-size:12px;font-weight:600;transition:border-color .2s,box-shadow .2s}.ct-modal-select:focus,.ct-modal-input:focus{border-color:var(--ct-primary);box-shadow:0 0 0 3px #4f46e517}.ct-manage-field{margin-top:4px}.ct-modal-actions{border-top:1px solid var(--ct-border-light);justify-content:flex-end;align-items:center;gap:9px;margin-top:22px;padding-top:16px;display:flex}.ct-btn-cancel{border:1px solid var(--ct-border);min-height:39px;color:var(--ct-text);background:#fff;border-radius:8px;padding:0 15px;font-size:12px;font-weight:700}.ct-btn-cancel:hover{background:var(--ct-accent-bg)}.ct-btn-submit{background:var(--ct-primary);color:#fff;border-radius:8px;min-height:39px;padding:0 15px;font-size:12px;font-weight:700;box-shadow:0 4px 10px #4f46e52e}.ct-btn-submit:hover{background:var(--ct-primary-hover)}@media (width<=1250px){.ct-main-content{padding-left:24px;padding-right:24px}.ct-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ct-content-grid{grid-template-columns:minmax(0,1fr) 280px}.ct-filters-container{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (width<=1024px){.ct-header-inner{padding-left:24px;padding-right:24px}.ct-main-content{padding:22px 24px 40px}.ct-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-content-grid{grid-template-columns:1fr}.ct-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}}@media (width<=768px){.ct-header-inner{padding:14px 18px}.ct-brand-icon{width:37px;height:37px}.ct-brand-title{font-size:17px}.ct-brand-subtitle{font-size:10px}.ct-main-content{padding:18px 16px 35px}.ct-breadcrumb{margin-bottom:16px;font-size:11px}.ct-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.ct-stat-card{gap:10px;padding:13px}.ct-stat-icon-wrapper{flex-basis:38px;width:38px;height:38px}.ct-stat-value{font-size:19px}.ct-filter-section{flex-direction:column;align-items:stretch;gap:13px;padding:14px}.ct-filters-container{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ct-btn-manage{width:100%}.ct-timetable-header{flex-direction:column;align-items:flex-start;padding:16px}.ct-timetable-actions{width:100%}.ct-btn-primary,.ct-btn-secondary{flex:1}.ct-sidebar{grid-template-columns:1fr}}@media (width<=560px){.ct-header-inner{padding:13px 14px}.ct-brand-icon{width:35px;height:35px}.ct-brand-title{font-size:16px}.ct-brand-subtitle{display:none}.ct-main-content{padding:15px 12px 30px}.ct-stats-grid{grid-template-columns:1fr;gap:8px}.ct-stat-card{padding:12px 13px}.ct-stat-icon-wrapper{flex-basis:39px;width:39px;height:39px}.ct-stat-title{font-size:11px}.ct-stat-value{font-size:20px}.ct-stat-subtitle{font-size:10px}.ct-filter-section{border-radius:12px}.ct-filters-container{grid-template-columns:1fr}.ct-select{min-height:41px}.ct-timetable-card{border-radius:12px}.ct-timetable-header{padding:14px}.ct-timetable-title-wrapper{width:100%}.ct-title-icon{flex-basis:35px;width:35px;height:35px}.ct-timetable-title-wrapper h2{font-size:14px}.ct-timetable-title-wrapper p{font-size:10px}.ct-timetable-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.ct-btn-primary,.ct-btn-secondary{width:100%;min-height:40px;padding:0 8px;font-size:10.5px}.ct-table{min-width:780px}.ct-note-footer{padding:12px 14px;font-size:10px}.ct-sidebar-card{padding:14px}.ct-modal-overlay{align-items:flex-end;padding:0}.ct-modal-container{border-radius:18px 18px 0 0;width:100%;max-height:calc(100vh - 18px);padding:20px 16px}.ct-modal-heading{margin-bottom:18px}.ct-modal-title{font-size:17px}.ct-modal-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.ct-modal-actions{margin-top:18px}.ct-btn-cancel,.ct-btn-submit{flex:1;min-height:42px}}@media (width<=380px){.ct-main-content{padding-left:9px;padding-right:9px}.ct-brand-title{font-size:15px}.ct-timetable-actions{grid-template-columns:1fr}.ct-sidebar-item{grid-template-columns:1fr minmax(80px,120px)}.ct-sidebar-item .value{max-width:120px}}@media print{body{background:#fff}.ct-header,.ct-breadcrumb,.ct-stats-grid,.ct-filter-section,.ct-sidebar,.ct-timetable-actions,.ct-note-footer{display:none!important}.ct-main-content{max-width:none;padding:0}.ct-content-grid{display:block}.ct-timetable-card{box-shadow:none;border:none}.ct-table{min-width:0}.ct-table-responsive{overflow:visible}.ct-subject-card{box-shadow:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--cas-bg:#f5f7fb;--cas-card-bg:#fff;--cas-primary:#6c5ce7;--cas-primary-dark:#5746d8;--cas-primary-light:#f0edff;--cas-primary-soft:#f7f5ff;--cas-text-main:#172033;--cas-text-dark:#101828;--cas-text-muted:#8a97aa;--cas-border:#e8edf5;--cas-border-dark:#dce3ef;--cas-danger:#ef4444;--cas-danger-light:#fff0f0;--cas-success:#16a36a;--cas-success-light:#e9f8f0;--cas-inactive:#e75a55;--cas-inactive-light:#fff0ef;--cas-shadow:0 8px 30px #231f480e;--cas-shadow-hover:0 15px 40px #231f481a;box-sizing:border-box}*{box-sizing:border-box}.cas-container{background:radial-gradient(circle at 100% 0,#6c5ce709,#0000 30%);max-width:1500px;min-height:100vh;margin:0 auto;padding:28px}.cas-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cas-title{color:var(--cas-text-dark);letter-spacing:-.02em;margin:0 0 5px;font-size:1.35rem;font-weight:750}.cas-breadcrumb{color:#9aa6b8;align-items:center;gap:7px;font-size:.8rem;display:flex}.cas-breadcrumb .active{color:var(--cas-primary);font-weight:600}.cas-breadcrumb-arrow{color:#b5bdca;font-size:1rem}.cas-tab-bar{border-bottom:1px solid var(--cas-border);justify-content:space-between;align-items:center;min-height:46px;margin-bottom:24px;display:flex}.cas-tabs{gap:24px;display:flex}.cas-tab{color:var(--cas-primary);cursor:pointer;background:0 0;border:none;padding:11px 5px;font-size:.9rem;font-weight:700;position:relative}.cas-tab:after{content:"";background:linear-gradient(90deg,#6c5ce7,#8c7bff);border-radius:10px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.cas-btn-add-class{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7564ee 0%,#624fe1 100%);border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:10px 17px;font-size:.84rem;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 7px 18px #6c5ce73d}.cas-btn-add-class:before{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:70%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.cas-btn-add-class:hover:before{left:150%}.cas-btn-add-class:hover{transform:translateY(-2px);box-shadow:0 11px 25px #6c5ce752}.cas-btn-add-class:active{transform:translateY(0)scale(.98)}.cas-grid{gap:24px;transition:grid-template-columns .35s cubic-bezier(.22,1,.36,1);display:grid}.cas-grid.form-hidden{grid-template-columns:1fr}.cas-grid.form-visible{grid-template-columns:345px minmax(0,1fr)}.cas-card{box-shadow:var(--cas-shadow);background:#fffffffa;border:1px solid #e2e8f0e6;border-radius:15px;padding:22px;transition:box-shadow .3s,transform .3s}.cas-card:hover{box-shadow:var(--cas-shadow-hover)}.cas-form-card{animation:.35s cubic-bezier(.22,1,.36,1) casFormIn}@keyframes casFormIn{0%{opacity:0;transform:translate(-18px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.cas-card-header-bar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.cas-card-header{align-items:center;gap:11px;display:flex}.cas-header-icon-box{width:38px;height:38px;color:var(--cas-primary);background:linear-gradient(135deg,#f0edff,#e9e5ff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cas-card-header h2{color:var(--cas-text-dark);margin:0 0 3px;font-size:1rem;font-weight:750}.cas-card-header p{color:var(--cas-text-muted);margin:0;font-size:.72rem}.cas-btn-close{border:1px solid var(--cas-border);color:#8c98aa;cursor:pointer;background:#f7f8fb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.cas-btn-close:hover{background:var(--cas-danger-light);color:var(--cas-danger);border-color:#ffd5d5;transform:rotate(90deg)}.cas-form{flex-direction:column;gap:17px;display:flex}.cas-form-group{flex-direction:column;gap:7px;display:flex}.cas-form-group label{color:#455267;font-size:.77rem;font-weight:700}.cas-form-group label .required{color:var(--cas-danger);margin-left:3px}.cas-form-group input,.cas-form-group select{border:1px solid var(--cas-border-dark);width:100%;min-height:42px;color:var(--cas-text-dark);background:#fff;border-radius:9px;outline:none;padding:9px 12px;font-size:.84rem;transition:border-color .2s,box-shadow .2s,transform .2s}.cas-form-group input::placeholder{color:#a9b3c1}.cas-form-group input:hover,.cas-form-group select:hover{border-color:#cbd5e3}.cas-form-group input:focus,.cas-form-group select:focus{border-color:var(--cas-primary);transform:translateY(-1px);box-shadow:0 0 0 3px #6c5ce71a}.cas-form-actions{justify-content:space-between;gap:10px;margin-top:7px;display:flex}.cas-btn-reset,.cas-btn-save{cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:.82rem;font-weight:700;transition:all .22s;display:flex}.cas-btn-reset{color:#5d697b;background:#f0f3f7;padding:0 14px}.cas-btn-reset:hover{background:#e5e9ef;transform:translateY(-1px)}.cas-btn-save{color:#fff;background:linear-gradient(135deg,#7564ee,#624fe1);flex:1;box-shadow:0 7px 16px #6c5ce733}.cas-btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 22px #6c5ce74d}.cas-btn-save:active,.cas-btn-reset:active{transform:scale(.98)}.cas-table-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.cas-table-controls{align-items:center;gap:10px;display:flex}.cas-search-box{background:linear-gradient(#fff,#fbfcff);border:1px solid #e2e7f0;border-radius:11px;align-items:center;width:245px;height:42px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;box-shadow:0 3px 12px #1e293b09}.cas-search-box:hover{border-color:#ccd4e3;box-shadow:0 5px 17px #1e293b0f}.cas-search-box:focus-within{border-color:var(--cas-primary);transform:translateY(-1px);box-shadow:0 0 0 3px #6c5ce717,0 6px 20px #6c5ce714}.cas-search-icon-wrap{color:#9ba7ba;justify-content:center;align-items:center;width:38px;height:100%;transition:color .2s;display:flex}.cas-search-box:focus-within .cas-search-icon-wrap{color:var(--cas-primary)}.cas-search-box input{min-width:0;height:100%;color:var(--cas-text-dark);background:0 0;border:none;outline:none;flex:1;padding:0 5px;font-size:.82rem}.cas-search-box input::placeholder{color:#a5afbe}.cas-search-clear{color:#7c8798;cursor:pointer;background:#f0f2f6;border:none;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;margin-right:7px;transition:all .2s;display:flex}.cas-search-clear:hover{color:#4b5565;background:#e8eaf0;transform:scale(1.05)}.cas-filter-wrapper{position:relative}.cas-btn-filter{color:#4b5870;cursor:pointer;background:#fff;border:1px solid #e2e7f0;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 14px;font-size:.82rem;font-weight:700;transition:all .25s;display:flex;position:relative;box-shadow:0 3px 12px #1e293b09}.cas-btn-filter:hover,.cas-btn-filter.active{color:var(--cas-primary);background:var(--cas-primary-soft);border-color:#cfc7ff;box-shadow:0 5px 17px #6c5ce71a}.cas-btn-filter.active{transform:translateY(-1px)}.cas-filter-count{background:var(--cas-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.65rem;font-weight:800;display:flex}.cas-filter-dropdown{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #e4e8f0;border-radius:14px;width:285px;animation:.2s filterDropIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 50px #18203826}@keyframes filterDropIn{0%{opacity:0;transform:translateY(-7px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cas-filter-dropdown-header{border-bottom:1px solid var(--cas-border);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.cas-filter-dropdown-header div{flex-direction:column;gap:3px;display:flex}.cas-filter-dropdown-header strong{color:var(--cas-text-dark);font-size:.84rem}.cas-filter-dropdown-header span{color:var(--cas-text-muted);font-size:.68rem}.cas-filter-dropdown-header button{color:#8994a6;cursor:pointer;background:#f5f6f9;border:none;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;transition:all .2s;display:flex}.cas-filter-dropdown-header button:hover{color:var(--cas-primary);background:#f0edff}.cas-filter-body{flex-direction:column;gap:14px;padding:15px 16px;display:flex}.cas-filter-field{flex-direction:column;gap:6px;display:flex}.cas-filter-field label{color:#566276;font-size:.72rem;font-weight:700}.cas-filter-field select{color:#273348;cursor:pointer;background:#fff;border:1px solid #e0e5ee;border-radius:8px;outline:none;width:100%;height:39px;padding:0 10px;font-size:.78rem;transition:border-color .2s,box-shadow .2s}.cas-filter-field select:focus{border-color:var(--cas-primary);box-shadow:0 0 0 3px #6c5ce714}.cas-filter-footer{border-top:1px solid var(--cas-border);background:#fafbfc;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.cas-filter-reset,.cas-filter-apply{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:35px;padding:0 12px;font-size:.74rem;font-weight:700;transition:all .2s;display:flex}.cas-filter-reset{color:#687488;background:#fff;border:1px solid #e2e6ed}.cas-filter-reset:hover{background:#f2f4f7}.cas-filter-apply{color:#fff;background:linear-gradient(135deg,#7564ee,#624fe1);border:none;box-shadow:0 5px 12px #6c5ce72e}.cas-filter-apply:hover{transform:translateY(-1px);box-shadow:0 7px 16px #6c5ce740}.cas-selection-bar{background:linear-gradient(135deg,#faf9ff,#f5f2ff);border:1px solid #ddd8ff;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin:-5px 0 15px;padding:10px 13px;animation:.25s selectionIn;display:flex}@keyframes selectionIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cas-selection-left{color:var(--cas-primary);align-items:center;gap:9px;font-size:.8rem;display:flex}.cas-selection-left div:last-child{align-items:baseline;gap:3px;display:flex}.cas-selection-left strong{font-weight:800}.cas-selection-icon{width:30px;height:30px;color:var(--cas-primary);background:#e9e5ff;border-radius:8px;justify-content:center;align-items:center;display:flex}.cas-clear-selection{height:32px;color:var(--cas-primary);cursor:pointer;background:#fff;border:1px solid #ded9ff;border-radius:8px;padding:0 11px;font-size:.72rem;font-weight:700;transition:all .2s}.cas-clear-selection:hover{background:var(--cas-primary);border-color:var(--cas-primary);color:#fff}.cas-table-responsive{border-radius:10px;width:100%;overflow-x:auto}.cas-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:900px;font-size:.82rem}.cas-table th{color:#758298;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;background:linear-gradient(#fafbfd,#f5f7fa);border-top:1px solid #eef1f5;border-bottom:1px solid #e7ebf1;padding:13px 12px;font-size:.72rem;font-weight:750}.cas-table th:first-child{border-top-left-radius:10px}.cas-table th:last-child{border-top-right-radius:10px}.cas-table td{color:#536075;background:#fff;border-bottom:1px solid #edf0f4;padding:14px 12px;transition:background-color .2s}.cas-table tbody tr{transition:transform .2s,box-shadow .2s}.cas-table tbody tr:hover td{background:#fafaff}.cas-table tbody tr.selected-row td{background:#f8f6ff}.cas-table tbody tr.selected-row td:first-child{box-shadow:inset 3px 0 0 var(--cas-primary)}.cas-font-medium{font-weight:700;color:#253047!important}.cas-select-column{width:46px;text-align:center!important}.cas-checkbox-wrapper{cursor:pointer;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex;position:relative}.cas-checkbox-wrapper input{opacity:0;width:0;height:0;position:absolute}.cas-custom-checkbox{color:#fff;background:#fff;border:1.5px solid #cbd3df;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex}.cas-checkbox-wrapper:hover .cas-custom-checkbox{border-color:var(--cas-primary);box-shadow:0 0 0 3px #6c5ce714}.cas-checkbox-wrapper input:checked+.cas-custom-checkbox{background:var(--cas-primary);border-color:var(--cas-primary);transform:scale(1.05);box-shadow:0 3px 8px #6c5ce738}.cas-class-name{white-space:nowrap;align-items:center;gap:9px;display:flex}.cas-class-avatar{width:31px;height:31px;color:var(--cas-primary);background:linear-gradient(135deg,#f0edff,#e4e0ff);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}.cas-row-number{font-weight:600;color:#99a4b5!important}.cas-code{color:#657187;background:#f6f8fb;border:1px solid #edf0f4;border-radius:6px;align-items:center;padding:4px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:600;display:inline-flex}.cas-section-pill{color:#59677d;font-size:.78rem;font-weight:600}.cas-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.7rem;font-weight:750;display:inline-flex}.cas-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.cas-badge.active{background:var(--cas-success-light);color:var(--cas-success)}.cas-badge.inactive{background:var(--cas-inactive-light);color:var(--cas-inactive)}.cas-action-btns{align-items:center;gap:7px;display:flex}.cas-btn-action{cursor:pointer;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.cas-btn-action:hover{transform:translateY(-2px)scale(1.03)}.cas-btn-action:active{transform:scale(.95)}.cas-btn-action.edit{background:linear-gradient(135deg,#7564ee,#624fe1);box-shadow:0 5px 10px #6c5ce72e}.cas-btn-action.edit:hover{box-shadow:0 8px 15px #6c5ce747}.cas-btn-action.delete{background:linear-gradient(135deg,#f45151,#e83e3e);box-shadow:0 5px 10px #ef444426}.cas-btn-action.delete:hover{box-shadow:0 8px 15px #ef444440}.cas-no-data{text-align:center;color:var(--cas-text-muted);padding:45px 20px!important}.cas-loading{align-items:center;gap:10px;font-size:.82rem;display:inline-flex}.cas-loader{border:2px solid #e5e1ff;border-top-color:var(--cas-primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite casSpin}@keyframes casSpin{to{transform:rotate(360deg)}}.cas-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.cas-empty-icon{width:48px;height:48px;color:var(--cas-primary);background:var(--cas-primary-light);border-radius:13px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.cas-empty-state strong{color:#4c586b;font-size:.82rem}.cas-empty-state span{color:#a0aabb;font-size:.74rem}.cas-pagination-wrapper{border-top:1px solid #edf0f4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding-top:16px;display:flex}.cas-entries-info{color:#9aa6b7;font-size:.76rem}.cas-entries-info strong{color:#657187;font-weight:700}.cas-pagination{gap:5px;display:flex}.cas-page-btn{color:#59667b;cursor:pointer;background:#fff;border:1px solid #e4e8ef;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 9px;font-size:.76rem;font-weight:650;transition:all .2s;display:flex}.cas-page-btn:hover:not(:disabled){color:var(--cas-primary);background:#faf9ff;border-color:#cfc8ff;transform:translateY(-1px)}.cas-page-btn.active{color:#fff;border-color:var(--cas-primary);background:linear-gradient(135deg,#7564ee,#624fe1);box-shadow:0 5px 12px #6c5ce738}.cas-page-btn.arrow{color:#7f8a9b}.cas-page-btn:disabled{opacity:.4;cursor:not-allowed;background:#fafbfc}@media (width<=1100px){.cas-grid.form-visible{grid-template-columns:300px minmax(0,1fr)}.cas-search-box{width:210px}}@media (width<=992px){.cas-grid.form-visible{grid-template-columns:1fr}.cas-form-card{max-width:600px}}@media (width<=720px){.cas-container{padding:18px 14px 30px}.cas-title{font-size:1.15rem}.cas-table-header-bar{align-items:flex-start}.cas-table-controls{width:100%}.cas-search-box{flex:1;width:auto}.cas-filter-dropdown{right:0}.cas-selection-bar,.cas-pagination-wrapper{flex-direction:column;align-items:flex-start}.cas-pagination{justify-content:flex-end;width:100%}}@media (width<=520px){.cas-header{align-items:flex-start}.cas-tab-bar{align-items:flex-end;gap:10px}.cas-btn-add-class{padding:9px 12px}.cas-btn-add-class span{display:none}.cas-table-controls{flex-direction:column;align-items:stretch}.cas-search-box,.cas-btn-filter{width:100%}.cas-filter-dropdown{width:100%;min-width:260px}.cas-form-actions{flex-direction:column}.cas-btn-reset{justify-content:center}.cas-card{padding:16px}}.Testimonials{box-sizing:border-box;color:#25304a;background:radial-gradient(circle at 10% 0,#664dff09,#0000 28%),#f6f8fc;width:100%;min-height:100vh;padding:28px;font-family:Inter,sans-serif;overflow-x:hidden}.Testimonials__header{width:100%;margin-bottom:22px}.Testimonials__header-content{flex-direction:column;align-items:flex-start;display:flex}.Testimonials__title{letter-spacing:-.5px;color:#111a3a;margin:0;font-family:Poppins,sans-serif;font-size:25px;font-weight:700;line-height:1.25}.Testimonials__card{background:#fff;border:1px solid #e9edf4;border-radius:14px;width:100%;overflow:visible;box-shadow:0 8px 30px #1d2a4c0e}.Testimonials__filters{box-sizing:border-box;border-bottom:1px solid #edf0f5;grid-template-columns:minmax(280px,1fr) 165px 190px 88px;gap:12px;padding:15px;display:grid}.Testimonials__search{background:#fff;border:1px solid #dfe5ef;border-radius:8px;align-items:center;height:46px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex}.Testimonials__search:focus-within{border-color:#7357ee;box-shadow:0 0 0 4px #7357ee14}.Testimonials__search>svg{color:#65738e;flex-shrink:0;margin-left:14px;font-size:16px}.Testimonials__search input{color:#26314c;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 14px 0 11px;font-family:Inter,sans-serif;font-size:13px}.Testimonials__search input::placeholder{color:#8b96aa}.Testimonials__select-wrapper{background:#fff;border:1px solid #dfe5ef;border-radius:8px;align-items:center;height:46px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.Testimonials__select-wrapper:focus-within{border-color:#7357ee;box-shadow:0 0 0 4px #7357ee14}.Testimonials__select-wrapper select{appearance:none;cursor:pointer;color:#46536f;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 36px 0 14px;font-family:Inter,sans-serif;font-size:13px}.Testimonials__select-wrapper>svg{color:#53617b;pointer-events:none;font-size:10px;position:absolute;right:13px}.Testimonials__select-wrapper .Testimonials__calendar-icon{color:#60708d;font-size:14px;position:absolute;left:13px;right:auto}.Testimonials__select-wrapper--date select{padding-left:38px}.Testimonials__reset{color:#4c5a75;cursor:pointer;background:#fff;border:1px solid #dfe5ef;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:46px;padding:0 13px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .25s;display:flex}.Testimonials__reset svg{font-size:12px;transition:transform .4s}.Testimonials__reset:hover{color:#6247e9;background:#faf9ff;border-color:#d4cdfd;transform:translateY(-1px);box-shadow:0 5px 14px #6247e914}.Testimonials__reset:hover svg{transform:rotate(180deg)}.Testimonials__selection-bar{box-sizing:border-box;background:linear-gradient(90deg,#f7f5ff,#fbfaff);border-bottom:1px solid #ebe7ff;justify-content:space-between;align-items:center;gap:15px;min-height:48px;padding:0 16px;display:flex}.Testimonials__selection-info{color:#5c6480;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.Testimonials__selection-count{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#7356f0,#593ce2);border-radius:7px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 7px;font-size:11px;font-weight:700;display:flex;box-shadow:0 4px 10px #6247e933}.Testimonials__clear-selection{color:#6955d9;cursor:pointer;background:0 0;border:0;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:color .2s}.Testimonials__clear-selection:hover{color:#4227bf;text-decoration:underline}.Testimonials__table-scroll{scrollbar-width:thin;scrollbar-color:#d5dbea transparent;width:100%;overflow:auto visible}.Testimonials__table-scroll::-webkit-scrollbar{height:7px}.Testimonials__table-scroll::-webkit-scrollbar-track{background:0 0}.Testimonials__table-scroll::-webkit-scrollbar-thumb{background:#d8ddea;border-radius:20px}.Testimonials__table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1180px}.Testimonials__th--check{width:48px}.Testimonials__th--number{width:45px}.Testimonials__table th:nth-child(3){width:170px}.Testimonials__table th:nth-child(4),.Testimonials__table th:nth-child(5){width:115px}.Testimonials__th--review{width:300px}.Testimonials__table th:nth-child(7){width:130px}.Testimonials__table th:nth-child(8){width:125px}.Testimonials__th--action{text-align:center;width:95px}.Testimonials__table thead tr{background:linear-gradient(#f7f8fc,#f4f6fb)}.Testimonials__table th{box-sizing:border-box;color:#53617c;text-align:left;white-space:nowrap;border-bottom:1px solid #e7ebf2;height:43px;padding:0 13px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.Testimonials__table th:first-child{text-align:center}.Testimonials__table tbody tr{background:#fff;transition:background-color .25s,box-shadow .25s,transform .25s}.Testimonials__table tbody tr:hover{z-index:2;background:#fbfcff;position:relative;box-shadow:inset 4px 0 #7356ee,0 4px 16px #2733540a}.Testimonials__table tbody tr.Testimonials__row--selected{background:linear-gradient(90deg,#f7f5ff,#fcfbff);box-shadow:inset 4px 0 #7356ee}.Testimonials__table td{box-sizing:border-box;vertical-align:middle;color:#34405b;border-bottom:1px solid #edf0f5;height:72px;padding:9px 13px;font-size:12px}.Testimonials__table tbody tr:last-child td{border-bottom:none}.Testimonials__number{text-align:center;font-weight:500;color:#65718b!important;font-size:12px!important}.Testimonials__td--check{text-align:center;padding-left:12px!important;padding-right:8px!important}.Testimonials__checkbox{cursor:pointer;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex;position:relative}.Testimonials__checkbox input{opacity:0;width:0;height:0;position:absolute}.Testimonials__checkbox-custom{box-sizing:border-box;background:#fff;border:1.5px solid #cbd3e1;border-radius:5px;width:17px;height:17px;transition:all .2s;position:relative}.Testimonials__checkbox:hover .Testimonials__checkbox-custom{border-color:#7356ee;box-shadow:0 0 0 3px #7356ee14}.Testimonials__checkbox input:checked+.Testimonials__checkbox-custom{background:linear-gradient(135deg,#7356ee,#5d41e3);border-color:#7356ee}.Testimonials__checkbox input:checked+.Testimonials__checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.Testimonials__user{align-items:center;gap:11px;min-width:0;display:flex}.Testimonials__avatar{color:#fff;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 5px 13px #0000001a}.Testimonials__table tbody tr:hover .Testimonials__avatar{transform:translateY(-1px)scale(1.05);box-shadow:0 7px 17px #00000021}.Testimonials__avatar--orange{background:linear-gradient(135deg,#ff9a64,#ff7043)}.Testimonials__avatar--purple{background:linear-gradient(135deg,#896cff,#653ee9)}.Testimonials__avatar--pink{background:linear-gradient(135deg,#ff7885,#eb5668)}.Testimonials__avatar--blue{background:linear-gradient(135deg,#619dff,#4777e7)}.Testimonials__avatar--coral{background:linear-gradient(135deg,#ff956d,#f26342)}.Testimonials__name{text-overflow:ellipsis;white-space:nowrap;color:#1f2944;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.Testimonials__designation{color:#56627b;font-size:11px;font-weight:500}.Testimonials__rating{white-space:nowrap;align-items:center;gap:3px;display:flex}.Testimonials__star{font-size:13px;transition:transform .2s}.Testimonials__star--active{color:#ff982c}.Testimonials__star--inactive{color:#d9dfe9}.Testimonials__table tbody tr:hover .Testimonials__star--active{transform:translateY(-1px)scale(1.05)}.Testimonials__review-cell{padding-right:20px!important}.Testimonials__review{color:#4d5871;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:290px;margin:0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.Testimonials__status{box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:94px;height:30px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.Testimonials__status svg{font-size:12px}.Testimonials__status--published{color:#15945a;background:#e3f8eb}.Testimonials__status--unpublished{color:#e43b43;background:#fff0f0}.Testimonials__date{color:#44516d;white-space:nowrap;flex-direction:column;gap:3px;font-size:10px;line-height:1.4;display:flex}.Testimonials__date small{color:#65728d;font-size:10px;font-weight:500}.Testimonials__actions{justify-content:center;align-items:center;gap:7px;display:flex;position:relative}.Testimonials__action-menu-wrapper{position:relative}.Testimonials__action-button{color:#53617b;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:13px;transition:all .25s;display:flex}.Testimonials__action-button:hover,.Testimonials__action-button--active{color:#6246e8;background:#f7f5ff;border-color:#d4cdfb;transform:translateY(-2px);box-shadow:0 6px 14px #6246e81f}.Testimonials__delete-button{color:#ed4c52;cursor:pointer;background:snow;border:1px solid #f1d9da;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:12px;transition:all .25s;display:flex}.Testimonials__delete-button:hover{color:#fff;background:linear-gradient(135deg,#ef5a5f,#df3d45);border-color:#0000;transform:translateY(-2px);box-shadow:0 7px 15px #e03d4533}.Testimonials__action-menu{z-index:1000;box-sizing:border-box;background:#fff;border:1px solid #e6eaf1;border-radius:9px;width:145px;padding:6px;animation:.18s ease-out Testimonials__menu-open;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 35px #1c274629}@keyframes Testimonials__menu-open{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.Testimonials__menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;width:100%;height:36px;padding:0 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:background .2s,color .2s;display:flex}.Testimonials__menu-item svg{font-size:12px}.Testimonials__menu-item--publish{color:#15945a}.Testimonials__menu-item--publish:hover{background:#eaf9f0}.Testimonials__menu-item--unpublish{color:#dd4148}.Testimonials__menu-item--unpublish:hover{background:#fff0f0}.Testimonials__empty{text-align:center;border-bottom:none!important;height:300px!important}.Testimonials__empty-content{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.Testimonials__empty-content>svg{color:#b3bccd;margin-bottom:5px;font-size:32px}.Testimonials__empty-content h3{color:#3a4662;margin:0;font-size:15px}.Testimonials__empty-content p{color:#8994aa;margin:0;font-size:11px}.Testimonials__footer{box-sizing:border-box;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:20px;min-height:65px;padding:0 17px;display:flex}.Testimonials__showing{color:#8590a5;font-size:11px;font-weight:400}.Testimonials__showing strong{color:#65718a;font-weight:600}.Testimonials__pagination{align-items:center;gap:6px;display:flex}.Testimonials__page-button{color:#66738c;cursor:pointer;background:#fff;border:1px solid #e0e5ee;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .25s;display:flex}.Testimonials__page-button:hover:not(:disabled){color:#6246e8;background:#f8f7ff;border-color:#d6d0fb;transform:translateY(-2px);box-shadow:0 5px 12px #6246e81a}.Testimonials__page-button--active{color:#fff;background:linear-gradient(135deg,#7454f1,#5939e0);border-color:#6546e8;box-shadow:0 7px 16px #6546e840}.Testimonials__page-button--active:hover{color:#fff;background:linear-gradient(135deg,#7454f1,#5939e0)}.Testimonials__page-button:disabled{opacity:.35;cursor:not-allowed;background:#fafbfc}.Testimonials__page-button--arrow{font-size:10px}.Testimonials__page-dots{color:#8590a6;justify-content:center;align-items:center;width:25px;height:36px;font-size:12px;display:flex}@media (width<=1200px){.Testimonials{padding:22px}.Testimonials__filters{grid-template-columns:minmax(240px,1fr) 150px 175px 85px}.Testimonials__table{min-width:1120px}}@media (width<=900px){.Testimonials{padding:18px}.Testimonials__filters{grid-template-columns:1fr 1fr}.Testimonials__search{grid-column:1/-1}.Testimonials__reset{width:100%}.Testimonials__footer{flex-direction:column;justify-content:center;align-items:center;padding:15px}.Testimonials__showing{text-align:center;width:100%}}@media (width<=600px){.Testimonials{background:#f7f8fc;padding:12px}.Testimonials__header{margin-bottom:16px}.Testimonials__title{font-size:21px}.Testimonials__subtitle{max-width:340px;font-size:11px}.Testimonials__card{border-radius:11px}.Testimonials__filters{grid-template-columns:1fr;gap:9px;padding:11px}.Testimonials__search{grid-column:auto}.Testimonials__search,.Testimonials__select-wrapper,.Testimonials__reset{width:100%}.Testimonials__selection-bar{min-height:45px;padding:0 12px}.Testimonials__selection-info{font-size:11px}.Testimonials__table{min-width:1180px}.Testimonials__footer{gap:12px;padding:13px 10px}.Testimonials__pagination{flex-wrap:wrap;justify-content:center;max-width:100%}.Testimonials__page-button{width:34px;height:34px}}@media (width<=380px){.Testimonials{padding:9px}.Testimonials__title{font-size:19px}.Testimonials__subtitle{font-size:10px}.Testimonials__filters{padding:9px}.Testimonials__search input,.Testimonials__select-wrapper select{font-size:12px}.Testimonials__footer{padding:12px 8px}.Testimonials__page-button{width:31px;height:31px;font-size:10px}}.Testimonials__action-button:focus-visible,.Testimonials__delete-button:focus-visible,.Testimonials__menu-item:focus-visible,.Testimonials__page-button:focus-visible,.Testimonials__reset:focus-visible,.Testimonials__clear-selection:focus-visible{outline-offset:3px;outline:2px solid #7356ee}@media (prefers-reduced-motion:reduce){.Testimonials *,.Testimonials :before,.Testimonials :after{transition:none!important;animation:none!important}}.AdmissionList{--al-primary:#5534f5;--al-primary-hover:#4524e3;--al-primary-light:#f0edff;--al-surface:#fff;--al-bg:#f8fafc;--al-border:#e2e8f0;--al-border-subtle:#edf2f7;--al-text-main:#0f172a;--al-text-muted:#64748b;--al-radius:12px;background-color:var(--al-bg);width:100%;min-height:100vh;color:var(--al-text-main);box-sizing:border-box;background-image:radial-gradient(at 100% 0,#5534f50a 0,#0000 45%);padding:24px 28px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.AdmissionList *,.AdmissionList :before,.AdmissionList :after{box-sizing:border-box}.AdmissionList__header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.AdmissionList__titleArea{align-items:center;gap:15px;display:flex}.AdmissionList__titleIcon{color:#fff;background:linear-gradient(135deg,#6544ff,#4726e2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 8px 18px #5534f538}.AdmissionList__titleArea h1{letter-spacing:-.02em;color:var(--al-text-main);margin:0 0 3px;font-size:22px;font-weight:800}.AdmissionList__titleArea p{color:var(--al-text-muted);margin:0;font-size:13px;font-weight:500}.AdmissionList__addButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6544ff,#4826dc);border:0;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #4826dc40}.AdmissionList__addButton:hover{transform:translateY(-2px);box-shadow:0 6px 18px #4826dc59}.AdmissionList__stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.AdmissionList__statCard{border-radius:var(--al-radius);border:1px solid var(--al-border);background:#fff;align-items:center;gap:15px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000008}.AdmissionList__statCard:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.AdmissionList__statIcon{color:#fff;border-radius:11px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex}.AdmissionList__statCard--purple .AdmissionList__statIcon{background:linear-gradient(135deg,#6343fa,#4829df)}.AdmissionList__statCard--green .AdmissionList__statIcon{background:linear-gradient(135deg,#10b981,#059669)}.AdmissionList__statCard--orange .AdmissionList__statIcon{background:linear-gradient(135deg,#f59e0b,#d97706)}.AdmissionList__statCard--pink .AdmissionList__statIcon{background:linear-gradient(135deg,#f43f5e,#e11d48)}.AdmissionList__statContent{flex-direction:column;min-width:0;display:flex}.AdmissionList__statContent>span{color:var(--al-text-muted);margin-bottom:2px;font-size:12.5px;font-weight:600}.AdmissionList__statValue{color:var(--al-text-main);align-items:baseline;gap:8px;font-size:22px;font-weight:800;line-height:1.1;display:flex}.AdmissionList__badgeGrowth{color:#10b981;background:#ecfdf5;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.AdmissionList__neutralRatio{color:#d97706;background:#fffbeb;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.AdmissionList__pinkRatio{color:#e11d48;background:#fff1f2;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.AdmissionList__statContent p{color:#94a3b8;margin:3px 0 0;font-size:11.5px;font-weight:500}.AdmissionList__filterBox{border:1px solid var(--al-border);border-radius:var(--al-radius);background:#fff;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #00000008}.AdmissionList__searchBox{border:1px solid var(--al-border);background:#f8fafc;border-radius:8px;flex:2 220px;align-items:center;gap:10px;height:40px;padding:0 14px;transition:all .2s;display:flex}.AdmissionList__searchBox:focus-within{border-color:var(--al-primary);background:#fff;box-shadow:0 0 0 3px #5534f514}.AdmissionList__searchBox svg{color:#94a3b8;flex-shrink:0;font-size:14px}.AdmissionList__searchBox input{width:100%;color:var(--al-text-main);background:0 0;border:0;outline:none;font-size:13px;font-weight:500}.AdmissionList__searchBox input::placeholder{color:#94a3b8}.AdmissionList__select{border:1px solid var(--al-border);height:40px;color:var(--al-text-main);cursor:pointer;background:#f8fafc;border-radius:8px;outline:none;flex:125px;padding:0 12px;font-size:13px;font-weight:500;transition:border-color .2s,background-color .2s}.AdmissionList__select:focus{border-color:var(--al-primary);background:#fff}.AdmissionList__dateInput{border:1px solid var(--al-border);background:#f8fafc;border-radius:8px;flex:135px;align-items:center;height:40px;transition:border-color .2s;display:flex;position:relative}.AdmissionList__dateInput:focus-within{border-color:var(--al-primary);background:#fff}.AdmissionList__dateInput label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;font-size:9px;font-weight:700;position:absolute;top:3px;left:10px}.AdmissionList__dateInput input{width:100%;height:100%;color:var(--al-text-main);cursor:pointer;background:0 0;border:0;outline:0;padding:13px 10px 2px;font-size:12px}.AdmissionList__resetButton{border:1px solid var(--al-border);height:40px;color:var(--al-text-muted);cursor:pointer;background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.AdmissionList__resetButton:hover{color:var(--al-primary);background:#f8fafc;border-color:#cbd5e1}.AdmissionList__tableCard{border:1px solid var(--al-border);border-radius:var(--al-radius);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 8px 24px -4px #00000008}.AdmissionList__tableHeader{border-bottom:1px solid var(--al-border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.AdmissionList__tableTitle{align-items:center;gap:12px;display:flex}.AdmissionList__tableIcon{color:#fff;background:linear-gradient(135deg,#6343fa,#4828df);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.AdmissionList__tableTitle h2{color:var(--al-text-main);margin:0 0 2px;font-size:15px;font-weight:750}.AdmissionList__tableTitle p{color:var(--al-text-muted);margin:0;font-size:12px}.AdmissionList__tableTools{align-items:center;gap:8px;display:flex}.AdmissionList__toolButton{border:1px solid var(--al-border);height:36px;color:var(--al-text-muted);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.AdmissionList__toolButton:hover{color:var(--al-primary);background:#f8fafc;border-color:#cbd5e1}.AdmissionList__dropdownWrapper{position:relative}.AdmissionList__columnDropdown{z-index:60;border:1px solid var(--al-border);background:#fff;border-radius:10px;width:190px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #0000001f}.AdmissionList__columnDropdown label{cursor:pointer;height:34px;color:var(--al-text-main);border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:12.5px;font-weight:500;display:flex}.AdmissionList__columnDropdown label:hover{background:#f1f5f9}.AdmissionList__tableWrapper{width:100%;overflow-x:auto}.AdmissionList__table{border-collapse:collapse;width:100%;min-width:1050px}.AdmissionList__table th{border-bottom:1px solid var(--al-border);color:#475569;text-align:left;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:#f8fafc;height:44px;padding:0 14px;font-size:12px;font-weight:700}.AdmissionList__table td{color:#334155;white-space:nowrap;border-bottom:1px solid #f1f5f9;height:54px;padding:6px 14px;font-size:13px}.AdmissionList__table tbody tr:hover{background:#f8fafc}.AdmissionList__checkboxColumn{width:44px;text-align:center!important}.AdmissionList__table input[type=checkbox]{width:16px;height:16px;accent-color:var(--al-primary);cursor:pointer}.AdmissionList__student{align-items:center;gap:12px;display:flex}.AdmissionList__student strong{color:var(--al-text-main);font-size:13.5px;font-weight:600}.AdmissionList__avatar,.AdmissionList__largeAvatar{color:#fff;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.AdmissionList__avatar{border-radius:50%;width:32px;height:32px;font-size:11.5px}.AdmissionList__avatar--purple{background:linear-gradient(135deg,#6343fa,#4829df)}.AdmissionList__avatar--pink{background:linear-gradient(135deg,#ec4899,#be185d)}.AdmissionList__avatar--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.AdmissionList__avatar--magenta{background:linear-gradient(135deg,#d946ef,#a21caf)}.AdmissionList__avatar--cyan{background:linear-gradient(135deg,#06b6d4,#0e7490)}.AdmissionList__avatar--violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.AdmissionList__avatar--indigo{background:linear-gradient(135deg,#6366f1,#4338ca)}.AdmissionList__avatar--rose{background:linear-gradient(135deg,#f43f5e,#be123c)}.AdmissionList__admissionNo{font-weight:600;color:#64748b!important}.AdmissionList__gender{border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.AdmissionList__gender--male{color:#2563eb;background:#eff6ff}.AdmissionList__gender--female{color:#db2777;background:#fdf2f8}.AdmissionList__parent{flex-direction:column;display:flex}.AdmissionList__parent strong{color:#1e293b;font-weight:600}.AdmissionList__parent small{color:#94a3b8;font-size:11px}.AdmissionList__status{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.AdmissionList__status i{border-radius:50%;width:7px;height:7px}.AdmissionList__status--active{color:#059669;background:#ecfdf5}.AdmissionList__status--active i{background:#10b981}.AdmissionList__status--pending{color:#d97706;background:#fffbeb}.AdmissionList__status--pending i{background:#f59e0b}.AdmissionList__status--inactive{color:#dc2626;background:#fef2f2}.AdmissionList__status--inactive i{background:#ef4444}.AdmissionList__documents{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.AdmissionList__documents--complete{color:#059669}.AdmissionList__documents--pending{color:#8b5cf6}.AdmissionList__actions{align-items:center;gap:6px;display:flex}.AdmissionList__action{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s,opacity .15s;display:flex}.AdmissionList__action svg{font-size:13px}.AdmissionList__action--view{color:#2563eb;background:#eff6ff}.AdmissionList__action--edit{color:#6366f1;background:#eef2ff}.AdmissionList__action--delete{color:#ef4444;background:#fee2e2}.AdmissionList__action:hover{filter:brightness(.95);transform:translateY(-2px)}.AdmissionList__empty{text-align:center!important;height:220px!important;color:var(--al-text-muted)!important}.AdmissionList__empty svg{color:#cbd5e1;margin-bottom:10px;font-size:32px}.AdmissionList__empty h3{color:#1e293b;margin:0 0 6px;font-size:15px}.AdmissionList__empty p{margin:0;font-size:13px}.AdmissionList__pagination{border-top:1px solid var(--al-border);color:var(--al-text-muted);justify-content:space-between;align-items:center;padding:14px 20px;font-size:13px;display:flex}.AdmissionList__pagination strong{color:var(--al-text-main)}.AdmissionList__paginationRight{align-items:center;gap:6px;display:flex}.AdmissionList__paginationRight>button{border:1px solid var(--al-border);min-width:32px;height:32px;color:var(--al-text-main);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.AdmissionList__paginationRight>button:hover:not(:disabled){border-color:var(--al-primary);color:var(--al-primary)}.AdmissionList__paginationRight>button:disabled{opacity:.4;cursor:not-allowed}.AdmissionList__paginationRight .AdmissionList__page--active{font-weight:700;color:#fff!important;border-color:var(--al-primary)!important;background:var(--al-primary)!important}.AdmissionList__rowsSelect{align-items:center;gap:6px;margin-left:10px;display:flex}.AdmissionList__rowsSelect select{border:1px solid var(--al-border);height:32px;color:var(--al-text-main);background:#fff;border-radius:6px;padding:0 8px;font-size:12px}.AdmissionList__modalOverlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.AdmissionList__modal{background:#fff;border-radius:16px;width:min(720px,100%);max-height:calc(100vh - 48px);animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow-y:auto;box-shadow:0 20px 40px -15px #0003}@keyframes modalScaleUp{0%{transform:scale(.96)translateY(8px)}to{transform:scale(1)translateY(0)}}.AdmissionList__modalHeader{border-bottom:1px solid var(--al-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.AdmissionList__modalEyebrow{color:var(--al-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.AdmissionList__modalHeader h2{color:var(--al-text-main);margin:0;font-size:20px;font-weight:800}.AdmissionList__closeButton{border:1px solid var(--al-border);width:36px;height:36px;color:var(--al-text-muted);cursor:pointer;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.AdmissionList__closeButton:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.AdmissionList__profileHeader{border:1px solid var(--al-border);background:#f8fafc;border-radius:12px;align-items:center;gap:16px;margin:20px 24px;padding:16px;display:flex}.AdmissionList__largeAvatar{border-radius:14px;width:58px;height:58px;font-size:20px}.AdmissionList__largeAvatar--purple{background:linear-gradient(135deg,#6343fa,#4829df)}.AdmissionList__largeAvatar--pink{background:linear-gradient(135deg,#ec4899,#be185d)}.AdmissionList__largeAvatar--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.AdmissionList__largeAvatar--magenta{background:linear-gradient(135deg,#d946ef,#a21caf)}.AdmissionList__largeAvatar--cyan{background:linear-gradient(135deg,#06b6d4,#0e7490)}.AdmissionList__largeAvatar--violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.AdmissionList__largeAvatar--indigo{background:linear-gradient(135deg,#6366f1,#4338ca)}.AdmissionList__largeAvatar--rose{background:linear-gradient(135deg,#f43f5e,#be123c)}.AdmissionList__profileHeader h3{margin:0 0 2px;font-size:17px;font-weight:700}.AdmissionList__profileHeader p{color:var(--al-text-muted);margin:0 0 8px;font-size:12px}.AdmissionList__detailGrid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 24px 20px;display:grid}.AdmissionList__detailGrid>div{border:1px solid var(--al-border);background:#fff;border-radius:8px;padding:12px 14px}.AdmissionList__detailGrid span{color:var(--al-text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.AdmissionList__detailGrid strong{color:var(--al-text-main);font-size:13.5px;font-weight:600}.AdmissionList__detailFull{grid-column:1/-1}.AdmissionList__form{padding:20px 24px}.AdmissionList__formSectionTitle{border-bottom:1px solid var(--al-border);color:var(--al-primary);align-items:center;gap:8px;margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.AdmissionList__formGrid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.AdmissionList__formGroup{flex-direction:column;gap:6px;display:flex}.AdmissionList__formGroup--full{grid-column:1/-1}.AdmissionList__formGroup label{color:#334155;font-size:12.5px;font-weight:600}.AdmissionList__formGroup label b{color:#ef4444}.AdmissionList__formGroup input,.AdmissionList__formGroup select,.AdmissionList__formGroup textarea{border:1px solid var(--al-border);width:100%;color:var(--al-text-main);background:#f8fafc;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.AdmissionList__formGroup input:focus,.AdmissionList__formGroup select:focus,.AdmissionList__formGroup textarea:focus{border-color:var(--al-primary);background:#fff;box-shadow:0 0 0 3px #5534f514}.AdmissionList__calendarInput{position:relative}.AdmissionList__calendarInput svg{color:var(--al-primary);pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.AdmissionList__calendarInput input{padding-left:36px!important}.AdmissionList__modalFooter{border-top:1px solid var(--al-border);background:#f8fafc;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.AdmissionList__secondaryButton,.AdmissionList__primaryButton,.AdmissionList__dangerButton{cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.AdmissionList__secondaryButton{border:1px solid var(--al-border);color:var(--al-text-muted);background:#fff}.AdmissionList__secondaryButton:hover{color:var(--al-text-main);background:#f1f5f9}.AdmissionList__primaryButton{color:#fff;background:var(--al-primary);border:none;box-shadow:0 2px 8px #5534f538}.AdmissionList__primaryButton:hover{background:var(--al-primary-hover)}.AdmissionList__dangerButton{color:#fff;background:#ef4444;border:none;box-shadow:0 2px 8px #ef444438}.AdmissionList__dangerButton:hover{background:#dc2626}.AdmissionList__deleteModal{text-align:center;padding:32px 24px 24px}.AdmissionList__deleteIcon{color:#ef4444;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 16px;font-size:22px;display:flex}.AdmissionList__deleteModal h2{margin:0 0 8px;font-size:20px;font-weight:800}.AdmissionList__deleteModal>p{max-width:420px;color:var(--al-text-muted);margin:0 auto 20px;font-size:13.5px;line-height:1.5}.AdmissionList__deleteInfo{border:1px solid var(--al-border);background:#f8fafc;border-radius:8px;gap:20px;margin-bottom:24px;padding:10px 18px;display:inline-flex}.AdmissionList__deleteInfo span{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.AdmissionList__deleteActions{justify-content:center;gap:12px;display:flex}@media (width<=1200px){.AdmissionList__stats{grid-template-columns:repeat(2,1fr)}.AdmissionList__filterBox{flex-wrap:wrap}.AdmissionList__searchBox{flex:100%}}@media (width<=768px){.AdmissionList{padding:16px}.AdmissionList__header{flex-direction:column;align-items:flex-start}.AdmissionList__stats{grid-template-columns:1fr}.AdmissionList__filterBox{flex-direction:column;align-items:stretch}.AdmissionList__tableHeader{flex-direction:column;align-items:flex-start}.AdmissionList__tableTools{flex-wrap:wrap}.AdmissionList__pagination{flex-direction:column;align-items:flex-start;gap:14px}.AdmissionList__formGrid,.AdmissionList__detailGrid{grid-template-columns:1fr}}@media print{.AdmissionList{background:#fff;padding:0}.AdmissionList__header .AdmissionList__addButton,.AdmissionList__filterBox,.AdmissionList__tableTools,.AdmissionList__actions,.AdmissionList__pagination,.AdmissionList__modalOverlay{display:none!important}.AdmissionList__tableCard{box-shadow:none;border:none}}.ContactMessagesPage{box-sizing:border-box;color:#172b4d;background:linear-gradient(#f7faff 0%,#f4f8fd 50%,#f7faff 100%);width:100%;min-height:100vh;padding:26px 28px 35px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ContactMessagesHeader{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:24px;display:flex}.ContactMessagesHeaderLeft{min-width:0}.ContactMessagesBreadcrumb{color:#8191aa;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:9px;font-size:12px;font-weight:500;display:flex}.ContactMessagesBreadcrumbHome{color:#6882a4;font-size:16px}.ContactMessagesBreadcrumb strong{color:#3568a7;font-weight:650}.ContactMessagesHeader h1{color:#142d52;letter-spacing:-.7px;margin:0;font-size:30px;font-weight:750;line-height:1.2}.ContactMessagesHeader p{color:#7185a3;margin:6px 0 0;font-size:14px;line-height:1.5}.ContactMessagesHeaderDate{color:#6f83a1;white-space:nowrap;align-items:center;gap:8px;padding-top:7px;font-size:12px;font-weight:600;display:flex}.ContactMessagesHeaderDate svg{color:#376eae}.ContactMessagesStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.ContactMessagesStatCard{background:#fff;border:1px solid #e2eaf4;border-radius:14px;align-items:center;gap:16px;min-height:112px;padding:20px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 5px 18px #2249740e}.ContactMessagesStatCard:hover{border-color:#cdddf0;transform:translateY(-3px);box-shadow:0 12px 30px #2249741a}.ContactMessagesStatIcon{border-radius:13px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;display:flex}.ContactMessagesStatBlue{color:#126ac0;background:linear-gradient(145deg,#e8f4ff,#dcefff);border:1px solid #d4eaff}.ContactMessagesStatBlueLight{color:#1679c9;background:linear-gradient(145deg,#eaf7ff,#e1f3ff);border:1px solid #d9edfc}.ContactMessagesStatInterested{color:#16815f;background:linear-gradient(145deg,#e6f8f0,#dcf3ea);border:1px solid #cdeee0}.ContactMessagesStatOrange{color:#db9400;background:linear-gradient(145deg,#fff7df,#fff1ca);border:1px solid #ffedbd}.ContactMessagesStatContent{min-width:0}.ContactMessagesStatContent>span{color:#7185a1;margin-bottom:3px;font-size:12px;font-weight:650;display:block}.ContactMessagesStatNumberRow{align-items:center;gap:9px;display:flex}.ContactMessagesStatNumberRow strong{color:#173b6b;letter-spacing:-.5px;font-size:29px;font-weight:750;line-height:1.1}.ContactMessagesStatNumberRow small{color:#168159;background:#e4f7ef;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:750}.ContactMessagesStatContent p{color:#98a8bc;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:10px;overflow:hidden}.ContactMessagesTableCard{background:#fff;border:1px solid #dfe8f2;border-radius:14px;width:100%;position:relative;overflow:visible;box-shadow:0 7px 25px #25476e0e}.ContactMessagesToolbar{z-index:20;background:#fff;border-bottom:1px solid #e6edf5;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:17px 19px;display:flex;position:relative}.ContactMessagesSearchBox{color:#7790af;background:#fbfdff;border:1px solid #d7e2ee;border-radius:9px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:565px;height:46px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.ContactMessagesSearchBox:hover{border-color:#b8cde3}.ContactMessagesSearchBox:focus-within{background:#fff;border-color:#4a88c9;box-shadow:0 0 0 4px #3077be17}.ContactMessagesSearchBox>svg{color:#7793b5;flex-shrink:0}.ContactMessagesSearchBox input{color:#294a70;background:0 0;border:0;outline:0;width:100%;height:100%;font-family:inherit;font-size:13px}.ContactMessagesSearchBox input::placeholder{color:#9aaac0}.ContactMessagesSearchClear{color:#67809f;cursor:pointer;background:#edf3f9;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.ContactMessagesFilters{z-index:50;align-items:center;gap:10px;display:flex;position:relative}.ContactMessagesCustomDropdown{flex-shrink:0;width:148px;position:relative}.ContactMessagesDropdownButton{color:#45617f;cursor:pointer;background:#fff;border:1px solid #d6e2ee;border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:10px;width:100%;height:46px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:650;transition:border-color .2s,box-shadow .2s,background .2s,color .2s;display:flex}.ContactMessagesDropdownButton:hover{background:#fbfdff;border-color:#9ebcda}.ContactMessagesDropdownButtonActive{color:#236ca8;background:#fff;box-shadow:0 0 0 4px #287bc217;border-color:#287bc2!important}.ContactMessagesDateDropdownButton{width:158px}.ContactMessagesDropdownDateLabel{align-items:center;gap:8px;min-width:0;display:flex}.ContactMessagesDropdownDateLabel svg{color:#397bb6;flex-shrink:0}.ContactMessagesDropdownDateLabel span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ContactMessagesDropdownButton>svg{color:#7188a2;flex-shrink:0;transition:transform .2s,color .2s}.ContactMessagesChevronOpen{transform:rotate(180deg);color:#287bc2!important}.ContactMessagesDropdownMenu{z-index:999;background:#fff;border:1px solid #d7e3ef;border-radius:11px;width:100%;padding:6px;animation:.18s ContactMessagesDropdownIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 15px 35px #1f446926,0 4px 12px #1f446914}@keyframes ContactMessagesDropdownIn{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ContactMessagesDropdownOption{color:#526b88;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:550;transition:background .16s,color .16s,transform .16s;display:flex}.ContactMessagesDropdownOption:hover{color:#1d70b5;background:#edf6ff;transform:translate(1px)}.ContactMessagesDropdownOptionSelected{font-weight:700;color:#fff!important;background:linear-gradient(135deg,#287bc2,#226fb2)!important}.ContactMessagesDropdownOptionSelected:hover{color:#fff!important;background:linear-gradient(135deg,#236fae,#1d63a0)!important}.ContactMessagesDropdownOption svg{flex-shrink:0}.ContactMessagesDateMenu{min-width:158px}.ContactMessagesRefreshBtn{color:#35638f;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbdbea;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:flex}.ContactMessagesRefreshBtn:hover{color:#fff;background:linear-gradient(135deg,#2d82ca,#236fb4);border-color:#287bc2;transform:translateY(-1px);box-shadow:0 7px 17px #287bc238}.ContactMessagesSelectionBar{background:#eef7ff;border-bottom:1px solid #d8eafa;justify-content:space-between;align-items:center;min-height:48px;padding:8px 19px;display:flex}.ContactMessagesSelectionBar>div{color:#246aa7;align-items:center;gap:7px;font-size:12px;display:flex}.ContactMessagesSelectionBar button{color:#2876ba;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.ContactMessagesTableWrapper{scrollbar-width:thin;scrollbar-color:#b7c9dc #f3f7fb;width:100%;overflow:auto visible}.ContactMessagesTable{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px}.ContactMessagesTable thead th{color:#7387a2;letter-spacing:.25px;text-align:left;white-space:nowrap;background:#f8fbfe;border-bottom:1px solid #e2eaf3;height:48px;padding:0 12px;font-size:10px;font-weight:750}.ContactMessagesTable tbody td{color:#506987;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf2f7;height:68px;padding:9px 12px;font-size:11px;font-weight:500;transition:background .18s}.ContactMessagesTable tbody tr:hover td{background:#f7fbff}.ContactMessagesTable tbody tr:hover{box-shadow:inset 3px 0 #3a82c4}.ContactMessagesTable tbody tr.ContactMessagesSelectedRow td{background:#eff7ff}.ContactMessagesCheckColumn{width:45px;text-align:center!important}.ContactMessagesActionColumn{width:135px;text-align:center!important}.ContactMessagesCheckbox{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.ContactMessagesCheckbox input{opacity:0;pointer-events:none;position:absolute}.ContactMessagesCheckbox span{background:#fff;border:1px solid #bdcddd;border-radius:4px;width:16px;height:16px;transition:all .18s;display:block;position:relative}.ContactMessagesCheckbox:hover span{border-color:#4c8ac7}.ContactMessagesCheckbox input:checked+span{background:#287bc3;border-color:#287bc3;box-shadow:0 2px 6px #287bc32e}.ContactMessagesCheckbox input:checked+span:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.ContactMessagesPerson{align-items:center;gap:11px;min-width:205px;display:flex}.ContactMessagesAvatar{color:#1d72b7;background:linear-gradient(145deg,#eaf6ff,#dff0fc);border:1px solid #d0e6f7;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:10px;font-weight:800;display:flex}.ContactMessagesPersonInfo{min-width:0}.ContactMessagesPersonInfo strong{text-overflow:ellipsis;color:#29486d;max-width:170px;margin-bottom:3px;font-size:12px;font-weight:750;display:block;overflow:hidden}.ContactMessagesPersonInfo span{text-overflow:ellipsis;color:#8b9db4;max-width:180px;font-size:10px;display:block;overflow:hidden}.ContactMessagesPhone{color:#3f6389;align-items:center;gap:7px;font-size:11px;display:flex}.ContactMessagesPhone svg{color:#277cc0}.ContactMessagesCity{color:#536e90;font-size:11px}.ContactMessagesSubject{color:#385a80;font-size:11px;font-weight:700}.ContactMessagesMessage{text-overflow:ellipsis;white-space:nowrap;color:#7186a1;width:180px;font-size:11px;line-height:1.5;overflow:hidden}.ContactMessagesStatus{border-radius:30px;justify-content:center;align-items:center;gap:5px;min-width:82px;padding:6px 10px;font-size:9px;font-weight:750;line-height:1;display:inline-flex}.ContactMessagesStatusNew{color:#b77900;background:#fff4d5;border:1px solid #ffebbc}.ContactMessagesStatusContacted{color:#087d61;background:#e0f7ee;border:1px solid #c9eee1}.ContactMessagesStatusInterested{color:#087653;background:#def8eb;border:1px solid #c2eedb}.ContactMessagesStatusNotInterested{color:#bd5353;background:#fff0f0;border:1px solid #ffd9d9}.ContactMessagesStatusConverted{color:#176db2;background:#e3f1ff;border:1px solid #cfe6fa}.ContactMessagesDate{color:#657d9c;align-items:center;gap:7px;font-size:10px;display:flex}.ContactMessagesDate svg{color:#2c7fc1}.ContactMessagesActions{justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.ContactMessagesActionBtn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:flex}.ContactMessagesActionBtn:hover{transform:translateY(-2px)}.ContactMessagesViewBtn{color:#1477c2;background:#eef7ff;border:1px solid #d4eaff}.ContactMessagesViewBtn:hover{color:#fff;background:#287dc4;border-color:#287dc4;box-shadow:0 5px 12px #287dc433}.ContactMessagesMoreWrapper{position:relative}.ContactMessagesMoreBtn{color:#547494;background:#f4f8fc;border:1px solid #dce6ef}.ContactMessagesMoreBtn:hover,.ContactMessagesMoreBtnActive{box-shadow:0 5px 12px #287bc22e;color:#fff!important;background:#287bc2!important;border-color:#287bc2!important}.ContactMessagesDeleteBtn{color:#df5555;background:#fff2f2;border:1px solid #fdd}.ContactMessagesDeleteBtn:hover{color:#fff;background:#df5555;border-color:#df5555;box-shadow:0 5px 12px #df55552e}.ContactMessagesStatusMenu{z-index:5000;background:#fff;border:1px solid #dbe6f0;border-radius:13px;width:245px;padding:7px;animation:.18s ContactMessagesStatusMenuIn;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 45px #18395b2b,0 5px 15px #18395b14}@keyframes ContactMessagesStatusMenuIn{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ContactMessagesStatusMenuHeader{border-bottom:1px solid #edf2f7;margin-bottom:5px;padding:9px 10px 10px}.ContactMessagesStatusMenuHeader span{color:#2d4e70;font-size:11px;font-weight:800;display:block}.ContactMessagesStatusMenuHeader small{color:#93a2b5;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.ContactMessagesStatusOptions{flex-direction:column;gap:2px;display:flex}.ContactMessagesStatusOption{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:48px;padding:7px 8px;transition:background .16s,transform .16s;display:flex}.ContactMessagesStatusOption:hover{background:#f3f8fd;transform:translate(2px)}.ContactMessagesStatusOptionIcon{border-radius:8px;justify-content:center;align-items:center;width:31px;min-width:31px;height:31px;display:flex}.ContactMessagesStatusOptionText{flex:1;min-width:0}.ContactMessagesStatusOptionText strong{color:#405e7d;font-size:10px;font-weight:750;display:block}.ContactMessagesStatusOptionText small{color:#9aa8b9;margin-top:2px;font-size:8px;display:block}.ContactMessagesStatusOptionCheck{flex-shrink:0}.ContactMessagesStatusOptionNew .ContactMessagesStatusOptionIcon{color:#b77900;background:#fff4d5}.ContactMessagesStatusOptionNew:hover{background:#fffaf0}.ContactMessagesStatusOptionContacted .ContactMessagesStatusOptionIcon{color:#07815e;background:#e2f7ef}.ContactMessagesStatusOptionContacted:hover{background:#f0fbf7}.ContactMessagesStatusOptionInterested .ContactMessagesStatusOptionIcon{color:#087653;background:#def8eb}.ContactMessagesStatusOptionInterested:hover{background:#effbf5}.ContactMessagesStatusOptionNotInterested .ContactMessagesStatusOptionIcon{color:#c05252;background:#fff0f0}.ContactMessagesStatusOptionNotInterested:hover{background:#fff7f7}.ContactMessagesStatusOptionConverted .ContactMessagesStatusOptionIcon{color:#176db2;background:#e3f1ff}.ContactMessagesStatusOptionConverted:hover{background:#f1f8ff}.ContactMessagesStatusOptionActive{box-shadow:inset 3px 0 #287bc2;background:#eef7ff!important}.ContactMessagesStatusOptionActive .ContactMessagesStatusOptionText strong{color:#1d6eae}.ContactMessagesEmptyState{text-align:center!important;height:280px!important}.ContactMessagesEmptyState>div{flex-direction:column;align-items:center;gap:8px;display:flex}.ContactMessagesEmptyIcon{color:#5d8ab7;background:#eef6fd;border:1px solid #dcebf8;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:5px;display:flex}.ContactMessagesEmptyState strong{color:#3a5678;font-size:15px}.ContactMessagesEmptyState span{color:#93a3b7;font-size:11px}.ContactMessagesTableFooter{background:#fff;border-top:1px solid #e8eef5;border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:12px 19px;display:flex}.ContactMessagesShowing{color:#8495aa;font-size:11px}.ContactMessagesShowing strong{color:#516c8e;font-weight:700}.ContactMessagesPagination{align-items:center;gap:5px;display:flex}.ContactMessagesPageBtn{color:#617996;cursor:pointer;background:#fff;border:1px solid #d9e3ed;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:11px;font-weight:700;transition:all .18s;display:flex}.ContactMessagesPageBtn:hover:not(:disabled){color:#1c70b5;background:#f1f8fe;border-color:#9fc4e4}.ContactMessagesPageBtn:disabled{opacity:.38;cursor:not-allowed}.ContactMessagesActivePage{box-shadow:0 5px 12px #287bc238;color:#fff!important;background:#287bc2!important;border-color:#287bc2!important}.ContactMessagesModalOverlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11253d85;justify-content:center;align-items:center;padding:20px;animation:.2s ContactMessagesOverlayIn;display:flex;position:fixed;inset:0}@keyframes ContactMessagesOverlayIn{0%{opacity:0}to{opacity:1}}.ContactMessagesViewModal{background:#fff;border:1px solid #e1eaf3;border-radius:17px;width:min(700px,100%);max-height:calc(100vh - 40px);animation:.25s ContactMessagesModalIn;overflow-y:auto;box-shadow:0 30px 80px #12304e40,0 8px 25px #12304e1f}@keyframes ContactMessagesModalIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ContactMessagesModalHeader{border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:flex-start;gap:15px;padding:23px 25px 20px;display:flex}.ContactMessagesModalEyebrow{color:#2878bb;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.ContactMessagesModalHeader h2{color:#1b385d;margin:0;font-size:23px;font-weight:750}.ContactMessagesModalHeader p{color:#8799ae;margin:5px 0 0;font-size:11px}.ContactMessagesModalClose{color:#637b98;cursor:pointer;background:#f8fbfe;border:1px solid #dce6ef;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}.ContactMessagesModalClose:hover{color:#fff;background:#287bc2;border-color:#287bc2}.ContactMessagesProfile{background:linear-gradient(135deg,#f2f8fd 0%,#f8fbff 100%);border:1px solid #dceaf7;border-radius:12px;align-items:center;gap:14px;margin:19px 25px 17px;padding:17px;display:flex}.ContactMessagesLargeAvatar{color:#1d70b5;background:linear-gradient(145deg,#e4f3ff,#d8edfc);border:1px solid #cce4f7;border-radius:50%;justify-content:center;align-items:center;width:58px;min-width:58px;height:58px;font-size:15px;font-weight:800;display:flex}.ContactMessagesProfileInfo{min-width:0}.ContactMessagesProfileInfo h3{color:#284768;margin:0 0 4px;font-size:18px;font-weight:750}.ContactMessagesProfileInfo>span{color:#8498b0;font-size:11px;display:block}.ContactMessagesProfileStatus{flex-wrap:wrap;align-items:center;gap:10px;margin-top:9px;display:flex}.ContactMessagesProfileDate{color:#7c91a9;align-items:center;gap:5px;font-size:10px;display:inline-flex}.ContactMessagesDetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 25px 17px;display:grid}.ContactMessagesDetailItem{background:#fbfdff;border:1px solid #e3ebf3;border-radius:10px;min-width:0;padding:13px}.ContactMessagesDetailItem>span{color:#8295ab;align-items:center;gap:6px;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.ContactMessagesDetailItem>span svg{color:#287bc2}.ContactMessagesDetailItem strong{text-overflow:ellipsis;white-space:nowrap;color:#456381;font-size:11px;font-weight:700;display:block;overflow:hidden}.ContactMessagesMessageBox{background:#f7fbff;border:1px solid #dce8f3;border-radius:11px;margin:0 25px;padding:16px}.ContactMessagesMessageTitle{color:#426483;align-items:center;gap:7px;margin-bottom:9px;font-size:10px;font-weight:800;display:flex}.ContactMessagesMessageTitle svg{color:#287bc2}.ContactMessagesMessageBox p{color:#667f9d;margin:0;font-size:11px;line-height:1.7}.ContactMessagesModalFooter{justify-content:flex-end;padding:19px 25px 23px;display:flex}.ContactMessagesModalDoneBtn{color:#fff;cursor:pointer;background:#287bc2;border:1px solid #287bc2;border-radius:8px;min-height:40px;padding:0 20px;font-size:11px;font-weight:750;transition:all .18s;box-shadow:0 6px 15px #287bc22e}.ContactMessagesModalDoneBtn:hover{background:#1d69aa;border-color:#1d69aa;transform:translateY(-1px)}.ContactMessagesDeleteModal{text-align:center;background:#fff;border-radius:17px;width:min(410px,100%);padding:30px;animation:.25s ContactMessagesModalIn;box-shadow:0 30px 80px #11284140}.ContactMessagesDeleteIcon{color:#d55;background:#fff0f0;border:8px solid #fff7f7;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 15px;display:flex}.ContactMessagesDeleteModal h2{color:#263f5f;margin:0;font-size:21px;font-weight:750}.ContactMessagesDeleteModal p{color:#8293a8;max-width:330px;margin:10px auto 23px;font-size:11px;line-height:1.7}.ContactMessagesDeleteModal p strong{color:#536c89}.ContactMessagesDeleteActions{justify-content:center;gap:9px;display:flex}.ContactMessagesCancelDelete,.ContactMessagesConfirmDelete{cursor:pointer;border-radius:8px;min-height:40px;padding:0 17px;font-size:11px;font-weight:750;transition:all .18s}.ContactMessagesCancelDelete{color:#5d7592;background:#fff;border:1px solid #d9e3ed}.ContactMessagesCancelDelete:hover{background:#f4f8fc;border-color:#c7d6e5}.ContactMessagesConfirmDelete{color:#fff;background:#df5555;border:1px solid #df5555;justify-content:center;align-items:center;gap:7px;display:flex;box-shadow:0 5px 12px #df55552b}.ContactMessagesConfirmDelete:hover{background:#ca4242;border-color:#ca4242;transform:translateY(-1px)}.ContactMessagesTableWrapper::-webkit-scrollbar{height:7px}.ContactMessagesTableWrapper::-webkit-scrollbar-track{background:#f1f5f9}.ContactMessagesTableWrapper::-webkit-scrollbar-thumb{background:#b8c8d9;border-radius:20px}.ContactMessagesTableWrapper::-webkit-scrollbar-thumb:hover{background:#91a8bf}.ContactMessagesViewModal::-webkit-scrollbar{width:6px}.ContactMessagesViewModal::-webkit-scrollbar-track{background:0 0}.ContactMessagesViewModal::-webkit-scrollbar-thumb{background:#c8d5e2;border-radius:20px}@media (width<=1250px){.ContactMessagesPage{padding:22px}.ContactMessagesStats{grid-template-columns:repeat(2,minmax(0,1fr))}.ContactMessagesToolbar{flex-wrap:wrap}.ContactMessagesSearchBox{flex:100%;max-width:none}.ContactMessagesFilters{justify-content:flex-end;width:100%}}@media (width<=850px){.ContactMessagesPage{padding:17px}.ContactMessagesHeader{flex-direction:column;gap:10px}.ContactMessagesHeaderDate{padding-top:0}.ContactMessagesHeader h1{font-size:27px}.ContactMessagesStats{gap:11px}.ContactMessagesStatCard{min-height:100px;padding:16px}.ContactMessagesStatNumberRow strong{font-size:25px}.ContactMessagesToolbar{padding:14px}.ContactMessagesFilters{grid-template-columns:1fr 1fr;gap:9px;width:100%;display:grid}.ContactMessagesCustomDropdown,.ContactMessagesDateDropdownButton{width:100%}.ContactMessagesRefreshBtn{grid-column:span 2;width:100%}.ContactMessagesTableFooter{flex-direction:column;align-items:flex-start}.ContactMessagesPagination{justify-content:flex-end;width:100%}.ContactMessagesStatusMenu{right:-10px}}@media (width<=600px){.ContactMessagesPage{padding:12px}.ContactMessagesBreadcrumb{gap:6px;font-size:10px}.ContactMessagesHeader h1{font-size:24px}.ContactMessagesHeader p{font-size:12px}.ContactMessagesHeaderDate{font-size:11px}.ContactMessagesStats{grid-template-columns:1fr}.ContactMessagesStatCard{min-height:90px}.ContactMessagesToolbar{gap:10px;padding:11px}.ContactMessagesSearchBox{min-width:0;height:44px}.ContactMessagesSearchBox input{font-size:12px}.ContactMessagesFilters{grid-template-columns:1fr}.ContactMessagesCustomDropdown,.ContactMessagesDateDropdownButton{width:100%}.ContactMessagesRefreshBtn{grid-column:auto;width:100%}.ContactMessagesDropdownMenu{top:calc(100% + 6px)}.ContactMessagesSelectionBar{padding:9px 12px}.ContactMessagesTableFooter{padding:12px}.ContactMessagesShowing{width:100%;font-size:10px}.ContactMessagesPagination{flex-wrap:wrap;justify-content:center}.ContactMessagesPageBtn{width:32px;height:32px}.ContactMessagesStatusMenu{width:auto;max-width:none;position:fixed;inset:auto 12px 12px}.ContactMessagesModalOverlay{padding:10px}.ContactMessagesViewModal{border-radius:14px;max-height:calc(100vh - 20px)}.ContactMessagesModalHeader{padding:18px}.ContactMessagesModalHeader h2{font-size:20px}.ContactMessagesProfile{margin:14px;padding:13px}.ContactMessagesLargeAvatar{width:50px;min-width:50px;height:50px}.ContactMessagesDetailsGrid{grid-template-columns:1fr;padding:0 14px 14px}.ContactMessagesMessageBox{margin:0 14px}.ContactMessagesModalFooter{padding:14px}.ContactMessagesModalDoneBtn{width:100%}.ContactMessagesDeleteModal{padding:24px 18px}.ContactMessagesDeleteActions{flex-direction:column-reverse}.ContactMessagesCancelDelete,.ContactMessagesConfirmDelete{width:100%}}@media (width<=380px){.ContactMessagesPage{padding:9px}.ContactMessagesHeader h1{font-size:21px}.ContactMessagesStatCard{padding:13px}.ContactMessagesStatIcon{width:46px;min-width:46px;height:46px}.ContactMessagesStatNumberRow strong{font-size:23px}.ContactMessagesStatContent p{max-width:190px}}.AnnouncementMgr-wrapper{box-sizing:border-box;color:#172033;background:radial-gradient(circle at 90% 0,#2563eb0e,#0000 30%),#f5f8fc;width:100%;min-height:100vh;padding:28px;font-family:Inter,Segoe UI,Arial,sans-serif}.AnnouncementMgr-headerCard{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.AnnouncementMgr-headerLeft{align-items:center;gap:14px;display:flex}.AnnouncementMgr-mainIconBox{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 9px 22px #2563eb33}.AnnouncementMgr-title{color:#172033;letter-spacing:-.6px;margin:0 0 4px;font-size:25px;font-weight:760}.AnnouncementMgr-subtitle{color:#7b8799;margin:0;font-size:13px}.AnnouncementMgr-totalBadge{background:#fff;border:1px solid #e2e8f0;border-radius:13px;justify-content:space-between;align-items:center;gap:13px;min-width:155px;padding:11px 13px;display:flex;box-shadow:0 5px 18px #1e40af0d}.AnnouncementMgr-totalInfo{flex-direction:column;display:flex}.AnnouncementMgr-totalLabel{color:#8490a3;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:700}.AnnouncementMgr-totalCount{color:#2563eb;margin-top:2px;font-size:20px;font-weight:750}.AnnouncementMgr-badgeIconBox{color:#2563eb;background:#eff6ff;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.AnnouncementMgr-alert{box-sizing:border-box;border-radius:10px;align-items:center;gap:9px;min-height:42px;margin-bottom:16px;padding:10px 13px;font-size:12px;font-weight:600;display:flex}.AnnouncementMgr-success{color:#176b4b;background:#ecfdf5;border:1px solid #c9f2df}.AnnouncementMgr-error{color:#c24141;background:#fff5f5;border:1px solid #f4d4d4}.AnnouncementMgr-alert button{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:3px;display:flex}.AnnouncementMgr-card{background:#fff;border:1px solid #e3e9f1;border-radius:17px;margin-bottom:22px;overflow:hidden;box-shadow:0 7px 25px #1e40af0e}.AnnouncementMgr-cardHeader{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 23px;display:flex}.AnnouncementMgr-cardTitleGroup{align-items:center;gap:12px;display:flex}.AnnouncementMgr-actionIconBox,.AnnouncementMgr-listIconBox{color:#2563eb;background:#eff6ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.AnnouncementMgr-cardTitleGroup h2{color:#172033;margin:0 0 4px;font-size:17px;font-weight:750}.AnnouncementMgr-cardTitleGroup p{color:#8490a3;margin:0;font-size:12px}.AnnouncementMgr-newTag{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;background:#eff6ff;border-radius:30px;padding:6px 11px;font-size:10px;font-weight:750}.AnnouncementMgr-editingTag{color:#7c5a0b;background:#fff8df}.AnnouncementMgr-form{padding:22px 23px 23px}.AnnouncementMgr-inputGroup{width:100%}.AnnouncementMgr-label{color:#273348;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.AnnouncementMgr-required{color:#dc4444}.AnnouncementMgr-inputWrapper{box-sizing:border-box;background:#fbfcfe;border:1px solid #dbe3ee;border-radius:10px;align-items:center;gap:10px;height:51px;padding:0 13px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.AnnouncementMgr-inputWrapper:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.AnnouncementMgr-inputEditing{border-color:#2563eb}.AnnouncementMgr-prefixIcon{color:#2563eb;display:flex}.AnnouncementMgr-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-family:inherit;font-size:13px}.AnnouncementMgr-input::placeholder{color:#9aa5b5}.AnnouncementMgr-input:disabled{cursor:not-allowed;opacity:.7}.AnnouncementMgr-counter{color:#98a4b4;flex-shrink:0;font-size:10px;font-weight:600}.AnnouncementMgr-helpText{color:#96a0af;margin-top:7px;font-size:10px;display:block}.AnnouncementMgr-formActions{justify-content:flex-end;gap:9px;margin-top:19px;display:flex}.AnnouncementMgr-btnClear,.AnnouncementMgr-btnSave{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 16px;font-family:inherit;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.AnnouncementMgr-btnClear{color:#5f6b7a;background:#fff;border:1px solid #dce3ec}.AnnouncementMgr-btnClear:hover:not(:disabled){background:#f7f9fc;border-color:#cbd5e1}.AnnouncementMgr-btnSave{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;min-width:155px;box-shadow:0 7px 15px #2563eb2e}.AnnouncementMgr-btnSave:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #2563eb3d}.AnnouncementMgr-btnClear:disabled,.AnnouncementMgr-btnSave:disabled{opacity:.55;cursor:not-allowed}.AnnouncementMgr-tableHeaderBar{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:20px;padding:19px 23px;display:flex}.AnnouncementMgr-tableTools{align-items:center;gap:8px;display:flex}.AnnouncementMgr-refreshBtn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:center;align-items:center;width:39px;height:39px;transition:all .18s;display:flex}.AnnouncementMgr-refreshBtn:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.AnnouncementMgr-searchBox{box-sizing:border-box;background:#fbfcfe;border:1px solid #dce3ec;border-radius:8px;align-items:center;gap:8px;width:245px;height:39px;padding:0 11px;transition:all .18s;display:flex}.AnnouncementMgr-searchBox:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb12}.AnnouncementMgr-searchIcon{color:#8a96a8;flex-shrink:0}.AnnouncementMgr-searchInput{color:#273348;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.AnnouncementMgr-searchInput::placeholder{color:#a2acba}.AnnouncementMgr-tableResponsive{width:100%;overflow-x:auto}.AnnouncementMgr-table{border-collapse:collapse;width:100%;min-width:760px}.AnnouncementMgr-table thead{background:#f7f9fc}.AnnouncementMgr-table th{color:#738095;text-align:left;letter-spacing:.7px;white-space:nowrap;padding:12px 19px;font-size:9px;font-weight:750}.AnnouncementMgr-table td{vertical-align:middle;border-top:1px solid #edf1f6;padding:15px 19px}.AnnouncementMgr-table tbody tr{transition:background .15s}.AnnouncementMgr-table tbody tr:hover{background:#f9fbff}.col-num{width:55px}.col-heading{min-width:310px}.col-status{width:105px}.col-date{width:120px}.col-actions{width:170px;text-align:right!important}.AnnouncementMgr-itemRow{align-items:center;gap:11px;display:flex}.AnnouncementMgr-rowIcon{color:#2563eb;background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.AnnouncementMgr-rowContent{min-width:0}.AnnouncementMgr-rowTitle{color:#1f2b3d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;display:block;overflow:hidden}.AnnouncementMgr-date{color:#7f8b9c;font-size:11px}.AnnouncementMgr-status{border-radius:30px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.AnnouncementMgr-statusActive{color:#176b4b;background:#ecfdf5}.AnnouncementMgr-statusInactive{color:#a04d4d;background:#fff1f1}.AnnouncementMgr-statusDot{background:currentColor;border-radius:50%;width:5px;height:5px}.AnnouncementMgr-actionButtons{justify-content:flex-end;align-items:center;gap:6px;display:flex}.AnnouncementMgr-btnEdit,.AnnouncementMgr-btnDelete{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:32px;padding:0 9px;font-family:inherit;font-size:10px;font-weight:700;transition:all .18s;display:inline-flex}.AnnouncementMgr-btnEdit{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.AnnouncementMgr-btnEdit:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.AnnouncementMgr-btnDelete{color:#d34c4c;background:#fff5f5;border:1px solid #f1d9d9}.AnnouncementMgr-btnDelete:hover:not(:disabled){color:#fff;background:#d34c4c;border-color:#d34c4c}.AnnouncementMgr-btnEdit:disabled,.AnnouncementMgr-btnDelete:disabled{opacity:.5;cursor:not-allowed}.AnnouncementMgr-loading{color:#2563eb;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;display:flex}.AnnouncementMgr-loading p{color:#8490a0;margin:0;font-size:12px}.AnnouncementMgr-empty{text-align:center;height:230px;vertical-align:middle!important}.AnnouncementMgr-emptyIcon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 11px;display:flex}.AnnouncementMgr-empty strong{color:#344054;margin-bottom:5px;font-size:13px;display:block}.AnnouncementMgr-empty span{color:#98a3b2;font-size:11px}.AnnouncementMgr-tableFooter{border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:15px;padding:13px 19px;display:flex}.AnnouncementMgr-footerInfo{color:#8995a5;font-size:10px}.AnnouncementMgr-pagination{align-items:center;gap:5px;display:flex}.AnnouncementMgr-pageBtn{color:#627084;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .18s;display:flex}.AnnouncementMgr-pageBtn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.AnnouncementMgr-pageBtn:disabled{opacity:.4;cursor:not-allowed}.AnnouncementMgr-pageNumber{text-align:center;color:#718096;min-width:50px;font-size:10px;font-weight:650}.AnnouncementMgr-spin{animation:.8s linear infinite AnnouncementMgrSpin}@keyframes AnnouncementMgrSpin{to{transform:rotate(360deg)}}@media (width<=850px){.AnnouncementMgr-wrapper{padding:20px}.AnnouncementMgr-headerCard{align-items:flex-start}.AnnouncementMgr-totalBadge{display:none}.AnnouncementMgr-tableHeaderBar{flex-direction:column;align-items:flex-start}.AnnouncementMgr-tableTools{width:100%}.AnnouncementMgr-searchBox{flex:1;width:auto}}@media (width<=600px){.AnnouncementMgr-wrapper{padding:14px}.AnnouncementMgr-title{font-size:20px}.AnnouncementMgr-subtitle{font-size:11px}.AnnouncementMgr-mainIconBox{width:42px;height:42px}.AnnouncementMgr-cardHeader,.AnnouncementMgr-form,.AnnouncementMgr-tableHeaderBar{padding-left:16px;padding-right:16px}.AnnouncementMgr-formActions{flex-direction:column-reverse}.AnnouncementMgr-btnClear,.AnnouncementMgr-btnSave{width:100%}.AnnouncementMgr-tableFooter{flex-direction:column;align-items:flex-start}}@media (width<=450px){.AnnouncementMgr-cardTitleGroup p{display:none}.AnnouncementMgr-newTag{font-size:9px}.AnnouncementMgr-searchBox{width:100%}.AnnouncementMgr-tableTools{flex-wrap:wrap}.AnnouncementMgr-refreshBtn{flex-shrink:0}}.ShopImg-wrapper{color:#1e293b;background-color:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.ShopImg-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ShopImg-cardHeader{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ShopImg-cardTitleGroup{align-items:center;gap:14px;display:flex}.ShopImg-actionIconBox,.ShopImg-listIconBox{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ShopImg-cardTitleGroup h2{color:#0f172a;margin:0 0 2px;font-size:15.5px;font-weight:700}.ShopImg-cardTitleGroup p{color:#64748b;margin:0;font-size:12.5px}.ShopImg-newTag{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.ShopImg-newTag.editing{color:#d97706;background-color:#fef3c7;border-color:#fde68a}.ShopImg-form{padding:24px}.ShopImg-formGrid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.ShopImg-inputGroup{flex-direction:column;display:flex}.ShopImg-fullWidth{grid-column:span 4;margin-bottom:20px}.ShopImg-label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600}.ShopImg-required{color:#ef4444}.ShopImg-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:40px;padding:0 14px;font-size:13.5px;transition:all .2s}.ShopImg-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ShopImg-ratingWrapper{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:12px;height:40px;padding:0 12px;display:flex}.ShopImg-stars{color:#cbd5e1;cursor:pointer;gap:4px;display:flex}.ShopImg-star{transition:color .15s}.ShopImg-star.filled{color:#f59e0b;fill:#f59e0b}.ShopImg-ratingInput{color:#0f172a;text-align:right;background:0 0;border:none;outline:none;width:50px;font-size:13px;font-weight:600}.ShopImg-dropzone{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;padding:24px;transition:all .2s;position:relative}.ShopImg-dropzone:hover{background-color:#eff6ff;border-color:#2563eb}.ShopImg-fileInput{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ShopImg-dropzoneContent{flex-direction:column;align-items:center;gap:6px;display:flex}.ShopImg-uploadIcon{color:#2563eb;margin-bottom:4px}.ShopImg-dropText{color:#334155;font-size:13.5px}.ShopImg-dropHint{color:#94a3b8;font-size:11.5px}.ShopImg-previewContainer{align-items:center;gap:16px;display:flex}.ShopImg-previewImage{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:56px;height:56px}.ShopImg-previewText{color:#2563eb;font-size:12.5px;font-weight:600}.ShopImg-formActions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.ShopImg-btnClear{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.ShopImg-btnClear:hover{background-color:#f1f5f9}.ShopImg-btnSave{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.ShopImg-btnSave:hover{background-color:#1d4ed8}.ShopImg-tableHeaderBar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.ShopImg-toolsGroup{align-items:center;gap:10px;display:flex}.ShopImg-searchBox{width:240px;position:relative}.ShopImg-searchIcon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ShopImg-searchInput{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:36px;padding:0 12px 0 36px;font-size:13px;transition:all .2s}.ShopImg-searchInput:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ShopImg-refreshBtn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.ShopImg-refreshBtn:hover{background-color:#f1f5f9}.ShopImg-tableResponsive{width:100%;overflow-x:auto}.ShopImg-table{border-collapse:collapse;text-align:left;width:100%}.ShopImg-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:11px;font-weight:700}.ShopImg-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 20px;font-size:13px}.ShopImg-table tr:hover td{background-color:#f8fafc}.col-num{color:#64748b;width:50px;font-weight:600}.col-image{width:80px}.col-title{color:#0f172a;width:22%;font-weight:600}.col-price{width:12%}.col-discount{color:#64748b;width:15%}.col-rating{width:18%}.col-actions{text-align:right;width:170px}.ShopImg-tableThumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:44px;height:44px}.ShopImg-tableRating{align-items:center;gap:8px;display:flex}.ShopImg-starRow{gap:2px;display:flex}.ShopImg-ratingNum{color:#475569;font-size:12px;font-weight:600}.ShopImg-actionButtons{justify-content:flex-end;align-items:center;gap:8px;display:flex}.ShopImg-btnEdit{color:#2563eb;cursor:pointer;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.ShopImg-btnEdit:hover{background-color:#dbeafe}.ShopImg-btnDelete{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.ShopImg-btnDelete:hover{background-color:#fee2e2}.ShopImg-empty{text-align:center;color:#94a3b8;padding:30px}.ShopImg-tableFooter{background-color:#fff;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.ShopImg-footerInfo{color:#64748b;font-size:12px}.ShopImg-pagination{align-items:center;gap:4px;display:flex}.ShopImg-pageBtn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 6px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.ShopImg-pageBtn:hover:not(:disabled){background-color:#f1f5f9}.ShopImg-pageBtn.active{color:#fff;background-color:#2563eb;border-color:#2563eb}.ShopImg-pageBtn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1024px){.ShopImg-formGrid{grid-template-columns:repeat(2,1fr)}.ShopImg-fullWidth{grid-column:span 2}}@media (width<=768px){.ShopImg-wrapper{padding:12px}.ShopImg-formGrid{grid-template-columns:1fr}.ShopImg-fullWidth{grid-column:span 1}.ShopImg-tableHeaderBar{flex-direction:column;align-items:stretch}.ShopImg-searchBox,.ShopImg-toolsGroup{width:100%}.col-actions{text-align:left}}