@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.dashboard-first{width:100%;padding:16px 16px 22px;background:#f3f5f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.dashboard-first__topbar{display:flex;justify-content:flex-end;margin-bottom:10px}.dashboard-first__refresh{border:0;background:transparent;color:#0b5394;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;transition:background .2s ease,transform .2s ease}.dashboard-first__refresh:hover{background:#0b539414;transform:translateY(-1px)}.dashboard-first__refreshIcon{font-size:18px;transition:transform .25s ease}.dashboard-first__refresh:hover .dashboard-first__refreshIcon{transform:rotate(180deg)}.dashboard-first__grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;align-items:stretch}.dashboard-first__card{position:relative;border-radius:22px;min-height:190px;box-shadow:0 14px 26px #12263f1f;border:1px solid rgba(255,105,180,.18);overflow:visible;transform:translateY(12px);opacity:0;animation:df-pop .52s ease forwards}.dashboard-first__cardInner{position:relative;height:100%;background:#fff;border-radius:22px;padding:18px 16px;overflow:hidden}.dashboard-first__upcoming{grid-column:span 2;position:relative;border-radius:22px;min-height:190px;box-shadow:0 14px 26px #12263f1f;border:1px solid rgba(255,105,180,.18);overflow:visible;transform:translateY(12px);opacity:0;animation:df-pop .52s ease forwards}.dashboard-first__upcomingInner{position:relative;height:100%;background:#fff;border-radius:22px;padding:14px;overflow:hidden}.dashboard-first--in .dashboard-first__card,.dashboard-first--in .dashboard-first__upcoming{opacity:1}@keyframes df-pop{to{transform:translateY(0);opacity:1}}.dashboard-first__cardInner:before,.dashboard-first__upcomingInner:before{content:"";position:absolute;top:0;left:18px;right:18px;height:6px;border-radius:999px;background:#ff69b466}.dashboard-first__cardInner:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;left:-54px;bottom:-54px;background:radial-gradient(circle at 30% 30%,#2f7cf629,#2f7cf600)}.dashboard-first__badge{position:absolute;top:-12px;right:16px;font-size:11px;font-weight:900;padding:6px 12px;border-radius:999px;color:#fff;box-shadow:0 12px 22px #12263f29;z-index:50}.dashboard-first__badge--today,.dashboard-first__badge--monthly{background:#2bb673}.dashboard-first__badge--upcoming{background:#f1b400}.dashboard-first__iconWrap{height:86px;display:grid;place-items:center;position:relative;margin-top:2px}.dashboard-first__svg{width:78px;height:78px;z-index:2;filter:drop-shadow(0 10px 14px rgba(18,38,63,.1));transition:transform .26s ease}.dashboard-first__blob{position:absolute;width:110px;height:110px;border-radius:999px;z-index:1;opacity:.55;animation:df-float 4.6s ease-in-out infinite}.dashboard-first__blob--a{top:-20px;left:8px;background:radial-gradient(circle at 30% 30%,#ffb74d80,#ffb74d00)}.dashboard-first__blob--b{bottom:-24px;right:-10px;background:radial-gradient(circle at 30% 30%,#90caf980,#90caf900);animation-delay:.6s}@keyframes df-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dashboard-first__pill{margin:10px auto 8px;width:fit-content;background:#0b5394;color:#fff;font-weight:900;padding:9px 26px;border-radius:999px;box-shadow:0 12px 22px #0b539438;font-size:14px}.dashboard-first__value{text-align:center;font-size:40px;font-weight:1000;color:#101a3a}.dashboard-first__card:hover{transform:translateY(-4px);transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 18px 34px #12263f26}.dashboard-first__card:hover .dashboard-first__svg{transform:translateY(-2px) scale(1.03)}.dashboard-first__upHead{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-bottom:10px}.dashboard-first__upTitle{display:flex;align-items:center;gap:10px}.dashboard-first__upSmall{font-size:13px;font-weight:900;color:#111827}.dashboard-first__upBig{font-size:18px;font-weight:1000;color:#111827}.dashboard-first__download{border:0;background:transparent;color:#0b5394;font-weight:900;cursor:pointer;padding:8px 10px;border-radius:12px;transition:background .2s ease,transform .2s ease}.dashboard-first__download:hover{background:#0b539414;transform:translateY(-1px)}.dashboard-first__upCols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-first__col{position:relative;background:#f5f7fabf;border:1px solid rgba(17,24,39,.06);border-radius:16px;padding:14px 12px 10px}.dashboard-first__colTag{position:absolute;top:10px;right:10px;font-size:11px;font-weight:900;padding:5px 10px;border-radius:999px;color:#0b5394;background:#0b53941a}.dashboard-first__person{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid rgba(17,24,39,.06);border-radius:14px;padding:10px;margin-top:36px;box-shadow:0 10px 18px #12263f14}.dashboard-first__person+.dashboard-first__person{margin-top:10px}.dashboard-first__avatar{width:50px;height:50px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(17,24,39,.06);background:radial-gradient(circle at 30% 30%,#2f7cf61f,#2f7cf600)}.dashboard-first__avatarSvg{width:40px;height:40px}.dashboard-first__personName{font-size:15px;font-weight:1000;color:#0b5394}.dashboard-first__personDate{font-size:13px;font-weight:800;color:#64748b}@media(max-width:1200px){.dashboard-first__grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.dashboard-first__upcoming{grid-column:span 3}}@media(max-width:900px){.dashboard-first__grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.dashboard-first__upcoming{grid-column:span 2}}@media(max-width:640px){.dashboard-first{padding:12px}.dashboard-first__grid{grid-template-columns:1fr;gap:14px}.dashboard-first__upcoming{grid-column:span 1}.dashboard-first__upCols{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dashboard-first__card,.dashboard-first__upcoming,.dashboard-first__blob{animation:none!important;transform:none!important;opacity:1!important}}.fees-collection{padding:18px;background:#f3f5f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.fees-collection__grid{display:grid;grid-template-columns:3.1fr 1fr;gap:18px;align-items:start}.fees-collection__card,.fees-collection__birthdayCard{background:#fff;border-radius:22px;box-shadow:0 18px 34px #12263f24;position:relative;overflow:hidden;opacity:0;transform:translateY(14px);animation:fc-in .56s ease forwards}.fees-collection--in .fees-collection__card,.fees-collection--in .fees-collection__birthdayCard{opacity:1}@keyframes fc-in{to{opacity:1;transform:translateY(0)}}.fees-collection__card:before,.fees-collection__birthdayCard:before{content:"";position:absolute;top:0;left:18px;right:18px;height:6px;border-radius:999px;background:#f7c1d3e6}.fees-collection__header{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(241,241,241,.9);background:#fff0f559}.fees-collection__header h2{font-size:22px;font-weight:500;letter-spacing:.2px;color:#1f2d3d;margin:0}.fees-collection__selectWrap{position:relative;min-width:130px}.fees-collection__select{width:100%;padding:7px 34px 7px 12px;border-radius:6px;border:1px solid #c7d2fe;outline:none;font-weight:500;background:#fff;color:#4b5563;appearance:none}.fees-collection__chev{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#4f46e5;font-size:14px;pointer-events:none}.fees-collection__chartArea{padding:18px 20px 16px}.fees-collection__chart{width:100%;height:300px}.fees-collection__spike{animation:fc-grow 1.1s ease;transform-origin:bottom}@keyframes fc-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.fees-collection__legend{display:flex;gap:22px;justify-content:center;padding:14px 0 6px;font-weight:700;color:#111827}.fees-collection__dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:7px}.blue{background:#0b3d6e}.red{background:#ef476f}.orange{background:#ff9f43}.fees-collection__birthdayCard{padding:0;min-height:360px}.fees-collection__bHeader{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px 12px;background:#fff0f58c}.fees-collection__badge{position:absolute;top:8px;right:12px;background:#16a34a;color:#fff;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:800;z-index:5;box-shadow:0 10px 18px #12263f29}.fees-collection__bLeft{display:flex;gap:12px;align-items:flex-start;padding-right:56px}.fees-collection__bIcon svg{width:46px;height:46px;filter:drop-shadow(0 10px 14px rgba(18,38,63,.12))}.fees-collection__bTitle{margin:0;font-size:22px;font-weight:800;color:#0f172a;line-height:1.1}.fees-collection__gifts svg{width:44px;height:44px;opacity:.95}.fees-collection__bDivider{height:1px;background:#ff69b440}.fees-collection__bBody{padding:18px;display:flex;flex-direction:column;gap:16px;min-height:260px;align-items:center}.fees-collection__spacer{flex:1}.fees-collection__studentBox{width:100%;max-width:280px;background:#fff;border-radius:14px;box-shadow:0 12px 26px #12263f1a;border:1px solid rgba(17,24,39,.08);padding:14px;display:flex;align-items:center;gap:14px}.fees-collection__noImg{width:74px;height:74px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,#f1f5f9);border:1px solid rgba(17,24,39,.1);box-shadow:inset 0 8px 16px #0000000d;display:grid;place-items:center}.fees-collection__noImgInner{position:relative;width:64px;height:64px;border-radius:999px;display:grid;place-items:center}.fees-collection__userSvg{width:34px;height:34px;opacity:.85}.fees-collection__noImgText{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:7.5px;font-weight:900;color:#0f172a8c;letter-spacing:.3px;line-height:1.05}.fees-collection__studentInfo{display:grid;gap:4px}.fees-collection__studentName{font-size:18px;font-weight:900;color:#0b3d6e}.fees-collection__studentDate{font-size:18px;font-weight:600;color:#334155}.fees-collection__wishBtn{width:180px;background:#0b3d6e;color:#fff;padding:10px 18px;border:none;border-radius:6px;font-weight:900;font-size:18px;cursor:pointer;transform-origin:bottom;animation:wish-rise .65s cubic-bezier(.2,.9,.2,1) both;transition:transform .18s ease,background .18s ease}@keyframes wish-rise{0%{transform:rotateX(85deg) translateY(14px);opacity:0}to{transform:rotateX(0) translateY(0);opacity:1}}.fees-collection__wishBtn:hover{background:#083154;transform:translateY(-2px) rotateX(0)}@media(max-width:1024px){.fees-collection__grid{grid-template-columns:1fr}.fees-collection__birthdayCard,.fees-collection__bBody{min-height:auto}}@media(max-width:560px){.fees-collection__header h2{font-size:16px}.fees-collection__wishBtn{width:100%}}.earning-mode{width:100%;padding:14px;background:#eef2f6;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.earning-mode__grid{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:stretch}.earning-mode__card{background:#fff;border-radius:14px;border:1px solid rgba(17,24,39,.08);box-shadow:0 6px 14px #11182714;overflow:hidden;min-height:420px}.earning-mode__cardHead{padding:14px 18px 12px;background:linear-gradient(180deg,#ffcee059,#fff0);border-bottom:1px solid rgba(255,146,188,.25)}.earning-mode__title{margin:0;font-size:22px;font-weight:700;color:#1f2a37}.earning-mode__subTitle{margin:4px 0 0;font-size:14px;font-weight:600;color:#374151}.earning-mode__body{padding:14px 16px}.earning-mode__legend{display:grid;gap:8px;margin:8px 0 10px}.earning-mode__legendRow{display:flex;justify-content:center;gap:16px}.earning-mode__legendItem{display:flex;align-items:center;gap:8px}.earning-mode__swatch{width:48px;height:12px;border-radius:3px}.earning-mode__legendText{font-size:14px;font-weight:600;color:#6b7280}.earning-mode__donutWrap{display:flex;justify-content:center;padding:6px 0}.earning-mode__donutBox{position:relative;width:240px;height:240px;display:grid;place-items:center}.earning-mode__donut{filter:drop-shadow(0 6px 10px rgba(17,24,39,.08))}.earning-mode__donutSeg:hover{opacity:.9}.earning-mode__tip{position:absolute;left:20px;bottom:40px;background:#11182740;color:#fff;padding:6px 8px;border-radius:6px;display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px}.earning-mode__body--chart{padding-top:10px}.earning-mode__chartTop{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 10px}.earning-mode__chartLine1{font-size:14px;font-weight:600;color:#374151}.earning-mode__chartLine2{margin-top:2px;font-size:13px;font-weight:600;color:#6b7280}.earning-mode__menu{position:absolute;right:10px;top:6px}.earning-mode__menuBtn{width:34px;height:34px;border:0;border-radius:8px;background:transparent;cursor:pointer}.earning-mode__menuBtn:hover{background:#1118270d}.earning-mode__dropdown{position:absolute;right:0;top:38px;width:220px;background:#fff;border:1px solid rgba(17,24,39,.15);border-radius:8px;box-shadow:0 8px 18px #11182726;overflow:hidden;z-index:10}.earning-mode__dropItem{width:100%;padding:10px;background:#fff;border:0;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151}.earning-mode__dropItem:hover{background:#1118270a}.earning-mode__chart{display:grid;grid-template-columns:50px 1fr;gap:8px;padding:8px 12px 14px}.earning-mode__yLabel{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:600;color:#374151;align-self:center}.earning-mode__plotWrap{overflow-x:auto}.earning-mode__plot{position:relative;padding:14px 8px;min-width:950px}.earning-mode__bars{margin-left:36px;margin-top:20px;display:grid;grid-auto-flow:column;grid-auto-columns:40px;align-items:end;gap:8px}.earning-mode__barBtn{background:transparent;border:0;cursor:pointer;display:grid;justify-items:center;gap:4px;min-height:160px}.earning-mode__barVal{font-size:14px;font-weight:700}.earning-mode__bar{width:8px;border-radius:2px}.earning-mode__barLbl{font-size:11px;font-weight:600;transform:rotate(-45deg);white-space:nowrap}.earning-mode__legendBottom{display:flex;justify-content:center;gap:8px;margin-top:8px;font-size:13px;font-weight:600}.earning-mode__legendDot{width:10px;height:10px;border-radius:50%;background:#cfcfcf}@media(max-width:1000px){.earning-mode__grid{grid-template-columns:1fr}}.student-fee-chart{width:100%;padding:14px;background:#eef2f7;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#0f172a}.student-fee-chart__grid{display:grid;grid-template-columns:1.8fr 1fr;gap:16px;align-items:stretch}.student-fee-chart__card{position:relative;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:16px;box-shadow:0 10px 18px #0f172a1f;overflow:hidden;min-height:320px;display:flex;flex-direction:column}.student-fee-chart__top{position:absolute;left:0;right:0;top:0;height:4px;background:#f2a3b7}.student-fee-chart__head{padding:10px 14px 8px;background:linear-gradient(180deg,#ffe6ee99,#fff0)}.student-fee-chart__head--right{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.student-fee-chart__title{margin:0;font-size:22px;font-weight:900;color:#0b1536}.student-fee-chart__sub{margin-top:4px;font-size:14px;font-weight:700;color:#334155}.student-fee-chart__divider{height:1px;background:#0f172a1a}.student-fee-chart__body{padding:10px 14px 12px;flex:1;display:flex;flex-direction:column;gap:10px}.student-fee-chart__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.student-fee-chart__metaTitle{font-size:15px;font-weight:800;color:#1f2937}.student-fee-chart__metaSub{margin-top:3px;font-size:13px;color:#64748b}.student-fee-chart__menu{width:42px;height:42px;border-radius:10px;border:1px solid rgba(15,23,42,.1);background:#fff;box-shadow:0 6px 10px #0f172a1f;display:grid;place-content:center;gap:5px;cursor:pointer}.student-fee-chart__menu span{width:18px;height:2px;background:#6b7280;border-radius:999px}.student-fee-chart__chart{display:grid;grid-template-columns:45px 1fr;gap:10px;align-items:stretch}.student-fee-chart__y{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0 40px;font-size:14px;font-weight:800}.student-fee-chart__plot{position:relative;height:140px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#fff;padding:10px 8px 6px;overflow:hidden}.student-fee-chart__tip{position:absolute;transform:translate(-50%);min-width:170px;background:#fff;border:1px solid rgba(59,130,246,.35);box-shadow:0 10px 18px #0f172a24;border-radius:8px;padding:12px 12px 10px;z-index:10;pointer-events:none}.student-fee-chart__tipTitle{font-size:16px;font-weight:500;color:#111827;margin-bottom:10px}.student-fee-chart__tipRow{display:flex;gap:8px;align-items:baseline;font-size:20px;line-height:1.1}.student-fee-chart__tipLabel{color:#3b82f6;font-weight:700}.student-fee-chart__tipVal{color:#111827;font-weight:900}.student-fee-chart__plotLine{position:absolute;left:10px;right:10px;height:1px;background:#0f172a14}.student-fee-chart__plotLine--top{top:40px}.student-fee-chart__plotLine--mid{top:50%}.student-fee-chart__bars{height:100%;display:flex;align-items:flex-end;gap:6px;padding-top:8px}.student-fee-chart__col{width:28px;display:flex;flex-direction:column;align-items:center;gap:4px}.student-fee-chart__val{height:12px;font-size:10px;font-weight:800}.student-fee-chart__lane{width:100%;height:55px;display:flex;align-items:flex-end;justify-content:center}.student-fee-chart__bar{width:18px;border-radius:8px;box-shadow:0 6px 10px #0f172a1f}.student-fee-chart__lbl{height:28px;font-size:10px;font-weight:800;transform:rotate(-60deg);transform-origin:top center;white-space:nowrap}.student-fee-chart__legend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.student-fee-chart__dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1}.student-fee-chart__legendText{font-size:14px;font-weight:800}.student-fee-chart__badge{background:#16a34a;color:#fff;font-weight:800;padding:6px 12px;border-radius:999px;font-size:12px;box-shadow:0 8px 16px #1018282e;white-space:nowrap;margin-top:2px}.student-fee-chart__body--right{gap:8px}.student-fee-chart__list{display:grid;gap:8px}.student-fee-chart__item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:#64748b}.student-fee-chart__sw{width:70px;height:12px;border-radius:4px}.student-fee-chart__sw--navy{background:#0b4a7f}.student-fee-chart__sw--green{background:#46f75a}.student-fee-chart__sw--red{background:#ff4d4d}.student-fee-chart__sw--orange{background:#f7b44a}.student-fee-chart__sw--sky{background:#b7dcea}.student-fee-chart__donutWrap{position:relative;display:grid;place-items:center;margin-top:6px}.student-fee-chart__donut{width:200px;height:200px;border-radius:50%;background:conic-gradient(#0b4a7f 0% 50%,#46f75a 50% 74%,#ff4d4d 74% 76%,#f7b44a 76% 77%,#b7dcea 77% 100%);box-shadow:0 10px 18px #0f172a29}.student-fee-chart__hole{position:absolute;width:100px;height:100px;border-radius:50%;background:#fff}.student-fee-chart__c1{background:#8fb8f0}.student-fee-chart__c2{background:#404040}.student-fee-chart__c3{background:#46f75a}.student-fee-chart__c4{background:#f7b44a}.student-fee-chart__c5,.student-fee-chart__c6,.student-fee-chart__c7,.student-fee-chart__c9,.student-fee-chart__c10,.student-fee-chart__c14,.student-fee-chart__c16,.student-fee-chart__c18,.student-fee-chart__c19,.student-fee-chart__c21{background:#cbd5e1}.student-fee-chart__c8{background:#93c5fd}.student-fee-chart__c11{background:#8fb8f0}.student-fee-chart__c12,.student-fee-chart__c13{background:#111827}.student-fee-chart__c15{background:#818cf8}.student-fee-chart__c17{background:#34d399}.student-fee-chart__c20{background:#8fe9de}@media(max-width:1100px){.student-fee-chart__grid{grid-template-columns:1fr}.student-fee-chart__head--right{flex-direction:column;align-items:flex-start}}.staff-payroll{width:100%;padding:14px;background:#eef2f7;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#0f172a;position:relative;overflow:hidden;isolation:isolate}.staff-payroll__grid{display:grid;grid-template-columns:1.75fr .65fr;gap:16px;align-items:start;max-width:1280px;margin:0 auto}.staff-payroll__card{position:relative;background:#fff;border-radius:18px;border:1px solid rgba(15,23,42,.1);box-shadow:0 14px 26px #0f172a1f;overflow:hidden;min-height:460px;display:flex;flex-direction:column}.staff-payroll__topline{height:5px;background:linear-gradient(90deg,#f8a8c4,#ffd1dc)}.staff-payroll__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:linear-gradient(180deg,#ffe6ee8c,#fff0)}.staff-payroll__title{margin:0;font-size:20px;font-weight:800;color:#0b1536;letter-spacing:.2px}.staff-payroll__divider{height:1px;background:#0f172a1a}.staff-payroll__menuWrap{position:relative}.staff-payroll__menuBtn{width:46px;height:46px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#fff;box-shadow:0 10px 18px #0f172a1f;display:grid;place-content:center;gap:6px;cursor:pointer}.staff-payroll__menuBtn span{width:22px;height:3px;background:#6b7280;border-radius:999px}.staff-payroll__dropdown{position:absolute;right:0;top:54px;width:280px;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:14px;box-shadow:0 18px 32px #0000002e;overflow:hidden;z-index:10;animation:spDrop .22s ease}@keyframes spDrop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-payroll__ddItem{width:100%;text-align:left;padding:12px 16px;background:#fff;border:0;font-size:14px;color:#1f2937;cursor:pointer}.staff-payroll__ddItem:hover{background:#f3f4f6}.staff-payroll__ddNote{border-top:1px solid rgba(15,23,42,.1);padding:10px 16px 12px;display:grid;gap:6px;font-size:12.5px;color:#6b7280}.staff-payroll__chartWrap{padding:14px 16px 16px;flex:1}.staff-payroll__chartBox{height:100%;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:inset 0 1px #fffc;padding:12px 12px 10px;display:flex;flex-direction:column;gap:10px}.staff-payroll__svgScroll{width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.staff-payroll__svg{width:100%;height:auto;min-width:720px;display:block}.staff-payroll__gridLine{stroke:#0f172a1a;stroke-width:1}.staff-payroll__yText{font-size:16px;font-weight:800;fill:#0f172a}.staff-payroll__axisLabel{font-size:16px;font-weight:700;fill:#0f172a;opacity:.8}.staff-payroll__xText{font-size:16px;font-weight:700;fill:#0f172a;opacity:.9}.staff-payroll__valText{font-size:18px;font-weight:900;fill:#0f172a}.staff-payroll__path{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:spLine 1.1s ease forwards}@keyframes spLine{to{stroke-dashoffset:0}}.staff-payroll__pt{stroke:#fff;stroke-width:2.5}.staff-payroll__legend{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:6px 4px 2px}.staff-payroll__legItem{display:flex;align-items:center;gap:10px}.staff-payroll__legDot{width:10px;height:10px;border-radius:999px;display:inline-block}.staff-payroll__legText{font-size:14px;font-weight:800;color:#0f172a}.staff-payroll__s--fees{stroke:#60a5fa;fill:#60a5fa}.staff-payroll__s--exp{stroke:#374151;fill:#374151}.staff-payroll__s--inc{stroke:#22c55e;fill:#22c55e}.staff-payroll__s--pay{stroke:#fb923c;fill:#fb923c}.staff-payroll__side{display:grid;gap:16px}.staff-payroll__miniCard{background:#fff;border-radius:18px;border:1px solid rgba(15,23,42,.1);box-shadow:0 14px 26px #0f172a1f;padding:16px 14px 18px;text-align:center;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.staff-payroll__avatar{width:84px;height:84px;display:grid;place-items:center}.staff-payroll__avatar svg{width:84px;height:84px;filter:drop-shadow(0 10px 16px rgba(15,23,42,.12))}.staff-payroll__pill{background:#0b4a7f;color:#fff;padding:10px 18px;border-radius:999px;font-size:16px;font-weight:900;min-width:190px}.staff-payroll__bigNum{font-size:44px;font-weight:900;color:#0b1536;line-height:1}@media(min-width:1400px){.staff-payroll__grid{max-width:1380px}}@media(max-width:1200px){.staff-payroll__grid{grid-template-columns:1.6fr .8fr}.staff-payroll__title{font-size:18px}}@media(max-width:1024px){.staff-payroll__grid{grid-template-columns:1fr}.staff-payroll__side{grid-template-columns:repeat(2,1fr)}.staff-payroll__miniCard{min-height:200px}}@media(max-width:768px){.staff-payroll{padding:12px}.staff-payroll__head{flex-direction:column;align-items:flex-start;gap:10px}.staff-payroll__menuBtn{width:44px;height:44px}.staff-payroll__dropdown{right:0;left:auto;width:260px}.staff-payroll__side{grid-template-columns:1fr}.staff-payroll__pill{min-width:170px}}@media(max-width:480px){.staff-payroll__title{font-size:16px;line-height:1.25}.staff-payroll__pill{font-size:14px;padding:9px 14px}.staff-payroll__bigNum{font-size:40px}.staff-payroll__dropdown{width:92vw;right:0}.staff-payroll__svg{min-width:680px}}.calender{width:100%;padding:18px;background:#f3f6fb;display:flex;justify-content:center;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#0f172a}.calender__card{width:95%;max-width:1150px;background:#fff;border-radius:14px;box-shadow:0 10px 26px #0f172a1a;overflow:hidden;border:1px solid rgba(15,23,42,.08)}.calender__toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 16px;background:#f9fbff;border-bottom:1px solid #e5e9f2}.calender__nav{display:inline-flex;align-items:center}.calender__btn{border:0;cursor:pointer;font-weight:900;color:#fff;background:#1e3a8a;height:36px;padding:0 14px}.calender__btn--split{width:40px;padding:0;font-size:22px}.calender__btn--split:first-child{border-radius:7px 0 0 7px}.calender__btn--split:nth-child(2){border-radius:0}.calender__btn--today{background:#0ea5e9;border-radius:0 7px 7px 0}.calender__title{font-size:22px;font-weight:800;color:#1e293b;text-align:center}.calender__views{display:inline-flex;justify-content:flex-end}.calender__tab{border:0;cursor:pointer;height:36px;padding:0 14px;font-weight:800;font-size:14px;color:#fff;background:#1e3a8a;border-left:1px solid rgba(255,255,255,.2)}.calender__tab:first-child{border-radius:7px 0 0 7px;border-left:0}.calender__tab:last-child{border-radius:0 7px 7px 0}.calender__tab--on{background:#0ea5e9}.calender__body{padding:12px}.calender__monthHead{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #e2e8f0;border-bottom:0}.calender__monthHCell{padding:10px 12px;text-align:center;font-weight:800;font-size:14px;color:#1e293b;border-right:1px solid #e2e8f0}.calender__monthHCell:last-child{border-right:0}.calender__monthGrid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #e2e8f0}.calender__mCell{position:relative;min-height:92px;padding:10px;border-right:1px solid #e2e8f0;border-top:1px solid #e2e8f0;background:#fff}.calender__mCell:nth-child(7n){border-right:0}.calender__mCell--dim .calender__mDate{opacity:.35}.calender__mCell--sat{background:#faf6e6}.calender__mDate{position:absolute;top:8px;right:10px;font-weight:900;font-size:16px;color:#1e293b}.calender__mEvents{margin-top:28px;display:grid;gap:8px}.calender__mEvent{height:32px;border-radius:6px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff}.calender__mEvent--black{background:#111}.calender__mEvent--magenta{background:#c13aa8}.calender__weekWrapper{border:1px solid #e2e8f0;border-radius:10px;overflow:auto}.calender__weekHeader{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:1px solid #e2e8f0;background:#fff}.calender__timeColumnHeader{background:#fff;border-right:1px solid #e2e8f0;min-height:50px}.calender__weekDayHeader{text-align:center;padding:8px 0;border-right:1px solid #e2e8f0}.calender__weekDayHeader:last-child{border-right:0}.calender__dayName{font-weight:800;font-size:14px;color:#1e293b}.calender__dayDate{font-size:13px;color:#64748b}.calender__weekGrid{display:grid}.calender__timeColumn{border-right:1px solid #e2e8f0;background:#fff}.calender__allDayLabel{height:40px;display:flex;align-items:center;padding-left:12px;font-weight:800;font-size:13px;border-bottom:1px solid #e2e8f0}.calender__timeLabel{height:40px;display:flex;align-items:center;padding-left:12px;font-weight:700;font-size:12px;color:#475569;border-bottom:1px solid #f1f5f9}.calender__dayColumn{position:relative;background:#fff;border-right:1px solid #e2e8f0}.calender__dayColumn:last-child{border-right:0}.calender__dayColumn--sat{background:#faf6e6}.calender__allDayRow{height:40px;border-bottom:1px solid #e2e8f0}.calender__slot{height:40px;border-bottom:1px solid #f1f5f9}.calender__block{position:absolute;left:8px;right:8px;border-radius:8px;font-weight:800;color:#fff;padding:8px 10px;font-size:12px;box-shadow:0 10px 18px #0f172a2e;animation:cal-pop .22s ease both}@keyframes cal-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.calender__block--black{background:#111}.calender__block--blue{background:#1e3a8a}@media(max-width:1100px){.calender__toolbar{grid-template-columns:1fr;gap:10px}.calender__views{justify-content:center}.calender__title{font-size:18px}.calender__weekHeader{grid-template-columns:60px repeat(7,200px)}}.bv-main-section{background:#f6f7fb}.bv-main-heading{font-size:42px;font-weight:600}.bv-top-layout{max-width:1300px;margin:auto;display:flex;gap:30px}.bv-feature-card{flex:2;position:relative;border-radius:18px;overflow:hidden}.bv-feature-card img{width:100%;height:100%;object-fit:cover}.bv-feature-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.bv-feature-overlay h3{font-size:28px;margin:15px 0}.bv-meta{display:flex;gap:20px;font-size:14px}.bv-side-wrapper{flex:1;display:flex;flex-direction:column;gap:25px}.bv-side-card{background:#fff;display:flex;gap:15px;padding:18px;border-radius:16px;box-shadow:0 6px 18px #00000014}.bv-side-card img{width:120px;height:90px;object-fit:cover;border-radius:12px}.bv-side-content h4{font-size:18px;margin:8px 0}.bv-side-content p{font-size:14px;color:#666}.bv-side-date{font-size:14px;font-weight:600}.bv-grid-wrapper{max-width:1300px;margin:70px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.bv-grid-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #00000014}.bv-grid-card img{width:100%;height:220px;object-fit:cover}.bv-grid-card h5{padding:20px;font-size:16px;text-align:center;line-height:1.5}@media(max-width:1100px){.bv-top-layout{flex-direction:column}.bv-grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bv-grid-wrapper{grid-template-columns:1fr}.bv-feature-overlay h3{font-size:22px}}.adm-blog-manager-container{display:flex;min-height:100vh;padding:20px;gap:22px;overflow:hidden}.adm-blog-left-panel{width:55%;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:6px}.adm-blog-form-box{background:#fff;padding:28px;border-radius:18px;box-shadow:0 8px 25px #00000014;max-height:88vh;overflow-y:auto}.adm-content-textarea{height:150px;resize:none}.adm-blog-form-box::-webkit-scrollbar{width:0px;height:0px}.adm-blog-form-box{scrollbar-width:none;-ms-overflow-style:none}.adm-table-scroll-area::-webkit-scrollbar{width:0px;height:0px}.adm-table-scroll-area{scrollbar-width:none;-ms-overflow-style:none}.adm-blog-left-panel,.adm-blog-form-box,.adm-table-scroll-area{scrollbar-gutter:stable}.adm-blog-right-panel{width:45%}.adm-blog-form-box{background:#fff;padding:28px;border-radius:18px;box-shadow:0 8px 25px #00000014}.adm-blog-form-heading{font-size:22px;margin-bottom:20px}.adm-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.adm-input-group input,.adm-input-group textarea,.adm-input-group select{padding:11px;border-radius:8px;border:1px solid #ccc}.adm-content-textarea{height:180px;resize:none}.adm-image-preview{width:90px;height:90px;min-width:90px;min-height:90px}.adm-submit-btn{width:100%;padding:14px;background:#ff9f43;border:none;color:#fff;border-radius:10px;font-size:16px;cursor:pointer;transform:translateZ(0);will-change:transform}.adm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.adm-input-group input,.adm-input-group textarea,.adm-input-group select{padding:12px 14px;border-radius:10px;border:1px solid #e3e6ef;background:#fafbff;font-size:14px;transition:.25s;outline:none}.adm-input-group input:focus,.adm-input-group textarea:focus,.adm-input-group select:focus{border-color:#ff9f43;background:#fff;box-shadow:0 0 0 3px #ff9f431f}.adm-input-group label{font-size:13px;font-weight:600;color:#555}.adm-input-group textarea{resize:none;min-height:46px}.adm-submit-btn{transition:.25s}.adm-submit-btn:hover{box-shadow:0 6px 18px #ff9f4359}.adm-blog-table-box{background:#f4f6fb;padding:18px;border-radius:18px;height:100%;display:flex;flex-direction:column}.adm-table-heading{font-size:20px}.adm-table-scroll-area{margin-top:15px;overflow-x:auto}.adm-blog-table{min-width:900px;width:100%;border-collapse:collapse;background:#fff}.adm-blog-table th{background:#ff9f43;color:#fff;padding:12px}.adm-blog-table td{padding:12px;border-bottom:1px solid #eee}.adm-table-img{width:60px;height:60px;object-fit:cover;border-radius:8px}.adm-desc-cell{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-edit-btn{background:#28a745;color:#fff;border:none;padding:6px 10px;border-radius:6px;margin-right:6px}.adm-delete-btn{background:#dc3545;color:#fff;border:none;padding:6px 10px;border-radius:6px}.adm-empty-row{text-align:center;padding:20px;color:#777}.adm-table-scroll-area{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1200px){.adm-blog-left-panel{width:60%}.adm-blog-right-panel{width:40%}}@media(max-width:1000px){html,body{overflow:auto}}@media(max-width:1000px){.adm-blog-manager-container{flex-direction:column;height:auto;overflow:visible}.adm-blog-left-panel,.adm-blog-right-panel{width:100%;height:auto}.adm-blog-form-box{max-height:none}}@media(max-width:600px){.adm-blog-manager-container{padding:14px;gap:16px}.adm-blog-form-box{padding:18px;border-radius:14px}.adm-blog-table-box{padding:14px}.adm-form-row{grid-template-columns:1fr;gap:12px}.adm-blog-table{min-width:700px}.adm-input-group input,.adm-input-group textarea,.adm-input-group select{padding:12px;font-size:15px}.adm-submit-btn{padding:13px;font-size:15px}}.adm-testimonial-wrapper{display:flex;max-width:1300px;margin:auto;gap:30px;padding:40px;min-height:100vh}.adm-testimonial-form-section{width:50%}.adm-testimonial-list-section{width:50%;overflow-y:auto;max-height:100vh}.adm-testimonial-form{background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px #00000014}.adm-form-title{font-size:24px;margin-bottom:20px}.adm-form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.adm-form-group input,.adm-form-group textarea{padding:12px;border-radius:8px;border:1px solid #ccc;font-size:15px;width:100%}.adm-form-group textarea{resize:none;height:120px}.adm-preview-img{width:80px;height:80px;object-fit:cover;border-radius:50%;margin-top:10px}.adm-star-rating-box{display:flex;gap:8px;font-size:28px;cursor:pointer}.adm-star{color:#ccc;transition:.3s}.adm-star.active{color:#ffc107}.adm-submit-btn{width:100%;background:#6c63ff;color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;cursor:pointer}.adm-submit-btn:hover{opacity:.9}.adm-testimonial-list{background:#f8f9fc;padding:25px;border-radius:16px}.adm-list-title{font-size:22px;margin-bottom:20px}.adm-testimonial-card{display:flex;gap:15px;background:#fff;padding:15px;border-radius:12px;margin-bottom:15px;box-shadow:0 5px 15px #0000000d}.adm-client-photo{width:70px;height:70px;border-radius:50%;object-fit:cover;flex-shrink:0}.adm-client-name{font-size:16px;font-weight:600;margin-bottom:2px}.adm-client-designation{font-size:13px;color:#777;margin-bottom:8px}.adm-card-content{flex:1}.adm-feedback-text{font-size:14px;margin-bottom:8px}.adm-rating-view{color:#ffc107;font-size:18px}.adm-card-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.adm-edit-btn{background:#28a745;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer}.adm-delete-btn{background:#dc3545;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer}.adm-empty-text{color:#777}@media(max-width:480px){.adm-testimonial-wrapper{flex-direction:column;padding:15px;gap:20px}.adm-testimonial-form-section,.adm-testimonial-list-section{width:100%;max-height:none}.adm-testimonial-form{padding:20px}.adm-testimonial-card{flex-direction:column;align-items:flex-start}.adm-client-photo{width:60px;height:60px}.adm-card-actions{width:100%;flex-direction:column}.adm-edit-btn,.adm-delete-btn{width:100%}.adm-form-title{font-size:20px}}@media(min-width:481px)and (max-width:768px){.adm-testimonial-wrapper{flex-direction:column;padding:25px}.adm-testimonial-form-section,.adm-testimonial-list-section{width:100%}.adm-testimonial-card{flex-direction:row}}@media(min-width:769px)and (max-width:1023px){.adm-testimonial-wrapper{flex-direction:column}.adm-testimonial-form-section,.adm-testimonial-list-section{width:100%}.adm-testimonial-list-section{max-height:600px}}@media(min-width:1024px)and (max-width:1399px){.adm-testimonial-wrapper{max-width:1100px}.adm-testimonial-list-section{max-height:800px}}@media(min-width:1400px){.adm-testimonial-wrapper{max-width:1400px}}.clswisedata-table-wrapper{background:#fff;border-radius:12px;padding:20px;height:650px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;overflow:hidden}.clswisedata-title{text-align:center;margin-bottom:30px;font-size:26px;font-weight:700;color:#1f2937}.clswisedata-layout{display:grid;grid-template-columns:380px 1fr;gap:25px;max-width:1200px;margin:auto}.clswisedata-form{background:#fff;border-radius:12px;padding:20px;height:650px;overflow-y:auto;box-shadow:0 8px 24px #0000000f}.clswisedata-form label{font-size:14px;font-weight:600;margin-top:12px;display:block}.clswisedata-form input,.clswisedata-form textarea{width:100%;margin-top:6px;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.clswisedata-form input:focus,.clswisedata-form textarea:focus{outline:none;border-color:#2563eb}.clswisedata-preview{width:100%;height:160px;object-fit:cover;margin-top:12px;border-radius:10px}.clswisedata-btn{width:100%;margin-top:18px;padding:12px;background:#2563eb;color:#fff;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:.3s}.clswisedata-btn:hover{background:#1e40af}.clswisedata-table-wrapper{background:#fff;border-radius:12px;padding:20px;height:650px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column}.clswisedata-section-title{font-size:18px;font-weight:700;margin-bottom:15px;flex-shrink:0}.clswisedata-table-scroll{overflow-y:auto;flex:1}.clswisedata-table{width:100%;border-collapse:collapse}.clswisedata-table thead th{position:sticky;top:0;background:#f1f5f9;font-size:14px;padding:10px;text-align:left;z-index:2}.clswisedata-table td{padding:10px;font-size:14px;border-bottom:1px solid #e5e7eb}.clswisedata-table-img{width:50px;height:40px;border-radius:6px;object-fit:cover}.clswisedata-empty,.clswisedata-loading{text-align:center;margin-top:20px;color:#6b7280}@media(max-width:900px){.clswisedata-layout{grid-template-columns:1fr}.clswisedata-form,.clswisedata-table-wrapper{height:auto}}.award-admin-container{display:grid;grid-template-columns:1fr;gap:80px;padding:20px;min-height:100vh;background:linear-gradient(135deg,#eef2ff,#f8fafc)}@media(min-width:1024px){.award-admin-container{grid-template-columns:360px 1fr;max-width:1300px;margin:auto;align-items:start}}.award-admin-form-section{width:100%}.award-form{background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:30px;border-radius:20px;box-shadow:0 10px 30px #00000014;border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;gap:20px;transition:.3s ease}.award-form:hover{transform:translateY(-4px)}@media(min-width:1024px){.award-form{position:sticky;top:20px}}.award-form-title{font-size:22px;font-weight:700;color:#1e293b}.award-form input[type=text],.award-form input[type=file]{padding:12px;border-radius:12px;border:1px solid #e2e8f0;background:#f9fafb;font-size:14px;transition:.3s ease}.award-form input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f126}.award-submit-btn{background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;padding:12px;border-radius:14px;border:none;font-size:14px;cursor:pointer;transition:.3s ease}.award-submit-btn:hover{opacity:.9}.award-admin-list-section{width:80%}.award-list-container{background:#fff;border-radius:20px;padding:20px;border:1px solid #c7d2fe;box-shadow:0 4px 10px #0000000f;display:flex;flex-direction:column}.award-list-scroll{margin-top:10px;max-height:550px;overflow-y:auto;padding-right:6px}.award-list-scroll::-webkit-scrollbar{width:6px}.award-list-scroll::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:6px}.award-list-card{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #f1f5f9;transition:.3s ease}.award-list-card:hover{background:#f8fafc}.award-list-image{width:70px;height:70px;min-width:70px;border-radius:12px;object-fit:cover;object-position:center;aspect-ratio:1 / 1}.award-list-content{flex:1}.award-list-content h4{font-size:15px;font-weight:600;color:#1e293b}.award-list-actions{display:flex;gap:10px}.award-edit-btn,.award-delete-btn{padding:6px 12px;border-radius:8px;font-size:13px;border:none;cursor:pointer;transition:.2s ease}.award-edit-btn{background:#facc15}.award-edit-btn:hover{background:#eab308}.award-delete-btn{background:#ef4444;color:#fff}.award-delete-btn:hover{background:#dc2626}@media(max-width:480px){.award-admin-list-section{width:100%}.award-admin-container{padding:12px;gap:16px}.award-form{padding:20px}.award-list-scroll{max-height:350px}.award-list-card{flex-direction:column;align-items:flex-start;gap:10px}.award-list-actions{width:100%;flex-direction:column}.award-edit-btn,.award-delete-btn{width:100%}.award-list-image{width:100%;max-width:160px;height:160px;min-width:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px}}@media(min-width:600px)and (max-width:1023px){.award-admin-container{grid-template-columns:300px 1fr}.award-list-scroll{max-height:500px}}@media(min-width:1400px){.award-admin-container{max-width:1400px}}.pp-form{background:linear-gradient(to bottom right,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:16px;padding:24px;width:100%;max-width:380px;min-height:290px;margin:0 auto;box-shadow:0 4px 10px #0000000f}.pp-label{font-size:14px;font-weight:600;color:#4f46e5;margin-bottom:6px;display:block}.pp-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f140}.pp-btn{margin-top:20px;width:100%;background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;padding:12px;border-radius:14px;border:none;cursor:pointer;font-size:15px}.pp-table-box{background:#fff;border-radius:16px;border:1px solid #c7d2fe;padding:20px;min-height:300px;height:fit-content;box-shadow:0 4px 10px #0000000f}.pp-table-wrapper{max-height:350px;overflow-y:auto;padding-right:4px}.pp-table{width:100%;border-collapse:collapse;min-width:400px}.pp-table th{background:#eef2ff;padding:12px;font-size:14px;font-weight:700;position:sticky;top:0;z-index:2}.pp-table td{padding:12px;border-bottom:1px solid #e5e7eb;font-size:14px}.pp-actions{display:flex;gap:10px}.pp-edit{color:#4f46e5;cursor:pointer}.pp-delete{color:#dc2626;cursor:pointer}.pp-empty{text-align:center;padding:20px;color:#9ca3af}@media(max-width:480px){.pp-container{grid-template-columns:1fr;padding:12px;gap:16px}.pp-form{width:100%;max-width:100%;min-height:auto;padding:16px}.pp-table-box{width:100%;padding:14px}.pp-table-wrapper{max-height:280px}.pp-table{min-width:100%}.pp-title{font-size:17px}.pp-input{font-size:14px;padding:9px 12px}.pp-btn{font-size:14px;padding:10px}.pp-actions{flex-direction:column;gap:6px}}@media(min-width:481px)and (max-width:599px){.pp-container{grid-template-columns:1fr}.pp-table-wrapper{max-height:320px}.pp-actions{gap:8px}}@media(min-width:600px)and (max-width:1023px){.pp-container{grid-template-columns:300px 1fr;gap:20px}.pp-form{max-width:100%}.pp-table-wrapper{max-height:450px}}@media(min-width:1024px)and (max-width:1399px){.pp-container{grid-template-columns:340px 1fr;align-items:start}.pp-form{position:sticky;top:20px}.pp-table-wrapper{max-height:500px}}@media(min-width:1400px)and (max-width:1799px){.pp-container{grid-template-columns:380px 1fr;max-width:1350px;margin:auto}}@media(min-width:1800px){.pp-container{max-width:1500px;margin:auto}}html,body{overflow-x:hidden}.pp-table-box{background:#fff;border-radius:16px;border:1px solid #c7d2fe;padding:20px;box-shadow:0 4px 10px #0000000f;height:420px;overflow-y:hidden}.pp-table-box .pp-title{flex-shrink:0}.pp-table-box table{flex:1;overflow-y:auto;display:block}.pp-table thead{display:table;width:100%;table-layout:fixed}.pp-table tbody{display:block;overflow-y:auto;height:290px}.pp-table tbody tr{display:table;width:100%;table-layout:fixed}.pp-table tbody::-webkit-scrollbar{width:6px}.pp-table tbody::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:6px}.pp-table tbody::-webkit-scrollbar-track{background:transparent}@media(min-width:481px)and (max-width:1023px){.pp-table-box{height:360px}}@media(min-width:1024px)and (max-width:1399px){.pp-table-box{height:420px}}@media(min-width:1400px){.pp-table-box{height:500px}}.pp-container{display:grid;grid-template-columns:1fr;gap:24px;padding:20px}@media(min-width:1024px){.pp-container{grid-template-columns:1fr 1fr}}.pp-form{background:linear-gradient(to bottom right,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:16px;padding:24px;box-shadow:0 4px 10px #0000000f}.pp-title{font-size:20px;font-weight:600;color:#4f46e5;margin-bottom:20px}.pp-label{font-size:13px;font-weight:600;color:#4f46e5;margin-bottom:6px;display:block}.pp-input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;outline:none}.pp-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.pp-btn{margin-top:18px;width:100%;background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;padding:12px;border-radius:14px;border:none;font-size:15px;font-weight:500;cursor:pointer;transition:.2s}.pp-btn:hover{opacity:.9}.pp-version{text-align:center;margin-top:10px;font-size:13px;color:#6b7280}.pp-table-box{background:#fff;border-radius:16px;border:1px solid #c7d2fe;padding:20px;box-shadow:0 4px 10px #0000000f}.pp-table{width:100%;border-collapse:collapse}.pp-table th{background:#eef2ff;padding:12px;font-size:14px;text-align:left;font-weight:600}.pp-table td{padding:12px;border-bottom:1px solid #e5e7eb}.pp-actions{display:flex;gap:12px}.pp-edit{color:#4f46e5;font-size:14px;cursor:pointer}.pp-delete{color:#dc2626;font-size:14px;cursor:pointer}.pp-empty{text-align:center;padding:16px;color:#9ca3af}html,body{margin:0;padding:0;font-family:Inter,sans-serif;background:#f6f7fb;overflow-x:hidden}.vlist-wrapper{padding:20px}.page-title{margin-bottom:15px}.vlist-layout{display:grid;grid-template-columns:360px 1fr;gap:20px}.visitor-form-card{background:#fff;border:2px solid #f7c6d0;border-radius:16px;overflow:hidden;height:78vh;display:flex;flex-direction:column}.visitor-form-header{background:#fff1f4;padding:14px 18px;font-weight:600;color:#0a158a;border-bottom:1px solid #f7c6d0}.visitor-form-body{padding:18px;overflow-y:auto;flex:1}.visitor-form-body::-webkit-scrollbar{width:0px}.visitor-form-body{scrollbar-width:none}.visitor-form-body label{display:block;margin-top:14px;font-size:13px;font-weight:500}.visitor-form-body label span{color:red}.visitor-form-body input,.visitor-form-body select{width:100%;margin-top:6px;padding:10px 12px;border:1px solid #c7d2fe;border-radius:8px;font-size:13px;outline:none;transition:.2s;background:#fafbff}.visitor-form-body input:focus,.visitor-form-body select:focus{border-color:#0a158a;background:#fff;box-shadow:0 0 0 2px #0a158a14}.save-btn{margin-top:20px;width:100%;background:#0a158a;color:#fff;padding:11px;border:none;border-radius:8px;cursor:pointer;font-weight:500}.visitor-table-card{background:#fff;border-radius:14px;border:1px solid #f1c6d0;padding:12px;overflow:hidden}.visitor-table-header{background:#ffeef3;padding:12px;font-weight:600;border-radius:8px;margin-bottom:10px}.table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table-wrap::-webkit-scrollbar{height:6px}.visitor-table{width:100%;min-width:1100px;border-collapse:collapse;font-size:13px}.visitor-table th,.visitor-table td{border:1px solid #d1d5db;padding:9px;text-align:left}.visitor-table th{background:#fff1f4;position:sticky;top:0}.action-cell{position:relative;text-align:center}.dot-btn{background:#eef2ff;border:none;padding:6px;border-radius:6px;cursor:pointer}.action-menu{position:absolute;right:20px;top:-14px;width:120px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #00000014;z-index:99;overflow:hidden}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.action-menu button,.action-menu .lnk{width:100%;padding:9px 12px;display:flex;gap:8px;align-items:center;border:none;background:none;cursor:pointer;text-decoration:none;color:#111;font-size:13px}.action-menu button:hover,.action-menu .lnk:hover{background:#f4f6ff}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#fff;width:420px;border-radius:10px}.modal-header{background:#0a158a;color:#fff;padding:12px;display:flex;justify-content:space-between;border-radius:10px 10px 0 0}.modal-header span{cursor:pointer}.modal-body{padding:15px}@media(max-width:1200px){.vlist-layout{grid-template-columns:320px 1fr;gap:16px}.visitor-form-card{height:76vh}}@media(max-width:992px){.vlist-layout{grid-template-columns:1fr}.visitor-form-card{height:auto}.visitor-table{min-width:900px}}@media(max-width:768px){.vlist-wrapper{padding:14px}.visitor-form-header{font-size:14px;padding:12px}.visitor-form-body{padding:14px}.visitor-form-body input,.visitor-form-body select{font-size:14px;padding:11px}.save-btn{padding:12px;font-size:14px}.visitor-table-card{padding:10px}.visitor-table{min-width:760px}}@media(max-width:480px){.vlist-wrapper{padding:10px}.page-title{font-size:18px}.visitor-form-header{font-size:13px}.visitor-form-body label{font-size:12px}.visitor-form-body input,.visitor-form-body select{font-size:13px;padding:10px}.save-btn{font-size:13px;padding:11px}.visitor-table{min-width:650px;font-size:12px}.modal-box{width:92%}}.visitor-page{padding:20px;background:#f6f7fb;font-family:Inter,sans-serif}.visitor-card{background:#fff;border-radius:10px;padding:15px;margin-bottom:20px;border:1px solid #f1c6d0}.visitor-card h3{margin-bottom:12px}.table-wrap{overflow-x:auto}.visitor-table{width:100%;border-collapse:collapse;font-size:13px}.visitor-table th,.visitor-table td{border:1px solid #ccc;padding:10px;text-align:left}.visitor-table th{background:#ffeef3}.action-cell{position:relative;width:80px;text-align:center}.action-btn{background:#eef2ff;border:none;padding:6px;border-radius:6px;cursor:pointer;font-size:16px}.action-menu{position:absolute;right:10px;top:35px;background:#fff;border:1px solid #ddd;border-radius:6px;z-index:10}.action-menu button{padding:8px 12px;border:none;background:none;width:100%;cursor:pointer}.action-menu button:hover{background:#f4f6ff}.edit-card{border-color:#c7d2fe}.edit-table{width:100%;border-collapse:collapse}.edit-table th,.edit-table td{border:1px solid #cbd5e1;padding:10px}.edit-table th{width:200px;background:#f8fafc}.edit-table input{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:4px}.edit-actions{margin-top:15px;display:flex;gap:10px}.btn-save{background:#0a158a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-cancel{background:#e5e7eb;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.pd-main-wrapper{padding:30px;background:#f5f7fa;min-height:90vh;font-family:Arial,sans-serif}.pd-main-heading{font-size:25px;margin-bottom:15px;font-weight:700;color:#333}.pd-container{display:flex;gap:25px;align-items:flex-start}.pd-form{width:35%;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a}.pd-title{font-size:22px;margin-bottom:15px;color:#444}.pd-input,.pd-textarea,.pd-search-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;margin-bottom:12px;font-size:14px}.pd-textarea{height:70px;resize:none}.pd-submit-btn{width:100%;padding:12px;background:#4a90e2;color:#fff;border:none;font-size:16px;border-radius:6px;cursor:pointer;transition:.3s}.pd-submit-btn:hover{background:#3576c6}.pd-table-box{flex:1;min-width:350px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 3px 10px #0000001a;overflow-x:auto;overflow-y:hidden}.pd-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.pd-table-scroll::-webkit-scrollbar{height:8px}.pd-table-scroll::-webkit-scrollbar-thumb{background:#b5b5b5;border-radius:10px}.pd-table-scroll::-webkit-scrollbar-track{background:#f0f0f0}.pd-search-box{display:flex;align-items:center;gap:10px;margin-bottom:15px}.pd-table{width:100%;border-collapse:collapse;margin-top:10px}.pd-table th,.pd-table td{padding:10px;border-bottom:1px solid #e0e0e0;text-align:left;font-size:14px}.pd-table th{background:#e9eef5;font-weight:700}.pd-edit,.pd-delete{padding:5px 10px;font-size:13px;border:none;border-radius:4px;cursor:pointer;margin-right:5px}.pd-edit{background:#4caf50;color:#fff}.pd-delete{background:#e63946;color:#fff}.pd-empty{text-align:center;padding:18px;color:#999}.pd-footer{margin-top:12px;font-size:13px;color:#555}.pd-form,.pd-table-box{border:2px solid #f7c6d0;padding:0;overflow:hidden}.pd-title{background:#fff1f4;padding:14px 18px;margin:0;border-bottom:1px solid #f7c6d0;font-weight:600}.pd-form{height:78vh;display:flex;flex-direction:column}.pd-form-body{padding:18px;overflow-y:auto;flex:1}.pd-form-body::-webkit-scrollbar{width:0}.pd-form-body{scrollbar-width:none}.pd-input,.pd-textarea,.pd-search-input{border:1px solid #c7d2fe;background:#fafbff;border-radius:8px;transition:.2s}.pd-input:focus,.pd-textarea:focus,.pd-search-input:focus{border-color:#0a158a;background:#fff;box-shadow:0 0 0 2px #0a158a14;outline:none}.pd-table-scroll::-webkit-scrollbar{height:0}.pd-table-scroll{scrollbar-width:none}.pd-pagination{display:flex;gap:6px;padding-right:20px;justify-content:flex-end;margin-top:10px}.pd-pagination button{padding:6px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer}.pd-pagination .active{background:#0a158a;color:#fff}@media(max-width:992px){.pd-container{flex-direction:column}.pd-form,.pd-table-box{width:100%}}@media(max-width:576px){.pd-main-heading{font-size:26px}.pd-title{font-size:18px}}.pr-wrapper{padding:15px;background:#eef1f7;min-height:90vh;font-family:Inter,sans-serif;overflow:hidden}.pr-heading{font-size:30px;font-weight:700;margin-bottom:25px;color:#1f2d5c}.pr-grid{display:flex;flex-wrap:wrap;gap:25px}.pr-card{flex:1;min-width:320px;background:#fff;padding:22px;border-radius:14px;box-shadow:0 8px 30px #00000014;border:1px solid #e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pr-card-title{font-size:22px;font-weight:600;margin-bottom:18px;color:#1d335e}.pr-input,.pr-textarea{width:100%;padding:10px 12px;margin-bottom:18px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;transition:.2s;background:#f9fafb}.pr-input:focus,.pr-textarea:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.pr-textarea{min-height:80px}.pr-btn{width:100%;padding:12px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-radius:8px;border:none;cursor:pointer;font-size:16px;transition:.3s}.pr-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.pr-table-card{flex:2}.pr-search-box{margin-bottom:15px}.pr-search-input{width:100%;padding:10px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc}.pr-table-scroll{overflow-x:auto}.pr-table{width:100%;border-collapse:collapse;margin-top:10px}.pr-table th{background:#f1f5f9;padding:12px;font-weight:600}.pr-table th,.pr-table td{border-bottom:1px solid #e2e8f0;padding:12px}.pr-edit{padding:6px 10px;background:#16a34a;color:#fff;border:none;border-radius:6px;margin-right:6px}.pr-delete{padding:6px 10px;background:#dc2626;color:#fff;border:none;border-radius:6px}.pr-no-data{text-align:center;padding:15px;color:#888}.pr-footer{margin-top:12px;font-size:14px;color:#475569}.pr-card{border:2px solid #f7c6d0;padding:0;overflow:hidden}.pr-card-title{background:#fff1f4;padding:14px 18px;margin:0;border-bottom:1px solid #f7c6d0;font-weight:600}.pr-form{min-height:78vh;max-height:78vh;display:flex;flex-direction:column}.pr-form-body{padding:18px;overflow-y:auto;flex:1}.pr-form-body::-webkit-scrollbar{width:0}.pr-form-body{scrollbar-width:none}.pr-input,.pr-textarea,.pr-search-input{border:1px solid #c7d2fe;background:#fafbff;border-radius:8px;transition:.2s}.pr-input:focus,.pr-textarea:focus,.pr-search-input:focus{border-color:#0a158a;background:#fff;box-shadow:0 0 0 2px #0a158a14;outline:none}.pr-table-scroll::-webkit-scrollbar{height:0}.pr-table-scroll{scrollbar-width:none}.pr-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:10px;padding-right:20px;border-top:1px solid #eee}.pr-pagination button{min-width:36px;height:36px;padding:0 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:.2s}.pr-pagination button:hover{border-color:#0a158a;color:#0a158a}.pr-pagination .active{background:#0a158a;color:#fff;border-color:#0a158a}.pr-pagination button:disabled{opacity:.4;cursor:not-allowed}.pr-grid{height:100%;align-items:stretch}.gatepass-wrapper{background:#f1f1f6;padding:18px;min-height:90vh;overflow-x:hidden}.gatepass-container{display:flex;gap:18px;height:100%}.gatepass-form-card,.gatepass-list-card{height:calc(100vh - 80px);background:#fff;border-radius:16px;box-shadow:0 6px 18px #00000014;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.gatepass-form-card::-webkit-scrollbar,.gatepass-list-card::-webkit-scrollbar{display:none}.gatepass-card-header{background:#f7c6d0;padding:14px 18px;border-radius:16px 16px 0 0;font-weight:600;font-size:17px;color:#050a5c;border-bottom:1px solid #f1aebf}.gatepass-form-card{width:360px}.gatepass-form-body{padding:16px}.gatepass-form-row{display:flex;gap:12px}.gatepass-form-group{margin-bottom:14px;flex:1}.gatepass-form-group label{font-size:14px;color:#050a5c;margin-bottom:6px;display:block}.gatepass-input,.gatepass-select,.gatepass-textarea{width:100%;padding:11px 12px;border-radius:8px;border:1px solid #cfd6ff;outline:none;font-size:14px}.gatepass-input::placeholder,.gatepass-textarea::placeholder{color:#9aa4d6}.gatepass-image-options{display:flex;gap:18px;margin-bottom:12px}.gatepass-image-box{width:130px;height:130px;border:2px solid #2563eb;border-radius:12px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.gatepass-image-box span{background:#2563eb;width:36px;height:36px;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.gatepass-image-box input{position:absolute;inset:0;opacity:0}.gatepass-preview-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.gatepass-capture-placeholder{height:180px;border:2px dashed #cfd6ff;border-radius:12px;margin-bottom:14px}.gatepass-btn-primary{background:#2563eb;color:#fff;padding:11px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;align-self:flex-end}.gatepass-list-body{padding:16px}.gatepass-table{width:100%;border-collapse:collapse;font-size:14px}.gatepass-table th{background:#fde8ee;padding:10px;color:#050a5c}.gatepass-table td{padding:10px;border-bottom:1px solid #eee;text-align:center}.gatepass-table-img{width:46px;border-radius:8px}.gatepass-action-cell{position:relative}.gatepass-btn-action{background:#213154;color:#fff;padding:5px 15px;border-radius:8px;border:none;cursor:pointer}.gatepass-action-menu{position:absolute;right:0;top:45px;background:#fff;border-radius:14px;box-shadow:0 8px 20px #00000026;padding:10px;min-width:150px;display:flex;flex-direction:column;gap:4px}.gatepass-action-item{padding:10px 14px;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:8px}.gatepass-action-item:hover{background:#f2f4ff}.gatepass-delete-btn{color:red}.gatepass-pagination{margin-top:14px;display:flex;gap:6px;justify-content:flex-end}.gatepass-pagination button{padding:6px 12px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer}.gatepass-pagination .active{background:#2563eb;color:#fff}.gatepass-print-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.gatepass-print-wrapper{width:600px;background:#fff;border-radius:14px;overflow:hidden}.gatepass-print-top{background:#050a5c;color:#fff;padding:12px 18px;display:flex;justify-content:space-between;font-size:18px}.gatepass-print-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.gatepass-id-card{margin:18px;border-radius:12px;overflow:hidden;border:2px solid #050a5c}.gatepass-id-header{background:linear-gradient(135deg,#050a5c,#2d2fa3);display:flex;align-items:center;padding:14px;gap:14px;color:#fff}.gatepass-id-body{display:flex;justify-content:space-between;padding:16px}.gatepass-id-photo img{width:120px;height:140px;object-fit:cover;border:1px solid #aaa}.gatepass-id-footer{background:linear-gradient(135deg,#2d2fa3,#050a5c);color:#fff;padding:10px 14px;display:flex;justify-content:space-between;font-size:13px}@media(max-width:900px){.gatepass-container{flex-direction:column}.gatepass-form-card{width:100%}}.income-container{display:grid;grid-template-columns:1fr 1.3fr;gap:25px;padding:25px;background:#f4f6fb;min-height:100vh;box-sizing:border-box}.income-form-wrapper{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:25px}.income-form{display:flex;flex-direction:column;gap:14px}.income-form h2{margin-bottom:10px;color:#1e293b;font-size:20px;font-weight:600}.income-form label{font-size:13px;font-weight:500;color:#475569}.income-form input,.income-form select,.income-form textarea{padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;background:#fff;transition:all .2s ease}.income-form input:focus,.income-form select:focus,.income-form textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.income-form textarea{min-height:90px;resize:vertical}.btn-save{margin-top:10px;padding:12px;border-radius:10px;border:none;background:linear-gradient(90deg,#6366f1,#4f46e5);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4f46e54d}.income-list{background:#fff;padding:20px;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden}.income-list h2{margin-bottom:15px;font-size:18px;font-weight:600;color:#1e293b}.income-list .table-wrapper{overflow-x:auto;border-radius:10px}.income-list table{width:100%;min-width:900px;border-collapse:collapse;font-size:14px}.income-list th{background:#eef2ff;padding:12px;text-align:left;font-weight:600;color:#334155}.income-list td{padding:12px;border-bottom:1px solid #f1f5f9;color:#475569}.income-list tr:hover{background:#f9fafb}.action-cell{position:relative;width:80px}.dots-btn{width:36px;height:36px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:18px;font-weight:700;color:#475569;display:grid;place-items:center}.dropdown-menu{position:absolute;right:6px;top:45px;background:#fff;border-radius:10px;box-shadow:0 12px 30px #00000026;z-index:9999;min-width:150px}.dropdown-menu button{width:100%;padding:10px 14px;border:none;background:#fff;text-align:left;cursor:pointer}.dropdown-menu button:hover{background:#f1f5f9}.dropdown-edit{color:#2563eb}.dropdown-delete{color:#dc2626;border-top:1px solid #e2e8f0}@media(max-width:1200px){.income-list table{min-width:750px}}@media(max-width:992px){.income-container{grid-template-columns:1fr}.income-list table{min-width:650px}}@media(max-width:576px){.income-container{padding:15px}.income-form-wrapper,.income-list{padding:18px}.dots-btn{width:32px;height:32px;font-size:16px}}.income-page{padding:30px;background:#f4f6fb;font-family:Poppins,sans-serif}.page-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:25px}.header-icon{font-size:26px;color:#0a1b4d}.page-header h2{font-size:26px;font-weight:600;color:#0a1b4d}.breadcrumb{margin-left:auto;font-size:14px;color:#777}.filter-box,.list-box{background:#fff;padding:25px;border-radius:16px;box-shadow:0 8px 20px #0000000d;margin-bottom:25px}.section-title{font-size:18px;font-weight:600;color:#0a1b4d;margin-bottom:18px}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.form-group label{font-size:14px;margin-bottom:6px;display:block}.form-group input,.form-group select{width:100%;height:45px;padding:0 12px;border-radius:10px;border:1px solid #ddd;background:#f7f8ff;font-size:14px;transition:.3s}.form-group input:focus,.form-group select:focus{border-color:#4c6fff;background:#fff;outline:none}.search-btn-wrapper{margin-top:20px;text-align:right}.primary-btn{background:linear-gradient(135deg,#4c6fff,#1b3cff);color:#fff;padding:10px 28px;border-radius:10px;border:none;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.list-toolbar{display:flex;justify-content:flex-end;margin-bottom:15px}.table-tools{display:flex;gap:10px;align-items:center}.table-tools select,.table-tools input{height:38px;padding:0 10px;border-radius:8px;border:1px solid #ddd}.income-table{width:100%;border-collapse:collapse;min-width:900px}.income-table th{background:#f1f3ff;padding:12px;text-align:left;font-size:14px;color:#0a1b4d}.income-table td{padding:12px;font-size:14px;border-bottom:1px solid #eee}.income-table tr:hover{background:#f9faff}@media(max-width:1024px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.income-page{padding:15px}.filter-grid{grid-template-columns:1fr}.search-btn-wrapper{text-align:center}.list-toolbar{flex-direction:column;align-items:stretch;gap:10px}.table-tools{width:100%;justify-content:space-between}.breadcrumb{width:100%;margin-left:0;margin-top:5px}}.income-head-page{padding:30px;background:#f4f6fb;min-height:100vh;font-family:Poppins,sans-serif}.page-header h2{font-size:26px;font-weight:600;color:#0a1b4d;margin-bottom:20px}.income-layout{display:flex;gap:25px;align-items:flex-start}.form-box{width:360px;height:520px;background:#fff;padding:25px;border-radius:16px;box-shadow:0 6px 18px #0000000f}.small-table{width:650px;height:420px;background:#fff;padding:20px;border-radius:16px;box-shadow:0 6px 18px #0000000f;overflow:hidden}.box-title{font-size:17px;font-weight:600;margin-bottom:18px;color:#0a1b4d}.form-group{margin-bottom:18px}.form-group label{font-size:14px;font-weight:500;display:block;margin-bottom:6px}.form-group span{color:red}.form-group input,.form-group textarea{width:100%;padding:11px;border-radius:10px;border:1px solid #e0e3f1;background:#f7f8ff;font-size:14px}.form-group textarea{height:80px;resize:none}.btn-save{width:100%;padding:11px;border-radius:10px;border:none;background:linear-gradient(135deg,#4c6fff,#1b3cff);color:#fff;font-weight:500;cursor:pointer}.table-toolbar{margin-bottom:12px}.table-toolbar input{width:220px;padding:8px 10px;border-radius:8px;border:1px solid #ddd}.table-wrapper{max-height:300px;overflow-y:auto;overflow-x:auto}.income-table{width:100%;border-collapse:collapse}.income-table th{background:#f2f4ff;padding:12px;font-size:13px;font-weight:600;color:#0a1b4d}.income-table td{padding:12px;font-size:13px;border-bottom:1px solid #eee}.amount{font-weight:600;color:#1b3cff}@media(max-width:1024px){.income-layout{flex-direction:column}.form-box,.small-table{width:100%;height:auto}.table-wrapper{max-height:350px}}.cmp-wrapper{padding:30px;background:#f5f7fa;min-height:100vh;font-family:Arial,sans-serif}.cmp-main-heading{font-size:32px;margin-bottom:20px;color:#333;font-weight:700}.cmp-criteria-box,.cmp-table-container{background:#fff;padding:20px;border-radius:10px;margin-bottom:30px;box-shadow:0 3px 10px #00000014}.cmp-title{font-size:22px;margin-bottom:20px;font-weight:600;color:#2c3e50}.cmp-criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.cmp-field label{display:block;margin-bottom:6px;font-weight:600;color:#333}.cmp-input{width:100%;padding:10px;border:1px solid #cfd6e1;border-radius:6px;font-size:15px}.cmp-search-btn{background:#005eb8;color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;width:100%;font-size:16px;margin-top:25px}.cmp-search-btn:hover{background:#004e9d}.cmp-table-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.cmp-search-input{padding:10px;border:1px solid #cfd6e1;border-radius:6px;width:200px}.cmp-add-btn{background:#28a745;color:#fff;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;margin-left:10px}.cmp-add-btn:hover{background:#218838}.cmp-table-scroll{overflow-x:auto;margin-top:20px}.cmp-table{width:100%;border-collapse:collapse}.cmp-table th,.cmp-table td{border:1px solid #e1e6ed;padding:10px;font-size:14px;color:#333;white-space:nowrap}.cmp-table th{background:#f1f3f6;font-weight:600}.cmp-empty{text-align:center;padding:20px;color:#777}.cmp-edit-btn{background:#ffc107;padding:6px 12px;border-radius:6px;border:none;margin-right:5px;cursor:pointer}.cmp-delete-btn{background:#dc3545;padding:6px 12px;border-radius:6px;border:none;color:#fff;cursor:pointer}@media(max-width:600px){.cmp-main-heading{font-size:24px}.cmp-table-header{flex-direction:column;gap:10px}.cmp-search-input{width:100%}}.cmpadd-wrapper{width:100%;padding:20px;background:#f6f7fb}.cmpadd-main-title{font-size:26px;font-weight:600;margin-bottom:20px}.cmpadd-box{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #00000014}.cmpadd-heading{font-size:20px;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #ececec}.cmpadd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cmpadd-full{grid-column:span 2}.cmpadd-field{display:flex;flex-direction:column}.cmpadd-field label{font-size:14px;margin-bottom:5px;font-weight:500}.cmpadd-input{padding:10px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;outline:none}.cmpadd-input:focus{border-color:#4a6cf7}.cmpadd-file{padding:7px}.cmpadd-textarea{width:100%;min-height:80px;resize:vertical;padding:10px;border:1px solid #d0d0d0;border-radius:6px;outline:none}.cmpadd-textarea:focus{border-color:#4a6cf7}.cmpadd-save-btn{margin-top:20px;padding:12px 20px;background:#4a6cf7;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:500;width:180px}.cmpadd-save-btn:hover{background:#3557e0}@media(max-width:768px){.cmpadd-grid{grid-template-columns:1fr}.cmpadd-full{grid-column:span 1}.cmpadd-save-btn{width:100%}}.ct-wrapper{padding:20px;background:#f1f1f6;min-height:100vh}.ct-header{display:flex;justify-content:space-between;margin-bottom:20px}.ct-grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.ct-card{background:#fff;border-radius:14px;border:2px solid #ffd6df;overflow:hidden}.ct-card-header{background:#fff2f5;padding:14px 18px;font-weight:600;color:#0a0a5a;font-size:16px}.ct-body{padding:16px}.ct-body label{display:block;margin:12px 0 6px;font-size:14px;font-weight:500}.ct-body select{width:100%;padding:10px;border-radius:6px;border:1px solid #cfd4ff;font-size:14px}.ct-btn{margin-top:18px;float:right;padding:8px 20px;background:#0a0a5a;color:#fff;border-radius:6px;border:none;font-size:14px;cursor:pointer}.ct-table-card{height:520px;display:flex;flex-direction:column}.ct-table{width:100%;border-collapse:collapse;table-layout:fixed}.ct-table th{background:#ffe9ef;font-weight:600;color:#0a0a5a;font-size:13px;text-transform:uppercase;letter-spacing:.4px}.ct-table th,.ct-table td{padding:14px 12px;border-bottom:1px solid #ddd;vertical-align:middle;font-size:14px;line-height:1.4;text-align:center}.ct-table tr{height:52px}.ct-table tr:nth-child(2n){background:#f4f6ff}.ct-table tr:hover{background:#eef1ff}.ct-table th:nth-child(1),.ct-table td:nth-child(1){width:120px;text-align:center}.ct-table th:nth-child(2),.ct-table td:nth-child(2){width:120px;text-align:center}.ct-table th:nth-child(3),.ct-table td:nth-child(3){text-align:left;padding-left:20px}.ct-table th:nth-child(4),.ct-table td:nth-child(4){width:140px;text-align:right;padding-right:20px}.ct-table-scroll{flex:1;overflow-y:auto;scrollbar-width:none}.ct-table-scroll::-webkit-scrollbar{display:none}.ct-action{position:relative;display:flex;justify-content:flex-end;align-items:center}.ct-action-btn{background:#0a0a5a;color:#fff;padding:6px 14px;border-radius:6px;border:none;font-size:14px;cursor:pointer}.ct-action-btn .caret{margin-left:6px;font-size:10px}.ct-action-menu{position:absolute;top:110%;right:0;background:#fff;border-radius:10px;min-width:150px;box-shadow:0 10px 25px #0000002e;border:1px solid #eee;z-index:999;overflow:hidden}.ct-menu-item{width:100%;background:none;border:none;padding:10px 16px;text-align:left;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px}.ct-menu-item:hover{background:#3f5bda;color:#fff}.ct-menu-item.delete{color:#e63946}.ct-pagination{display:flex;justify-content:flex-end;gap:6px;padding:12px}.ct-pagination button{padding:6px 10px;font-size:13px}.ct-pagination .active{background:#0a0a5a;color:#fff}@media(max-width:992px){.ct-grid{grid-template-columns:1fr}.ct-table th,.ct-table td{font-size:13px}}.class-wrapper{background:#f1f1f6;padding:20px;min-height:100vh}.class-header{display:flex;justify-content:space-between;margin-bottom:20px}.class-grid{display:grid;grid-template-columns:380px 1fr;gap:20px}.class-card{background:#fff;border-radius:14px;border:2px solid #ffd6df;overflow:hidden}.class-card-header{background:#fff2f5;padding:12px 16px;font-weight:600;color:#0a0a5a}.class-body{padding:16px;height:520px;overflow-y:auto;scrollbar-width:none}.class-body::-webkit-scrollbar{display:none}.class-body input,.class-body select{width:100%;padding:8px;margin-bottom:12px;border-radius:6px;border:1px solid #cfd4ff}.btn-primary{float:right;background:#0a0a5a;color:#fff;padding:8px 18px;border-radius:6px;border:none}.class-table-card{height:600px;display:flex;flex-direction:column}.class-table-scroll{flex:1;overflow-y:auto;scrollbar-width:none}.class-table-scroll::-webkit-scrollbar{display:none}.class-table{width:100%;border-collapse:collapse}.class-table th{background:#ffe9ef}.class-table th,.class-table td{padding:10px;border-bottom:1px solid #ddd}.class-table tr:nth-child(2n){background:#f4f6ff}.action-box{position:relative}.action-btn{background:#0a0a5a;color:#fff;padding:6px 14px;border-radius:6px;border:none}.action-menu{position:absolute;right:0;top:110%;background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;z-index:10}.action-menu button{display:block;width:100%;padding:10px 14px;background:none;border:none;text-align:left}.action-menu .delete{color:red}.pagination{display:flex;justify-content:flex-end;padding:12px;gap:6px}.class-table{width:100%;border-collapse:collapse;table-layout:fixed}.class-table thead th{background:#ffe9ef;font-weight:600;font-size:14px;color:#0a0a5a;padding:12px 10px;border-bottom:1px solid #ddd}.class-table td{padding:12px 10px;font-size:14px;border-bottom:1px solid #e2e2e2;vertical-align:middle}.class-table tbody tr:nth-child(2n){background:#f4f6ff}.col-center{text-align:center}.col-left{text-align:left}.class-table th:nth-child(1),.class-table td:nth-child(1){width:80px}.class-table th:nth-child(2),.class-table td:nth-child(2){width:160px}.class-table th:nth-child(3),.class-table td:nth-child(3){width:120px}.class-table th:nth-child(4),.class-table td:nth-child(4){width:auto}.class-table th:nth-child(5),.class-table td:nth-child(5){width:140px}.action-box{display:flex;justify-content:center;position:relative}.action-menu{position:absolute;top:110%;right:0;background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;z-index:10}.action-menu button{width:100%;padding:10px 14px;background:none;border:none;text-align:left}.action-menu .delete{color:#e63946}@media(max-width:992px){.class-grid{grid-template-columns:1fr}}.section-wrapper{background:#f1f1f6;padding:20px;min-height:100vh;overflow-y:auto;scrollbar-width:none}.section-wrapper::-webkit-scrollbar{display:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.section-card{background:#fff;border-radius:14px;border:2px solid #ffd6df;overflow:hidden}.section-card-header{background:#fff2f5;padding:12px 16px;font-weight:600;font-size:15px;color:#0a0a5a}.section-form{max-height:260px}.section-body{padding:16px;overflow:hidden}.section-body label{font-size:14px}.section-body input{width:100%;padding:8px 10px;margin:8px 0 16px;border-radius:6px;border:1px solid #cfd4ff;font-size:14px}.required{color:red}.btn-primary{float:right;background:#0a0a5a;color:#fff;padding:7px 18px;border-radius:6px;border:none;font-size:14px;cursor:pointer}.section-table-card{height:600px;display:flex;flex-direction:column}.section-table-scroll{flex:1;overflow-y:auto;scrollbar-width:none}.section-table-scroll::-webkit-scrollbar{display:none}.section-table{width:100%;border-collapse:collapse;table-layout:fixed}.section-table th{background:#ffe9ef;padding:12px;font-weight:600;font-size:14px;color:#0a0a5a}.section-table td{padding:12px;font-size:14px;border-bottom:1px solid #ddd;vertical-align:middle}.section-table tr:nth-child(2n){background:#f4f6ff}.left{text-align:left}.center{text-align:center}.action-box{position:relative;display:inline-flex;justify-content:center}.action-btn{background:#0a0a5a;color:#fff;padding:6px 14px;border-radius:6px;border:none;font-size:14px;cursor:pointer}.action-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#fff;min-width:110px;border-radius:8px;box-shadow:0 6px 16px #00000026;z-index:100;overflow:hidden}.action-menu button{width:100%;padding:6px 10px;background:none;border:none;text-align:left;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.action-menu button:hover,.action-menu button:focus,.action-menu button:active{background:none!important;color:inherit!important}.pagination{display:flex;justify-content:flex-end;gap:6px;padding:12px}.pagination button{padding:6px 12px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:13px}.pagination .active{background:#0a0a5a;color:#fff}@media(max-width:992px){.section-grid{grid-template-columns:1fr}.section-form{max-height:none}.section-table-card{height:auto}}.dt-wrapper{padding:25px;display:flex;flex-direction:column;gap:24px;font-family:Inter,sans-serif}.dt-left-title h1{font-size:28px;margin:0;font-weight:700;color:#1e2a55}.dt-sub{color:#7c8aa5;font-size:14px}.dt-criteria-box{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7f0}.dt-box-header h2{margin-bottom:15px;font-size:18px;color:#1e2a55}.dt-criteria-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:768px){.dt-criteria-grid{grid-template-columns:repeat(2,1fr)}}.dt-field label{font-size:13px;font-weight:600;color:#39445e;margin-bottom:6px;display:block}.dt-input{width:100%;padding:10px 12px;border:1px solid #cdd3ec;border-radius:10px;background:#f9faff}.dt-search-btn{width:100%;padding:12px;margin-top:22px;background:#0c2cc7;color:#fff;font-weight:600;border:none;border-radius:10px;cursor:pointer}.dt-search-btn:hover{background:#0a24a8}.dt-table-box{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7f0}.dt-table-title{color:#1e2a55;font-size:18px;margin-bottom:15px}.dt-table-scroll{overflow-x:auto}.dt-table{width:100%;border-collapse:collapse}.dt-table th{background:#ffe4ef;padding:12px;font-size:14px;font-weight:700;border-bottom:2px solid #e0e4f0}.dt-table td{padding:12px;border-bottom:1px solid #ececf4;text-align:center}.dt-period-col{background:#faf5ff;font-weight:600}.subject-select{width:100%;padding:8px 10px;border-radius:10px;border:1px solid #cdd3ec;margin-bottom:10px}.teacher-select{width:100%;padding:12px 10px;border-radius:10px;border:1px solid #aeb8df;font-size:15px;height:45px}.dt-save-box{display:flex;justify-content:flex-end;margin-top:15px}.dt-save-btn{background:#0c2cc7;color:#fff;padding:10px 22px;border-radius:10px;border:none;cursor:pointer}.ctt-wrapper{padding:24px;font-family:Inter,sans-serif;color:#1c2a53}.ctt-head{display:flex;justify-content:space-between;margin-bottom:20px}.ctt-head h1{font-size:28px;font-weight:700}.ctt-head p{font-size:14px;color:#7681a0}.ctt-box{background:#fff;padding:18px 22px;border-radius:12px;border:1px solid #e6e7ef}.ctt-title{font-size:19px;margin-bottom:12px;font-weight:700}.ctt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.ctt-field label{font-size:13px;font-weight:600;color:#374060;margin-bottom:6px;display:block}.ctt-input{width:100%;padding:10px 12px;background:#f7f9ff;border:1px solid #cbd3eb;border-radius:10px;font-size:14px;outline:none}.ctt-dropdown{position:relative}.ctt-drop-btn{width:100%;padding:10px 12px;background:#f7f9ff;border:1px solid #cbd3eb;border-radius:10px;font-size:14px;cursor:pointer;text-align:left}.ctt-day-menu{position:absolute;width:100%;background:#fff;border:1px solid #d4d6e6;border-radius:10px;padding:10px 0;margin-top:6px;box-shadow:0 5px 18px #00000014;z-index:20}.ctt-day-item{padding:8px 14px;display:flex;align-items:center;gap:10px;cursor:pointer}.ctt-day-item:hover{background:#f3f6ff}.btn-field{display:flex;align-items:flex-end}.ctt-search-btn{width:100%;padding:10px 22px;background:#0a2cc3;color:#fff;border:none;border-radius:10px;font-size:15px;cursor:pointer;font-weight:600}.ctt-table-box{background:#fff;margin-top:22px;border-radius:12px;border:1px solid #e6e7ef;padding:18px}.ctt-table-top h2{font-size:18px;font-weight:700;margin-bottom:15px}.ctt-scroll{overflow-x:auto}.ctt-table{width:100%;border-collapse:collapse}.ctt-table th{padding:12px;background:#ffe4ef;font-size:14px;font-weight:700;border-bottom:2px solid #e1e4ef}.ctt-table td{padding:10px;border-bottom:1px solid #ececf6;text-align:center}.ctt-period{background:#faf5ff;font-weight:600;width:160px}.ctt-select{width:100%;padding:9px;border-radius:10px;border:1px solid #c8d0ec;margin-bottom:8px;background:#fff}.ctt-teacher-box{height:45px;background:#e6e7f5;border-radius:8px}.ctt-save-wrap{display:flex;justify-content:flex-end;margin-top:15px}.ctt-save-btn{background:#091e9d;color:#fff;padding:10px 24px;border-radius:10px;border:none;font-size:15px;cursor:pointer}.tt-wrapper{padding:25px;font-family:Inter,sans-serif;background:#f5f6ff}.tt-header h1{font-size:26px;font-weight:700;color:#1b1c52}.tt-header p{color:#777;margin-top:-5px;font-size:14px}.tt-box{background:#fff;padding:20px;border-radius:14px;margin-top:20px;border:1px solid #e4e4fc;box-shadow:0 4px 10px #9393ff14}.tt-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:25px}.tt-field label{font-size:14px;font-weight:600;color:#30335f;margin-bottom:6px;display:block}.tt-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #c9c9f8;background:#fafaff;font-size:14px;outline:none}.tt-btn-field{display:flex;align-items:flex-end}.tt-search-btn{width:100%;padding:10px 0;border:none;border-radius:8px;background:#001b75;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.tt-table-box{margin-top:25px;background:#fff;padding:20px;border-radius:14px;border:1px solid #e4e4fc;box-shadow:0 4px 10px #9393ff14}.tt-title{margin-bottom:15px;font-size:20px;font-weight:700;color:#1b1c52}.tt-scroll{overflow-x:auto}.tt-table{width:100%;border-collapse:collapse;font-size:14px;text-align:center}.tt-table thead th{padding:15px 10px;background:#ffe6ef;color:#1b1c52;font-weight:700;border:1px solid #e4e4fc;white-space:nowrap}.period-col{background:#ffe6ef;font-weight:700;border-right:1px solid #e4e4fc}.tt-table tbody td{height:60px;background:#f5f6ff;border:1px solid #e1e1f8}.tt-cell{background:#f5f6ff!important}@media(max-width:1024px){.tt-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.tt-table thead th,.period-col{font-size:13px;padding:12px 8px}}@media(max-width:768px){.tt-wrapper{padding:15px}.tt-grid{grid-template-columns:1fr;row-gap:20px}.tt-title{font-size:18px}.tt-table thead th{font-size:12px}.tt-table tbody td{height:50px}.tt-header h1{font-size:22px}}@media(max-width:576px){.tt-header h1{font-size:20px}.tt-header p{font-size:12px}.tt-box,.tt-table-box{padding:15px}.tt-input{padding:8px 10px;font-size:13px}.tt-search-btn{padding:8px 0;font-size:14px}.tt-table{font-size:12px}.tt-table thead th,.period-col{padding:8px}.tt-scroll{overflow-x:auto}}@media(max-width:400px){.tt-header h1{font-size:18px}.tt-table{font-size:11px}.tt-table tbody td{height:45px}.tt-table thead th{padding:6px}}.StudentAttendance-container{padding:20px;background:#eef2f7}.StudentAttendance-card{background:#fff;border-radius:16px;margin-bottom:20px;box-shadow:0 6px 16px #00000014;border:1px solid #fbcfe8}.StudentAttendance-cardHeader{background:#fde2e7;padding:16px 20px;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.StudentAttendance-btnPrimary,.StudentAttendance-headerBtns button,.StudentAttendance-btnSearch{background:#1e3a8a;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.StudentAttendance-headerBtns{display:flex;gap:10px}.StudentAttendance-formGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.StudentAttendance-formGrid label{font-size:13px;font-weight:600;display:block;margin-bottom:6px}.StudentAttendance-formGrid select,.StudentAttendance-formGrid input{width:100%;padding:10px;border-radius:6px;border:1px solid #c7d2fe}.StudentAttendance-searchRow{padding:0 20px 20px;display:flex;justify-content:flex-end}.StudentAttendance-toolbar{display:flex;justify-content:space-between;padding:12px 20px}.StudentAttendance-tableWrapper{overflow-x:auto}.StudentAttendance-table{width:100%;min-width:900px;border-collapse:collapse}.StudentAttendance-table th{background:#f8d7da;padding:12px;border:1px solid #e5e7eb}.StudentAttendance-table td{padding:10px;border:1px solid #e5e7eb}.StudentAttendance-table select,.StudentAttendance-table input{width:100%;padding:6px}.StudentAttendance-empty{text-align:center;padding:30px;color:#64748b}.StudentAttendance-footer{padding:14px 20px;font-size:14px}@media(max-width:900px){.StudentAttendance-formGrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.StudentAttendance-formGrid{grid-template-columns:1fr}.StudentAttendance-cardHeader{flex-direction:column;gap:10px;align-items:flex-start}}.StudentAttendance-formGrid select,.StudentAttendance-formGrid input{width:100%;height:42px;padding:0 14px;border-radius:8px;border:1.5px solid #c7d2fe;background-color:#fff;font-size:14px;font-weight:600;color:#0f172a;transition:all .25s ease;appearance:none}.StudentAttendance-formGrid input::placeholder{color:#64748b;font-weight:500;opacity:1}.StudentAttendance-formGrid select{color:#0f172a;cursor:pointer}.StudentAttendance-formGrid select:focus,.StudentAttendance-formGrid input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.StudentAttendance-formGrid label{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:6px}.StudentAttendance-formGrid input[type=date]{padding-right:10px}.StudentAttendance-pagination{display:flex;justify-content:center;align-items:center;margin:20px 0}.page-nav{padding:8px 16px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:14px;transition:.2s}.page-nav:first-child{border-radius:6px 0 0 6px}.page-nav:last-child{border-radius:0 6px 6px 0}.page-nav:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.page-number{padding:8px 14px;border:1px solid #d1d5db;border-left:none;background:#fff;cursor:pointer;font-weight:600}.page-number:hover{background:#eef2ff}.page-number.active{background:#1e3a8a;color:#fff;border-color:#1e3a8a}@media(max-width:1100px){.StudentAttendance-formGrid{grid-template-columns:repeat(2,1fr)}.StudentAttendance-toolbar{flex-wrap:wrap;gap:10px}}@media(max-width:768px){.StudentAttendance-container{padding:14px}.StudentAttendance-cardHeader{flex-direction:column;align-items:flex-start;gap:12px}.StudentAttendance-headerBtns{width:100%;justify-content:flex-start;flex-wrap:wrap}.StudentAttendance-searchRow{justify-content:flex-start}.StudentAttendance-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.StudentAttendance-table th,.StudentAttendance-table td{padding:10px 8px;font-size:13px}}@media(max-width:600px){.StudentAttendance-formGrid{grid-template-columns:1fr;gap:16px}.StudentAttendance-btnPrimary,.StudentAttendance-btnSearch,.StudentAttendance-headerBtns button{width:100%;text-align:center}.StudentAttendance-pagination{flex-wrap:wrap;gap:6px}.page-number,.page-nav{padding:7px 12px;font-size:13px}}@media(max-width:420px){.StudentAttendance-container{padding:10px}.StudentAttendance-card{border-radius:12px}.StudentAttendance-cardHeader{padding:14px;font-size:14px}.StudentAttendance-table{min-width:700px}}.Studentleave-container{padding:20px;background:#f3f4f6}.Studentleave-header{display:flex;justify-content:space-between;background:#fff1f2;padding:16px 20px;border-radius:16px 16px 0 0}.Studentleave-addBtn{background:#1e3a8a;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.Studentleave-toolbar{display:flex;justify-content:space-between;background:#fff;padding:12px;border:1px solid #e5e7eb;border-top:none}.Studentleave-search{display:flex;gap:10px;align-items:center}.Studentleave-search input,.Studentleave-search select{padding:6px;border:1px solid #c7d2fe;border-radius:4px}.Studentleave-tableWrapper{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-top:none}.Studentleave-tableWrapper::-webkit-scrollbar{height:8px}.Studentleave-tableWrapper::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.Studentleave-table{width:100%;min-width:1300px;border-collapse:collapse}.Studentleave-table thead{background:#ffe4e6}.Studentleave-table th,.Studentleave-table td{padding:14px;border:1px solid #e5e7eb;text-align:left}.Studentleave-statusGreen{color:#16a34a;font-weight:600}.Studentleave-actionCell{position:relative}.Studentleave-actionWrap{position:relative;display:inline-block}.Studentleave-actionBtn{background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff;border:none;padding:7px 16px;border-radius:8px;font-weight:600;cursor:pointer}.Studentleave-actionBtn:hover{background:linear-gradient(135deg,#1d4ed8,#172554)}.Studentleave-dropdown{position:absolute;top:42px;right:0;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 12px 24px #0000002e;z-index:9999;min-width:140px;animation:fade .2s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.Studentleave-dropdown button{width:100%;padding:10px 14px;border:none;background:none;text-align:left;cursor:pointer}.Studentleave-dropdown button:hover{background:#f1f5f9}.Studentleave-dropdown .delete{color:#ef4444}.Studentleave-pagination{display:flex;justify-content:center;margin:25px 0}.pagination-btn,.pagination-number{padding:8px 16px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.pagination-number{border-left:none}.pagination-number.active{background:#1e3a8a;color:#fff;border-color:#1e3a8a}.pagination-btn:first-child{border-radius:6px 0 0 6px}.pagination-btn:last-child{border-radius:0 6px 6px 0}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.Studentleave-tableWrapper{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.Studentleave-tableWrapper::-webkit-scrollbar{display:none}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;cursor:pointer;font-weight:500;transition:all .2s ease}.status-badge:hover{transform:scale(1.08);opacity:.9}.status-badge.green{background:#e6f7ee;color:#1b8a5a}.status-badge.red{background:#fdecea;color:#d32f2f}.status-badge.yellow{background:#fff8e1;color:#f57c00}@media(max-width:768px){.Studentleave-toolbar{flex-direction:column;gap:10px}.Studentleave-actionBtn{padding:6px 12px;font-size:13px}.Studentleave-dropdown{left:0;right:auto}}.FAQ-container{display:flex;gap:30px;padding:30px;background:#f7f9fc;flex-wrap:wrap;justify-content:space-between}.FAQ-form-section{width:380px;flex-shrink:0}.FAQ-form{background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 10px #0000001a}.FAQ-title{text-align:center;margin-bottom:18px;font-weight:700;font-size:20px}.FAQ-field{margin-bottom:15px}.FAQ-label{font-weight:600;display:block;margin-bottom:6px}.FAQ-input,.FAQ-textarea,.FAQ-select{width:100%;padding:12px;border-radius:6px;border:1px solid #ccc;font-size:15px}.FAQ-textarea{min-height:100px;resize:vertical}.FAQ-button{width:100%;margin-top:20px;padding:12px;background:#0056d6;color:#fff;border:none;border-radius:6px;font-size:17px;font-weight:600;cursor:pointer;transition:.2s ease}.FAQ-button:hover{background:#003fa3}.FAQ-version{text-align:center;margin-top:12px;font-size:12px;opacity:.7}.FAQ-table-section{flex:1;background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 10px #0000001a;min-width:300px}.FAQ-table-wrapper{overflow-x:auto}.FAQ-table{width:100%;border-collapse:collapse;min-width:700px}.FAQ-table th,.FAQ-table td{border-bottom:1px solid #ddd;padding:12px;text-align:left;font-size:15px}.FAQ-table th{background:#f2f4f8;font-weight:700}.FAQ-actions{display:flex;gap:8px}.FAQ-edit-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;background:#00a86b;color:#fff}.FAQ-delete-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;background:#d9534f;color:#fff}.FAQ-empty{text-align:center;padding:25px;color:#666;font-size:14px}@media(min-width:1400px){.FAQ-container{max-width:1400px;margin:auto}}@media(min-width:901px){.FAQ-table-section{display:flex;flex-direction:column;height:80vh}.FAQ-table-wrapper{flex:1;overflow-y:auto;overflow-x:auto}.FAQ-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.FAQ-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}}@media(max-width:992px){.FAQ-container{flex-direction:column;gap:20px}.FAQ-form-section,.FAQ-table-section{width:100%}.FAQ-table-wrapper{max-height:500px;overflow-y:auto}}@media(max-width:768px){.FAQ-container{padding:20px}.FAQ-table{min-width:600px}.FAQ-table th,.FAQ-table td{font-size:14px;padding:10px}}@media(max-width:480px){.FAQ-title{font-size:18px}.FAQ-input,.FAQ-textarea,.FAQ-select{font-size:14px;padding:10px}.FAQ-button{font-size:15px;padding:10px}.FAQ-table{min-width:500px}}.leave-wrapper{padding:20px;background:#f6f7fb}.leave-wrapper .leave-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #f1d4db}.leave-wrapper .leave-header{font-size:18px;color:#1f2b6c;margin-bottom:15px}.leave-wrapper .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.leave-wrapper .form-group{display:flex;flex-direction:column;gap:6px}.leave-wrapper .form-group label{font-size:14px;font-weight:500}.leave-wrapper .form-group input,.leave-wrapper .form-group select,.leave-wrapper .form-group textarea{padding:10px;border-radius:6px;border:1px solid #d6dbff;font-size:14px}.leave-wrapper textarea{min-height:90px}.leave-wrapper .date-range{display:flex;align-items:center;gap:8px}.leave-wrapper .form-actions{text-align:right;margin-top:10px}.leave-wrapper .save-btn{background:#0b0f7a;color:#fff;padding:8px 22px;border-radius:6px;border:none;cursor:pointer}.leave-wrapper .table-scroll{overflow-x:auto}.leave-wrapper .leave-table{width:100%;border-collapse:collapse;min-width:800px}.leave-wrapper .leave-table th,.leave-wrapper .leave-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px;text-align:left}.leave-wrapper .leave-table th{background:#eef1ff;font-weight:600}.leave-wrapper .no-data{text-align:center;color:#999;padding:20px}.leave-wrapper .form-group select{padding:5px 10px;height:36px}.file-link{color:#0b0f7a;text-decoration:underline;font-weight:500}.edit-btn{background:#4caf50;color:#fff;border:none;padding:4px 8px;margin-right:5px;border-radius:4px;cursor:pointer}.delete-btn{background:#e53935;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}@media(max-width:900px){.leave-wrapper .grid-3{grid-template-columns:1fr}}.Cocurricular0-wrapper{background:#f4f6fb;height:100vh;padding:20px;overflow:hidden;font-family:Segoe UI,sans-serif}.Cocurricular0-grid{display:grid;grid-template-columns:420px 1fr;gap:20px;height:100%}.Cocurricular0-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 18px #0000000f;height:100%;display:flex;flex-direction:column;overflow:hidden}.Cocurricular0-card--form,.Cocurricular0-card--table{max-height:100%}.Cocurricular0-form{display:flex;flex-direction:column}.Cocurricular0-form__label{font-size:14px;margin-top:12px;font-weight:500;color:#1f2744}.Cocurricular0-form__input,.Cocurricular0-form__select{width:100%;padding:10px;border-radius:8px;border:1px solid #d0d5ff;margin-top:6px;font-size:14px;transition:.2s ease}.Cocurricular0-form__input:focus,.Cocurricular0-form__select:focus{outline:none;border-color:#0b197d;box-shadow:0 0 0 2px #0b197d26}.Cocurricular0-form__button{margin-top:20px;background:#0b197d;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;transition:.25s ease}.Cocurricular0-form__button:hover{background:#08135c}.Cocurricular0-table-scroll{flex:1;overflow-y:auto;scrollbar-width:none}.Cocurricular0-table-scroll::-webkit-scrollbar{width:0;height:0}.Cocurricular0-table{width:100%;border-collapse:collapse}.Cocurricular0-table thead{background:#ffe8ef}.Cocurricular0-table th{padding:12px;text-align:left;font-weight:600;font-size:14px}.Cocurricular0-table td{padding:12px;border-bottom:1px solid #e4e6f0;font-size:14px}.Cocurricular0-table tr:nth-child(2n){background:#f5f7ff}.Cocurricular0-action-wrapper{position:relative}.Cocurricular0-action-btn{background:#0b197d;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}.Cocurricular0-action-menu{position:absolute;right:0;top:38px;background:#fff;width:160px;border-radius:10px;box-shadow:0 6px 14px #00000026;z-index:10;overflow:hidden}.Cocurricular0-action-menu__item{padding:10px;cursor:pointer;font-size:14px}.Cocurricular0-action-menu__item:hover{background:#f1f1f6}.Cocurricular0-action-menu__item--delete{color:red}@media(max-width:992px){.Cocurricular0-grid{grid-template-columns:1fr}.Cocurricular0-wrapper{overflow-y:auto}}html,body{height:100%;overflow:hidden}.sp-page-wrapper{background:#f1f1f6;min-height:100vh;padding:20px}.sp-grid-layout{display:grid;grid-template-columns:420px 1fr;gap:20px}.sp-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001f;padding:18px;height:calc(100vh - 80px);display:flex;flex-direction:column}.sp-card-title{color:#0b197d;margin-bottom:15px;font-weight:600}.sp-form label{margin-top:12px;display:block;font-size:14px}.sp-form input{width:100%;padding:10px;border-radius:8px;border:1px solid #cfd3ff;margin-top:6px;outline:none}.sp-form input:focus{border-color:#0b197d}.sp-checkbox-group{display:flex;gap:20px;margin-top:8px}.sp-primary-btn{margin-top:auto;align-self:flex-end;background:#0b197d;color:#fff;border:none;padding:10px 22px;border-radius:8px;cursor:pointer;font-size:14px}.sp-table-wrapper{flex:1;overflow-y:auto}.sp-table-wrapper::-webkit-scrollbar{display:none}.sp-table{width:100%;border-collapse:collapse}.sp-table th{background:#ffe9f0;padding:10px;text-align:left;font-weight:600}.sp-table td{padding:10px;border-bottom:1px solid #ddd;vertical-align:middle}.sp-table tr:nth-child(2n){background:#f4f6ff}.sp-action-header{text-align:center}.sp-action-cell{text-align:center;vertical-align:middle;padding:8px}.sp-action-btn{min-width:90px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#0b197d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.sp-page-wrapper{background:#f1f1f6;height:100vh;padding:20px;overflow:hidden}.sp-grid-layout{display:grid;grid-template-columns:420px 1fr;gap:20px;height:calc(100vh - 40px)}.sp-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001f;padding:18px;height:100%;display:flex;flex-direction:column;overflow:hidden}.sp-form{flex:1;overflow-y:auto;padding-right:6px}.sp-form::-webkit-scrollbar{width:0}.sp-form{scrollbar-width:none}.sp-table-wrapper{flex:1;overflow-y:auto;padding-right:6px}.sp-table-wrapper::-webkit-scrollbar{width:0}.sp-table-wrapper{scrollbar-width:none}.sp-table tr{height:48px}.sp-action-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.sp-action-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:9999}.sp-action-menu{position:absolute;top:calc(100% + 6px);right:0;width:150px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:999;overflow:hidden}.sp-action-menu div{padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.sp-action-menu div:hover{background:#f2f4ff}.sp-action-delete{color:#e53935}.sp-pagination{padding-top:10px;font-size:13px;color:#555}@media(max-width:900px){.sp-grid-layout{grid-template-columns:1fr}.sp-card{height:auto}}@media(max-width:900px){html,body,.sp-page-wrapper{overflow:auto}.sp-grid-layout{grid-template-columns:1fr;height:auto}.sp-card{height:auto}}.as-page{min-height:100vh;background:#fbfcfd;padding:20px}.as-card{max-width:1200px;margin:auto;background:#f5f6fb;border-radius:20px;padding:20px}.as-title{font-size:22px;margin-bottom:16px}.as-section{background:#fff1f4;border-radius:16px;padding:20px;margin-bottom:20px}.as-section-title{font-size:18px;margin-bottom:16px}.as-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.as-field label{display:block;margin-bottom:6px}.as-field select{width:100%;padding:10px;border-radius:8px;border:1px solid #dcdcff}.as-checkbox{margin-top:12px;display:flex;align-items:center;gap:8px}.as-note{color:#ff3b5c;font-size:13px;margin-top:8px}.as-actions-right{display:flex;justify-content:flex-end;margin-top:16px}.as-btn-primary{background:#0b0f9f;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.as-btn-secondary{background:#1f2fff;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.as-btn-danger{background:#ff3b5c;color:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer}.as-section-header{display:flex;justify-content:space-between;align-items:center}.as-header-actions{display:flex;gap:10px}.as-table{display:flex;flex-direction:column;gap:12px}.as-row{display:grid;grid-template-columns:60px 1fr 1fr 1fr 60px;gap:12px;background:#fff;padding:12px;border-radius:12px}.as-col label{display:block;font-size:13px;margin-bottom:4px}.as-col select{width:100%;padding:8px;border-radius:8px;border:1px solid #dcdcff}.as-col.small{display:flex;align-items:center;justify-content:center;font-weight:700}.as-col.action{display:flex;align-items:flex-end;justify-content:center}@media(max-width:768px){.as-grid{grid-template-columns:1fr}.as-page{min-height:100vh;background:#fff;padding:20px}.as-card{max-width:1200px;margin:auto;background:#f5f6fb;border-radius:20px;padding:20px}.as-title{font-size:22px;margin-bottom:16px}.as-section{background:#fff1f4;border-radius:16px;padding:20px;margin-bottom:20px}.as-section-title{font-size:18px;margin-bottom:16px}.as-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.as-field label{display:block;margin-bottom:6px}.as-field select{width:100%;padding:10px;border-radius:8px;border:1px solid #dcdcff}.as-checkbox{margin-top:12px;display:flex;align-items:center;gap:8px}.as-note{color:#ff3b5c;font-size:13px;margin-top:8px}.as-actions-right{display:flex;justify-content:flex-end;margin-top:16px}.as-btn-primary{background:#0b0f9f;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.as-btn-secondary{background:#1f2fff;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.as-btn-danger{background:#ff3b5c;color:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer}.as-section-header{display:flex;justify-content:space-between;align-items:center}.as-header-actions{display:flex;gap:10px}.as-table{display:flex;flex-direction:column;gap:12px}.as-row{display:grid;grid-template-columns:60px 1fr 1fr 1fr 60px;gap:12px;background:#fff;padding:12px;border-radius:12px}.as-col label{display:block;font-size:13px;margin-bottom:4px}.as-col select{width:100%;padding:8px;border-radius:8px;border:1px solid #dcdcff}.as-col.small{display:flex;align-items:center;justify-content:center;font-weight:700}.as-col.action{display:flex;align-items:flex-end;justify-content:center}.as-grid,.as-row{grid-template-columns:1fr}.as-row{grid-template-columns:1fr}}.adm-page{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#f8f9ff);padding:30px;font-family:Segoe UI,sans-serif;overflow-x:hidden;box-sizing:border-box}.adm-header h2{font-size:26px;font-weight:600;color:#050a7d;margin-bottom:25px}.adm-layout{display:grid;grid-template-columns:1fr;gap:25px;width:100%}.adm-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 12px 30px #0000000d;width:100%;box-sizing:border-box;transition:.3s ease}.adm-card:hover{transform:translateY(-2px)}.adm-form h3{margin-bottom:20px;font-size:18px;font-weight:600}.adm-form-row{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:end}.adm-form label{font-weight:500;display:block;margin-bottom:6px;font-size:14px}.adm-form select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #e0e4ff;background:#f8f9ff;transition:.3s;font-size:14px;box-sizing:border-box}.adm-form select:focus{border-color:#050a7d;background:#fff;outline:none}.adm-btn-wrap{display:flex;align-items:end}.adm-save-btn{width:100%;height:42px;background:linear-gradient(135deg,#050a7d,#1e2aff);color:#fff;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:.3s ease}.adm-save-btn:hover{transform:translateY(-1px)}.adm-table-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px}.adm-table-top h3{font-size:18px;font-weight:600}.adm-bulk-btn{background:linear-gradient(135deg,#ff355d,#ff6a85);color:#fff;padding:8px 16px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:500;transition:.3s}.adm-bulk-btn:hover{transform:translateY(-1px)}.adm-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.adm-table-wrap::-webkit-scrollbar{display:none}.adm-table{width:100%;border-collapse:collapse;min-width:600px}.adm-table th{background:#f1f2ff;padding:13px;font-weight:600;text-align:left;font-size:14px}.adm-table td{padding:13px;border-top:1px solid #f0f0f0;font-size:14px}.adm-table tbody tr:hover{background:#f9f9ff}.adm-td-action{display:flex;gap:8px;flex-wrap:wrap}.adm-edit-btn,.adm-delete-btn{padding:6px 12px;font-size:12px;border-radius:8px;border:none;cursor:pointer;transition:.3s ease}.adm-edit-btn{background:#1e88e5;color:#fff}.adm-edit-btn:hover{background:#1565c0}.adm-delete-btn{background:#ff355d;color:#fff}.adm-delete-btn:hover{background:#e0002b}.adm-pagination{margin-top:22px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.adm-pagination button{padding:6px 12px;border-radius:8px;border:1px solid #e0e4ff;background:#f8f9ff;cursor:pointer;font-size:13px;transition:.3s ease}.adm-pagination button:hover{background:#050a7d;color:#fff}.adm-pagination button.active{background:#050a7d;color:#fff;border-color:#050a7d}.adm-pagination button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:992px){.adm-form-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.adm-page{overflow-x:scroll;padding:20px}.adm-card{padding:20px}.adm-form-row{grid-template-columns:1fr}.adm-table{min-width:450px}}@media(max-width:576px){.adm-page{padding:15px}.adm-header h2{font-size:20px}.adm-form h3,.adm-table-top h3{font-size:16px}.adm-form select{font-size:13px;padding:10px}.adm-table{min-width:450px}.adm-table th,.adm-table td{font-size:12px;padding:9px}.adm-td-action{flex-direction:column;align-items:stretch}.adm-edit-btn,.adm-delete-btn{width:100%;text-align:center}}.ass-page{min-height:100vh;background:linear-gradient(135deg,#f4f6ff,#eef1ff);padding:30px;font-family:Segoe UI,Poppins,sans-serif;box-sizing:border-box}.ass-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.ass-header h2{font-size:26px;font-weight:600;color:#1a237e;letter-spacing:.5px}.ass-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:25px;box-shadow:0 12px 35px #00000014;margin-bottom:25px;transition:all .3s ease;border:1px solid rgba(255,255,255,.4)}.ass-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0000001f}.ass-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ass-grid label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#444}.ass-grid select,.ass-grid input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dcdcff;font-size:14px;background:#fff;transition:all .3s ease;outline:none}.ass-grid select:focus,.ass-grid input:focus{border-color:#050a7d;box-shadow:0 0 0 3px #050a7d1a}.ass-grid input::placeholder{color:#aaa;font-size:13px}.ass-search-btn-wrap{text-align:right;margin-top:20px}.ass-search-btn-wrap button{background:linear-gradient(135deg,#050a7d,#283593);color:#fff;padding:10px 22px;border-radius:10px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.ass-search-btn-wrap button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #050a7d4d}.ass-table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ass-search input{padding:8px 12px;border-radius:8px;border:1px solid #ccc;outline:none;transition:.3s ease}.ass-search input:focus{border-color:#050a7d;box-shadow:0 0 0 2px #050a7d1a}.ass-card h3{font-size:26px;font-weight:600;color:#1a237e;letter-spacing:.5px;padding-bottom:9px}.ass-table-wrap{overflow-x:auto;border-radius:14px}.ass-table{width:100%;border-collapse:collapse;min-width:800px;background:#fff;border-radius:14px;overflow:hidden}.ass-table th{background:linear-gradient(135deg,#ffe8ee,#ffd9e4);color:#333;font-weight:600;padding:14px;text-align:left;font-size:14px}.ass-table td{padding:14px;font-size:14px;color:#444;border-bottom:1px solid #f0f0f0}.ass-table tbody tr{transition:all .2s ease}.ass-table tbody tr:hover{background:#f0f3ff}.ass-table tbody tr:nth-child(2n){background:#fafbff}.ass-footer{margin-top:15px;font-size:14px;color:#555;display:flex;justify-content:space-between;align-items:center}@media(max-width:1200px){.ass-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ass-page{padding:15px}.ass-grid{grid-template-columns:1fr}.ass-header{flex-direction:column;align-items:flex-start;gap:10px}.ass-table{min-width:700px}.ass-search-btn-wrap{text-align:left}}.evr-page{min-height:100vh;padding:30px;background:linear-gradient(135deg,#f4f6ff,#eef1ff);font-family:Segoe UI,Poppins,sans-serif;box-sizing:border-box}.evr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.evr-header h2{font-size:24px;font-weight:600;color:#1e1e2d}.evr-header span{font-size:14px;color:#6c757d;font-weight:500}.evr-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;margin-bottom:25px;box-shadow:0 10px 30px #00000012;border:1px solid rgba(255,214,227,.6);transition:.3s ease}.evr-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000014}.evr-card h3{font-size:20px;font-weight:600;color:#2c2c54;margin-bottom:18px}.evr-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:15px}.evr-field label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#444}.evr-field input,.evr-field select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dfe3ff;font-size:14px;background:#f9faff;transition:.3s ease}.evr-field input:focus,.evr-field select:focus{border-color:#4c6fff;outline:none;box-shadow:0 0 0 3px #4c6fff26;background:#fff}.evr-search-btn-wrap{text-align:right;margin-top:25px}.evr-search-btn-wrap button{background:linear-gradient(135deg,#050a7d,#2b3cff);color:#fff;padding:11px 26px;border-radius:12px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #050a7d4d}.evr-search-btn-wrap button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #050a7d66;background:linear-gradient(135deg,#1d25b8,#4057ff)}.evr-table-wrap{overflow-x:auto;border-radius:14px}.evr-table{width:100%;border-collapse:collapse;min-width:600px;background:#fff;border-radius:14px;overflow:hidden}.evr-table thead{background:linear-gradient(135deg,#ffe8ee,#ffe3f5)}.evr-table th{padding:14px;text-align:left;font-size:14px;font-weight:600;color:#2b2b5c;border-bottom:1px solid #eee;white-space:nowrap}.evr-table td{padding:14px;font-size:14px;border-bottom:1px solid #f1f1f1;color:#555}.evr-table tbody tr:hover{background:#f9faff}.evr-sort{margin-left:6px;font-size:12px;color:#7a7acb;cursor:pointer}.evr-no-data{text-align:center;padding:30px;font-size:14px;color:#888}@media(max-width:1024px){.evr-form-grid{gap:18px}}@media(max-width:900px){.evr-form-grid{grid-template-columns:1fr}.evr-header{flex-direction:column;align-items:flex-start;gap:6px}.evr-search-btn-wrap{text-align:left}}@media(max-width:600px){.evr-page{padding:15px}.evr-card{padding:18px}.evr-table{font-size:13px}}.pcr-page{min-height:100vh;padding:30px;background:linear-gradient(135deg,#f4f6ff,#eef1ff);font-family:Segoe UI,Poppins,sans-serif;box-sizing:border-box}.pcr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.pcr-header h2{font-size:24px;font-weight:600;color:#1e1e2d}.pcr-header span{font-size:14px;color:#6c757d;font-weight:500}.pcr-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;margin-bottom:25px;box-shadow:0 10px 30px #00000012;border:1px solid rgba(255,214,227,.6);transition:all .3s ease}.pcr-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000014}.pcr-card h3{font-size:20px;font-weight:600;color:#2c2c54;margin-bottom:18px}.pcr-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:15px}.pcr-field label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#444}.pcr-field select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dfe3ff;font-size:14px;background:#f9faff;transition:all .3s ease;appearance:none;cursor:pointer}.pcr-field select:focus{border-color:#4c6fff;outline:none;box-shadow:0 0 0 3px #4c6fff26;background:#fff}.pcr-placeholder{color:#999}.pcr-search-btn-wrap{text-align:right;margin-top:25px}.pcr-search-btn-wrap button{background:linear-gradient(135deg,#050a7d,#2b3cff);color:#fff;padding:11px 26px;border-radius:12px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #050a7d4d}.pcr-search-btn-wrap button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #050a7d66;background:linear-gradient(135deg,#1d25b8,#4057ff)}.pcr-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pcr-table-wrap{overflow-x:auto;border-radius:14px}.pcr-table{width:100%;border-collapse:collapse;min-width:500px;background:#fff;border-radius:14px;overflow:hidden}.pcr-table thead{background:linear-gradient(135deg,#ffe8ee,#ffe3f5)}.pcr-table th{padding:14px;text-align:left;font-size:14px;font-weight:600;color:#2b2b5c;border-bottom:1px solid #eee;white-space:nowrap}.pcr-table td{padding:14px;font-size:14px;border-bottom:1px solid #f1f1f1;color:#555}.pcr-table tbody tr:hover{background:#f9faff;transition:.2s ease}.pcr-sort{margin-left:6px;font-size:12px;color:#7a7acb;cursor:pointer}.pcr-table input[type=checkbox]{width:16px;height:16px;accent-color:#2b3cff;cursor:pointer}.pcr-no-data{text-align:center;padding:30px;font-size:14px;color:#888}@media(max-width:1100px){.pcr-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.pcr-form-grid{grid-template-columns:1fr}.pcr-header{flex-direction:column;align-items:flex-start;gap:6px}.pcr-search-btn-wrap{text-align:left}}@media(max-width:600px){.pcr-page{padding:15px}.pcr-card{padding:18px}.pcr-table{font-size:13px}}.booklist-page{width:100%;min-height:100vh;padding:20px;background:#f4f7fc;font-family:Poppins,sans-serif;box-sizing:border-box}.booklist-tabs{width:100%;display:flex;gap:14px;margin-bottom:22px;flex-wrap:wrap}.booklist-tab-btn{flex:1;min-width:140px;height:54px;border:none;border-radius:14px;background:#fff;font-size:15px;font-weight:600;color:#555;cursor:pointer;transition:all .35s ease;box-shadow:0 3px 10px #0000000d}.booklist-tab-btn:hover{transform:translateY(-2px)}.booklist-tab-btn.active{background:linear-gradient(135deg,#5b4dff,#7c4dff);color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px #5b4dff40}.booklist-section{width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 35px #0000000f}.booklist-topbar{width:100%;padding:18px 20px;background:#eef1f7;display:flex;justify-content:space-between;align-items:center;gap:15px;box-sizing:border-box}.booklist-search{width:100%;max-width:430px;height:50px;background:#fff;border-radius:40px;display:flex;align-items:center;padding:0 18px;gap:12px;box-shadow:0 4px 14px #0000000d}.booklist-search svg{font-size:16px;color:#666}.booklist-search input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#333;font-weight:500}.booklist-add-btn{width:50px;min-width:50px;height:50px;border-radius:16px;border:none;background:linear-gradient(135deg,#5b4dff,#7c4dff);color:#fff;font-size:18px;cursor:pointer;transition:all .35s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 22px #5b4dff40}.booklist-add-btn:hover{transform:translateY(-2px) scale(1.05)}.booklist-inline-form{width:100%;padding:25px 20px 10px;box-sizing:border-box}.booklist-inline-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end}.booklist-input-group{width:100%;display:flex;flex-direction:column;gap:10px}.booklist-input-group label{font-size:14px;font-weight:600;color:#333}.booklist-input-group input{width:100%;height:52px;border:1px solid #dcdcdc;border-radius:14px;padding:0 18px;font-size:14px;outline:none;transition:.3s ease;background:#fff;box-sizing:border-box}.booklist-input-group input:focus{border-color:#5b4dff;box-shadow:0 0 0 4px #5b4dff14}.booklist-inline-add-btn{width:55px;height:55px;border:none;border-radius:16px;background:linear-gradient(135deg,#5b4dff,#7c4dff);color:#fff;font-size:18px;cursor:pointer;transition:all .35s ease;box-shadow:0 10px 25px #5b4dff40}.booklist-inline-add-btn:hover{transform:translateY(-2px) scale(1.04)}.booklist-table-wrapper{width:100%;overflow-x:auto}.booklist-table{width:100%;border-collapse:collapse}.booklist-table thead{background:#fafbfd}.booklist-table th{padding:18px 20px;text-align:left;font-size:14px;font-weight:700;color:#222;border-bottom:1px solid #ececec;white-space:nowrap}.booklist-table td{padding:18px 20px;font-size:14px;color:#555;border-bottom:1px solid #f1f1f1;white-space:nowrap}.booklist-table tbody tr{transition:.3s ease}.booklist-table tbody tr:hover{background:#f8f9ff}.booklist-delete-btn{width:42px;height:42px;border:none;border-radius:14px;background:linear-gradient(135deg,#ff4d4d1f,#ff000014);color:#ff2d2d;cursor:pointer;font-size:15px;display:flex;justify-content:center;align-items:center;transition:all .35s ease;box-shadow:0 4px 12px #ff000014,inset 0 1px 1px #fff6;position:relative;overflow:hidden}.booklist-delete-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent);opacity:0;transition:.35s ease}.booklist-delete-btn:hover{transform:translateY(-2px) scale(1.06);background:linear-gradient(135deg,#ff4d4d,red);color:#fff;box-shadow:0 10px 22px #ff000038}.booklist-delete-btn:hover:before{opacity:1}.booklist-delete-btn:active{transform:scale(.96)}.booklist-pagination{width:100%;padding:18px 20px;display:flex;justify-content:flex-end;align-items:center;gap:30px;flex-wrap:wrap}.booklist-pagination-left{display:flex;align-items:center;gap:12px}.booklist-pagination-left span{font-size:14px;color:#444}.booklist-pagination-left select{width:90px;height:42px;border-radius:12px;border:1px solid #ddd;padding:0 12px;font-size:14px;background:#fff;outline:none;cursor:pointer}.booklist-pagination-right{display:flex;align-items:center;gap:15px}.booklist-pagination-right span{font-size:14px;color:#333}.booklist-pagination-right button{width:36px;height:36px;border:none;border-radius:10px;background:#f3f4f8;cursor:pointer;transition:all .3s ease;font-size:14px}.booklist-pagination-right button:hover{background:#5b4dff;color:#fff}.booklist-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.booklist-modal{width:100%;max-width:550px;background:#fff;border-radius:24px;overflow:hidden;animation:popup .3s ease;box-shadow:0 20px 45px #00000026}@keyframes popup{0%{transform:translateY(25px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.booklist-modal-header{padding:22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.booklist-modal-header h2{font-size:22px;color:#222;font-weight:700}.booklist-close-btn{width:42px;height:42px;border-radius:50%;border:none;background:#f3f4f8;cursor:pointer;font-size:16px;transition:.3s ease;display:flex;justify-content:center;align-items:center}.booklist-close-btn:hover{background:#ffeded;color:red;transform:rotate(90deg)}.booklist-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px}.booklist-modal-body input{width:100%;height:52px;border-radius:14px;border:1px solid #ddd;padding:0 18px;outline:none;font-size:14px;transition:.3s ease;box-sizing:border-box}.booklist-modal-body input:focus{border-color:#5b4dff;box-shadow:0 0 0 4px #5b4dff14}.booklist-modal-footer{padding:0 24px 24px;display:flex;justify-content:flex-end;gap:15px}.booklist-cancel-btn{height:48px;padding:0 22px;border:none;border-radius:12px;background:#ececec;cursor:pointer;font-size:14px;font-weight:600;transition:.3s ease}.booklist-cancel-btn:hover{background:#ddd}.booklist-submit-btn{height:48px;padding:0 25px;border:none;border-radius:12px;background:linear-gradient(135deg,#5b4dff,#7c4dff);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:.35s ease;box-shadow:0 8px 18px #5b4dff38}.booklist-submit-btn:hover{transform:translateY(-2px)}@media(max-width:992px){.booklist-inline-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.booklist-page{padding:12px}.booklist-tabs{gap:10px}.booklist-tab-btn{min-width:calc(50% - 10px);height:48px;font-size:14px}.booklist-topbar{flex-direction:column;align-items:stretch}.booklist-search{max-width:100%}.booklist-add-btn{align-self:flex-end}.booklist-inline-grid{grid-template-columns:1fr}.booklist-inline-add-btn{width:100%}.booklist-pagination{justify-content:center;gap:15px}.booklist-pagination-right{width:100%;justify-content:center}}@media(max-width:480px){.booklist-tab-btn{min-width:100%}.booklist-table th,.booklist-table td{padding:14px;font-size:13px}.booklist-modal-footer{flex-direction:column}.booklist-submit-btn,.booklist-cancel-btn{width:100%}}.issueReturn{width:100%;min-height:100vh;padding:20px;background:#f4f7ff;font-family:Poppins,sans-serif;box-sizing:border-box;overflow-x:hidden}.issueReturnHeader{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;margin-bottom:20px;flex-wrap:wrap}.issueReturnSearch{flex:1;height:54px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#f7f8ff;border:1px solid #e5e9ff;border-radius:14px;min-width:250px}.issueReturnSearch svg{font-size:18px;color:#6c63ff}.issueReturnSearch input{width:100%;height:100%;border:none;outline:none;background:none;font-size:14px;font-weight:500;color:#333}.issueReturnActionArea{display:flex;gap:12px}.issueReturnFilterBtn,.issueReturnAddBtn{width:50px;height:50px;border:none;border-radius:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:18px;transition:.3s}.issueReturnFilterBtn{background:#fff;border:1px solid #ececec;color:#444;box-shadow:0 5px 15px #0000000a}.issueReturnAddBtn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 10px 20px #2563eb59}.issueReturnAddBtn:hover,.issueReturnFilterBtn:hover{transform:translateY(-2px)}.issueReturnTableWrap{width:100%;background:#fff;border-radius:24px;box-shadow:0 10px 25px #0000000d;overflow:hidden}.issueReturnMobileHint{display:none;padding:12px;font-size:12px;font-weight:600;text-align:center;background:#f7f8ff;color:#2563eb}.issueReturnTableScroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#bfbfbf transparent}.issueReturnTableScroll::-webkit-scrollbar{height:8px}.issueReturnTableScroll::-webkit-scrollbar-track{background:#efefef;border-radius:20px}.issueReturnTableScroll::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:20px}.issueReturnTable{border-collapse:collapse;min-width:1300px;width:max-content}.issueReturnTable thead{background:#f8f9ff}.issueReturnTable th{padding:18px;font-size:13px;font-weight:700;white-space:nowrap;text-align:left;border-bottom:1px solid #ececec;min-width:160px;color:#222}.issueReturnTable td{padding:16px 18px;font-size:14px;border-bottom:1px solid #f1f1f1;white-space:nowrap;min-width:160px;color:#555}.issueReturnTable tbody tr{transition:.3s}.issueReturnTable tbody tr:hover{background:#f8f9ff;cursor:pointer}.issueReturnDelete{width:38px;height:38px;border:none;background:#fff1f1;color:#ff4d4d;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.issueReturnDelete:hover{background:#ff4d4d;color:#fff}.issueReturnPagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:15px;border-top:1px solid #eee;flex-wrap:wrap}.issueReturnPageLeft,.issueReturnPageRight{display:flex;align-items:center;gap:10px}.issueReturnPageLeft span,.issueReturnPageRight span{font-size:14px;font-weight:500;color:#444}.issueReturnPageLeft select{height:38px;padding:0 12px;border-radius:10px;border:1px solid #ddd;outline:none}.issueReturnPageRight button{width:36px;height:36px;border:none;border-radius:10px;background:#f4f5fb;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:16px;transition:.3s}.issueReturnPageRight button:hover{background:#2563eb;color:#fff}.issueReturnModal{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;padding:20px;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.issueReturnModalBox{width:100%;max-width:950px;max-height:90vh;overflow:auto;background:#fff;border-radius:24px;animation:popup .3s ease}.issueReturnFilterBox{width:100%;max-width:420px;background:#fff;border-radius:22px;overflow:hidden;animation:popup .3s ease}@keyframes popup{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.issueReturnModalHead{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #eee}.issueReturnModalHead h2,.issueReturnModalHead h3{font-size:22px;font-weight:700;color:#222}.issueReturnModalHead button{width:42px;height:42px;border:none;border-radius:50%;background:#f4f4f4;cursor:pointer;font-size:18px;transition:.3s;display:flex;justify-content:center;align-items:center}.issueReturnModalHead button:hover{background:#ffecec;color:#ff4d4d}.issueReturnFormGrid{padding:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.issueReturnFormGrid input,.issueReturnFormGrid select{height:52px;padding:0 16px;border:1px solid #ddd;border-radius:14px;outline:none;font-size:14px;transition:.3s}.issueReturnFormGrid input:focus,.issueReturnFormGrid select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.issueReturnChecks{display:flex;gap:20px;padding:0 22px;flex-wrap:wrap}.issueReturnChecks label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#444}.issueReturnButtons{padding:22px;display:flex;justify-content:flex-end;gap:12px}.cancelBtn,.saveBtn{height:48px;padding:0 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:.3s}.cancelBtn{background:#fff;color:#111;border:1px solid #dcdcdc}.cancelBtn:hover{background:#f5f5f5}.saveBtn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;box-shadow:0 10px 20px #2563eb40}.saveBtn:hover{transform:translateY(-2px)}.issueReturnFilterGrid{padding:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.issueReturnFilterGrid label{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9ff;border-radius:12px;font-size:14px;font-weight:500}.issueReturnFilterGrid input{accent-color:#2563eb}@media(max-width:768px){.issueReturn{padding:10px}.issueReturnSearch{width:100%;min-width:100%}.issueReturnActionArea{width:100%;justify-content:flex-end}.issueReturnMobileHint{display:block}.issueReturnTableScroll{overflow-x:auto}.issueReturnTable{min-width:1300px}.issueReturnPagination{flex-direction:column;align-items:center}.issueReturnFormGrid{grid-template-columns:1fr}.issueReturnButtons{flex-direction:column}.cancelBtn,.saveBtn{width:100%}}@media(max-width:480px){.issueReturn{padding:8px}.issueReturnHeader{padding:12px;border-radius:18px}.issueReturnSearch{height:46px;padding:0 14px}.issueReturnSearch input{font-size:13px}.issueReturnFilterBtn,.issueReturnAddBtn{width:42px;height:42px;font-size:15px;border-radius:12px}.issueReturnTableWrap{overflow:hidden}.issueReturnTableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.issueReturnTable{min-width:1300px;width:max-content}.issueReturnTable th,.issueReturnTable td{padding:12px;font-size:12px}.issueReturnPagination{flex-direction:column;align-items:center}.issueReturnModalBox{max-height:95vh;border-radius:20px}.issueReturnFormGrid{grid-template-columns:1fr;padding:16px}.issueReturnButtons{padding:16px}.issueReturnChecks{padding:0 16px;flex-direction:column;align-items:flex-start;gap:12px}.issueReturnFilterGrid{grid-template-columns:1fr}}.addStudent{width:100%;min-height:100vh;padding:20px;background:#f5f7ff;font-family:Poppins,sans-serif;box-sizing:border-box}.addStudent__topbar{width:100%;background:#fff;border-radius:22px 22px 0 0;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 10px 30px #0000000a}.addStudent__search{flex:1;height:54px;background:#f7f8fc;border-radius:40px;padding:0 18px;display:flex;align-items:center}.addStudent__search svg{font-size:20px;color:#111827;margin-right:12px}.addStudent__search input{flex:1;border:none;outline:none;background:none;font-size:14px;font-weight:500}.addStudent__addBtn{width:56px;height:56px;border:none;border-radius:50%;background:linear-gradient(135deg,#6254ff,#4b42e8);color:#fff;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 12px 24px #594aff40}.addStudent__tableCard{background:#fff;border-radius:0 0 22px 22px;overflow:hidden;box-shadow:0 15px 30px #0000000a}.addStudent__tableWrap{overflow-x:auto}.addStudent__table{width:100%;min-width:780px;border-collapse:collapse}.addStudent__table th{padding:16px;font-size:12px;font-weight:700;color:#111827;text-align:left;border-bottom:1px solid #eef2ff;white-space:nowrap}.addStudent__table td{padding:16px;font-size:13px;color:#333;border-bottom:1px solid #f1f5f9;white-space:nowrap}.addStudent__student,.addStudent__class{font-weight:600}.addStudent__delete{width:34px;height:34px;border:none;background:#fff1f1;border-radius:10px;color:#ff1d1d;font-size:15px;cursor:pointer;display:flex;justify-content:center;align-items:center}.addStudent__delete:hover{background:#ffe3e3}.addStudent__pagination{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.addStudent__pageLeft{display:flex;align-items:center;gap:12px}.addStudent__pageLeft span{font-size:13px;font-weight:500;color:#374151}.addStudent__pageLeft select{height:42px;min-width:82px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:13px;outline:none;cursor:pointer}.addStudent__pageRight{display:flex;align-items:center;gap:12px}.addStudent__pageRight span{font-size:13px;font-weight:500;color:#111827}.addStudent__pageRight button{width:34px;height:34px;border:none;background:#f3f4f6;border-radius:10px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.addStudent__pageRight button:hover{background:#e5e7eb}.addStudent__pageRight button:disabled{opacity:.4;cursor:not-allowed}.addStudentModal{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;overflow:auto}.addStudentModal__box{width:100%;max-width:1300px;background:#fff;border-radius:22px;overflow:hidden}.addStudentModal__header{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2ff}.addStudentModal__header h2{font-size:22px;font-weight:700}.addStudentModal__close{width:58px;height:58px;border:none;border-radius:50%;background:#fff1f1;font-size:26px;cursor:pointer;display:flex;justify-content:center;align-items:center}.addStudentModal__search{margin:20px 22px 16px;height:56px;border:1px solid #d1d5db;border-radius:14px;padding:0 16px;display:flex;align-items:center}.addStudentModal__search svg{font-size:20px;margin-right:10px;color:#666}.addStudentModal__search input{flex:1;border:none;outline:none;background:none;font-size:14px}.addStudentModal__inputs{padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.addStudentModal__inputs input{height:54px;border:1px solid #d1d5db;border-radius:14px;padding:0 16px;font-size:14px;outline:none}.addStudentModal__tableWrap{overflow-x:auto;padding:0 22px}.addStudentModal__table{width:100%;min-width:850px;border-collapse:collapse}.addStudentModal__table th{padding:14px 12px;background:#bdbdbd;font-size:12px;font-weight:700;border:1px solid #9e9e9e;white-space:nowrap;text-align:left;color:#333}.addStudentModal__table td{padding:13px 12px;font-size:12px;border:1px solid #e5e7eb;white-space:nowrap;color:#444;background:#fff}.addStudentModal__footer{padding:24px 22px;display:flex;justify-content:flex-end;gap:14px}.addStudentModal__cancel{border:none;background:none;font-size:15px;cursor:pointer}.addStudentModal__add{height:50px;padding:0 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#6254ff,#4b42e8);color:#fff;font-size:15px;font-weight:600;cursor:pointer}@media(max-width:768px){.addStudent{padding:14px}.addStudent__topbar{padding:16px}.addStudent__search{height:50px}.addStudent__addBtn{width:50px;height:50px;font-size:22px}.addStudent__table th,.addStudent__table td{padding:14px 12px;font-size:12px}.addStudent__pagination{justify-content:center;padding:16px 14px}.addStudent__pageLeft,.addStudent__pageRight{width:100%;justify-content:center;flex-wrap:wrap}.addStudentModal{padding:12px;align-items:flex-start}.addStudentModal__box{margin-top:10px;border-radius:20px}.addStudentModal__inputs{grid-template-columns:1fr}.addStudentModal__header{padding:18px}.addStudentModal__header h2{font-size:20px}.addStudentModal__close{width:52px;height:52px;font-size:24px}.addStudentModal__search{margin:18px;height:52px}.addStudentModal__inputs{padding:0 18px}.addStudentModal__inputs input{height:52px}.addStudentModal__tableWrap{padding:0 18px}.addStudentModal__table{min-width:760px}.addStudentModal__table th,.addStudentModal__table td{padding:12px 10px;font-size:11px}.addStudentModal__footer{padding:20px 18px;flex-direction:column}.addStudentModal__cancel,.addStudentModal__add{width:100%;height:50px;border-radius:12px}.addStudentModal__cancel{background:#f3f4f6}}@media(max-width:480px){.addStudent{padding:10px}.addStudent__topbar{padding:14px;gap:12px}.addStudent__search{height:46px;padding:0 14px}.addStudent__search svg{font-size:18px}.addStudent__search input{font-size:13px}.addStudent__addBtn{width:46px;height:46px;font-size:20px}.addStudent__table{min-width:720px}.addStudent__pagination{padding:14px 12px;gap:12px}.addStudent__pageLeft span,.addStudent__pageRight span{font-size:12px}.addStudent__pageLeft select{height:40px;min-width:76px;font-size:12px}.addStudent__pageRight button{width:32px;height:32px;font-size:13px}.addStudentModal__header{padding:16px}.addStudentModal__header h2{font-size:18px}.addStudentModal__close{width:46px;height:46px;font-size:20px}.addStudentModal__search{margin:16px;padding:0 14px;height:48px}.addStudentModal__search svg{font-size:18px}.addStudentModal__search input{font-size:13px}.addStudentModal__inputs{padding:0 16px;gap:12px}.addStudentModal__inputs input{height:48px;padding:0 14px;font-size:13px}.addStudentModal__tableWrap{padding:0 16px}.addStudentModal__table{min-width:700px}.addStudentModal__table th,.addStudentModal__table td{padding:10px 8px;font-size:10px}.addStudentModal__footer{padding:18px 16px}}.report-page{min-height:100vh;padding:25px;background:#f3f4f8}.report-header{display:flex;justify-content:space-between;margin-bottom:20px}.report-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #00000014;margin-bottom:25px;overflow:hidden}.report-card-header{background:#e7cdd5;padding:16px 22px;font-weight:600}.report-card-body{padding:25px}.report-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.report-grid label{display:block;margin-bottom:6px}.report-grid select,.report-grid input{width:100%;height:42px;padding:8px;border-radius:6px;border:1px solid #ccc}.report-btn-wrap{text-align:right;margin-top:20px}.report-toolbar{padding:15px 20px;display:flex;justify-content:flex-end}.report-toolbar input{margin-left:8px;padding:6px 10px;border-radius:4px;border:1px solid #ccc}.report-table-wrap{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;min-width:1100px}.report-table th{background:#e7cdd5;padding:12px;font-size:13px;text-align:left}.report-table td{padding:12px;border-bottom:1px solid #eee}.report-table tbody tr:nth-child(2n){background:#f2f2f8}.btn-primary{background:#123a6f;color:#fff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer}.small-btn{padding:4px 10px;font-size:12px}.btn-primary:hover{background:#0c2750}.report-footer{padding:15px 20px;font-size:14px}@media(max-width:1200px){.report-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.report-grid{grid-template-columns:1fr}}*{box-sizing:border-box;font-family:Segoe UI,sans-serif}.criteria-card{border-radius:16px;padding:25px;background:#f5f5f7;box-shadow:0 4px 15px #0000000d}.criteria-card .card-header{font-size:18px;font-weight:600;margin-bottom:20px;color:#1e1b7a;background:#e9d8e6;padding:12px 18px;border-radius:10px}.criteria-card .criteria-grid{display:flex;gap:30px;align-items:flex-end;flex-wrap:wrap}.criteria-card .form-group{display:flex;flex-direction:column;flex:1;min-width:220px}.criteria-card .form-group label{font-weight:600;margin-bottom:6px;color:#2d3748}.criteria-card .form-group select,.criteria-card .form-group input{padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;background:#eef1f7;outline:none;transition:.3s ease}.criteria-card .form-group select:focus,.criteria-card .form-group input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.criteria-card .criteria-actions{margin-top:20px;display:flex;justify-content:flex-end}.criteria-card .btn-search{padding:12px 28px;background:#1e1b7a;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:.3s ease}.criteria-card .btn-search:hover{background:#312e81}.ae-wrapper{background:#f1f1f6;padding:20px;min-height:100vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.ae-wrapper::-webkit-scrollbar{display:none}.ae-header{display:flex;justify-content:space-between;margin-bottom:20px}.card{background:#fff;border-radius:14px;box-shadow:0 5px 15px #00000014;margin-bottom:20px}.card-header{padding:14px 20px;font-weight:600;background:#fff0f4;border-bottom:1px solid #ffd6df;border-radius:14px 14px 0 0}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group select,.form-group input,.form-group textarea{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #cfd3ff}.criteria-actions{text-align:right;padding:0 20px 20px}.btn-search{background:#0b0f78;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer}.enquiry-header{display:flex;justify-content:space-between;align-items:center}.header-actions button{margin-left:8px}.EnquiryListForm-Card{background:#fff;border-radius:14px;padding:25px;box-shadow:0 15px 40px #00000014;margin-bottom:25px}.EnquiryListForm-Header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.EnquiryListForm-Title{font-size:20px;font-weight:700;color:#1e293b}.EnquiryListForm-HeaderActions{display:flex;gap:10px}.EnquiryListForm-Btn{padding:8px 16px;border-radius:8px;font-size:13px;border:none;cursor:pointer;transition:.3s ease;font-weight:500}.EnquiryListForm-BtnPrimary{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.EnquiryListForm-BtnSecondary{background:#f1f5f9;color:#334155}.EnquiryListForm-BtnDanger{background:#dc2626;color:#fff}.EnquiryListForm-Btn:hover{transform:translateY(-2px);opacity:.9}.EnquiryListForm-TableWrapper{overflow-x:auto}.EnquiryListForm-Table{width:100%;border-collapse:collapse;font-size:13px}.EnquiryListForm-TableHead th{background:#f1f5f9;padding:12px;text-align:left;font-weight:600;color:#334155}.EnquiryListForm-Table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#475569}.EnquiryListForm-Table tr:hover{background:#f9fafb}.EnquiryListForm-ActionBtn{background:#1e293b;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.EnquiryListForm-Dropdown{position:absolute;right:0;top:35px;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;min-width:140px;z-index:999}.EnquiryListForm-DropdownItem{padding:8px 12px;font-size:13px;background:none;border:none;text-align:left;cursor:pointer}.EnquiryListForm-DropdownItem:hover{background:#f1f5f9}.EnquiryListForm-Danger{color:#dc2626}.EnquiryListForm-Overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.EnquiryListForm-ImportCard,.EnquiryListForm-AddCard,.EnquiryListForm-FollowUpCard,.EnquiryListForm-ViewCard{background:#fff;border-radius:16px;width:90%;max-width:900px;box-shadow:0 25px 60px #00000040;overflow:hidden}.EnquiryListForm-PopupHeader{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:14px 20px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.EnquiryListForm-Close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.EnquiryListForm-FormGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.EnquiryListForm-FormGroup{display:flex;flex-direction:column}.EnquiryListForm-FormGroup label{font-size:13px;margin-bottom:5px;font-weight:600}.EnquiryListForm-FormGroup input,.EnquiryListForm-FormGroup select,.EnquiryListForm-FormGroup textarea{padding:10px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;transition:.3s ease}.EnquiryListForm-FormGroup input:focus,.EnquiryListForm-FormGroup select:focus,.EnquiryListForm-FormGroup textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}@media(max-width:768px){.EnquiryListForm-FormGrid{grid-template-columns:1fr}.EnquiryListForm-Header{flex-direction:column;gap:10px}}.btn-primary{background:#0b0f78;color:#fff}.btn-secondary{background:#101a8a;color:#fff}.btn-danger{background:#ff4d6d;color:#fff}.btn-dark{background:#0b0f78;color:#fff}.table-toolbar{display:flex;justify-content:space-between;padding:15px 20px}.toolbar-right{display:flex;gap:10px}.table-wrapper{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.table-wrapper::-webkit-scrollbar{display:none}.EnquiryListForm-TableWrapper table{width:100%;border-collapse:collapse;min-width:1200px}.EnquiryListForm-Table thead th{background:#ffeaf0;padding:10px;border:1px solid #ccc}.EnquiryListForm-Table tbody td{padding:10px;border:1px solid #ccc}.EnquiryListForm-Table tbody tr:nth-child(2n){background:#f5f6ff}.status-active{color:green;font-weight:600}.status-enrolled{color:#0b0f78;font-weight:600}.table-footer{display:flex;justify-content:space-between;padding:15px 20px}.pagination button{margin-left:5px}.pagination .active{background:#0b0f78;color:#fff}.import-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.import-card{background:#fff;width:650px;max-width:95%;border-radius:10px;overflow-y:auto;max-height:90vh;scrollbar-width:none;-ms-overflow-style:none}.import-card::-webkit-scrollbar{display:none}.import-header{position:sticky;top:0;background:#020b6b;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.import-close{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.import-body{padding:20px}.import-top-action{text-align:right;margin-bottom:20px}.import-body input[type=file]{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px}.import-footer{padding:15px 20px;text-align:right;border-top:1px solid #eee}.add-card{background:#fff;width:900px;max-width:95%;border-radius:10px;overflow-y:auto;max-height:96vh;scrollbar-width:none;-ms-overflow-style:none}.add-card::-webkit-scrollbar{display:none}.add-body{padding:20px}.add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.add-grid .form-group.full{grid-column:span 3}.action-dropdown{position:absolute;top:38px;right:0;background:#fff;border-radius:10px;box-shadow:0 5px 20px #00000026;padding:8px;z-index:10;width:160px}.action-dropdown button{width:100%;background:none;border:none;padding:8px;text-align:left;cursor:pointer}.action-dropdown button:hover{background:#f5f6ff}.action-dropdown .danger{color:red}.followup-card{width:1000px;max-width:95%;background:#fff;border-radius:10px;overflow:hidden}.followup-body{display:grid;grid-template-columns:2fr 1fr}.followup-left{padding:20px}.followup-right{padding:20px;background:#f5f5f5}.followup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.followup-grid .full{grid-column:span 2}.followup-history{margin-top:20px}.followup-item{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-top:10px}.followup-date{background:#020b6b;color:#fff;padding:10px;display:flex;justify-content:space-between}.followup-content{padding:10px}.view-overlay{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center}.view-card{background:#fff;width:90%;max-width:1100px;max-height:90vh;border-radius:10px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden}.view-header h3{margin:0;font-size:18px;font-weight:600}.view-header .view-actions{display:flex;gap:12px;align-items:center}.view-header button{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.view-body{padding:14px 16px;overflow-y:scroll;scrollbar-width:none}.view-body::-webkit-scrollbar{width:0;background:transparent}.view-top{text-align:center;margin-bottom:12px}.view-top h2{font-size:20px;margin:4px 0;font-weight:600}.view-top p{margin:2px 0;font-size:14px}.view-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:10px}.view-table td{border:1px solid #8b8b8b;padding:6px 10px;font-size:14px;line-height:1.3;vertical-align:middle;word-break:break-word}.view-table .full{padding:6px 10px;min-height:34px}.view-followup-table{width:100%;border-collapse:collapse;margin-top:14px;table-layout:fixed}.view-followup-table th,.view-followup-table td{border:1px solid #8b8b8b;padding:6px 10px;font-size:14px;text-align:left}.view-card *,.view-body *,.view-table *,.view-followup-table *{box-sizing:border-box;transition:none!important}@media(max-width:768px){.view-card{width:95%;max-height:92vh}.view-table td,.view-followup-table td,.view-followup-table th{font-size:13px;padding:6px 8px}}.view-overlay{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.view-card{background:#fff;width:1100px;max-width:95%;height:90vh;border-radius:10px;box-shadow:0 12px 30px #00000040;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.view-header{background:#020a6b;color:#fff;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.view-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 14px;scrollbar-gutter:stable both-edges;box-sizing:border-box}.view-body::-webkit-scrollbar{width:0}.view-body{scrollbar-width:none}.view-table{width:100%;border-collapse:collapse;table-layout:fixed}.view-table td{border:1px solid #8c8c8c;padding:6px 10px;font-size:14px;line-height:1.35;vertical-align:middle;word-break:break-word;min-height:32px}.view-table tr:nth-child(2n) td{background:#f4f6ff}.view-table td[colspan]{background:#fff}.view-followup-table{width:100%;border-collapse:collapse;margin-top:12px;table-layout:fixed}.view-followup-table th,.view-followup-table td{border:1px solid #8c8c8c;padding:6px 10px;font-size:14px}.view-followup-table th{background:#e9ebf2;font-weight:600}.view-card *,.view-body *,.view-table *,.view-followup-table *{box-sizing:border-box;transition:none!important;animation:none!important}@media(max-width:768px){.view-card{width:95%;height:92vh}.view-table td,.view-followup-table td,.view-followup-table th{font-size:13px;padding:6px 8px}}.page-container{width:100%;padding:20px;font-family:Segoe UI,sans-serif}.form-wrapper{background:#fff;border:1px solid #f3d9df;border-radius:14px;box-shadow:0 1px 8px #0000000f;margin-bottom:35px}.form-header{padding:14px 20px;background:#ffeef2;border-bottom:1px solid #f3d9df;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;border-radius:14px 14px 0 0;color:#243673}.form-header .icon{font-size:20px}.book-form{padding:25px}.form-row{display:flex;gap:22px;margin-bottom:18px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-size:15px;color:#374151;margin-bottom:6px}.form-group input,.form-group textarea{padding:12px 14px;border-radius:8px;border:1px solid #d9ddfb;font-size:15px;outline:none;transition:.2s;background:#fbfbff}.form-group input:focus,.form-group textarea:focus{border-color:#7d8bfc}.disabled-input{background:#dde0f3;color:#243673;font-weight:500}.full-width,.full textarea{width:100%}.save-btn-container{width:100%;display:flex;justify-content:flex-end;margin-top:10px}.save-btn{background:#0a417a;color:#fff;padding:10px 22px;border-radius:8px;font-size:15px;border:none;cursor:pointer;transition:.2s}.save-btn:hover{background:#072e58}@media(max-width:768px){.form-row{flex-direction:column}}.student-container{padding:40px;background:#f5f7ff}.student-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:25px}.student-title{font-size:32px;font-weight:700}.student-header-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.student-search-box{display:flex;align-items:center;background:#fff;padding:10px 16px;border-radius:12px;border:1px solid #e2e8f0;width:260px}.student-search-input{border:none;outline:none;flex:1;min-width:0}.student-search-icon{color:#64748b}.student-add-btn{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;padding:12px 22px;border-radius:12px;display:flex;gap:8px;align-items:center;cursor:pointer}.student-table-wrapper{background:#fff;padding:20px;border-radius:20px;box-shadow:0 15px 30px #0000001a;overflow-x:auto}.student-table{width:100%;min-width:900px;border-collapse:collapse}.student-table th,.student-table td{padding:14px}.student-table th{background:#eef2ff}.action-btns{display:flex;gap:6px}.action-btns button{border:none;padding:8px 12px;color:#fff;border-radius:8px;cursor:pointer}.edit-btn{background:#0ea5e9}.delete-btn{background:#ef4444}.modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#00000073;padding:15px}.form-card{width:650px;max-width:100%;background:#fff;padding:30px;border-radius:20px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-icon{cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.input-group input{width:100%;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #dbe3f0}.save-btn{grid-column:span 2;padding:15px;border:none;border-radius:12px;background:linear-gradient(135deg,#16a34a,#059669);color:#fff;font-size:17px;cursor:pointer}@media(max-width:768px){.student-container{padding:20px}.student-title{font-size:24px}.student-header-right{width:100%;flex-direction:column;align-items:stretch}.student-search-box{width:100%}.student-add-btn{width:100%;justify-content:center}.form-grid{grid-template-columns:1fr}.save-btn{grid-column:span 1}}@media(max-width:480px){.student-container{padding:15px}}.returnBook{width:100%;min-height:100vh;padding:24px;background:#f5f7ff;font-family:Poppins,sans-serif;box-sizing:border-box}.returnBook__top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.returnBook__search{flex:1;height:64px;background:#fff;border-radius:20px;padding:0 20px;display:flex;align-items:center;box-shadow:0 12px 30px #0000000d}.returnBook__search svg{font-size:20px;margin-right:12px;color:#777;flex-shrink:0}.returnBook__search input{flex:1;border:none;outline:none;font-size:14px;background:none;font-weight:500;color:#333}.returnBook__actions{display:flex;gap:12px;align-items:center}.returnBook__filterWrap{position:relative}.returnBook__filterBtn,.returnBook__addBtn{width:58px;height:58px;border:none;border-radius:18px;font-size:22px;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center;flex-shrink:0}.returnBook__filterBtn{background:#fff;color:#5d54ff;box-shadow:0 10px 25px #0000000d}.returnBook__addBtn{background:linear-gradient(135deg,#6f63ff,#4b42e8);color:#fff;box-shadow:0 15px 30px #594aff40}.returnBook__filterBtn:hover,.returnBook__addBtn:hover{transform:translateY(-3px)}.returnBook__filterDropdown{position:absolute;top:72px;right:0;width:410px;padding:26px;background:#fff;border-radius:26px;box-shadow:0 20px 45px #0000001f;z-index:20;animation:filterPopup .25s ease}@keyframes filterPopup{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.returnBook__filterGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.returnBook__filterGrid label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:#333;cursor:pointer}.returnBook__filterGrid input{width:22px;height:22px;accent-color:#5d54ff;cursor:pointer;flex-shrink:0}.returnBook__tableCard{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 15px 35px #0000000d}.returnBook__tableWrap{width:100%;overflow-x:auto}.returnBook__table{width:100%;min-width:1000px;border-collapse:collapse}.returnBook__table th{padding:20px;background:linear-gradient(90deg,#f7f8ff,#eef2ff);font-size:13px;font-weight:700;letter-spacing:.4px;color:#2d2d2d;text-align:left;white-space:nowrap}.returnBook__table td{padding:18px 20px;font-size:14px;border-top:1px solid #edf0ff;color:#444;white-space:nowrap}.returnBook__table tr:hover{background:#fafbff}.returnBook__adm,.returnBook__class,.returnBook__fine{padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.returnBook__adm{background:#edf2ff;color:#4255ff}.returnBook__class{background:#f5f3ff;color:#655bff}.returnBook__fine{background:#ece9ff;color:#5d54ff}.returnBook__student{font-weight:600}.returnBook__delete{width:42px;height:42px;border:none;border-radius:14px;background:#fff2f2;color:#ff4747;cursor:pointer;font-size:17px;transition:.3s;display:flex;justify-content:center;align-items:center}.returnBook__delete:hover{background:#ffe2e2;transform:scale(1.05)}.returnBook__pagination{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #edf0ff;background:#fcfcff;flex-wrap:wrap}.returnBook__pageLeft{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.returnBook__pageLeft span{font-size:14px;font-weight:600;color:#555;line-height:1.3}.returnBook__pageLeft select{height:42px;min-width:78px;padding:0 14px;border:none;outline:none;border-radius:14px;background:#f3f4fb;font-weight:600;font-size:14px;cursor:pointer;color:#333}.returnBook__pageRight{display:flex;align-items:center;gap:10px;margin-left:auto}.returnBook__pageBtn,.activePage{width:42px;height:42px;border:none;border-radius:14px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:15px;font-weight:600;transition:.3s ease}.returnBook__pageBtn{background:#f1f3fb;color:#555}.returnBook__pageBtn:hover{background:#e6e9ff}.activePage{background:linear-gradient(135deg,#6f63ff,#4b42e8)!important;color:#fff;box-shadow:0 10px 20px #594aff40}.returnBookModal{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999}.returnBookModal__box{width:100%;max-width:850px;background:#fff;padding:30px;border-radius:28px}.returnBookModal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:14px}.returnBookModal__header h2{font-size:28px;font-weight:700;color:#222}.returnBookModal__close{width:55px;height:55px;border:none;border-radius:50%;background:#fff1f1;color:#ff4747;font-size:22px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-shrink:0}.returnBookModal__search{height:62px;border:1px solid #edf0ff;border-radius:16px;display:flex;align-items:center;padding:0 18px;margin-bottom:18px;background:#fafbff}.returnBookModal__search svg{margin-right:10px;color:#777;flex-shrink:0}.returnBookModal__search input{flex:1;border:none;outline:none;background:none;font-size:14px}.returnBookModal__footer{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;flex-wrap:wrap}.returnBookModal__cancel,.returnBookModal__add{padding:13px 28px;border:none;border-radius:14px;font-weight:600;cursor:pointer;font-size:14px;transition:.3s}.returnBookModal__cancel{background:#f1f2f7;color:#444}.returnBookModal__add{background:#5d54ff;color:#fff}.returnBookModal__searchBox{position:relative;height:64px;border:1px solid #edf0ff;border-radius:18px;display:flex;align-items:center;padding:0 18px;margin-bottom:18px;background:linear-gradient(135deg,#fff,#f8f9ff);box-shadow:0 10px 25px #5d54ff0f}.returnBookModal__searchBox svg{margin-right:12px;color:#6f63ff;font-size:20px;flex-shrink:0}.returnBookModal__searchBox input{flex:1;width:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:600;color:#222}.returnBookModal__suggestions{position:absolute;top:72px;left:0;right:0;background:#fff;border:1px solid #edf0ff;border-radius:18px;max-height:240px;overflow-y:auto;z-index:2000;padding:8px;box-shadow:0 22px 45px #0000001f}.returnBookModal__suggestionItem{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;cursor:pointer;transition:.25s ease}.returnBookModal__suggestionItem:hover{background:#f5f6ff;transform:translate(4px)}.suggestionAvatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#6f63ff,#4b42e8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;text-transform:uppercase}.bookAvatar{background:linear-gradient(135deg,#10b981,#059669)}.suggestionInfo{display:flex;flex-direction:column;gap:3px;min-width:0}.suggestionInfo strong{font-size:14px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestionInfo span{font-size:12px;color:#64748b;font-weight:600}.returnBookModal__searchBox{height:58px;border-radius:14px;padding:0 14px}.returnBookModal__suggestions{top:64px;max-height:210px;border-radius:14px}.suggestionAvatar{width:36px;height:36px;border-radius:12px}.suggestionInfo strong{font-size:13px}.suggestionInfo span{font-size:11px}@media(max-width:768px){.returnBook{padding:16px}.returnBook__top{flex-direction:column;align-items:stretch}.returnBook__search{width:100%;height:60px}.returnBook__actions{width:100%;justify-content:flex-end}.returnBook__filterDropdown{width:320px}.returnBook__filterGrid{grid-template-columns:1fr 1fr}.returnBook__pagination{padding:18px 16px;flex-direction:column;align-items:flex-start}.returnBook__pageLeft{width:100%;justify-content:space-between}.returnBook__pageRight{width:100%;justify-content:center;margin-left:0}.returnBookModal__box{padding:24px}.returnBookModal__header h2{font-size:24px}}@media(max-width:480px){.returnBook{padding:12px}.returnBook__search{height:56px;border-radius:16px;padding:0 16px}.returnBook__search input{font-size:13px}.returnBook__actions{gap:10px}.returnBook__filterBtn,.returnBook__addBtn{width:52px;height:52px;border-radius:16px;font-size:20px}.returnBook__filterDropdown{width:280px;right:-6px;padding:20px;border-radius:22px}.returnBook__filterGrid{grid-template-columns:1fr;gap:14px}.returnBook__filterGrid label{font-size:14px}.returnBook__table th{padding:16px;font-size:12px}.returnBook__table td{padding:16px;font-size:13px}.returnBook__pagination{padding:14px;border-radius:0 0 24px 24px}.returnBook__pageLeft{gap:10px}.returnBook__pageLeft span{font-size:13px}.returnBook__pageLeft select{height:40px;min-width:72px;font-size:13px;padding:0 12px;border-radius:12px}.returnBook__pageRight{gap:8px}.returnBook__pageBtn,.activePage{width:38px;height:38px;border-radius:12px;font-size:14px}.returnBookModal{padding:14px}.returnBookModal__box{padding:20px;border-radius:22px}.returnBookModal__header{margin-bottom:18px}.returnBookModal__header h2{font-size:20px}.returnBookModal__close{width:46px;height:46px;font-size:18px}.returnBookModal__search{height:56px;padding:0 16px;border-radius:14px}.returnBookModal__footer{flex-direction:column}.returnBookModal__cancel,.returnBookModal__add{width:100%;height:52px;padding:0;border-radius:14px}}.staff-library-page{width:100%;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f4f7ff,#eef1ff);font-family:Inter,sans-serif;box-sizing:border-box}.staff-library-card{width:100%;background:#ffffffe6;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 40px #00000014}.staff-library-header{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#eef2ff,#f7f8ff)}.staff-library-search{width:100%;max-width:520px;height:48px;border-radius:50px;background:#fff;display:flex;align-items:center;padding:0 18px;box-shadow:inset 0 0 0 1px #ececec}.staff-library-search-icon{font-size:18px;color:#777}.staff-library-search input{width:100%;border:none;outline:none;padding-left:12px;font-size:14px;background:transparent}.staff-library-add-btn{width:54px;height:54px;border:none;border-radius:50%;background:linear-gradient(135deg,#5d5fef,#4338ca);color:#fff;font-size:24px;cursor:pointer;margin-left:18px;display:flex;align-items:center;justify-content:center;transition:.3s;box-shadow:0 10px 24px #5d5fef59}.staff-library-add-btn:hover{transform:translateY(-3px) scale(1.05)}.staff-library-table-wrapper{width:100%;overflow-x:auto}.staff-library-table{width:100%;border-collapse:collapse}.staff-library-table th{padding:16px 10px;font-size:13px;font-weight:700;color:#222;text-align:center;border-bottom:1px solid #ececec;white-space:nowrap;background:#fff}.staff-library-table td{padding:14px 10px;font-size:13px;text-align:center;color:#555;border-bottom:1px solid #f2f2f2}.staff-library-table tbody tr{transition:.3s}.staff-library-table tbody tr:hover{background:#f7f8ff}.staff-library-book-title{color:#4f46e5;cursor:pointer;font-weight:600}.staff-library-book-title:hover{text-decoration:underline}.staff-library-action-buttons{display:flex;align-items:center;justify-content:center;gap:10px}.staff-library-edit-btn,.staff-library-delete-btn{width:34px;height:34px;border:none;border-radius:10px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:.3s}.staff-library-edit-btn{background:#eef2ff;color:#4f46e5}.staff-library-edit-btn:hover{background:#4f46e5;color:#fff}.staff-library-delete-btn{background:#fff1f2;color:#e11d48}.staff-library-delete-btn:hover{background:#e11d48;color:#fff}.staff-library-empty{padding:30px!important;color:#999;font-weight:600}.staff-library-pagination{padding:18px 22px;display:flex;align-items:center;justify-content:center;gap:18px}.staff-library-pagination button{width:40px;height:40px;border:none;border-radius:12px;background:#f3f4ff;color:#4f46e5;cursor:pointer;font-size:18px;transition:.3s}.staff-library-pagination button:hover{background:#4f46e5;color:#fff}.staff-library-pagination button:disabled{opacity:.4;cursor:not-allowed}.staff-library-pagination span{font-size:14px;font-weight:600;color:#444}.staff-library-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.staff-library-modal{width:100%;max-width:850px;background:#fff;border-radius:28px;overflow:hidden;animation:popup .35s ease}@keyframes popup{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.staff-library-modal-header{padding:24px 30px;border-bottom:1px solid #ececec;display:flex;align-items:center;justify-content:space-between}.staff-library-modal-header h2{font-size:28px;font-weight:700;color:#222}.staff-library-close-btn{width:64px;height:64px;border:none;border-radius:50%;background:#fff1f2;color:#555;font-size:28px;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.staff-library-close-btn svg{display:block}.staff-library-close-btn:hover{transform:rotate(90deg);background:#ffe4e6}.staff-library-modal-body{padding:30px}.staff-library-input-box{width:100%;height:60px;border-radius:16px;border:1px solid #dcdcdc;display:flex;align-items:center;padding:0 18px;margin-bottom:20px;position:relative}.staff-library-input-box input{width:100%;border:none;outline:none;background:transparent;font-size:16px}.staff-library-input-icon{font-size:22px;color:#777;margin-right:12px}.staff-library-input-icon-right{position:absolute;right:20px;font-size:22px;color:#4f46e5}.staff-library-mini-table table{width:100%;border-collapse:collapse}.staff-library-mini-table th{background:#ededed;padding:14px;font-size:13px;border:1px solid #d9d9d9}.staff-library-mini-table td{padding:14px;border:1px solid #ececec;text-align:center}.staff-library-mini-table input{width:70px;height:38px;border-radius:10px;border:1px solid #dcdcdc;text-align:center;outline:none}.staff-library-modal-footer{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:16px}.staff-library-cancel-btn,.staff-library-save-btn{min-width:140px;height:50px;border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:600;transition:.3s}.staff-library-cancel-btn{background:#f3f4f6;color:#222}.staff-library-save-btn{background:linear-gradient(135deg,#5d5fef,#4338ca);color:#fff;box-shadow:0 10px 20px #5d5fef4d}.staff-library-save-btn:hover{transform:translateY(-2px)}@media(max-width:768px){.staff-library-header{flex-direction:column;gap:15px}.staff-library-search{max-width:100%}.staff-library-add-btn{margin-left:0;align-self:flex-end}.staff-library-modal-header h2{font-size:20px}.staff-library-close-btn{width:52px;height:52px;font-size:22px}.staff-library-modal-body{padding:20px}.staff-library-modal-footer{flex-direction:column}.staff-library-cancel-btn,.staff-library-save-btn{width:100%}}.staff-library-input-box{width:100%;height:64px;border-radius:18px;border:1.5px solid #dfe3f0;background:#fff;display:flex;align-items:center;padding:0 20px;margin-bottom:24px;position:relative;transition:.3s;box-shadow:0 3px 10px #00000008}.staff-library-input-box:hover{border-color:#5d5fef}.staff-library-input-box:focus-within{border-color:#5d5fef;box-shadow:0 0 0 4px #5d5fef1a}.staff-library-input-box input[type=date]{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:16px;font-weight:500;color:#222;padding-right:45px;cursor:pointer}.staff-library-input-box input[type=text],.staff-library-input-box input[type=number]{width:100%;border:none;outline:none;background:transparent;font-size:16px;font-weight:500;color:#222}.staff-library-input-icon{font-size:22px;color:#8b8b8b;margin-right:14px;flex-shrink:0}.staff-library-input-icon-right{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:#4f46e5;pointer-events:none}.staff-library-input-box input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;position:absolute;left:0;cursor:pointer}@media(max-width:768px){.staff-library-input-box{height:58px;border-radius:16px;padding:0 16px}.staff-library-input-box input[type=date],.staff-library-input-box input[type=text],.staff-library-input-box input[type=number]{font-size:15px}.staff-library-input-icon{font-size:20px;margin-right:10px}.staff-library-input-icon-right{right:16px;font-size:22px}}.studentListPage{padding:25px 35px;background:#f4f6fb;min-height:100vh;font-family:Segoe UI,sans-serif}.listCard{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;overflow:hidden}.listHeader{padding:18px 25px;border-bottom:1px solid #edf1f7}.listHeader h3{margin:0;font-size:20px;color:#1e293b;display:flex;align-items:center;gap:10px;font-weight:600}.headIcon{color:#4f46e5}.searchRow{padding:18px 25px 0}.searchBox{width:280px;border:1px solid #e2e8f0;border-radius:10px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f8fafc;transition:.2s}.searchBox:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.searchBox input{border:none;outline:none;width:100%;background:transparent;font-size:14px}.tableWrapper{padding:20px 25px 25px;overflow:auto;position:relative}.studentTable{width:100%;border-collapse:collapse;min-width:1000px}.studentTable thead{background:#f1f5f9;position:sticky;top:0;z-index:2}.studentTable th{padding:14px;font-size:13.5px;text-align:left;color:#334155;border-bottom:2px solid #e2e8f0;font-weight:600}.studentTable td{padding:14px;border-bottom:1px solid #edf1f7;font-size:14px;color:#334155}.studentTable tbody tr{transition:.2s}.studentTable tbody tr:hover{background:#f8fafc}.nameCell{color:#4f46e5;font-weight:500}.actionHead{text-align:center;width:90px}.actionCell{position:relative;text-align:center;width:90px}.actionBtn{background:#eef2ff;border:none;padding:7px 10px;border-radius:8px;cursor:pointer;color:#4f46e5;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.actionBtn:hover{background:#e0e7ff}.actionMenu{position:absolute;right:50%;transform:translate(50%);top:38px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 28px #0000001f;display:flex;flex-direction:column;z-index:100;overflow:hidden}.actionMenu button{padding:11px 16px;border:none;background:#fff;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;font-size:14px;transition:.2s}.actionMenu button:hover{background:#f1f5ff}.editBtn{color:#4f46e5}.deleteBtn{color:#ef4444}.typePage{background:#f2f4fa;min-height:100vh;padding:20px;font-family:Segoe UI,sans-serif;width:100%;box-sizing:border-box}.mainGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.leftCard,.rightCard{background:#fff;border-radius:14px;box-shadow:0 8px 20px #00000014;width:100%;overflow:hidden}.cardHeader{background:#f5e3ea;padding:14px 18px;font-size:16px;font-weight:600;color:#23375b}.cardBody{padding:20px;display:flex;flex-direction:column;gap:14px}.cardBody label{font-size:14px;font-weight:500}.cardBody span{color:red}.cardBody input{height:42px;border-radius:8px;border:1px solid #d7dbe5;padding:0 12px;font-size:14px}.saveBtn{height:42px;border-radius:8px;background:#1c4be8;color:#fff;border:none;font-weight:600;cursor:pointer;transition:.2s}.saveBtn:hover{background:#163dcc}.rightCard{padding:20px}.rightTopBar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px;flex-wrap:wrap}.rightTitle{display:flex;align-items:center;gap:8px;font-size:20px;color:#23375b}.searchInput{min-width:200px;height:38px;border-radius:8px;padding:0 12px;border:1px solid #d7dbe5}.tableWrapper{width:100%;overflow-x:auto;max-height:400px;border-radius:10px;border:1px solid #eee}.typeTable{width:100%;border-collapse:collapse;min-width:400px}.typeTable th{background:#f5e3ea;padding:12px;font-size:14px;text-align:left}.typeTable td{padding:12px;font-size:14px;border-bottom:1px solid #eee}.actionCol,.actionCell{text-align:center}.rowActionBtn{background:#064ea4;color:#fff;padding:6px 12px;font-size:13px;border:none;border-radius:6px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.rowDropdown{background:#fff;min-width:120px;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:9999;border:1px solid #eef0f7;overflow:hidden}.rowDropdown button{width:100%;padding:10px 12px;font-size:13px;border:none;background:#fff;display:flex;align-items:center;gap:8px;cursor:pointer}.rowDropdown button:hover{background:#f8f9ff}.deleteBtn{color:#d62828;border-top:1px solid #f0f0f0}@media(max-width:1024px){.mainGrid{grid-template-columns:1fr}}@media(max-width:600px){.typePage{padding:12px}.rightTitle{font-size:18px}.searchInput{width:100%}.cardBody{padding:16px}.typeTable{min-width:350px}}.question-list{padding:20px;background:#f4f6fb;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.question-list__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.question-list__pageTitle{margin:0}.question-list__breadcrumb{font-size:14px;color:#7b8aa0}.question-list__breadcrumb span{color:#2b50e6}.question-list__card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:25px;overflow:visible}.question-list__cardHeader{background:#fdf2f5;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;border-radius:12px 12px 0 0}.question-list__cardHeader h3{font-size:16px;color:#333;margin:0}.question-list__headerBtns{display:flex;gap:10px}.question-list__importBtn,.question-list__addBtn{padding:8px 16px;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px}.question-list__importBtn{background:#264a6b}.question-list__addBtn{background:#1d3557}.question-list__linkBtn{text-decoration:none}.question-list__cardBody{padding:20px}.question-list__formGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:flex-end}.question-list__formGroup{display:flex;flex-direction:column;gap:8px}.question-list__formGroup label{font-size:14px;font-weight:500;color:#444}.question-list__formGrid select{width:100%;height:42px;border-radius:8px;border:1px solid #d6dbe7;padding:0 12px;background-color:#fff;outline:none}.question-list__searchWrap{display:flex;align-items:flex-end}.question-list__searchBtn{width:100%;height:42px;background:#2b50e6;color:#fff;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600}.question-list__searchBtn:hover{background:#1a39b3}.question-list__tableWrap{overflow-x:auto;padding:0 10px 10px}.question-list__table{width:100%;min-width:1000px;border-collapse:collapse}.question-list__table thead th{background:#f8e8ee;padding:12px;text-align:left;font-size:14px;color:#555;white-space:nowrap}.question-list__table tbody td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333}.question-list__table tbody tr:hover{background-color:#f9f9ff}.question-list__thCheck{width:50px}.question-list__thSmall{width:70px}.question-list__thAction{width:90px;text-align:center}.question-list__actionCell{position:relative;text-align:center}.question-list__dots{cursor:pointer;color:#888}.question-list__menu{position:absolute;right:12px;top:30px;background:#fff;border-radius:6px;box-shadow:0 2px 10px #00000026;z-index:100;width:110px;border:1px solid #eee;overflow:hidden}.question-list__menu button{width:100%;padding:10px;background:none;border:none;text-align:left;cursor:pointer;font-size:13px}.question-list__menu button:hover{background:#f5f5f5}.question-list__deleteBtn{color:#e63946}@media(max-width:1024px){.question-list__formGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.question-list__formGrid{grid-template-columns:1fr}}.uq-container{padding:20px;background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.uq-card{background:#fff;border-radius:8px;border-top:4px solid #f9d5d3;box-shadow:0 2px 10px #0000000d;overflow:hidden}.uq-header{padding:15px 25px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px}.uq-header h2{font-size:1.25rem;color:#334155;margin:0;font-weight:500}.uq-formBody{padding:25px}.uq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}@media(max-width:1200px){.uq-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.uq-grid{grid-template-columns:1fr}}.uq-formGroup{display:flex;flex-direction:column;gap:8px}.uq-label{font-size:14px;color:#334155;font-weight:500}.uq-required{color:#ef4444}.uq-input,.uq-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#64748b;background-color:#fff;transition:border-color .2s}.uq-input:focus,.uq-select:focus{outline:none;border-color:#94a3b8}.uq-questionSection{margin-top:20px}.uq-editorWrapper{border:1px solid #ccc;border-radius:4px}.uq-toolbar{background-color:#f0f0f0;padding:8px;border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;gap:4px}.uq-toolGroup{display:flex;gap:4px;padding-right:8px;border-right:1px solid #ddd;margin-right:4px}.uq-toolBtn{background:#fff;border:1px solid #ddd;padding:4px 8px;font-size:12px;cursor:pointer;border-radius:2px}.uq-editorArea{height:200px;background:#fff;padding:15px}.container{background-color:#f8f9fa;padding:20px;font-family:Inter,sans-serif}.headerNav{display:flex;justify-content:space-between;margin-bottom:20px}.mainTitle{font-size:20px;color:#333;margin:0}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;border-top:3px solid #f8bbd0}.cardHeader,.cardHeaderList{padding:15px 20px;display:flex;justify-content:space-between;border-bottom:1px solid #eee}.cardTitle{margin:0;font-size:16px;color:#444}.filterRow{display:flex;gap:20px;padding:20px}.inputGroup{flex:1;display:flex;flex-direction:column}.inputGroup label{font-size:13px;margin-bottom:5px;font-weight:600}.selectInput{padding:8px;border:1px solid #ddd;border-radius:4px}.searchActionRow{padding:0 20px 20px;text-align:right}.searchBtn,.addButton{background:#0a3d91;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.tableControls{display:flex;justify-content:flex-end;padding:15px 20px;align-items:center}.searchInputField{border:1px solid #ddd;padding:6px;border-radius:4px;margin-left:5px}.tableWrapper{padding:0 20px 20px}.customTable{width:100%;border-collapse:collapse}.customTable th{background-color:#fdf2f8;color:#283593;text-align:left;padding:12px;font-size:12px;border:1px solid #f0f0f0}.customTable td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:13px;color:#555}.actionContainer{position:relative}.actionButton{background:#0a3d91;color:#fff;border:none;padding:6px 18px;border-radius:4px;cursor:pointer;font-size:13px}.dropdownMenu{position:absolute;right:0;top:100%;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:120px;margin-top:5px}.dropdownItem{padding:10px 15px;cursor:pointer;font-size:13px}.dropdownItem:hover{background-color:#f5f5f5}.dropdownItem.delete{color:#d32f2f}:root{--primary-navy: #0e4a7b;--header-bg: #f8faff;--pink-border: #fce4ec;--text-main: #2c3e50;--required-red: #ff4d4d;--border-color: #dcdfe6}.gq-container{padding:20px 40px;background-color:var(--header-bg);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.gq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.gq-header-left{display:flex;align-items:center;gap:10px;color:var(--primary-navy)}.gq-header-left h1{font-size:24px;font-weight:500;margin:0}.gq-header-right{font-size:14px;display:flex;gap:8px;align-items:center}.breadcrumb-link{color:var(--primary-navy);cursor:pointer}.breadcrumb-active{color:#666}.gq-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid #eee}.gq-card-header{background-color:#fff5f7;padding:15px 25px;font-size:18px;font-weight:500;color:var(--primary-navy);border-bottom:2px solid var(--pink-border);display:flex;align-items:center;gap:10px}.gq-card-body{padding:30px}.gq-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gq-form-group{display:flex;flex-direction:column;gap:8px}.gq-form-group label{font-size:14px;font-weight:500;color:#444}.required{color:var(--required-red)}input,select,textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none;transition:border .2s;background-color:#fff}input:focus,select:focus{border-color:var(--primary-navy)}.bg-input{background-color:#e9ecf5}.time-input-wrapper{display:flex;position:relative}.time-input-wrapper input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.time-icon{background-color:var(--primary-navy);color:#fff;padding:0 12px;display:flex;align-items:center;border-radius:0 6px 6px 0}textarea{resize:vertical;min-height:40px}.gq-footer{margin-top:30px;display:flex;justify-content:center}.btn-set-paper{background-color:var(--primary-navy);color:#fff;padding:12px 35px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s}.btn-set-paper:hover{background-color:#0a3a61}@media(max-width:1024px){.gq-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gq-form-grid{grid-template-columns:1fr}}.onlineExamPage{padding:20px;background:#f6f7fb}.onlineExamPage-card{background:#fff;border-radius:14px;margin-bottom:20px;box-shadow:0 6px 18px #00000014;border:1px solid #f1c6cf}.onlineExamPage-cardHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1c6cf;background:#f6e8ec}.title{font-weight:600;font-size:16px}.onlineExamPage-addBtn{background:#1e4f7a;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.onlineExamPage-searchBtn{background:#1e4f7a;color:#fff;border:none;padding:8px 18px;border-radius:6px}.onlineExamPage-criteriaGrid{padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.onlineExamPage-field label{font-size:13px;margin-bottom:6px;display:block}.onlineExamPage-field input{width:100%;padding:10px;border-radius:6px;border:1px solid #cfd6e4;background:#eef1f7}.onlineExamPage-searchRow{padding:0 20px 20px;display:flex;justify-content:flex-end}.onlineExamPage-tableWrapper{padding:20px;overflow:auto}.onlineExamPage-table{width:100%;border-collapse:collapse}.onlineExamPage-table th{background:#f1dde3;padding:12px;font-size:13px;text-align:left}.onlineExamPage-table td{padding:14px;border-bottom:1px solid #eee}.empty{text-align:center;color:#777}.onlineExamModalOverlay{position:fixed;inset:0;background:#00000040;opacity:0;pointer-events:none;transition:.25s;display:flex;align-items:center;justify-content:center;z-index:999}.onlineExamModal{width:920px;background:#fff;border-radius:10px;transform:translateY(30px) scale(.96);transition:.25s;overflow:hidden}.onlineExamModal.show{transform:translateY(0) scale(1)}.onlineExamModal-header{background:#1e4f7a;color:#fff;padding:14px 18px;display:flex;justify-content:space-between}.onlineExamModal-body{padding:20px}.onlineExamModal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field label{font-size:13px;margin-bottom:6px;display:block}.field input,.field select,.field textarea{width:100%;padding:10px;border-radius:6px;border:1px solid #d6dbe6;background:#f3f5fa}.full{grid-column:1 / -1}.onlineExamModal-checkRow{margin:14px 0;display:flex;gap:20px}.onlineExamModal-footer{padding:16px;display:flex;justify-content:flex-end}.saveBtn{background:#1e4f7a;color:#fff;border:none;padding:8px 20px;border-radius:6px}.onlineExamModalOverlay{opacity:0;pointer-events:none;transition:.25s ease}.onlineExamModalOverlay.show{opacity:1;pointer-events:auto}.onlineExamModal{transform:translateY(40px) scale(.96);opacity:0;transition:.25s ease}.onlineExamModal.show{transform:translateY(0) scale(1);opacity:1}.examForm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}.examForm-field{display:flex;flex-direction:column;gap:6px}.examForm-field input,.examForm-field select,.examForm-field textarea{padding:10px;border:1px solid #cfd6e4;border-radius:6px;background:#f7f9fc}.examForm-checkRow{display:flex;gap:20px;margin:12px 0}.examForm-field.full{grid-column:1/-1}@media(max-width:900px){.examForm-grid{grid-template-columns:1fr}}@media(max-width:900px){.onlineExamModal{width:95%}.onlineExamModal-grid,.onlineExamPage-criteriaGrid{grid-template-columns:1fr}}.questionBankAdmin-wrapper{padding:20px;background:#f5f6fb;font-family:Inter,sans-serif}.questionBankAdmin-card{background:#fff;border-radius:14px;margin-bottom:20px;box-shadow:0 6px 18px #00000014;border:2px solid #f2c9d2}.questionBankAdmin-cardHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.questionBankAdmin-headerActions{display:flex;gap:10px}.questionBankAdmin-filterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:20px}.questionBankAdmin-input{padding:10px;border-radius:8px;border:1px solid #dcdcdc;font-size:14px}.questionBankAdmin-btnPrimary{background:#1f4e79;color:#fff;border:none;padding:9px 14px;border-radius:6px;cursor:pointer}.questionBankAdmin-btnDanger{background:#ff4d6d;color:#fff;border:none;padding:9px 14px;border-radius:6px}.questionBankAdmin-btnAction{background:#1f4e79;color:#fff;border:none;padding:6px 12px;border-radius:6px}.questionBankAdmin-searchRow{padding:0 20px 20px;display:flex;justify-content:flex-end}.questionBankAdmin-tableWrapper{overflow:auto}.questionBankAdmin-table{width:100%;border-collapse:collapse}.questionBankAdmin-table th{background:#f4d6dd;padding:12px;text-align:left}.questionBankAdmin-table td{padding:12px;border-top:1px solid #eee}.questionBankAdmin-pagination{padding:15px;display:flex;gap:8px;justify-content:flex-end}.questionBankAdmin-pageBtn{padding:6px 10px;border:1px solid #ddd;background:#fff;cursor:pointer}.questionBankAdmin-pageBtn.active{background:#1f4e79;color:#fff}.questionBankAdmin-popupOverlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.questionBankAdmin-popup{background:#fff;width:720px;max-width:95%;border-radius:14px;box-shadow:0 10px 30px #0003}.questionBankAdmin-field{display:flex;flex-direction:column;gap:6px}.questionBankAdmin-field label{font-size:13px;font-weight:600}.questionBankAdmin-popupLarge{width:950px;max-width:95%;background:#fff;border-radius:14px;overflow:hidden}.questionBankAdmin-infoBlock{padding:20px;border-bottom:1px solid #eee;background:#fafafa}.questionBankAdmin-popupForm{padding:20px}.questionBankAdmin-field.full{grid-column:1 / -1}.questionBankAdmin-popupContent{padding:20px}.questionBankAdmin-popupGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.questionBankAdmin-popupActions{margin-top:20px;display:flex;justify-content:flex-end}.qbPopup-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;padding:20px;z-index:9999}.qbPopup-wrapper{width:1050px;max-width:100%;background:#fff;border-radius:14px;box-shadow:0 30px 70px #0003;overflow:hidden}.qbPopup-topHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #eee}.qbPopup-headerActions{display:flex;gap:10px;align-items:center}.qbPopup-close{background:none;border:none;font-size:18px;cursor:pointer}.qbPopup-infoCard{padding:20px 24px;background:#fafbfc;border-bottom:1px solid #eee}.qbPopup-infoCard ol{margin:0;padding-left:18px;line-height:1.7;font-size:14px}.qbPopup-formCard{margin:22px;padding:22px;border-radius:14px;border:2px solid #f3c7d1;background:#fff;box-shadow:0 10px 25px #0000000f}.qbPopup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 22px}.qb-field{display:flex;flex-direction:column;gap:6px}.qb-field label{font-size:13px;font-weight:600}.qb-full{grid-column:1 / -1}.qb-input{height:44px;border-radius:10px;border:1px solid #dcdfe6;padding:0 12px;font-size:14px;transition:.2s}.qb-input:focus{outline:none;border-color:#244e73;box-shadow:0 0 0 2px #244e731f}.qbPopup-actions{display:flex;justify-content:flex-end;margin-top:20px}.qb-btnPrimary{background:#244e73;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.qb-btnPrimary:hover{background:#1c3f5d}@media(max-width:768px){.qbPopup-grid{grid-template-columns:1fr}}@media(max-width:768px){.questionBankAdmin-cardHeader{flex-direction:column;gap:10px;align-items:flex-start}}.Student-Admission-Page{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#f8fafc);padding:10px;font-family:Segoe UI,sans-serif}.Student-Admission-Container{max-width:1350px;margin:auto;background:#fff;padding:40px;border-radius:18px;box-shadow:0 25px 60px #00000014}.Student-Admission-Container>*{margin-bottom:20px}.Student-Admission-RemoveBtn{margin-top:5px;padding:4px 8px;font-size:12px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer}.Student-Admission-RemoveBtn{margin-top:6px;padding:4px 8px;font-size:12px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer}.Student-Admission-Header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.Student-Admission-Title{font-size:28px;font-weight:700;color:#1e293b}.Student-Admission-DownloadBtn,.Student-Admission-SubmitBtn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;padding:10px 22px;border-radius:10px;cursor:pointer;transition:.25s;box-shadow:0 8px 20px #2563eb4d}.Student-Admission-DownloadBtn:hover,.Student-Admission-SubmitBtn:hover{transform:translateY(-2px)}.Student-Admission-FormGrid{display:grid;grid-template-columns:3fr 1fr;gap:35px}.Student-Admission-Left{display:flex;flex-direction:column;gap:22px}.Student-Admission-Row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.Student-Admission-TwoColumn{grid-template-columns:repeat(2,1fr)}.Student-Admission-Group{display:flex;flex-direction:column}.Student-Admission-Label{font-size:13px;margin-bottom:6px;font-weight:600;color:#334155}.Student-Admission-Input,.Student-Admission-Textarea{padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;background:#f9fafb;transition:.25s}.Student-Admission-Input:focus,.Student-Admission-Textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.Student-Admission-Textarea{min-height:100px;resize:vertical}.Student-Admission-PhotoBox{position:relative;width:100%;max-width:220px;height:240px;border:2px dashed #2563eb;border-radius:14px;background:#f1f5ff;display:flex;justify-content:center;align-items:center;overflow:hidden}.Student-Admission-PhotoInput{position:absolute;inset:0;opacity:0;cursor:pointer}.Student-Admission-PhotoPreview{width:100%;height:100%;object-fit:cover}.Student-Admission-PhotoOverlay{position:absolute;bottom:0;width:100%;background:#0000008c;color:#fff;text-align:center;padding:8px;font-size:13px;opacity:0;transition:.3s}.Student-Admission-PhotoBox:hover .Student-Admission-PhotoOverlay{opacity:1}.Student-Admission-SectionTitle{margin:30px 0 15px;font-size:18px;font-weight:600;border-left:4px solid #2563eb;padding-left:10px}.Student-Admission-TransportInfo{margin-top:10px;padding:12px 14px;border-radius:12px;background:#eef4ff;border:1px solid #dbeafe;color:#475569;font-size:13px;font-weight:500}.Student-Admission-AddressGrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.Student-Admission-DocumentWrapper{width:100%;overflow-x:auto}.Student-Admission-DocumentTable{width:100%;min-width:550px;border-collapse:collapse}.Student-Admission-DocumentTable th{background:#f1f5f9;padding:12px;font-weight:600;font-size:14px;text-align:left}.Student-Admission-DocumentTable td{padding:12px;border-top:1px solid #e5e7eb}.Student-Admission-DocName{font-weight:500;color:#1f2937}.Student-Admission-DocumentCell{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.Student-Admission-ViewFile{background:#2563eb;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;text-decoration:none}.Student-Admission-ViewFile:hover{background:#1d4ed8}.Student-Admission-FileInput{font-size:13px}.Student-Admission-SubmitWrapper{text-align:right}@media(max-width:1200px){.Student-Admission-Container{padding:30px}}@media(max-width:1024px){.Student-Admission-FormGrid{grid-template-columns:1fr}.Student-Admission-PhotoBox{margin:auto}.Student-Admission-Row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.Student-Admission-Header{flex-direction:column;align-items:flex-start}.Student-Admission-Title{font-size:22px}.Student-Admission-Row,.Student-Admission-TwoColumn,.Student-Admission-AddressGrid{grid-template-columns:1fr}.Student-Admission-DownloadBtn,.Student-Admission-SubmitBtn{width:100%;justify-content:center}}@media(max-width:576px){.Student-Admission-Container{padding:20px}.Student-Admission-Input,.Student-Admission-Textarea{font-size:13px;padding:10px}.Student-Admission-PhotoBox{height:210px}.Student-Admission-SubmitWrapper{text-align:center}}@media(max-width:400px){.Student-Admission-Title{font-size:18px}.Student-Admission-PhotoBox{height:190px}}.admission-wrapper{background:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,sans-serif;color:#334155}.admission-header{display:flex;justify-content:space-between;margin-bottom:24px}.admission-title{font-size:24px;font-weight:600}.admission-breadcrumb{font-size:14px;color:#64748b}.admission-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:24px;box-shadow:0 6px 18px #0000000d}.card-header{padding:16px 20px;font-weight:600;border-bottom:1px solid #e2e8f0;background:#f9fafb}.card-body{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.input-field{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px}.search-btn-container{display:flex;justify-content:flex-end;margin-top:16px}.search-btn{width:200px;height:45px;background:#1e3a8a;color:#fff;padding:3px 5px;border-radius:7px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.admission-table{width:100%;border-collapse:collapse}.admission-table th{background:#f1f5f9;padding:12px;font-size:12px;text-transform:uppercase}.admission-table td{padding:14px;border-bottom:1px solid #f1f5f9}.status-btn{padding:8px 12px;border-radius:8px;color:#fff;border:none;font-size:12px}.paid{background:#1e3a8a}.unpaid{background:#ef4444}.action-area,.action-wrapper{position:relative}.action-btn{background:linear-gradient(135deg,#2563eb,#1e3a8a);border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.action-dropdown{position:absolute;top:45px;right:0;width:170px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:8px 0;z-index:1000}.dropdown-item{padding:12px 16px;display:flex;gap:10px;width:100%;border:none;background:transparent;cursor:pointer}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.delete:hover{background:#fee2e2;color:#dc2626}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center}.modal-content{width:100%;max-width:420px;background:#fff;border-radius:14px}.modal-header{background:#1e3a8a;color:#fff;padding:16px;display:flex;justify-content:space-between}.modal-body{padding:20px}.update-btn{width:100%;padding:10px;background:#1e3a8a;color:#fff;border-radius:8px;border:none}.sd-container{padding:24px;background:#f4f6f9;min-height:100vh;font-family:Inter,sans-serif;color:#2c3e50}.sd-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}.sd-title{display:flex;align-items:center;gap:10px}.sd-icon-main{font-size:22px;color:#1e3a8a}.sd-title h2{margin:0;font-size:22px;font-weight:600}.sd-breadcrumbs{font-size:14px;color:#6b7280}.sd-breadcrumbs .active{font-weight:500;color:#111827}.sd-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0000000d;overflow:visible}.sd-card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#f9fafb;display:flex;align-items:center;gap:10px;font-weight:600;border-top-left-radius:14px;border-top-right-radius:14px}.sd-card-body{padding:28px}.sd-form-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:24px;align-items:end}.sd-input-field{display:flex;flex-direction:column;gap:6px}.sd-input-field label{font-size:13px;font-weight:500}.required{color:#ef4444}.sd-input-field input{padding:12px 14px;border-radius:12px;border:1px solid #d1d5db;font-size:14px;width:100%;background:#fff;transition:.2s ease}.sd-input-field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.sd-select-wrap{position:relative;width:100%;z-index:1}.sd-select-wrap.is-open{z-index:9999}.sd-select-btn{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d1d5db;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.2s ease}.sd-select-btn.open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.sd-select-text{font-size:14px;color:#111827}.sd-select-text.placeholder{color:#6b7280}.sd-select-icon{transition:.2s ease;color:#111827}.sd-select-icon.rot{transform:rotate(180deg)}.sd-select-menu{position:absolute;top:calc(100% + 10px);left:0;width:100%;background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 18px 40px #00000024;overflow:hidden;max-height:240px;overflow-y:auto}.sd-select-item{width:100%;padding:12px 14px;border:none;background:#fff;text-align:left;cursor:pointer;font-size:14px;color:#111827;transition:.15s ease}.sd-select-item:hover{background:#f3f6ff}.sd-select-item.active{background:#e8efff;color:#1e3a8a;font-weight:600}.placeholder-item{color:#6b7280}.sd-btn-wrapper{display:flex;justify-content:flex-end}.sd-btn-search{background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff;padding:12px 18px;border-radius:14px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;height:46px;white-space:nowrap;transition:.25s ease}.sd-btn-search:hover{transform:translateY(-2px);box-shadow:0 10px 22px #2563eb47}@media(max-width:1024px){.sd-form-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.sd-btn-wrapper{justify-content:stretch}.sd-btn-search{width:100%;justify-content:center}}@media(max-width:768px){.sd-card-body{padding:18px}.sd-form-grid{grid-template-columns:1fr}.sd-btn-wrapper{justify-content:stretch}.sd-btn-search{width:100%;justify-content:center}}.student-container{padding:20px;background:#f4f6f9;min-height:100vh;font-family:Segoe UI,sans-serif}.student-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #0000000f}.student-header{background:#f2e3e8;padding:16px 20px;border-bottom:1px solid #e0cbd2}.student-title{display:flex;align-items:center;gap:10px;color:#1e2a55}.student-title h2{margin:0;font-size:1.2rem}.top-toolbar{display:flex;justify-content:space-between;padding:20px;align-items:center}.entries-select{padding:8px 12px;border-radius:6px;border:1px solid #ccc}.search-input{width:260px;padding:9px 14px;border-radius:25px;border:1px solid #ccc;outline:none;transition:.3s}.search-input:focus{border-color:#1c4b82;box-shadow:0 0 0 3px #1c4b821a}.table-wrapper{overflow-x:auto}.student-table{width:100%;border-collapse:collapse;min-width:1000px}.student-table thead{background:#e9d7de}.student-table th{padding:14px;font-size:.85rem;text-align:left;color:#1e2a55;font-weight:600;border-bottom:2px solid #d3b7c2}.student-table td{padding:14px;border-bottom:1px solid #eee;font-size:.9rem;color:#444}.student-table tbody tr:hover{background:#f7f8fc}.badge{background:#e3f2fd;color:#1565c0;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.th-action{text-align:right}.action-cell{position:relative;text-align:right}.dots-wrap{position:relative;display:inline-flex;justify-content:flex-end}.dots-btn{width:38px;height:38px;border-radius:10px;border:1px solid #e6e8ef;background:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s ease;color:#1c4b82}.dots-btn:hover{background:#f3f6ff;border-color:#d8def0}.dots-btn:active{transform:scale(.98)}.dropdown-menu{position:absolute;top:44px;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 24px #0000001f;overflow:hidden;min-width:150px;z-index:100;border:1px solid #eef0f6;animation:pop .12s ease-out}@keyframes pop{0%{transform:translateY(-4px);opacity:.6}to{transform:translateY(0);opacity:1}}.dropdown-menu button{width:100%;padding:11px 14px;border:none;background:none;text-align:left;cursor:pointer;font-size:.88rem;transition:.2s;color:#1e2a55}.dropdown-menu button:hover{background:#f3f4f8}.delete-btn{color:#c62828!important}.student-category__inner{padding:20px}.student-category__topbar{margin-bottom:16px}.student-category__title{display:flex;align-items:center;gap:12px}.student-category__title h1{font-size:26px;font-weight:800;color:#0b1b3a;margin:0}.student-category__grid{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}.student-category__card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000f;padding:18px}.student-category__cardHead{display:flex;align-items:center;gap:10px;margin-bottom:16px}.student-category__form{display:flex;flex-direction:column;gap:12px}.student-category__label{font-weight:800;color:#1b2b55}.student-category__req{color:#d11a3a}.student-category__input{height:44px;border-radius:10px;border:1px solid #d0d7e2;padding:0 12px;font-size:14px}.student-category__btnSave{background:#0b2a6b;color:#fff;border:none;height:42px;border-radius:10px;font-weight:800;cursor:pointer}.student-category__tableCard{padding:0;overflow:hidden;min-height:520px}.student-category__tableHead{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-bottom:1px solid #edf0f6}.student-category__cardHeadLeft{display:flex;align-items:center;gap:10px}.student-category__searchBox{position:relative;width:320px}.student-category__searchBox input{width:100%;height:44px;border-radius:12px;border:1px solid #cfd9ee;padding:0 14px 0 44px;font-size:14px;outline:none;background:#fff}.student-category__searchIcon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7b8aa7}.student-category__tableWrap{width:100%;height:444px;overflow:auto}.student-category__table{width:100%;border-collapse:separate;border-spacing:0}.student-category__table thead th{background:#ffe8ee;color:#0b1b3a;font-weight:900;font-size:14px;padding:16px;text-align:left;border-bottom:1px solid #f3c8d4}.student-category__thId{width:120px}.student-category__thAction{width:110px;text-align:center}.student-category__table tbody td{padding:18px 16px;border-bottom:1px solid #eef2ff;font-size:15px;color:#0b1b3a}.student-category__rowAlt td{background:#f6f8ff}.student-category__tdId{color:#0b2a6b;font-weight:800}.student-category__tdCat{font-weight:800}.student-category__tdAction{text-align:center}.student-category__dotsWrap{position:relative;display:inline-flex;justify-content:center}.student-category__dotsBtn{width:40px;height:40px;border-radius:10px;border:1px solid #e6ecff;background:#fff;display:grid;place-items:center;cursor:pointer;font-size:18px;color:#0b2a6b;transition:.15s ease}.student-category__dotsBtn:hover{background:#f2f6ff}.student-category__menu{position:absolute;right:0;top:46px;width:160px;background:#fff;border-radius:12px;border:1px solid rgba(15,23,42,.1);box-shadow:0 20px 40px #10182824;overflow:hidden;z-index:50}.student-category__menuItem{width:100%;padding:12px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:900;color:#15284f}.student-category__menuItem:hover{background:#f4f7ff}.student-category__danger{color:#b10f2e}.student-category__empty{text-align:center;padding:22px 14px!important;color:#6b7aa0;font-weight:800}@media(max-width:992px){.student-category__grid{grid-template-columns:1fr}.student-category__searchBox{width:100%;max-width:420px}.student-category__tableCard{min-height:480px}.student-category__tableWrap{height:404px}}.expense-list{--ink: #1b1f2a;--muted: #6b7280;--line: #d6d2dc;--soft2: #5752eaa3;--topbar: #5752eac2;--shadow: 0 12px 30px rgba(16, 24, 40, .08);--radius: 14px;min-height:100vh;background:#f6f6f6;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Helvetica Neue}.expense-list__topbar{height:66px;background:var(--topbar);border-bottom:1px solid #eadbe5;display:flex;align-items:center;padding:0 20px}.expense-list__title{font-size:22px;font-weight:700;margin:0;color:#1b2a4a;letter-spacing:.3px}.expense-list__toolbar{max-width:1200px;margin:18px auto 0;padding:0 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.expense-list__pagesize select{height:40px;width:90px;border-radius:10px;border:1px solid #dcd6e2;background:#fff;padding:0 12px;font-weight:600;color:#334155;box-shadow:0 8px 16px #1018280f;cursor:pointer;transition:.2s ease}.expense-list__pagesize select:focus{border-color:#0e4f8a;box-shadow:0 0 0 3px #0e4f8a26}.expense-list__search{display:flex;align-items:center;gap:10px}.expense-list__searchLabel{font-weight:700;color:#2b3b58}.expense-list__search input{height:40px;width:280px;border-radius:10px;border:1px solid #dcd6e2;background:#fff;padding:0 12px;outline:none;transition:.2s ease;box-shadow:0 8px 16px #1018280f}.expense-list__search input:focus{border-color:#0e4f8a99;box-shadow:0 10px 22px #0e4f8a24}.expense-list__tableCard{max-width:1200px;margin:18px auto 40px;padding:0 14px}.expense-list__tableWrap{background:#fff;border:1px solid #e7e2ea;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.expense-list__table{width:100%;border-collapse:separate;border-spacing:0}.expense-list__table thead th{background:var(--soft2);color:#1c2a4a;font-weight:900;font-size:14px;letter-spacing:.4px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;text-align:left}.expense-list__table th,.expense-list__table td{padding:14px;border-right:1px solid var(--line)}.expense-list__table th:last-child,.expense-list__table td:last-child{border-right:0}.expense-list__table tbody td{background:#fff;border-bottom:1px solid var(--line);vertical-align:middle;font-size:15px;color:#1f2b44;transition:background .15s ease}.expense-list__table tbody tr:hover td{background:#f9fbff}.expense-list__nameCell{font-weight:700;color:#1b2a4a;text-transform:uppercase}.expense-list__headCell{font-weight:700;color:#223056}.expense-list__amtCell{font-weight:800;text-align:center;color:#0e4f8a}.expense-list__balanceTh{text-align:center}.expense-list__balanceCell{font-weight:800;text-align:center;color:#0b3f70}.expense-list__empty{text-align:center;padding:24px;color:var(--muted);background:#fff;font-weight:500}@media(min-width:1025px){.expense-list__tableWrap{overflow-x:auto;overflow-y:hidden}.expense-list__table{min-width:1300px;width:max-content}.expense-list__tableWrap::-webkit-scrollbar{height:8px}.expense-list__tableWrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.expense-list__tableWrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}}@media(max-width:920px){.expense-list__search input{width:220px}}@media(max-width:720px){.expense-list__toolbar{flex-direction:column;align-items:flex-start;gap:12px}.expense-list__search{width:100%}.expense-list__search input{width:100%;max-width:360px}.expense-list__tableWrap{overflow-x:auto}.expense-list__table{min-width:1050px}}.studentHouse{padding:24px;background:#f4f6fb;min-height:100vh;font-family:Inter,sans-serif}.studentHouse__container{display:grid;grid-template-columns:350px 1fr;gap:24px}.studentHouse__formCard{background:#fff;padding:24px;border-radius:14px;box-shadow:0 8px 24px #0000000f;height:fit-content}.studentHouse__title{margin-bottom:18px;font-size:20px;font-weight:600;color:#1e293b}.studentHouse__field{display:flex;flex-direction:column;margin-bottom:16px}.studentHouse__field label{font-size:14px;margin-bottom:6px;font-weight:500;color:#334155}.studentHouse__field input,.studentHouse__field textarea{padding:10px;border-radius:8px;border:1px solid #dbeafe;font-size:14px;outline:none;transition:.3s}.studentHouse__field input:focus,.studentHouse__field textarea:focus{border-color:#2563eb}.studentHouse__primaryBtn{width:100%;padding:10px;border:none;background:#2563eb;color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:.3s}.studentHouse__primaryBtn:hover{background:#1d4ed8}.studentHouse__listCard{background:#fff;padding:24px;border-radius:14px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column}.studentHouse__listHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.studentHouse__search{padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;width:220px}.studentHouse__tableWrapper{overflow-x:auto;overflow-y:auto;max-height:420px}.studentHouse__table{width:100%;border-collapse:collapse;min-width:650px}.studentHouse__table th{background:#f1f5f9;padding:12px;font-size:14px;text-align:left}.studentHouse__table td{padding:12px;border-top:1px solid #e2e8f0;font-size:14px}.studentHouse__actions{display:flex;gap:8px}.studentHouse__editBtn{background:#f59e0b;border:none;padding:6px 12px;border-radius:6px;color:#fff;cursor:pointer}.studentHouse__deleteBtn{background:#ef4444;border:none;padding:6px 12px;border-radius:6px;color:#fff;cursor:pointer}.studentHouse__noData{text-align:center;padding:20px;color:#64748b}.studentHouse__pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.studentHouse__pagination button{padding:6px 12px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;cursor:pointer}.studentHouse__pagination button.active{background:#2563eb;color:#fff;border-color:#2563eb}.studentHouse__pagination button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.studentHouse__container{grid-template-columns:1fr}}@media(max-width:600px){.studentHouse{padding:14px}.studentHouse__search{width:100%}.studentHouse__listHeader{flex-direction:column;align-items:flex-start;gap:10px}}:root{--primary: #4f46e5;--primary-light: #6366f1;--secondary: #0ea5e9;--dark: #0f172a;--gray: #64748b;--light-bg: #f8fafc;--card-bg: rgba(255, 255, 255, .85)}.ss-wrapper{padding:40px 5%;background:linear-gradient(135deg,#eef2ff,#f1f5f9);min-height:100vh;font-family:Inter,sans-serif}.ss-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;flex-wrap:wrap;gap:15px}.ss-header-left{display:flex;align-items:center;gap:15px}.ss-icon-box{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 8px 20px #4f46e540}.ss-header h1{font-size:26px;font-weight:600;color:var(--dark)}.ss-breadcrumb{font-size:14px;color:var(--gray)}.ss-breadcrumb .divider{margin:0 8px}.ss-breadcrumb .active{color:var(--primary);font-weight:500}.ss-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 15px 40px #00000014;overflow:hidden;transition:.3s ease}.ss-card:hover{transform:translateY(-3px)}.ss-card-header{padding:22px 30px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;background:linear-gradient(90deg,#4f46e514,#0ea5e914);border-bottom:1px solid #e2e8f0;color:var(--dark)}.ss-card-body{padding:50px 20px}.ss-empty{text-align:center;max-width:500px;margin:auto}.ss-empty h3{font-size:20px;margin-bottom:10px;color:var(--dark)}.ss-empty p{color:var(--gray);margin-bottom:25px;font-size:14px}@media(max-width:992px){.ss-wrapper{padding:30px 4%}.ss-header h1{font-size:22px}.ss-card-body{padding:40px 15px}}@media(max-width:600px){.ss-header{flex-direction:column;align-items:flex-start}.ss-header-left{gap:10px}.ss-icon-box{width:42px;height:42px;font-size:18px}.ss-header h1{font-size:20px}.ss-card-header{padding:18px;font-size:16px}.ss-card-body{padding:30px 15px}}.su-page{min-height:100vh;padding:40px 20px;background:#f1e5e5;font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:flex-start}.su-layout{width:100%;max-width:1200px}.su-header{background:#f1e5e5;padding:22px 30px;border-radius:16px;color:#0a0a0a;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #00000040;margin-bottom:30px}.su-header-left{display:flex;align-items:center;gap:12px}.su-header-icon{font-size:24px}.su-header-title{font-size:22px;font-weight:600}.su-header-right{display:flex;gap:10px;font-size:14px;opacity:.9}.su-breadcrumb-active{font-weight:600}.su-criteria-card{background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:35px;box-shadow:0 20px 40px #00000059;border:1px solid rgba(255,255,255,.1);color:#060606}.su-criteria-title{display:flex;align-items:center;gap:10px;margin-bottom:25px}.su-criteria-heading{font-size:18px;font-weight:600}.su-search-icon{font-size:18px}.su-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.su-form-group{display:flex;flex-direction:column}.su-label{margin-bottom:8px;font-size:14px;font-weight:500}.su-required{color:#f87171}.su-select{padding:12px 14px;border-radius:10px;border:none;outline:none;font-size:14px;background:#ffffffde;color:#060606;transition:.3s ease}.su-select:focus{background:#ffffff2e;box-shadow:0 0 0 2px #14b8a6}.su-button-area{margin-top:30px;display:flex;justify-content:flex-end}.su-update-btn{padding:12px 28px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#14b8a6,#4f46e5);color:#0f0e0e;transition:.3s ease}.su-update-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #14b8a666}@media(max-width:992px){.su-form-grid{grid-template-columns:1fr}.su-header{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:600px){.su-page{padding:20px 12px}.su-criteria-card{padding:20px}.su-header{padding:18px}.su-header-title{font-size:18px}.su-update-btn{width:100%}.su-button-area{justify-content:center}}.sr-container{padding:30px;background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh;font-family:Inter,sans-serif}.sr-card{background:linear-gradient(180deg,#fff,#f9fbff);border-radius:16px;box-shadow:0 20px 45px #0f172a14;padding:28px;border:1px solid rgba(99,102,241,.08)}.sr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.sr-header h2{font-weight:600;font-size:22px;color:#0f172a;letter-spacing:.3px}.sr-add-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:9px 20px;border-radius:8px;cursor:pointer;font-weight:500;letter-spacing:.3px;box-shadow:0 8px 20px #4f46e540;transition:all .3s ease}.sr-add-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #4f46e559}.sr-topbar{display:flex;justify-content:space-between;margin-bottom:18px}.sr-search{display:flex;align-items:center;gap:10px}.sr-search label{font-size:14px;color:#475569;font-weight:500}.sr-search input{padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;outline:none;transition:all .25s ease;background:#fff}.sr-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.sr-table-wrapper{overflow-x:auto;border-radius:12px}.sr-table{width:100%;border-collapse:collapse}.sr-table th{background:linear-gradient(90deg,#eef2ff,#f1f5f9);text-align:left;padding:14px;font-size:13px;font-weight:600;color:#334155;border-bottom:1px solid #e2e8f0;letter-spacing:.5px}.sr-table td{padding:14px;border-top:1px solid #e2e8f0;font-size:14px;color:#475569;transition:background .2s ease}.sr-table tbody tr{transition:all .25s ease}.sr-table tbody tr:hover{background:#6366f10f}.sr-action-wrapper{position:relative}.sr-action-btn{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff;border:none;padding:6px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;box-shadow:0 6px 16px #1d4ed840}.sr-action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1d4ed859}.sr-dropdown{position:absolute;top:40px;right:0;background:#fff;border-radius:10px;box-shadow:0 15px 35px #0f172a26;overflow:hidden;z-index:10;border:1px solid rgba(226,232,240,.8);min-width:130px}.sr-dropdown button{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#334155;transition:all .2s ease}.sr-dropdown button:hover{background:#6366f114;color:#4f46e5}.sr-footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;flex-wrap:wrap;gap:15px;font-size:14px;color:#475569}.sr-pagination button{margin:0 4px;padding:7px 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;cursor:pointer;transition:all .25s ease;font-size:14px}.sr-pagination button:hover{background:#eef2ff;border-color:#6366f1;color:#4f46e5}.sr-pagination button.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;box-shadow:0 6px 16px #4f46e54d}.sr-pagination button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.sr-header{flex-direction:column;align-items:flex-start;gap:12px}.sr-footer{flex-direction:column;align-items:flex-start}.sr-search,.sr-search input{width:100%}}.InactiveStudentsWrapper{padding:20px;background:#f4f6fb;min-height:100vh;font-family:Poppins,sans-serif}.InactiveStudentsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.InactiveStudentsTitle{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;color:#1e2a4a}.InactiveStudentsBreadcrumb{color:#6c757d;font-size:14px}.InactiveStudentsFilterCard{background:#f3e6ec;border-radius:14px;padding:20px;margin-bottom:25px;box-shadow:0 5px 20px #0000000d}.InactiveStudentsFilterTitle{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:20px}.InactiveStudentsFilterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.InactiveStudentsFormGroup label{font-size:14px;margin-bottom:6px;display:block}.InactiveStudentsFormGroup input,.InactiveStudentsFormGroup select{width:100%;padding:10px;border-radius:6px;border:1px solid #dcdcdc;font-size:14px}.InactiveStudentsSearchBtnWrap{display:flex;align-items:flex-end}.InactiveStudentsSearchBtn{background:#1e3a8a;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;display:flex;gap:6px}.InactiveStudentsTableCard{background:#f3e6ec;border-radius:14px;padding:20px}.InactiveStudentsTableHeader{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:20px}.InactiveStudentsTableControls{display:flex;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:10px}.InactiveStudentsTableWrapper{overflow-x:auto}.InactiveStudentsTableWrapper::-webkit-scrollbar{height:6px}.InactiveStudentsTableWrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.InactiveStudentsTable{width:1400px;border-collapse:collapse;font-size:14px}.InactiveStudentsTable th,.InactiveStudentsTable td{padding:12px;border:1px solid #dcdcdc;text-align:left}.InactiveStudentsTable th{background:#e9cfd8;font-weight:600}.InactiveStudentsTable tr:nth-child(2n){background:#f9f4f6}.InactiveStudentsActionWrap{position:relative}.InactiveStudentsActionBtn{background:#1e3a8a;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;display:flex;gap:6px;align-items:center}.InactiveStudentsDropdown{position:absolute;top:40px;right:0;background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;min-width:120px;z-index:10}.InactiveStudentsDropdown button{padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer}.InactiveStudentsDropdown button:hover{background:#f1f1f1}.InactiveStudentsDelete{color:red}.InactiveStudentsPagination{display:flex;justify-content:center;gap:10px;margin-top:20px}.InactiveStudentsActivePage{background:#1e3a8a;color:#fff;padding:6px 12px;border-radius:4px}@media(max-width:768px){.InactiveStudentsHeader{flex-direction:column;align-items:flex-start;gap:10px}.InactiveStudentsTableControls{flex-direction:column;align-items:flex-start}}.AddReferralWrapper{width:100%;padding:24px;background:#f4f6fb;min-height:100vh;box-sizing:border-box;font-family:Inter,sans-serif}.AddReferralHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:12px}.AddReferralTitle{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;color:#0f2d52}.AddReferralHeaderIcon{font-size:22px}.AddReferralBreadcrumb{display:flex;align-items:center;font-size:14px;gap:6px}.AddReferralBreadcrumbLink{color:#1d4ed8;cursor:pointer;font-weight:500}.AddReferralBreadcrumbSlash{color:#9ca3af}.AddReferralBreadcrumbActive{color:#6b7280}.AddReferralCard{background:#f0d3d3a2;border-radius:14px;box-shadow:0 8px 25px #0f2d5214;overflow:hidden;border:1px solid #e5e7eb}.AddReferralCardHeader{padding:18px 24px;font-weight:600;font-size:16px;color:#0f2d52;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.AddReferralCardBody{padding:24px}.AddReferralCardFooter{padding:18px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;background:#fafafa}.AddReferralFormGrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.AddReferralFormGrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.AddReferralFormGroup{display:flex;flex-direction:column;gap:6px}.AddReferralInput{padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;outline:none}.AddReferralInput:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.AddReferralTextarea{resize:none}.AddReferralSaveBtn{padding:8px 18px;background:#0f2d52;color:#fff;border:none;border-radius:6px;cursor:pointer}.AddReferralSaveBtn:hover{background:#163d6b}@media(max-width:1024px){.AddReferralFormGrid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.AddReferralFormGrid3,.AddReferralFormGrid4{grid-template-columns:1fr}}.studentReportPage__wrapper{width:100%;min-height:100vh;background:#184e77;padding:25px;box-sizing:border-box;font-family:Inter,sans-serif}.studentReportPage__container{background:#e9ecef;border-radius:28px;padding:23px;box-shadow:inset 0 0 0 1px #00000005}.studentReportPage__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap}.studentReportPage__title{display:flex;align-items:center;gap:10px}.studentReportPage__title h2{font-size:24px;font-weight:600;color:#1f2937}.studentReportPage__icon{font-size:20px}.studentReportPage__breadcrumb{font-size:14px;color:#1f4e79;display:flex;align-items:center;gap:8px}.studentReportPage__slash{color:#6c757d}.studentReportPage__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.studentReportPage__card{display:flex;align-items:center;gap:18px;background:#fff;padding:18px 22px;border-radius:14px;box-shadow:0 4px 12px #0000000f;transition:.25s ease;cursor:pointer}.studentReportPage__card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.studentReportPage__cardIcon img{width:70px;height:70px;object-fit:contain;border-radius:50%}.studentReportPage__cardContent h4{font-size:14px;font-weight:700;color:#0d3b66;letter-spacing:.5px}.studentReportPage__underline{width:40px;height:2px;background:#0d3b66;margin:6px 0}.studentReportPage__cardContent p{font-size:14px;color:#6c757d}@media(max-width:1200px){.studentReportPage__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.studentReportPage__grid{grid-template-columns:1fr}.studentReportPage__wrapper{padding:15px}.studentReportPage__container{padding:20px}}@media(max-width:480px){.studentReportPage__header{flex-direction:column;align-items:flex-start;gap:10px}.studentReportPage__title h2{font-size:20px}.studentReportPage__cardIcon img{width:55px;height:55px}}.Student-Details-Wrapper{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:24px;padding:24px;background:#f3f6fb;min-height:100vh}.Student-Search-Panel{width:85%;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 18px #0000000f;display:flex;flex-direction:column;height:50vh}.Student-Search-Panel h2{font-size:18px;font-weight:600;margin-bottom:15px;color:#1f2937}.Student-Search-Input{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.Student-Search-Input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.Student-Table-Wrapper{margin-top:10px;max-height:450px;overflow-y:auto;overflow-x:auto;border:1px solid #eee;border-radius:8px}.Student-Table{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}.Student-Table thead{position:sticky;top:0;background:#f9fafb;z-index:2}.Student-Table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.Student-Table td{border-bottom:1px solid #f1f5f9;color:#374151}.Student-Table-Row{cursor:pointer;transition:background .15s}.Student-Table-Row:hover{background:#f1f5ff}.Student-Table-Row.active{background:#e0edff}.Student-Details-Page{width:85%;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 18px #0000000f;overflow:hidden}.Student-Header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.Student-Details-Title{font-size:22px;font-weight:600;color:#111827}.Student-Photo{width:90px;height:90px;border-radius:12px;overflow:hidden;background:#f3f4f6;flex-shrink:0}.Student-Photo img{width:100%;height:100%;object-fit:cover}.Student-Photo-Placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#9ca3af}.Student-Edit-Btn{margin-left:auto;background:#2563eb;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px}.Student-Edit-Btn:hover{background:#1d4ed8}.Student-Details-Scroll{max-height:75vh;overflow-y:auto;padding-right:10px}.Student-Details-Section{margin-bottom:22px}.Student-Details-Section h2{font-size:16px;font-weight:600;margin-bottom:12px;color:#1f2937}.Student-Details-Grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.Student-Details-Item{background:#f9fafb;padding:12px;border-radius:8px;border:1px solid #eef2f7}.Student-Details-Label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.Student-Details-Value{font-size:14px;font-weight:500;color:#111827}.Student-Delete-Btn{padding:5px 10px;background:#ef4444;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px}.Student-Delete-Btn:hover{background:#dc2626}@media(max-width:1024px){.Student-Details-Wrapper{flex-direction:column}.Student-Search-Panel{width:100%;position:relative}.Student-Details-Page{width:100%}}@media(max-width:768px){.Student-Details-Wrapper{padding:14px;gap:16px}.Student-Header{flex-direction:column;align-items:flex-start}.Student-Edit-Btn{margin-left:0}.Student-Photo{width:70px;height:70px}.Student-Details-Title{font-size:18px}.Student-Details-Grid{grid-template-columns:1fr}}@media(max-width:480px){.Student-Search-Input{font-size:13px;padding:8px 10px}.Student-Table,.Student-Details-Value{font-size:13px}}.print-area{display:none;width:800px;margin:auto;padding:20px;background:#fff;font-family:Segoe UI,Arial,sans-serif;color:#222;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 12px #0000000d}.pf-header{text-align:center;margin-bottom:20px}.pf-header h2{margin:0;font-size:24px;font-weight:700;background:linear-gradient(90deg,#2563eb,#a346e5,#d9058b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.pf-header p{margin:4px 0;font-size:14px;color:#6b7280}.pf-header h3{margin-top:10px;padding:6px 14px;display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ff9a9e);color:#fff;border-radius:20px;font-size:14px;letter-spacing:.5px}.pf-section{margin-top:25px}.pf-section h3{border-bottom:2px solid #4facfe;padding-bottom:5px;margin-bottom:15px;color:#374151}.pf-field{display:flex;margin:8px 0;align-items:center}.pf-field label{width:180px;font-weight:600;color:#374151}.pf-field span{flex:1;border-bottom:1.5px dashed #4facfe;min-height:20px}.pf-row{display:flex;justify-content:space-between}.pf-row .pf-field{width:48%}.pf-sign{margin-top:60px;display:flex;justify-content:space-between;font-weight:500;color:#374151}.pf-sign span{border-top:2px solid #4facfe;padding-top:5px;width:180px;text-align:center}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{display:block;position:absolute;top:0;left:0;width:100%;padding:30px;background:#fff;box-shadow:none}body{margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.FeeType{padding:25px;background:#f6f8fb;min-height:100vh;overflow-y:auto;font-family:Arial;box-sizing:border-box}.FeeType-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.FeeType-addBtn{background:#1e8e7e;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;white-space:nowrap;font-size:14px}.FeeType-toolbar{display:flex;gap:15px;align-items:center;background:#fff;padding:15px;border-radius:10px;margin-bottom:20px;flex-wrap:wrap}.FeeType-search{display:flex;align-items:center;border:1px solid #ddd;padding:8px 10px;border-radius:6px;flex:1;min-width:200px}.FeeType-search input{border:none;outline:none;margin-left:6px;width:100%;font-size:14px}.FeeType-tableWrapper{overflow-x:auto;overflow-y:hidden;background:#fff;border-radius:10px;position:relative;z-index:1;-webkit-overflow-scrolling:touch}.FeeType-tableWrapper::-webkit-scrollbar{height:6px}.FeeType-tableWrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.FeeType-tableWrapper::-webkit-scrollbar-track{background:transparent}.FeeType-table{width:100%;border-collapse:collapse;min-width:750px}.FeeType-table th,.FeeType-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px;text-align:left}.FeeType-status{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.Active{background:#d7f5e6;color:#1a8f5c}.Inactive{background:#ffdada;color:#e11d48}.FeeType-action{position:relative;display:flex;justify-content:center}.FeeType-actionBtn{border:none;background:none;cursor:pointer;font-size:18px;padding:5px}.FeeType-actionMenu{position:absolute;top:35px;right:0;background:#fff;border-radius:14px;box-shadow:0 10px 25px #00000026;padding:8px 0;width:150px;z-index:100;animation:dropdown .2s ease}.FeeType-actionMenu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 15px;border:none;background:none;cursor:pointer;font-size:14px}.FeeType-actionMenu button:hover{background:#f3f4f6}.FeeType-actionMenu .delete{color:#ef4444}.FeeType-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px;flex-wrap:wrap}.FeeType-pageBtn{min-width:36px;height:36px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.FeeType-pageBtn:hover{background:#f3f4f6}.FeeType-pageBtn.active{background:#1e8e7e;color:#fff;border-color:#1e8e7e;box-shadow:0 2px 6px #0000001a}.FeeType-pageBtn:disabled{opacity:.5;cursor:not-allowed}.FeeType-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;padding:15px}.FeeType-modalContent{background:#fff;width:100%;max-width:500px;border-radius:16px;padding:30px;position:relative;animation:scaleIn .35s ease}.FeeType-modalContent input,.FeeType-modalContent select{width:100%;padding:10px;margin-top:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.FeeType-modalBtns{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cancel{border:1px solid #ef4444;background:#fff;color:#ef4444;padding:10px 20px;border-radius:6px;cursor:pointer}.save{background:#1e8e7e;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dropdown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.FeeType{padding:20px}}@media(max-width:768px){.FeeType-header{flex-direction:column;align-items:flex-start}.FeeType-toolbar{flex-direction:column;align-items:stretch}.FeeType-search{width:100%}.FeeType-modalContent{padding:25px}}@media(max-width:480px){.FeeType{padding:15px}.FeeType-table{min-width:750px}.FeeType-table th,.FeeType-table td{font-size:13px;padding:8px}.FeeType-addBtn{width:100%;text-align:center}.FeeType-modalContent{padding:20px}.FeeType-modalBtns{flex-direction:column;gap:10px}.cancel,.save{width:100%}.FeeType-pageBtn{min-width:32px;height:32px;font-size:13px}}.ExamResult{padding:25px;background:radial-gradient(circle at top left,rgba(30,142,126,.08),transparent 22%),radial-gradient(circle at bottom right,rgba(59,130,246,.08),transparent 22%),#f6f8fb;min-height:100vh;overflow-y:auto;font-family:Arial,sans-serif}.ExamResult-header{margin-bottom:20px;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:18px;padding:22px 24px;box-shadow:0 10px 30px #0f172a0f;border:1px solid #e9eef5}.ExamResult-headerText h2{margin:0;font-size:28px;color:#132238;font-weight:700;letter-spacing:.3px}.ExamResult-headerText p{margin:7px 0 0;color:#64748b;font-size:14px;font-weight:500}.ExamResult-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#fffffff2;padding:16px;border-radius:16px;margin-bottom:20px;flex-wrap:wrap;box-shadow:0 10px 25px #0f172a0f;border:1px solid #e9eef5}.ExamResult-search{display:flex;align-items:center;border:1px solid #d9e2ec;padding:11px 14px;border-radius:12px;background:#f8fafc;min-width:260px;flex:1;max-width:420px;transition:all .3s ease}.ExamResult-search:focus-within{border-color:#1e8e7e;background:#fff;box-shadow:0 0 0 4px #1e8e7e14}.ExamResult-searchIcon{font-size:18px;color:#64748b;flex-shrink:0}.ExamResult-search input{border:none;outline:none;margin-left:10px;width:100%;background:transparent;font-size:14px;color:#1e293b}.ExamResult-search input::placeholder{color:#94a3b8}.ExamResult-rows{margin-left:auto}.ExamResult-filters{display:flex;gap:10px;flex-wrap:wrap}.ExamResult-filters select{padding:11px 14px;border-radius:12px;border:1px solid #d9e2ec;background:linear-gradient(180deg,#fff,#f8fafc);font-size:14px;color:#334155;font-weight:500;outline:none;transition:all .3s ease;cursor:pointer;min-width:160px}.ExamResult-filters select:hover,.ExamResult-filters select:focus{border-color:#1e8e7e;box-shadow:0 0 0 4px #1e8e7e14}.ExamResult-tableWrapper{overflow-x:auto;background:#fff;border-radius:18px;box-shadow:0 16px 35px #0f172a12;border:1px solid #e9eef5}.ExamResult-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1100px}.ExamResult-table thead tr{background:linear-gradient(135deg,#1e8e7e,#15786a)}.ExamResult-table th,.ExamResult-table td{padding:16px 14px;border-bottom:1px solid #edf2f7;font-size:14px;text-align:left;vertical-align:middle;white-space:nowrap}.ExamResult-table th{color:#1a1919;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.3px;position:sticky;top:0;z-index:2}.ExamResult-table th:first-child{border-top-left-radius:18px}.ExamResult-table th:last-child{border-top-right-radius:18px}.ExamResult-table tbody tr{transition:all .25s ease;background:#fff}.ExamResult-table tbody tr:hover{background:linear-gradient(90deg,#1e8e7e0d,#3b82f60a)}.ExamResult-table tbody tr:last-child td{border-bottom:none}.ExamResult-table td:nth-child(1),.ExamResult-table th:nth-child(1){min-width:70px;text-align:center}.ExamResult-table td:nth-child(2),.ExamResult-table th:nth-child(2){min-width:140px}.ExamResult-table td:nth-child(3),.ExamResult-table th:nth-child(3){min-width:180px}.ExamResult-table td:nth-child(4),.ExamResult-table th:nth-child(4){min-width:110px;text-align:center}.ExamResult-table td:nth-child(5),.ExamResult-table th:nth-child(5){min-width:120px}.ExamResult-table td:nth-child(6),.ExamResult-table th:nth-child(6){min-width:130px}.ExamResult-table td:nth-child(7),.ExamResult-table th:nth-child(7){min-width:150px;text-align:center}.ExamResult-table td:nth-child(8),.ExamResult-table th:nth-child(8){min-width:120px;text-align:center}.ExamResult-table td:nth-child(9),.ExamResult-table th:nth-child(9){min-width:100px;text-align:center}.ExamResult-table td:nth-child(10),.ExamResult-table th:nth-child(10){min-width:110px;text-align:center}.ExamResult-table td:nth-child(11),.ExamResult-table th:nth-child(11){min-width:90px;text-align:center}.ExamResult-admission{color:#1e8e7e;font-weight:700}.ExamResult-nameCell{font-weight:600;color:#1e293b}.ExamResult-totalCell{font-weight:600;color:#0f172a}.ExamResult-result{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px}.Pass{background:linear-gradient(135deg,#d7f5e6,#c4f1da);color:#1a8f5c}.Fail{background:linear-gradient(135deg,#ffdada,#ffc8c8);color:#e11d48}.ExamResult-action{position:relative;display:flex;align-items:center;justify-content:center}.ExamResult-actionBtn{border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);cursor:pointer;font-size:18px;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#334155;transition:all .25s ease}.ExamResult-actionBtn:hover{background:#1e8e7e;color:#fff;border-color:#1e8e7e;box-shadow:0 10px 20px #1e8e7e33}.ExamResult-dropdown{position:absolute;right:0;top:45px;background:#fff;border-radius:14px;box-shadow:0 14px 30px #00000024;padding:8px 0;width:130px;z-index:999;border:1px solid #eef2f7}.ExamResult-dropdown button{display:flex;align-items:center;gap:8px;padding:11px 15px;border:none;background:none;width:100%;cursor:pointer;position:relative;z-index:1000;font-size:14px;font-weight:600;color:#334155;transition:all .25s ease}.ExamResult-dropdown button:hover{background:#f3f4f6;color:#1e8e7e}.ExamResult-noData{text-align:center;padding:28px!important;color:#94a3b8;font-weight:600;white-space:normal!important}.ExamResult-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:10px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 10px 25px #0f172a0d;border:1px solid #e9eef5}.ExamResult-pagination p{margin:0;color:#64748b;font-size:14px;font-weight:600}.ExamResult-pageGroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ExamResult-pagination button{padding:6px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:8px;min-width:38px;height:38px;font-weight:600;color:#334155;transition:all .25s ease}.ExamResult-pagination button:hover:not(:disabled){border-color:#1e8e7e;color:#1e8e7e;background:#f0fbf8}.ExamResult-pagination button:disabled{opacity:.5;cursor:not-allowed}.ExamResult-pagination .active{background:#1e8e7e;color:#fff;border-color:#1e8e7e;box-shadow:0 8px 18px #1e8e7e38}.ExamResult-dropdown button{display:flex;align-items:center;gap:6px}.ExamResult-dropdown button:hover{background:#f1f5f9}.ExamResult-modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;padding:15px;z-index:999}.ExamResult-modal{background:#fff;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;padding:20px;border-radius:12px;box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease}.ExamResult-modal input{width:100%;margin:8px 0;padding:10px;border-radius:6px;border:1px solid #ddd;font-size:14px}.ExamResult-modal table{width:100%;border-collapse:collapse;margin-top:10px}.ExamResult-modal th,.ExamResult-modal td{padding:8px;border:1px solid #eee;text-align:center;font-size:14px}.ExamResult-modal th{background:#f5f6fa;font-weight:600}.ExamResult-modalActions{display:flex;justify-content:space-between;margin-top:15px;gap:10px}.ExamResult-modalActions button{flex:1;padding:10px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.ExamResult-modalActions button:first-child{background:#eee}.ExamResult-modalActions button:last-child{background:#4caf50;color:#fff}.pagination-controls{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.pagination-controls button{padding:6px 10px;border:none;background:#f1f1f1;border-radius:6px;cursor:pointer;transition:.2s}.pagination-controls button:hover{background:#ddd}.pagination-controls button.active{background:#667eea;color:#fff}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls button.active{background:#667eea;color:#fff;transform:scale(1.1)}.topper-row{background:linear-gradient(90deg,#f59e0b,#facc15)!important;font-weight:700;color:#fff}.topper-row td{background:#ec40aa!important;border-bottom:2px solid #f59e0b}.ExamResult-resetBtn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:.2s}.ExamResult-resetBtn:hover{background:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ExamResult-modal{padding:15px;border-radius:10px}.ExamResult-modal input{font-size:13px;padding:8px}.ExamResult-modal th,.ExamResult-modal td{font-size:12px;padding:6px}.ExamResult-modalActions{flex-direction:column}.ExamResult-modalActions button{width:100%}}@media(max-width:480px){.ExamResult-modal{max-width:100%;padding:12px}.ExamResult-modal h3{font-size:16px;text-align:center}.ExamResult-modal table{font-size:12px}.ExamResult-modal table{display:block;overflow-x:auto;white-space:nowrap}}.ExamResult-liveResult{margin-top:15px;padding:10px;background:#f8f9fa;border-radius:8px}.ExamResult-liveResult p{margin:5px 0;font-size:14px}@media(max-width:992px){.ExamResult{padding:20px}.ExamResult-table{min-width:1050px}}@media(max-width:768px){.ExamResult-toolbar{flex-direction:column;align-items:flex-start}.ExamResult-search{width:100%;max-width:100%}.ExamResult-filters{width:100%;flex-direction:column}.ExamResult-filters select{width:100%}.ExamResult-rows{margin-left:0}.ExamResult-pagination{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.ExamResult{padding:15px}.ExamResult-header{padding:18px}.ExamResult-headerText h2{font-size:22px}.ExamResult-table{min-width:1000px}}.reports-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:flex-start;padding:20px 10px;z-index:1000;overflow-y:auto}.reports-card{background:#fff;width:210mm;min-height:297mm;padding:12mm;font-family:Segoe UI,sans-serif;overflow-x:hidden;border:2.5px solid #000;position:relative}.reports-card:before{content:"";position:absolute;inset:8px;border:1px solid #000;pointer-events:none}.reports-header{display:flex;justify-content:center;align-items:center;gap:12px;text-align:center;margin-bottom:12px}.reports-logo{width:80px}.reports-title{margin:0;color:#1e3a8a;font-size:20px;font-weight:700}.reports-subtitle{margin:0;font-size:12px;font-weight:600;letter-spacing:1px}.reports-info{display:flex;justify-content:space-between;gap:10px;background:#f9fafb;padding:10px;margin-bottom:12px;border:1px solid #000;font-size:13px}.reports-table{width:100%;border-collapse:collapse;font-size:12px}.reports-table thead tr:first-child th{background:#e5e7eb;font-weight:700;border-bottom:2px solid #000}.reports-table thead tr:nth-child(2) th{background:#f3f4f6}.reports-table th,.reports-table td{border:1px solid #444;padding:7px 6px;text-align:center}.reports-table td:first-child,.reports-table th:first-child{text-align:left;padding-left:10px}.reports-table tbody tr:nth-child(2n){background:#fafafa}.pass{color:green;font-weight:600}.fail{color:red;font-weight:600}.reports-summarys{margin-top:12px;padding:10px;border:1px solid #000;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:600}.reports-summarys p{margin:0;padding:0 12px;position:relative;white-space:nowrap}.reports-summarys p:not(:last-child):after{content:"";position:absolute;right:0;top:10%;height:80%;width:1px;background:#000}.pass{color:green;font-weight:700}.fail{color:red;font-weight:700}.reports-attendance{margin-top:10px;padding:10px;border:1px solid #000;display:flex;justify-content:space-between;font-size:13px}.reports-remark{margin-top:10px;font-size:13px}.reports-sign{margin-top:50px;display:flex;justify-content:space-between;text-align:center}.line{border-top:1px solid #000;width:130px;margin:auto auto 5px}.reports-buttons{position:fixed;bottom:20px;right:20px;display:flex;gap:10px}.btn{padding:10px 15px;background:#2563eb;color:#fff;border:none;border-radius:6px}.reports-student-photo{width:80px;height:90px;border:2px solid #ccc;border-radius:6px;overflow:hidden}.reports-student-photo img{width:100%;height:100%;object-fit:cover}.reports-grade-scale{margin-top:20px}.reports-grade-table{width:100%;border-collapse:collapse;font-size:13px}.reports-grade-table th,.reports-grade-table td{border:1px solid #999;padding:6px;text-align:center}.reports-grade-table th{background:#f1f1f1}@media(max-width:768px){.reports-card{width:100%;min-height:auto;padding:15px}.reports-header{flex-direction:column}.reports-summary{grid-template-columns:1fr 1fr}.reports-attendance{flex-direction:column;gap:8px}.reports-table-wrapper{overflow-x:auto}.reports-table{min-width:500px}}@media print{@page{size:A4;margin:0}html,body{margin:0;padding:0;background:#fff}.reports-overlay{position:static!important;background:none!important;padding:0!important;width:100%;height:auto}.reports-table{border-collapse:collapse!important;width:100%}.reports-table,.reports-table th,.reports-table td{border:1px solid #000!important}.reports-table thead{display:table-header-group!important}.reports-table tr{page-break-inside:avoid!important}.reports-table th{background:#e5e7eb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.reports-table thead tr:first-child th{border-bottom:1px solid #000!important}.reports-table thead tr:nth-child(2) th{border-top:none!important}.reports-table td,.reports-table th{border-left:1px solid #000!important;border-right:1px solid #000!important}#printArea,#printArea *{visibility:visible}#printArea{position:absolute;top:0;left:0;width:210mm;min-height:297mm;padding:12mm;box-sizing:border-box;background:#fff}thead{display:table-header-group!important}tr,th,td{page-break-inside:avoid!important}.reports-buttons{display:none!important}}.reports-header{display:grid;grid-template-columns:80px 1fr 90px;align-items:center}.reports-title-box{text-align:center}@media print{@page{size:A4;margin:10mm}html,body{margin:0;padding:0;background:#fff}.reports-overlay{position:static!important;background:none!important;padding:0!important;height:auto!important}body *{visibility:hidden}#printArea,#printArea *{visibility:visible}#printArea{position:absolute;top:0;left:0;width:190mm;min-height:auto;padding:10mm;box-sizing:border-box}.reports-card{box-shadow:none!important;border:2px solid #000}.reports-table{width:100%;border-collapse:collapse!important;font-size:11px}.reports-table th,.reports-table td{border:1px solid #000!important;padding:6px}thead{display:table-header-group!important}tr,td,th{page-break-inside:avoid!important}th{background:#e5e7eb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.reports-summarys{display:flex;justify-content:space-between;font-size:12px}.reports-attendance{flex-direction:row;font-size:12px}.reports-sign{margin-top:40px}.reports-buttons{display:none!important}img{max-width:100%!important;height:auto!important}}.reports-table{border:2px solid #000}.reports-table thead th{font-size:13px;letter-spacing:.5px}.reports-table tbody tr:hover{background:#eef2ff;transition:.2s}.full-mark{font-weight:600;color:#555}.mark{font-weight:600;color:#111}.total{font-weight:700;color:#1e3a8a}.grade-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block}.grade-badge.a1{background:#16a34a;color:#fff}.grade-badge.a2{background:#22c55e;color:#fff}.grade-badge.b1{background:#3b82f6;color:#fff}.grade-badge.c{background:#f59e0b;color:#fff}.grade-badge.e{background:#ef4444;color:#fff}.reports-card{box-shadow:0 8px 25px #00000026}.reports-summary{font-weight:600}.reports-summary p{padding:6px;border-right:1px solid #000}.reports-summary p:last-child{border-right:none}.grade-badge.b2{background:#0ea5e9;color:#fff}.grade-badge.c1{background:#eab308;color:#fff}.grade-badge.c2{background:#f97316;color:#fff}.grade-badge.d{background:#a855f7;color:#fff}.reports-grade-scale.small{margin-top:10px;overflow-x:auto}.reports-grade-table.small{width:100%;border-collapse:collapse;font-size:12px;background:#f9fafb}.reports-grade-table.small td{padding:6px 10px;border:1px solid #eee;text-align:center;white-space:nowrap}.reports-grade-table.small td:first-child{font-weight:700;background:#f1f5f9}.reports-grade-table{width:100%;border-collapse:collapse;text-align:center}.reports-grade-table th{background:#f4c542;border:1px solid #000;padding:8px}.reports-grade-table td{border:1px solid #000;padding:8px}@media print{@page{size:A4;margin:10mm}html,body{margin:0;padding:0;background:#fff}.reports-overlay{position:static!important;background:none!important;padding:0!important;height:auto!important}body *{visibility:hidden}#printArea,#printArea *{visibility:visible}#printArea{position:absolute;top:0;left:0;width:190mm;min-height:auto;padding:10mm;box-sizing:border-box}.reports-card{box-shadow:none!important;border:2px solid #000}.reports-table{width:100%;border-collapse:collapse!important;font-size:11px}.reports-table th,.reports-table td{border:1px solid #000!important;padding:6px}thead{display:table-header-group!important}tr,td,th{page-break-inside:avoid!important}th{background:#e5e7eb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.reports-summary{grid-template-columns:repeat(2,1fr);font-size:12px}.reports-attendance{flex-direction:row;font-size:12px}.reports-sign{margin-top:40px}.reports-buttons{display:none!important}img{max-width:100%!important;height:auto!important}}.paymentRecipt{padding:20px;background:#f5f6fa;font-family:Inter,sans-serif}.paymentRecipt-card{background:#fff;border-radius:12px;margin-bottom:20px;border:1px solid #f3c6cd;box-shadow:0 4px 12px #0000000f;overflow:hidden}.paymentRecipt-header{padding:14px 20px;border-bottom:1px solid #f3c6cd;background:linear-gradient(to right,#fff5f7,#fff)}.paymentRecipt-header h3{font-size:16px;color:#1e2a55;font-weight:600}.paymentRecipt-form{display:flex;gap:16px;padding:20px;align-items:flex-end;flex-wrap:wrap}.paymentRecipt-field{flex:1;min-width:200px}.paymentRecipt-field label{font-size:12px;margin-bottom:6px;display:block;color:#444}.paymentRecipt-field input{width:100%;padding:10px;border-radius:8px;border:1px solid #dcdcdc;outline:none;transition:.2s}.paymentRecipt-field input:focus{border-color:#0b1c4d;box-shadow:0 0 0 2px #0b1c4d1a}.paymentRecipt-search button{background:#0b1c4d;color:#fff;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;transition:.3s}.paymentRecipt-search button:hover{background:#09173c}.paymentRecipt-tableWrapper{overflow-x:auto;width:100%}.paymentRecipt-tableWrapper::-webkit-scrollbar{height:6px}.paymentRecipt-tableWrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.paymentRecipt-table{width:100%;border-collapse:collapse;min-width:1000px}.paymentRecipt-table thead{position:sticky;top:0;z-index:5}.paymentRecipt-table th{background:#fbe9ec;padding:12px;font-size:12px;text-align:left;color:#1e2a55;white-space:nowrap}.paymentRecipt-table td{padding:12px;border-top:1px solid #eee;font-size:13px;white-space:nowrap}.paymentRecipt-table tr:nth-child(2n){background:#fafafa}.paymentRecipt-table tr:hover{background:#f1f5ff}.paid{color:#16a34a;font-weight:600}.paymentRecipt-actions{display:flex;gap:6px}.paymentRecipt-actions button{border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.paymentRecipt-actions .view{background:#0b1c4d;color:#fff}.paymentRecipt-actions .view:hover{background:#09173c}.paymentRecipt-actions .download{background:#e91e63;color:#fff}.paymentRecipt-actions .download:hover{background:#c2185b}.paymentRecipt-pagination{display:flex;justify-content:flex-end;padding:15px;gap:6px;flex-wrap:wrap}.paymentRecipt-pagination button{padding:6px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:6px;transition:.2s}.paymentRecipt-pagination button:hover{background:#f3f4f6}.paymentRecipt-pagination .active{background:#0b1c4d;color:#fff;border-color:#0b1c4d}@media(max-width:1024px){.paymentRecipt{padding:15px}.paymentRecipt-form{gap:12px}.paymentRecipt-field{min-width:160px}}@media(max-width:768px){.paymentRecipt-form{flex-direction:column;align-items:stretch}.paymentRecipt-field,.paymentRecipt-search button{width:100%}.paymentRecipt-pagination{justify-content:center}}@media(max-width:480px){.paymentRecipt-header h3{font-size:14px}.paymentRecipt-table th,.paymentRecipt-table td{font-size:11px;padding:8px}.paymentRecipt-actions button{padding:5px 8px}}.ae-page{background:linear-gradient(135deg,#eef2ff,#f8fafc);padding:30px;font-family:Inter,sans-serif;min-height:100vh}.ae-header{display:flex;justify-content:space-between;align-items:center}.ae-header-left{display:flex;align-items:center;gap:10px}.ae-icon{font-size:22px;color:#4f46e5}.ae-header h2{font-size:26px;color:#1e293b;font-weight:700}.ae-breadcrumb{font-size:13px;color:#94a3b8}.ae-layout{display:flex;gap:25px;margin-top:20px}.ae-card{background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 20px 40px #00000014;flex:1;display:flex;flex-direction:column;width:50%}.ae-card-top{padding:16px 20px;font-weight:600;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:18px 18px 0 0}.ae-form{padding:20px}.ae-scroll{max-height:550px;overflow-y:auto}.ae-scroll::-webkit-scrollbar{width:0}.ae-field{margin-bottom:15px}.ae-field label{font-size:13px;color:#64748b;margin-bottom:5px;display:block}.ae-field input,.ae-field select,.ae-field textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#f9fafb}.ae-field input:focus,.ae-field select:focus,.ae-field textarea:focus{border-color:#6366f1;background:#fff;outline:none}.ae-btn{margin-top:10px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;padding:12px;border-radius:10px;border:none;cursor:pointer}.ae-table-top{display:flex;justify-content:space-between;padding:15px 20px}.ae-table-wrap{overflow-x:auto;overflow-y:auto;max-height:500px}.ae-table{width:max-content;min-width:1400px;border-collapse:collapse}.ae-table thead{background:#f1f5f9;position:sticky;top:0;z-index:10}.ae-table th{padding:14px;font-size:12px;color:#334155;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.ae-table td{padding:14px;font-size:13px;border-bottom:1px solid #f1f5f9;white-space:nowrap}.ae-table tbody tr:nth-child(2n){background:#fafbff}.ae-table tbody tr:hover{background:#f1f5ff}.ae-action{position:relative}.ae-action-btn{background:#4f46e5;color:#fff;padding:6px 10px;border-radius:6px;border:none}.ae-dropdown{position:absolute;right:0;top:35px;background:#fff;border-radius:10px;width:140px;box-shadow:0 12px 25px #00000026;z-index:20}.ae-dropdown div{padding:10px;cursor:pointer}.ae-dropdown .del:hover{background:#fee2e2;color:#dc2626}.ae-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #e2e8f0;background:#fff;border-radius:0 0 18px 18px;flex-wrap:wrap}.ae-pagination span{font-size:13px;font-weight:600;color:#64748b}.ae-pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ae-pagination-controls button{min-width:38px;height:34px;padding:0 12px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;border-radius:8px;font-weight:600;cursor:pointer}.ae-pagination-controls button:hover:not(:disabled){background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.ae-pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.ae-pagination-controls .active{background:#4f46e5;color:#fff;border-color:#4f46e5}@media(max-width:768px){.ae-layout{flex-direction:column}.ae-card{width:100%}}.expense-search{padding:35px;min-height:100vh;font-family:Inter,sans-serif;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.expense-search__header{margin-bottom:25px}.expense-search__header h2{margin:0;font-size:26px;font-weight:700;color:#1e293b}.expense-search__breadcrumb{color:#94a3b8;font-size:13px;margin-top:4px}.expense-search__card{background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 20px 50px #00000014;border:1px solid rgba(255,255,255,.4);overflow:hidden}.expense-search__cardHeader{padding:20px 25px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.expense-search__cardHeader h3{margin:0;font-size:18px;font-weight:600}.expense-search__form{padding:25px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.expense-search__group{display:flex;flex-direction:column}.expense-search__group label{font-size:12px;margin-bottom:6px;color:#64748b;font-weight:500}.expense-search__group input,.expense-search__group select{padding:11px 12px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;background:#f9fafb;transition:all .25s ease}.expense-search__group input:hover,.expense-search__group select:hover{border-color:#c7d2fe}.expense-search__group input:focus,.expense-search__group select:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11f}.expense-search__btnWrap{display:flex;align-items:flex-end}.expense-search__btn{width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #4f46e559}.expense-search__btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #4f46e573}@media(max-width:1100px){.expense-search__form{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.expense-search__form{grid-template-columns:repeat(2,1fr)}.expense-search{padding:0}}@media(max-width:500px){.expense-search__form{grid-template-columns:1fr}}.expenseHead-wrapper{padding:20px;background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh;font-family:Inter,sans-serif;width:100%;max-width:100%;overflow-x:hidden}.expenseHead-pageTitle{font-size:26px;font-weight:700;margin-bottom:20px;color:#1e293b}.expenseHead-grid{display:grid;grid-template-columns:320px 1fr;gap:20px;width:100%;max-width:100%}.expenseHead-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014;overflow:hidden;transition:.3s;width:100%;max-width:100%}.expenseHead-card:hover{transform:translateY(-3px)}.expenseHead-cardHeader{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:14px;font-weight:600}.expenseHead-form{padding:16px;display:flex;flex-direction:column;gap:10px}.expenseHead-form input,.expenseHead-form textarea{padding:10px;border-radius:10px;border:1px solid #e2e8f0;width:100%;font-size:14px}.expenseHead-form input:focus,.expenseHead-form textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.expenseHead-saveBtn{margin-top:10px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer;transition:.3s}.expenseHead-saveBtn:hover{transform:translateY(-2px)}.expenseHead-tableWrap{padding:15px;width:100%;max-width:100%;overflow-x:auto}.expenseHead-table{width:100%;border-collapse:collapse;min-width:500px}.expenseHead-table th{padding:10px;background:#f1f5f9;text-align:left;font-size:14px}.expenseHead-table td{padding:10px;border-bottom:1px solid #eee;font-size:14px}.expenseHead-actionCell{position:relative;text-align:center}.expenseHead-actionBtn{background:#3b5ccc;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer}.expenseHead-actionBtn:hover{background:#2f4bb7}.expenseHead-menu{position:absolute;top:40px;right:0;width:160px;background:#fff;border-radius:10px;box-shadow:0 10px 25px #00000026;z-index:100;animation:fadeIn .2s ease}.expenseHead-menu button{width:100%;padding:10px;border:none;background:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.expenseHead-menu button:hover{background:#f8fafc}.expenseHead-menu .delete{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.expenseHead-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:15px}.expenseHead-paginationControls{display:flex;flex-wrap:wrap;gap:5px}.expenseHead-paginationControls button{padding:6px 10px;border:none;background:#e2e8f0;border-radius:6px;cursor:pointer;font-size:13px}.expenseHead-paginationControls button:hover{background:#cbd5f5}.expenseHead-paginationControls .active{background:#1e40af;color:#fff}.expenseHead-paginationControls .disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.expenseHead-grid{grid-template-columns:1fr}}@media(max-width:768px){.expenseHead-wrapper{padding:0}.expenseHead-pageTitle{font-size:22px}.expenseHead-cardHeader{font-size:14px}.expenseHead-table th,.expenseHead-table td{padding:8px;font-size:12px}.expenseHead-saveBtn{padding:8px;font-size:14px}}@media(max-width:480px){.expenseHead-pagination{flex-direction:column;align-items:flex-start}.expenseHead-actionBtn{padding:5px 10px;font-size:12px}}.FeeCollection{padding:25px;background:#f6f8fb;font-family:Arial}.FeeCollection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.FeeCollection-collectBtn{background:#1e8e7e;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}.FeeCollection-toolbar{display:flex;flex-wrap:wrap;gap:15px;align-items:center;background:#fff;padding:15px;border-radius:10px;margin-bottom:20px}.FeeCollection-selectedStudent{background:#f7f7f7;padding:10px;border-radius:6px;margin-top:6px;font-size:14px}.FeeCollection-search{display:flex;align-items:center;border:1px solid #ddd;padding:8px 10px;border-radius:6px}.FeeCollection-search input{border:none;outline:none;margin-left:5px}.FeeCollection-exportWrapper{position:relative}.FeeCollection-exportDropdown{position:absolute;top:45px;left:0;background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;width:150px;padding:10px 0;z-index:50}.FeeCollection-tableWrapper{overflow-x:auto}.FeeCollection-table{width:100%;border-collapse:collapse;background:#fff}.FeeCollection-table th,.FeeCollection-table td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.FeeCollection-status{padding:4px 10px;border-radius:6px;font-size:12px}.Paid{background:#d7f5e6;color:#1a8f5c}.Partial{background:#ffe5c2;color:#ff7b00}.Unpaid{background:#ffdada;color:red}.FeeCollection-actionWrapper{position:relative}.FeeCollection-actionBtn{border:none;background:none;cursor:pointer;font-size:18px}.FeeCollection-actionDropdown{position:absolute;top:30px;padding:15px;right:0;z-index:2;background:#fffdfd;border-radius:10px;box-shadow:0 5px 20px #0000001a;width:150px;display:flex;justify-content:space-around;cursor:pointer}.FeeCollection-actionDropdown button{cursor:pointer;font-weight:700}.FeeCollection-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.FeeCollection-pagination button{padding:6px 12px;border:1px solid #ddd;background:#fff;cursor:pointer}.FeeCollection-pagination .active{background:#1e8e7e;color:#fff}.FeeCollection-modal,.FeeCollection-receiptModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.FeeCollection-modalContent,.FeeCollection-receipt{background:#fff;width:92%;max-width:620px;border-radius:20px;padding:35px 30px;position:relative;animation:scaleIn .35s ease}.FeeCollection-receipt table{width:100%;border-collapse:collapse;margin:25px 0;border-radius:10px;overflow:hidden;table-layout:fixed}.FeeCollection-receipt th{background:#f2e1e4;color:#1e2a4a;font-weight:600;padding:14px;text-align:center;width:33.33%}.FeeCollection-receipt td{padding:16px;text-align:center;border-top:1px solid #eee;width:33.33%}.close{position:absolute;top:15px;right:15px;cursor:pointer}.FeeCollection-formGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.FeeCollection-formGrid textarea{grid-column:span 2}.FeeCollection-formBtns{display:flex;justify-content:center;gap:20px;margin-top:25px}.cancel{border:1px solid red;background:#fff;color:red;padding:10px 20px;border-radius:6px}.save{background:#1e8e7e;color:#fff;border:none;padding:10px 20px;border-radius:6px}.FeeCollection-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f9fafb;padding:12px;border-radius:10px}.FeeCollection-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px;min-width:220px}.FeeCollection-search input{border:none;outline:none;font-size:14px;width:100%}.FeeCollection-select{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:14px;cursor:pointer}.FeeCollection-date{padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px}.FeeCollection-resetBtn{padding:8px 12px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer}.FeeCollection-resetBtn:hover{background:#dc2626}@media(max-width:768px){.FeeCollection-toolbar{flex-direction:column;align-items:stretch}.FeeCollection-search,.FeeCollection-select,.FeeCollection-date,.FeeCollection-resetBtn{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.FeeCollection-formGrid{grid-template-columns:1fr}.FeeCollection-receiptInfo{flex-direction:column}}@media(max-width:480px){.FeeCollection{padding:15px}.FeeCollection-modalContent,.FeeCollection-receipt{padding:20px}}.receipt-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:flex-start;padding:20px;z-index:1000;overflow-y:auto;overflow-x:hidden}.receipt-card{width:210mm;max-width:100%;min-height:297mm;background:#fff;padding:20px;border-radius:10px;font-family:Segoe UI,sans-serif;position:relative;margin:auto;box-sizing:border-box}.receipt-card .receipt-close{position:absolute;top:15px;right:15px;cursor:pointer}.receipt-card .receipt-header{display:flex;align-items:center;gap:15px}.receipt-logo{width:60px}.receipt-title{margin:0;color:#1e3a8a}.receipt-address{margin:0;font-size:13px}.receipt-card .receipt-top{display:flex;justify-content:space-between;margin:15px 0;font-size:14px}.receipt-card .receipt-student{background:#f3f4f6;padding:10px;border-radius:6px;margin-bottom:15px}.receipt-card .receipt-table{width:100%;border-collapse:collapse;table-layout:fixed}.receipt-card .receipt-table th,.receipt-card .receipt-table td{border:1px solid #000;padding:8px;text-align:center;word-break:break-word}.receipt-card .receipt-table th{background:#e5e7eb}.receipt-total{background:#fef3c7}.receipt-card .receipt-note{margin-top:10px;font-size:13px}.receipt-card .receipt-footer{margin-top:50px;display:flex;justify-content:space-between}.receipt-line{border-top:1px solid #000;width:120px;margin:auto}.receipt-thank{text-align:center;margin-top:20px;font-weight:600}@media(max-width:768px){.receipt-card{width:100%;padding:15px}.receipt-card .receipt-header{flex-direction:column;text-align:center}.receipt-logo{margin-bottom:10px}.receipt-card .receipt-top{flex-direction:column;gap:10px}.receipt-card .receipt-footer{flex-direction:column;gap:20px;align-items:center}}@media print{body{margin:0}.receipt-overlay{position:static;background:none;padding:0}.receipt-card{width:210mm!important;min-height:297mm;padding:15mm;border-radius:0;box-shadow:none}.receipt-close{display:none}.receipt-overlay>div:last-child{display:none}}.search-wrapper{position:relative;width:400px}.search-wrapper input{width:100%;padding:12px;border:1px solid #ccc}.search-dropdown{position:absolute;width:100%;background:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;z-index:10}.search-item:hover{background:#f0f0f0}.pr-main{background:#f5f5f5;padding:20px;font-family:Segoe UI,sans-serif}.pr-actions{display:flex;justify-content:space-between;margin-bottom:15px}.pr-actions button{padding:8px 14px;border:none;background:#4caf50;color:#fff;cursor:pointer;border-radius:5px;font-size:14px}.pr-actions button:hover{background:#388e3c}.pr-page{width:210mm;min-height:297mm;background:#fff;padding:20mm;margin:auto;border:2px solid #ccc;box-sizing:border-box}.pr-header{display:flex;justify-content:center;align-items:center;gap:15px;text-align:center;margin-bottom:10px}.pr-header img{width:60px}.pr-header h2{margin:0;font-size:22px}.pr-header p{margin:0;font-size:14px}.pr-info{display:flex;justify-content:space-between;border:1px solid #000;padding:15px;margin:20px 0;font-size:14px}.pr-info p{margin:4px 0}.pr-table{width:100%;border-collapse:collapse;font-size:14px}.pr-table th,.pr-table td{border:1px solid #000;padding:8px;text-align:center}.pr-table th{background:#4caf50;color:#fff}.bold{font-weight:700}.pr-grade{display:flex;justify-content:space-between;margin-top:10px;background:#eee;padding:10px;font-size:13px}.pr-summary-card{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.pr-summary-item{background:#f9f9f9;border:1px solid #ddd;padding:10px;text-align:center;border-radius:8px}.pr-summary-item span{display:block;font-size:12px;color:#777}.pr-summary-item strong{font-size:16px;color:#222}.pass{color:#2e7d32}.fail{color:#d32f2f}.pr-attendance-card{display:flex;justify-content:space-around;margin-top:15px;background:#f1f8e9;padding:12px;border-radius:8px;border:1px solid #c5e1a5}.pr-attendance-card div{text-align:center}.pr-attendance-card span{display:block;font-size:12px;color:#555}.pr-attendance-card strong{font-size:16px}.pr-remark-box{margin-top:20px;padding:12px;border:1px dashed #999;background:#fafafa;border-radius:6px}.pr-sign{display:flex;justify-content:space-between;margin-top:60px;text-align:center}.pr-sign .line{width:150px;height:1px;background:#000;margin:0 auto 8px}.pr-table th{background:linear-gradient(135deg,#4caf50,#388e3c)}.pr-table td{font-size:13px}.pr-page{box-shadow:0 8px 25px #0000001a;border-radius:6px}.pr-table tr:first-child{background:#e8f5e9;font-weight:700}@page{size:A4;margin:10mm}@media print{body{margin:0;padding:0}.no-print{display:none!important}.pr-main{background:#fff!important;padding:0!important}.pr-page{width:100%!important;min-height:auto!important;border:none!important;margin:0!important;padding:10mm!important;box-shadow:none!important}.pr-header,.pr-info,.pr-table,.pr-summary,.pr-attendance,.pr-sign{page-break-inside:avoid}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group}*{overflow:visible!important}}:root{--ct-bg: #f5f7fb;--ct-surface: #ffffff;--ct-border: rgba(15, 23, 42, .1);--ct-text: #0f172a;--ct-muted: rgba(15, 23, 42, .6);--ct-primary: #2b6af3;--ct-primary-2: #2454c7;--ct-success-bg: #e8f7ef;--ct-success-text: #1f7a4a;--ct-shadow: 0 18px 60px rgba(2, 6, 23, .08);--ct-shadow-2: 0 10px 30px rgba(2, 6, 23, .06);--ct-radius: 14px}.teacher-shell{padding:22px;min-height:calc(100vh - 64px);background:linear-gradient(180deg,#f7f9ff 0%,var(--ct-bg) 100%)}.teacher-pageTop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.teacher-title{margin:0;font-size:28px;font-weight:800;letter-spacing:-.4px;color:var(--ct-text)}.teacher-subtitle{margin:6px 0 0;font-size:13px;color:#0f172a8c}.topAddBtn{border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--ct-primary),var(--ct-primary-2));box-shadow:0 12px 24px #2b6af338;display:inline-flex;align-items:center;gap:10px}.topAddBtn:active{transform:translateY(1px)}.topAddBtnPlus{width:24px;height:24px;border-radius:8px;background:#ffffff29;display:grid;place-items:center;font-size:18px;line-height:1}.teacher-panel{background:var(--ct-surface);border:1px solid var(--ct-border);border-radius:var(--ct-radius);box-shadow:var(--ct-shadow);padding:14px}.teacher-panelTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 14px;border-bottom:1px solid rgba(15,23,42,.08)}.teacher-tabs{display:inline-flex;gap:14px;align-items:center}.tab{border:0;background:transparent;cursor:pointer;font-weight:800;color:#0f172a8c;padding:10px 6px;border-bottom:2px solid transparent}.tab--active{color:var(--ct-primary);border-bottom-color:var(--ct-primary)}.tab--disabled{opacity:.55;cursor:not-allowed}.teacher-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px}.viewPills{display:inline-flex;border:1px solid rgba(15,23,42,.1);border-radius:10px;overflow:hidden;background:#fff}.viewPill{border:0;background:transparent;padding:10px 12px;cursor:pointer;font-weight:900;color:#0f172a8c}.viewPill--active{background:#2b6af31a;color:#234fbe}.viewPill:disabled{opacity:.55;cursor:not-allowed}.searchWrap{position:relative;width:min(320px,55vw)}.searchIcon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.6;pointer-events:none}.searchInput{width:100%;border-radius:10px;border:1px solid rgba(15,23,42,.1);padding:10px 12px 10px 38px;outline:none;font-size:13px;background:#fff}.searchInput:focus{border-color:#2b6af359;box-shadow:0 0 0 4px #2b6af31f}.teacher-gridCards{padding:16px 8px 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.teacher-card{border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;box-shadow:var(--ct-shadow-2);padding:14px;transition:transform .12s ease,box-shadow .12s ease}.teacher-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0206171a}.teacher-cardTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.statusPill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.statusPill--active{background:var(--ct-success-bg);color:var(--ct-success-text)}.statusPill--leave{background:#fff4df;color:#b45309;border:1px solid rgba(245,158,11,.28)}.menuWrap{position:relative}.kebabBtn{border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:18px;line-height:0;color:#0f172ab3}.menu{position:absolute;right:0;top:40px;width:160px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:12px;box-shadow:0 18px 40px #0206171f;overflow:hidden;z-index:5}.menuItem{width:100%;padding:10px 12px;text-align:left;border:0;background:#fff;cursor:pointer;font-weight:800;font-size:13px;color:#0f172ad1}.menuItem:hover{background:#0206170a}.menuItem--danger{color:#b91c1c}.teacher-avatar{margin:14px auto 10px;width:84px;height:84px;border-radius:20px;background:linear-gradient(135deg,#2b6af329,#2b6af30d);border:1px solid rgba(43,106,243,.2);display:grid;place-items:center;font-weight:900;font-size:30px;color:#234fbef2;overflow:hidden}.teacher-avatar img{width:100%;height:100%;object-fit:cover;display:block}.teacher-name{text-align:center;font-weight:900;color:#0f172aeb;font-size:16px}.teacher-role{text-align:center;font-size:12px;color:#2b6af3d9;font-weight:800;margin-top:2px}.teacher-cardDivider{height:1px;background:#0f172a14;margin:12px 0}.teacher-info{display:grid;gap:8px}.infoRow{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;color:#0f172ab8;font-size:13px}.infoText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field{display:grid;gap:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.label{font-weight:800;font-size:12px;color:#0f172ab8}.input{width:100%;border-radius:10px;border:1px solid rgba(15,23,42,.1);padding:10px 12px;outline:none;background:#fff;font-size:13px}.input:focus{border-color:#2b6af359;box-shadow:0 0 0 4px #2b6af31f}.input:disabled{background:#f8fafcf2;cursor:not-allowed}.select-box{min-height:140px}.badge-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.badge{background:#2b6af31a;border:1px solid rgba(43,106,243,.18);color:#234fbef2;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.badge--sm{font-size:11px;padding:4px 9px}.badge--muted{background:#0206170a;border-color:#02061714;color:#0f172a9e}.emptyState{padding:28px 12px 12px;text-align:center}.emptyTitle{margin:0;font-weight:900;color:#0f172ad1}.emptySubtitle{margin:6px 0 0;color:#0f172a8c;font-size:13px}.modalOverlay{position:fixed;inset:0;background:#02061766;display:grid;place-items:center;padding:18px;z-index:50}.modalCard{width:min(740px,96vw);background:#fff;border-radius:14px;box-shadow:0 40px 90px #02061747;overflow:hidden;max-height:min(86vh,820px);display:flex;flex-direction:column}.modalHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.modalTitle{margin:0;font-size:16px;font-weight:900;color:#0f172ae0}.modalClose{border:0;background:transparent;cursor:pointer;font-size:22px;line-height:1;color:#0f172a9e;width:34px;height:34px;border-radius:10px}.modalClose:hover{background:#0206170a}.modalBody{padding:16px;overflow:auto}.modalForm{display:grid;gap:12px}.modalGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field--full{grid-column:1 / -1}.input--file{padding:9px 12px}.imagePreview{margin-top:10px;width:100%;border-radius:12px;border:1px solid rgba(15,23,42,.1);overflow:hidden;background:#02061705}.imagePreview img{width:100%;max-height:220px;object-fit:cover;display:block}.modalActions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:12px 0 0;background:linear-gradient(180deg,#ffffffa6,#fff 45%)}.modalSubmit{border:0;border-radius:10px;padding:11px 16px;font-weight:900;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--ct-primary),var(--ct-primary-2));box-shadow:0 12px 24px #2b6af338}.modalSubmit:disabled{opacity:.6;cursor:not-allowed}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.checkbox-item{display:flex;align-items:center;gap:6px;background:#f5f5f5;padding:6px 10px;border-radius:6px;cursor:pointer}.dropdown{position:relative;width:100%}.dropdown-toggle{padding:10px;border:1px solid #ccc;border-radius:6px;cursor:pointer;background:#fff}.dropdown-menu{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:6px;margin-top:5px;z-index:1000}.dropdown-item{display:flex;gap:8px;padding:8px 10px;cursor:pointer}.dropdown-item:hover{background:#f5f5f5}.premium-dropdown{width:300px;max-height:380px;background:#fff;border-radius:12px;box-shadow:0 15px 40px #0000001f;overflow:hidden;font-family:sans-serif}.dropdown-header{padding:12px;border-bottom:1px solid #eee;background:#fafafa}.dropdown-search{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #ddd;font-size:14px}.selected-count{font-size:12px;color:#777;margin-top:5px;display:block}.dropdown-body{max-height:220px;overflow-y:auto}.group-title{font-size:12px;font-weight:600;padding:8px 12px;color:#999;text-transform:uppercase}.dropdown-item.modern{display:flex;align-items:center;padding:10px 12px;cursor:pointer;gap:10px;transition:background .2s}.dropdown-item.modern:hover{background:#f5f7fb}.dropdown-item input{display:none}.checkmark{width:16px;height:16px;border-radius:5px;border:2px solid #ccc;display:inline-block;position:relative;transition:all .2s}.dropdown-item input:checked+.checkmark{background:#2563eb;border-color:#2563eb}.dropdown-item input:checked+.checkmark:after{content:"✔";position:absolute;font-size:10px;color:#fff;top:-2px;left:2px}.label{font-size:14px;color:#333}.dropdown-footer{padding:10px;text-align:center;font-size:13px;color:#dc2626;cursor:pointer;border-top:1px solid #eee}.dropdown-footer:hover{background:#fee2e2}@media(max-width:1100px){.teacher-gridCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.teacher-shell{padding:14px}.teacher-pageTop{flex-direction:column;align-items:flex-start}.teacher-title{font-size:24px}.teacher-panelTop{flex-direction:column;align-items:flex-start}.teacher-toolbar{width:100%;justify-content:space-between}.searchWrap{width:100%}.teacher-gridCards{grid-template-columns:1fr;padding:14px 4px 6px}.field-row,.modalGrid{grid-template-columns:1fr}}.permission-page{display:grid;grid-template-columns:350px 1fr;gap:24px;padding:30px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 25px #00000014}.input{width:100%;padding:12px;margin-bottom:12px;border-radius:10px;border:1px solid #ddd}.button{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;padding:10px;border-radius:10px;width:100%;border:none;cursor:pointer}.cancel-btn{background:#777;margin-top:8px}.table{width:100%;margin-top:10px}.table th,.table td{padding:12px;border-bottom:1px solid #eee}.code{background:#222;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.edit-btn{background:#2196f3;color:#fff;border:none;padding:6px 10px;border-radius:6px;margin-right:6px}.delete-btn{background:#f44336;color:#fff;border:none;padding:6px 10px;border-radius:6px}.empty{text-align:center;padding:20px}@media(max-width:900px){.permission-page{grid-template-columns:1fr}}.attendance-dashboard{width:100%;min-height:100%;padding:24px;background:#f5f7fb;overflow-x:hidden}.attendance-loader{width:100%;min-height:75vh;display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:16px}.attendance-loader .spinner{width:54px;height:54px;border-radius:50%;border:4px solid #dbeafe;border-top:4px solid #2563eb;animation:attendanceSpin .8s linear infinite}@keyframes attendanceSpin{to{transform:rotate(360deg)}}.attendance-loader h3{font-size:17px;color:#64748b;font-weight:600}.attendance-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.attendance-heading h1{font-size:38px;font-weight:800;color:#0f172a;margin:0}.attendance-heading .breadcrumb{margin-top:10px;display:flex;gap:8px;align-items:center;font-size:15px}.attendance-heading .breadcrumb .active{color:#2563eb;font-weight:700}.attendance-heading .breadcrumb span:last-child{color:#94a3b8}.attendance-dashboard .add-btn{border:none;outline:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:14px 24px;border-radius:14px;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;cursor:pointer;transition:.3s ease;box-shadow:0 10px 20px #2563eb38}.attendance-dashboard .add-btn:hover{transform:translateY(-2px)}.attendance-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.attendance-card,.employee-card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 10px 25px #0f172a0d;position:relative}.card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.card-top h2{font-size:26px;font-weight:700;color:#0f172a;margin:0}.attendance-dashboard .download-btn,.attendance-dashboard .menu-btn{background:#fff;border:1px solid #e2e8f0;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}.attendance-dashboard .menu-btn{width:46px;height:46px;padding:0}.chart-area{display:flex;gap:16px;min-height:410px}.chart-labels{width:52px;display:flex;flex-direction:column;justify-content:space-between}.chart-labels span{font-size:14px;color:#94a3b8;font-weight:600}.chart-bars{flex:1;display:flex;justify-content:space-between;align-items:flex-end;gap:14px}.single-bar-col{display:flex;flex-direction:column;align-items:center;gap:12px}.single-bar-col p{margin:0;font-size:14px;color:#64748b;font-weight:600}.bar-stack{width:22px;height:320px;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:16px;background:#f1f5f9}.bar{width:100%;animation:attendanceGrow 1s ease forwards}@keyframes attendanceGrow{0%{height:0}}.bar.blue{background:#2563eb}.bar.orange{background:#f97316}.bar.gray{background:#94a3b8}.legend-row{margin-top:24px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.legend-row span{display:flex;align-items:center;gap:8px;color:#334155;font-weight:600;font-size:14px}.legend-row i,.employee-stats .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-row .blue,.employee-stats .blue{background:#2563eb}.legend-row .orange,.employee-stats .orange{background:#f97316}.legend-row .gray{background:#94a3b8}.employee-stats .cyan{background:#06b6d4}.donut-wrap{display:flex;justify-content:center;margin:12px 0 24px}.donut-chart{width:240px;height:240px;border-radius:50%;background:conic-gradient(#2563eb 0% 54%,#f97316 54% 74%,#06b6d4 74% 100%);position:relative;animation:donutShow .9s ease}@keyframes donutShow{0%{transform:scale(.75) rotate(-120deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.donut-chart:after{content:"";position:absolute;inset:30px;background:#fff;border-radius:50%}.donut-center{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.donut-center h3{font-size:36px;color:#0f172a;margin:0}.donut-center p{margin:4px 0 0;color:#64748b;font-size:15px}.pie-zone{position:absolute;inset:0;border-radius:50%;z-index:10}.pie1{clip-path:polygon(50% 50%,100% 0,100% 100%)}.pie2{clip-path:polygon(50% 50%,0 100%,100% 100%)}.pie3{clip-path:polygon(50% 50%,0 0,100% 0)}.employee-stats{display:flex;flex-direction:column;gap:14px}.employee-stats .stat-row{display:flex;align-items:center;gap:10px;color:#334155;font-weight:700;font-size:15px}.employee-dropdown{position:absolute;top:78px;right:24px;background:#fff;border-radius:14px;box-shadow:0 15px 30px #00000014;overflow:hidden;z-index:50;min-width:160px}.employee-dropdown p{padding:14px 18px;margin:0;font-size:14px;font-weight:600;cursor:pointer}.employee-dropdown p:hover{background:#f8fafc}.chart-tooltip{position:fixed;z-index:99999;background:#0f172a;color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;pointer-events:none;white-space:nowrap}@media(max-width:1200px){.attendance-grid{grid-template-columns:1fr}}@media(max-width:992px){.attendance-heading h1{font-size:30px}.chart-area{flex-direction:column}.chart-labels{width:100%;flex-direction:row}}@media(max-width:768px){.attendance-dashboard{padding:18px}.attendance-topbar{flex-direction:column;align-items:stretch}.attendance-dashboard .add-btn{width:100%;justify-content:center}.chart-bars{overflow-x:auto;padding-bottom:10px}.chart-bars::-webkit-scrollbar{height:6px}.chart-bars::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.donut-chart{width:210px;height:210px}.donut-chart:after{inset:26px}}@media(max-width:576px){.attendance-heading h1{font-size:24px}.attendance-card,.employee-card{padding:18px;border-radius:18px}.card-top h2{font-size:20px}.chart-labels{display:none}.bar-stack{height:260px}.donut-chart{width:180px;height:180px}.donut-chart:after{inset:24px}.donut-center h3{font-size:28px}.employee-stats .stat-row{font-size:14px}}.employee-modal-overlay{position:fixed;inset:0;z-index:99999;background:#0000007a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px}.employee-modal{width:100%;max-width:780px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px #0000002e;animation:modalPop .35s ease}@keyframes modalPop{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:18px 24px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-header h2{font-size:26px;font-weight:700;color:#111827;margin:0}.close-btn{width:40px;height:40px;border:none;border-radius:50%;background:#f3f4f6;color:#374151;font-size:20px;cursor:pointer;transition:.3s ease}.close-btn:hover{background:#e5e7eb;transform:rotate(90deg)}.employee-form{padding:20px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.form-group{margin-bottom:6px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #d8e0ea;border-radius:12px;background:#fff;color:#111827;font-size:14px;padding:0 14px;outline:none;transition:.25s ease}.form-group input,.form-group select{height:44px}.form-group textarea{height:80px;padding-top:12px;resize:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.modal-footer{margin-top:12px;text-align:right}.submit-btn{min-width:170px;height:46px;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #2563eb38}@media(max-width:1200px){.employee-modal{max-width:740px}}@media(max-width:992px){.employee-modal{max-width:92%}.modal-header h2{font-size:24px}.employee-form{padding:18px 22px}}@media(max-width:768px){.employee-modal-overlay{padding:14px}.employee-modal{max-width:100%;border-radius:16px}.modal-header{padding:16px 20px}.modal-header h2{font-size:22px}.employee-form{padding:18px}.form-grid{grid-template-columns:1fr;gap:12px}.full{grid-column:span 1}.modal-footer{text-align:center}.submit-btn{width:100%}}@media(max-width:576px){.employee-modal-overlay{padding:10px}.employee-modal{border-radius:14px}.modal-header{padding:14px 16px}.modal-header h2{font-size:20px}.close-btn{width:36px;height:36px;font-size:18px}.employee-form{padding:16px}.form-group label{font-size:13px}.form-group input,.form-group select{height:42px;font-size:14px}.form-group textarea{height:75px;font-size:14px}.submit-btn{height:44px;font-size:14px}}@media(max-width:420px){.modal-header h2{font-size:18px}.employee-form{padding:14px}.form-group input,.form-group select{height:40px;padding:0 12px}.form-group textarea{height:70px}.submit-btn{height:42px;font-size:14px}}@media(max-width:360px){.modal-header{padding:12px 14px}.modal-header h2{font-size:17px}.employee-form{padding:12px}.submit-btn{font-size:13px}}.attendance-wrapper{width:100%;max-width:100%;padding:24px;background:#f6f8fc;border-radius:18px;overflow:hidden}.attendance-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px}.attendance-topbar h2{margin:0;font-size:32px;font-weight:700;color:#1f2937;line-height:1.2}.attendance-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.attendance-wrapper .search-box{width:240px;height:46px;background:#fff;border:1px solid #dbe2ec;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px}.attendance-wrapper .search-box svg{color:#8c96a8;font-size:15px}.attendance-wrapper .search-box input{width:100%;border:none;outline:none;background:transparent;font-size:15px;color:#111827}.attendance-wrapper .download-btn{height:46px;padding:0 20px;border:1px solid #dbe2ec;background:#fff;border-radius:12px;font-size:14px;font-weight:600;color:#111827;cursor:pointer;transition:.3s ease}.attendance-wrapper .download-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}.attendance-wrapper .month-select{position:relative;width:130px}.attendance-wrapper .month-select select{width:100%;height:46px;border:1px solid #dbe2ec;border-radius:12px;padding:0 36px 0 14px;appearance:none;background:#fff;outline:none;font-size:14px;cursor:pointer}.attendance-wrapper .month-select svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}.attendance-wrapper .year-select{position:relative;width:110px}.attendance-wrapper .year-select select{width:100%;height:46px;border:1px solid #dbe2ec;border-radius:12px;padding:0 36px 0 14px;appearance:none;background:#fff;outline:none;font-size:14px;cursor:pointer}.attendance-wrapper .year-select svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}.attendance-table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;background:#fff;border:1px solid #e8edf5;border-radius:16px}.attendance-table-wrap::-webkit-scrollbar{height:8px}.attendance-table-wrap::-webkit-scrollbar-thumb{background:#c8d0df;border-radius:10px}.attendance-table{width:max-content;min-width:100%;border-collapse:collapse}.attendance-table thead tr{background:#eef3fb}.attendance-table th,.attendance-table td{padding:15px 10px;text-align:center;border-bottom:1px solid #edf1f7;font-size:14px;white-space:nowrap}.attendance-table th{color:#1f2937;font-weight:700}.attendance-table .sticky-col{position:sticky;left:0;z-index:2;background:#fff;min-width:250px;text-align:left!important}.attendance-table thead .sticky-col{background:#eef3fb;z-index:5}.employee-cell{display:flex;align-items:center;gap:12px}.employee-cell img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0}.employee-cell span{font-size:15px;font-weight:600;color:#1f2937}.status{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.present{border:2px solid #2563eb;color:#2563eb}.late{border:2px solid #ff4d4f;color:#ff4d4f}.absent{border:2px solid #94a3b8;color:#94a3b8}.leave{border:2px solid #f59e0b;color:#f59e0b}.leave-text{color:#ff4d4f;font-weight:700}.pagination-wrap{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.pagination-wrap p{margin:0;font-size:14px;color:#7b8497}.pagination button{min-width:40px;height:40px;border:1px solid #d9e0ea;background:#fff;color:#4b5563;border-radius:10px;cursor:pointer;transition:.3s ease}.pagination button:hover,.pagination button.active{background:#2563eb;color:#fff;border-color:#2563eb}.cell select{width:100%;padding:4px;border:1px solid #dbe2ec;border-radius:4px;background:#fff;font-size:12px;cursor:pointer}.status.present{background:#e6f9ec;color:#1db954;border:2px solid #1db954}.status.absent{background:#ffeaea;color:#ff4d4f;border:2px solid #ff4d4f}.status.leave{background:#fff8e1;color:#f4b400}.cell.present{background:#f0fff4}.cell.absent{background:#fff5f5}.cell.leave{background:#fffbea}@media(max-width:1200px){.attendance-topbar h2{font-size:28px}.attendance-wrapper .search-box{width:220px}}@media(max-width:992px){.attendance-topbar{flex-direction:column;align-items:flex-start}.attendance-actions{width:100%}.attendance-wrapper .search-box{flex:1;min-width:220px}.attendance-table .sticky-col{min-width:220px}}@media(max-width:768px){.attendance-wrapper{padding:18px}.attendance-topbar h2{font-size:24px}.attendance-actions{flex-direction:column;align-items:stretch;width:100%}.attendance-wrapper .search-box,.attendance-wrapper .download-btn,.attendance-wrapper .year-select{width:100%}.attendance-table .sticky-col{min-width:200px}.pagination-wrap{flex-direction:column;align-items:flex-start}}@media(max-width:576px){.attendance-wrapper{padding:14px;border-radius:14px}.attendance-topbar h2{font-size:20px}.attendance-table th,.attendance-table td{padding:12px 8px;font-size:13px}.employee-cell img{width:36px;height:36px}.employee-cell span{font-size:14px}.status{width:22px;height:22px;font-size:9px}.pagination{width:100%;justify-content:center}}@media(max-width:420px){.attendance-topbar h2{font-size:18px}.attendance-table .sticky-col{min-width:170px}.pagination button{min-width:36px;height:36px;font-size:13px}}.leaves-page{width:100%;max-width:100%;padding:24px;background:#f7f9fc;border-radius:18px;box-sizing:border-box;overflow-x:hidden;animation:pageFade .6s ease}@keyframes pageFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.leave-loader{width:100%;min-height:460px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.leave-spinner{width:70px;height:70px;border-radius:50%;border:5px solid #dbeafe;border-top:5px solid #3366ff;border-right:5px solid #16b7ff;animation:spin .9s linear infinite}.leave-loader h3{margin:0;font-size:18px;color:#64748b;font-weight:700}.leave-topbar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:28px}.leave-topbar h1{margin:0;font-size:42px;font-weight:800;color:#0f172a}.leave-topbar p{margin:8px 0 0;font-size:16px;color:#94a3b8}.leave-topbar p span{color:#36f;font-weight:600}.add-leave-btn{height:52px;padding:0 28px;border:none;border-radius:14px;background:linear-gradient(135deg,#4e73ff,#2957f5);color:#fff;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s ease}.add-leave-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #4e73ff2e}.leave-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.leave-card{width:100%;min-width:0;background:#fff;border:1px solid #e8eef6;border-radius:18px;padding:24px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:.3s ease}.leave-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #0000000d}.leave-left h2{margin:0;font-size:42px;line-height:1;font-weight:800;color:#0f172a}.leave-left h2 span{font-size:20px;font-weight:500;margin-left:4px}.leave-left p{margin-top:12px;font-size:16px;font-weight:600}.progress-ring{width:96px;height:96px;min-width:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 1.4s ease}.ring-center{width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#111827}.leave-modal-overlay{position:fixed;inset:0;z-index:99999;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px}.leave-modal{width:100%;max-width:640px;max-height:92vh;background:#fff;border-radius:18px;overflow:hidden;animation:modalPop .35s ease}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}.leave-modal-header{padding:22px 26px;border-bottom:1px solid #edf1f7;display:flex;justify-content:space-between;align-items:center}.leave-modal-header h2{margin:0;font-size:30px;color:#0f172a}.leave-close-btn{width:42px;height:42px;border:none;border-radius:12px;background:#f1f5f9;color:#475569;cursor:pointer;font-size:16px}.leave-form{padding:24px 26px;max-height:calc(92vh - 88px);overflow-y:auto}.leave-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.leave-group{margin-bottom:0}.leave-group-full{grid-column:1 / -1}.leave-group label{display:block;margin-bottom:8px;font-size:15px;font-weight:600;color:#64748b}.leave-group input,.leave-group select,.leave-group textarea{width:100%;border:1px solid #dbe2ec;border-radius:12px;padding:0 16px;font-size:15px;outline:none;box-sizing:border-box}.leave-group input,.leave-group select{height:48px}.leave-group textarea{height:92px;padding-top:12px;resize:none}.leave-group input:focus,.leave-group select:focus,.leave-group textarea:focus{border-color:#4e73ff}.leave-group input:disabled,.leave-group select:disabled,.leave-submit-btn:disabled{cursor:not-allowed;opacity:.65}.leave-submit-wrap{display:flex;justify-content:flex-end;margin-top:10px}.leave-submit-btn{min-width:150px;height:46px;border:none;border-radius:12px;background:#18b676;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:.3s ease}.leave-submit-btn:hover{background:#109865}@media(max-width:1300px){.leave-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:992px){.leaves-page{padding:20px}.leave-topbar h1{font-size:34px}.leave-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.leave-topbar{flex-direction:column;align-items:flex-start}.add-leave-btn{width:100%;justify-content:center}.leave-grid{grid-template-columns:1fr}.leave-card{padding:20px 18px}.leave-topbar h1{font-size:30px}.leave-topbar p{font-size:15px}.leave-modal{max-width:100%}.leave-modal-header h2{font-size:24px}}@media(max-width:576px){.leaves-page{padding:16px;border-radius:14px}.leave-card{flex-direction:column;align-items:flex-start;gap:18px}.progress-ring{align-self:center}.leave-left h2{font-size:30px}.leave-left h2 span{font-size:16px}.leave-form{padding:18px}.leave-form-grid{grid-template-columns:1fr}.leave-submit-wrap{justify-content:center}.leave-submit-btn{width:100%}}@media(max-width:420px){.leave-topbar h1,.leave-left h2{font-size:24px}.progress-ring{width:80px;height:80px;min-width:80px}.ring-center{width:58px;height:58px;font-size:18px}.add-leave-btn{height:46px;font-size:15px}.leave-loader h3{font-size:16px}.leave-modal-header{padding:18px}.leave-modal-header h2{font-size:20px}}.leave-table-page{width:100%;max-width:100%;padding:24px;box-sizing:border-box;overflow:hidden}.leave-table-card{width:100%;background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:18px;box-sizing:border-box;box-shadow:0 10px 28px #00000008;overflow:hidden}.leave-table-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}.leave-table-top h2{margin:0;font-size:30px;font-weight:700;color:#0f172a}.leave-table-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.leave-search-box{height:46px;min-width:240px;border:1px solid #dfe6f1;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff}.leave-search-box svg{color:#94a3b8;font-size:14px}.leave-search-box input{width:100%;border:none;outline:none;font-size:15px;background:transparent}.report-btn,.year-select{height:46px;border:1px solid #dfe6f1;background:#fff;border-radius:12px;padding:0 18px;font-size:15px;cursor:pointer;color:#0f172a;transition:.25s}.report-btn:hover,.year-select:hover{border-color:#c8d2e3;transform:translateY(-1px)}.leave-table-wrap{width:100%;overflow-x:auto;border-radius:14px}.leave-table-wrap::-webkit-scrollbar{height:8px}.leave-table-wrap::-webkit-scrollbar-thumb{background:#cfd7e5;border-radius:20px}.leave-table{width:100%;min-width:1180px;border-collapse:collapse}.leave-table thead th{background:#f3f7ff;padding:16px 14px;text-align:left;font-size:15px;font-weight:700;color:#0f172a;white-space:nowrap}.leave-table thead th:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}.leave-table thead th:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}.leave-table tbody td{padding:14px;border-bottom:1px solid #edf1f7;font-size:15px;color:#1e293b;vertical-align:middle;white-space:nowrap}.leave-table tbody tr{transition:.2s}.leave-table tbody tr:hover{background:#fafcff}.leave-empty-row{text-align:center;color:#94a3b8;font-weight:600;padding:28px 14px}.user-box{display:flex;align-items:center;gap:12px;min-width:220px}.user-box img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.status-btn{border:none;min-width:108px;height:38px;border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer}.status-btn svg{font-size:11px}.dots-btn{width:38px;height:38px;border:1px solid #e4e9f2;background:#fff;border-radius:10px;cursor:pointer;color:#64748b;transition:.2s}.dots-btn:hover{background:#f8fafc}.menu-relative{position:relative}.table-dropdown{position:absolute;top:48px;right:0;min-width:140px;background:#fff;border:1px solid #edf1f7;border-radius:12px;box-shadow:0 15px 35px #00000014;padding:8px 0;z-index:999;animation:dropFade .25s ease}.action-drop{min-width:120px}.table-dropdown p{margin:0;padding:12px 18px;font-size:15px;color:#64748b;cursor:pointer;transition:.2s}.table-dropdown p:hover{background:#f8fafc;color:#2563eb}.table-dropdown p.delete-action{color:#b91c1c}.table-dropdown p.delete-action:hover{background:#fef2f2;color:#991b1b}@keyframes dropFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leave-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}.leave-bottom p{margin:0;color:#94a3b8;font-size:15px}.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination button{min-width:40px;height:40px;border:1px solid #dfe6f1;background:#fff;border-radius:10px;cursor:pointer;color:#36f;font-size:14px;transition:.2s}.pagination button:hover{background:#f4f7ff}.pagination .active-page{background:#36f;color:#fff;border-color:#36f}@media(max-width:992px){.leave-table-page{padding:18px}.leave-table-top{flex-direction:column;align-items:stretch}.leave-table-actions{width:100%;justify-content:space-between}.leave-search-box{flex:1;min-width:220px}.report-btn,.year-select{flex:1}.leave-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.leave-table-page{padding:14px}.leave-table-card{padding:14px;border-radius:14px}.leave-table-top h2{font-size:24px}.leave-table-actions{flex-direction:column;align-items:stretch;width:100%}.leave-search-box,.report-btn,.year-select{width:100%;min-width:100%}.leave-bottom{gap:14px}.pagination{justify-content:flex-start}}@media(max-width:576px){.leave-table-page{padding:10px}.leave-table-card{padding:12px}.leave-table-top h2{font-size:21px}.leave-search-box,.report-btn,.year-select{height:42px;font-size:14px}.pagination button{min-width:34px;height:34px;font-size:13px;border-radius:8px}.leave-bottom p{font-size:13px}}@media(max-width:380px){.leave-table-top h2{font-size:18px}.pagination{gap:6px}.pagination button{min-width:30px;height:30px;font-size:12px}}.payroll-page,.payroll-page *{box-sizing:border-box}.payroll-page{width:100%;padding:22px;background:#f7f8fc;min-height:100vh;overflow-x:hidden}.payroll-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.payroll-top h1{margin:0;font-size:32px;color:#082b57;font-weight:700}.payroll-top p{margin:8px 0 0;font-size:16px;color:#9aa6c5}.payroll-top p span{color:#3767ea;font-weight:600}.add-payroll-btn{border:none;background:#3767ea;color:#fff;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:.3s ease}.add-payroll-btn:hover{background:#2856d7}.payroll-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:stretch}.payroll-card{background:#fff;border:1px solid #e8edf7;border-radius:18px;padding:22px;min-width:0;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px}.card-head h2{margin:0;font-size:22px;color:#082b57;font-weight:700}.dropdown-wrap{position:relative;width:110px}.select-box{width:100%;height:42px;border:1px solid #dfe6f3;border-radius:10px;padding:0 34px 0 14px;background:#fff;font-size:15px;color:#082b57;outline:none;appearance:none;cursor:pointer}.dropdown-wrap svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#7180a8;pointer-events:none}.chart-wrap{width:100%;height:390px;padding-bottom:12px}.legend-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px}.legend-row span{display:flex;align-items:center;gap:7px;font-size:14px;color:#082b57}.legend-row i{width:12px;height:12px;border-radius:50%}.orange{background:#ff8300}.blue{background:#3767ea}.cyan{background:#08aef3}.payroll-tooltip{background:#fff;border:1px solid #e6edf8;border-radius:12px;padding:12px;box-shadow:0 10px 20px #00000014}.payroll-tooltip h4{margin:0 0 8px;font-size:14px}.payroll-tooltip p{margin:4px 0;font-size:13px;color:#7080a4}.company-body{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center}.donut-wrap{position:relative;width:100%;height:260px}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-center h3{margin:0;font-size:42px;color:#082b57}.donut-center p{margin:5px 0 0;font-size:16px;color:#98a4c1}.pay-list{display:flex;flex-direction:column;gap:14px}.pay-item{display:flex;align-items:center;gap:10px}.pay-item .dot{width:13px;height:13px;border-radius:50%}.pay-item b{min-width:55px;font-size:17px;color:#082b57}.pay-item p{margin:0;font-size:17px;color:#8e99b8}.bottom-strip{margin-top:18px;padding-top:18px;border-top:1px solid #edf1f8;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.bottom-strip p{margin:0;font-size:14px;color:#8c97b6;line-height:1.5}.download-btn{border:none;background:#3767ea;color:#fff;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px;cursor:pointer}.download-btn:hover{background:#2856d7}@media(max-width:1200px){.payroll-grid,.company-body{grid-template-columns:1fr}}@media(max-width:768px){.payroll-page{padding:16px}.payroll-top,.card-head{flex-direction:column;align-items:stretch}.dropdown-wrap{width:100%}.add-payroll-btn,.download-btn{width:100%;justify-content:center}.chart-wrap{height:320px}.bottom-strip{flex-direction:column;align-items:stretch}}@media(max-width:480px){.payroll-top h1{font-size:26px}.card-head h2{font-size:20px}.payroll-card{padding:16px}.chart-wrap{height:280px}.pay-item b,.pay-item p{font-size:15px}.donut-center h3{font-size:34px}}.payroll-modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.payroll-modal{width:100%;max-width:680px;background:#fff;border-radius:18px;overflow:hidden;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #0000002e;animation:payrollModalShow .28s ease}@keyframes payrollModalShow{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #edf1f7}.modal-head h2{margin:0;font-size:28px;font-weight:700;color:#082b57}.close-btn{width:38px;height:38px;border:none;background:#f5f7fc;color:#7b88a8;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s ease}.close-btn:hover{background:#edf1fb;color:#082b57}.modal-body{padding:24px 26px 28px;overflow-y:auto;flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.input-group{margin-bottom:18px}.input-group.full{width:100%}.input-group label{display:block;margin-bottom:8px;font-size:15px;font-weight:600;color:#6d7ba0}.input-group input,.input-group select,.input-group textarea{width:100%;height:48px;border:1px solid #dfe6f3;border-radius:12px;background:#fff;padding:0 15px;outline:none;font-size:15px;color:#082b57;transition:.25s ease}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#3767ea;box-shadow:0 0 0 4px #3767ea14}.input-group input::placeholder{color:#9ba6c3}.input-group input[readonly]{background:#f7f8fc;font-weight:700;color:#3767ea}.generate-btn{margin-top:6px;margin-left:auto;display:block;border:none;background:#3767ea;color:#fff;padding:14px 26px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:.3s ease}.generate-btn:hover{background:#2856d7;transform:translateY(-1px)}@media(max-width:768px){.payroll-modal{max-width:100%}.modal-head{padding:18px}.modal-head h2{font-size:24px}.modal-body{padding:18px}.grid-2{grid-template-columns:1fr;gap:0}.generate-btn{width:100%;margin-left:0}}@media(max-width:480px){.payroll-modal-overlay{padding:12px}.payroll-modal{border-radius:16px}.modal-head h2{font-size:22px}.input-group label{font-size:14px}.input-group input,.input-group select,.input-group textarea{height:46px;font-size:14px}.generate-btn{font-size:14px;padding:13px 20px}}.payroll-list-wrapper,.payroll-list-wrapper *{box-sizing:border-box}.payroll-list-wrapper{width:100%;background:#fff;border:1px solid #edf1f7;border-radius:18px;padding:22px;overflow:hidden}.payroll-list-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}.payroll-list-top h2{margin:0;font-size:28px;font-weight:700;color:#082b57}.top-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.search-box{position:relative;width:230px}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8c97b6}.search-box input{width:100%;height:44px;border:1px solid #dfe6f3;border-radius:12px;padding:0 14px 0 42px;outline:none;font-size:15px}.search-box input:focus{border-color:#3767ea}.download-report-btn{border:1px solid #dfe6f3;background:#fff;color:#082b57;padding:0 18px;height:44px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer}.download-report-btn:hover{background:#3767ea;color:#fff}.year-dropdown{position:relative;width:110px}.year-dropdown select{width:100%;height:44px;border:1px solid #dfe6f3;border-radius:12px;padding:0 34px 0 14px;appearance:none;outline:none;cursor:pointer}.year-dropdown svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#8c97b6}.payroll-table-wrap{width:100%;overflow-x:auto}.payroll-table{width:100%;min-width:1150px;border-collapse:separate;border-spacing:0}.payroll-table thead tr{background:#f2f5fc}.payroll-table thead th{padding:14px 16px;text-align:left;font-size:15px;font-weight:700;color:#5d6d92;white-space:nowrap}.payroll-table thead th:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}.payroll-table thead th:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}.payroll-table tbody td{padding:12px 16px;border-bottom:1px solid #edf1f7;font-size:15px;color:#082b57;white-space:nowrap}.payroll-table input[type=checkbox]{width:18px;height:18px}.user-info{display:flex;align-items:center;gap:12px}.user-info img{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-info span{font-weight:600}.status-badge{padding:8px 14px;border-radius:10px;font-size:14px;font-weight:700}.status-badge.completed{background:#eef3ff;color:#3767ea}.status-badge.pending{background:#fff3e7;color:#ff8300}.status-badge.reject{background:#ffeaea;color:#ff4d4f}.action-cell{position:relative}.action-btn{width:38px;height:38px;border:1px solid #dfe6f3;background:#fff;border-radius:10px;color:#6d7ba0;display:flex;align-items:center;justify-content:center;cursor:pointer}.action-btn:hover{background:#3767ea;color:#fff}.action-menu{position:absolute;right:0;top:45px;width:140px;background:#fff;border:1px solid #edf1f7;border-radius:12px;box-shadow:0 14px 30px #00000014;z-index:99;overflow:hidden}.action-menu button{width:100%;border:none;background:#fff;text-align:left;padding:13px 18px;font-size:15px;color:#6c7ba2;cursor:pointer}.action-menu button:hover{background:#f5f8ff;color:#3767ea}@media(max-width:992px){.payroll-list-top{flex-direction:column;align-items:stretch}.top-actions{width:100%}}@media(max-width:768px){.payroll-list-wrapper{padding:16px}.top-actions{flex-direction:column;align-items:stretch}.search-box,.year-dropdown,.download-report-btn{width:100%}.download-report-btn{height:44px}}@media(max-width:480px){.payroll-list-wrapper{padding:14px}.payroll-list-top h2{font-size:22px}.payroll-table thead th,.payroll-table tbody td{font-size:14px;padding:12px}.status-badge{font-size:13px;padding:7px 10px}.action-menu{width:120px}}.WalletPage{min-height:100%;background:#f4f7fb;color:#0f172a;overflow-x:hidden}.WalletHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:28px;border-radius:18px;background:linear-gradient(135deg,#0f172aeb,#1e40afe0),#0f172a;color:#fff;box-shadow:0 22px 45px #0f172a2e}.WalletHero__eyebrow{display:inline-flex;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}.WalletHero h1{margin:0;font-size:36px;font-weight:850;letter-spacing:0}.WalletHero p{margin:8px 0 0;color:#ffffffb8;font-size:15px}.WalletHero__refresh{height:44px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:0 16px;background:#ffffff1f;color:#fff;font-weight:800;cursor:pointer}.WalletStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.WalletStat{min-width:0;padding:20px;border-radius:16px;background:#fff;border:1px solid #e8eef6;box-shadow:0 12px 28px #0f172a0f}.WalletStat--balance{background:linear-gradient(180deg,#fff,#eff6ff);border-color:#bfdbfe}.WalletStat__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;color:#2563eb;background:#dbeafe;font-size:20px}.WalletStat__icon--credit{color:#047857;background:#d1fae5}.WalletStat__icon--debit{color:#b91c1c;background:#fee2e2}.WalletStat__icon--neutral{color:#7c3aed;background:#ede9fe}.WalletStat span{display:block;color:#64748b;font-size:13px;font-weight:800}.WalletStat strong{display:block;margin-top:6px;font-size:26px;line-height:1.1;font-weight:850}.WalletStat small{display:block;margin-top:8px;color:#94a3b8;font-weight:700}.WalletFilters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;padding:14px;border-radius:16px;background:#fff;border:1px solid #e8eef6}.WalletSearch,.WalletDate{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border:1px solid #dbe3ef;border-radius:10px;color:#64748b;background:#fff;box-sizing:border-box}.WalletSearch input,.WalletDate input,.WalletFilters select,.WalletAmountInput{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#0f172a}.WalletSearch{flex:1 1 320px;min-width:260px}.WalletDate{flex:1 1 150px;min-width:145px}.WalletFilters select{flex:1 1 135px;min-width:125px;height:42px;padding:0 12px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;box-sizing:border-box}.WalletAmountInput{flex:1 1 130px;min-width:120px;height:42px;padding:0 12px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;box-sizing:border-box}.WalletActiveFilters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.WalletActiveFilters span,.WalletActiveFilters strong{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 11px;font-size:12px;font-weight:850}.WalletActiveFilters span{color:#475569;background:#e2e8f0}.WalletActiveFilters strong{color:#1d4ed8;background:#dbeafe}.WalletFilterBtn,.WalletResetBtn{flex:0 0 auto;height:42px;border:none;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;cursor:pointer}.WalletFilterBtn{background:#2563eb;color:#fff}.WalletResetBtn{background:#f1f5f9;color:#475569}.WalletContent{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:18px;margin-top:18px;align-items:start;min-width:0}.WalletPanel{min-width:0;background:#fff;border:1px solid #e8eef6;border-radius:18px;box-shadow:0 12px 28px #0f172a0d;overflow:hidden}.WalletPanel__head{padding:18px 20px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-between}.WalletPanel__head h2{margin:0;font-size:18px;font-weight:850}.WalletPanel__head p{margin:4px 0 0;color:#94a3b8;font-size:13px;font-weight:700}.WalletTableWrap{overflow-x:auto;max-width:100%}.WalletTable{width:100%;min-width:940px;border-collapse:collapse}.WalletTable th,.WalletTable td{padding:14px 16px;text-align:left;border-bottom:1px solid #edf2f7;font-size:14px;vertical-align:middle}.WalletTable th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.WalletPill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:850;text-transform:capitalize}.WalletPill.credit{color:#047857;background:#d1fae5}.WalletPill.debit{color:#b91c1c;background:#fee2e2}.WalletSource{text-transform:capitalize;font-weight:800}.WalletDescription{max-width:280px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.WalletAmount{font-weight:850}.WalletAmount--credit{color:#047857}.WalletAmount--debit{color:#b91c1c}.WalletViewBtn{width:36px;height:36px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#2563eb;display:inline-grid;place-items:center;cursor:pointer}.WalletEmpty{text-align:center;color:#94a3b8;font-weight:800;padding:30px 16px}.WalletEmpty--card{padding:28px}.WalletMonths{padding:16px;display:flex;flex-direction:column;gap:14px}.WalletMonth{padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #edf2f7}.WalletMonth__top,.WalletMonth__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.WalletMonth__top strong{font-size:14px}.WalletMonth__top span{font-size:13px;color:#2563eb;font-weight:850}.WalletBars{height:8px;margin:12px 0;border-radius:999px;background:#e2e8f0;overflow:hidden;position:relative}.WalletBars span{position:absolute;inset-block:0;left:0;border-radius:999px}.WalletBars__credit{background:#10b981}.WalletBars__debit{top:4px;height:4px;background:#ef4444}.WalletMonth__meta{color:#64748b;font-size:12px;font-weight:750}.WalletModalOverlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:#0f172a80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.WalletModal{width:min(620px,100%);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 30px 70px #0f172a47}.WalletModal__head{padding:18px 20px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-between}.WalletModal__head h2{margin:0;font-size:20px;font-weight:850}.WalletModal__head button{width:38px;height:38px;border:none;border-radius:10px;display:grid;place-items:center;background:#f1f5f9;cursor:pointer}.WalletDetail{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.WalletDetail div{padding:14px;border-radius:12px;background:#f8fafc;border:1px solid #edf2f7}.WalletDetail__full{grid-column:1 / -1}.WalletDetail span{display:block;color:#94a3b8;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.WalletDetail strong{display:block;margin-top:6px;color:#0f172a;font-size:14px;overflow-wrap:anywhere}.WalletPagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:18px;border-top:1px solid #edf2f7}.WalletPagination button{height:38px;padding:0 16px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-weight:850;cursor:pointer}.WalletPagination button:disabled{background:#cbd5e1;cursor:not-allowed}.WalletPagination span{font-weight:850;color:#475569}@media(max-width:1200px){.WalletStats{grid-template-columns:repeat(2,minmax(0,1fr))}.WalletContent{grid-template-columns:1fr}}@media(max-width:768px){.WalletPage{margin:-4px}.WalletHero{flex-direction:column;padding:22px;border-radius:14px}.WalletHero h1{font-size:28px}.WalletStats{grid-template-columns:1fr}.WalletFilters{align-items:stretch;border-radius:14px}.WalletSearch,.WalletDate,.WalletFilters select,.WalletAmountInput,.WalletFilterBtn,.WalletResetBtn{flex:1 1 100%;min-width:0;width:100%}.WalletStat strong{font-size:22px}.WalletDetail{grid-template-columns:1fr}}@media(max-width:480px){.WalletHero{padding:18px}.WalletHero h1{font-size:24px}.WalletStats{gap:12px}.WalletStat{padding:16px;border-radius:14px}.WalletFilters{padding:12px}.WalletPanel__head{padding:16px}.WalletMonths{padding:12px}}.collectMoney{padding:20px;background:#f4f6fb;font-family:Poppins,sans-serif}.collectMoney__top{display:flex;justify-content:flex-end;margin-bottom:15px}.collectMoney__collectBtn{background:#4f8a7b;color:#fff;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;transition:.3s}.collectMoney__collectBtn:hover{opacity:.9}.collectMoney__filters{display:flex;flex-wrap:wrap;gap:10px;background:#fff;padding:15px;border-radius:12px;align-items:center}.collectMoney__filters input,.collectMoney__filters select{padding:10px;border-radius:8px;border:1px solid #ddd;min-width:140px}.apply{background:#4a6cf7;color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}.reset{background:#eee;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}.collectMoney__grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-top:20px}.collectMoney__right{display:flex;flex-direction:column;gap:15px}.collectMoney__card{background:#fff;padding:15px;border-radius:12px}.tableWrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;padding:12px;background:#f1e4e8;font-size:13px;white-space:nowrap}td{padding:12px;border-bottom:1px solid #eee;white-space:nowrap}tr:hover{background:#fafafa}.subText{font-size:12px;color:gray;margin-bottom:10px}.badge{padding:5px 10px;border-radius:20px;font-size:12px}.debit{background:#fbe4e4;color:#e53935}.viewBtn{border:none;background:#eef3ff;padding:6px;border-radius:6px;cursor:pointer;transition:.2s}.viewBtn:hover{background:#dfe8ff}.reportBox{background:#f7f9fc;padding:12px;border-radius:10px}.reportHeader{display:flex;justify-content:space-between;font-weight:600;margin-bottom:5px}.amountBlue{color:#4a6cf7}.progressBar{height:4px;background:#eee;margin:8px 0;border-radius:5px}.bar{width:100%;height:100%;background:red;border-radius:5px}.reportFooter{display:flex;justify-content:space-between;font-size:12px}.pagination{display:flex;gap:6px;justify-content:flex-end;margin-top:15px;flex-wrap:wrap}.pagination button{padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.pagination button.active{background:#4a6cf7;color:#fff;border-color:#4a6cf7}.pagination button:hover:not(:disabled){background:#f0f4ff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.collectMoney__modal{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.collectMoney__popup{width:500px;max-width:95%;background:#fff;padding:20px;border-radius:12px}.collectForm{width:650px;max-width:95%;background:#fff;padding:20px;border-radius:16px}.modalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modalHeader button{border:none;background:#eee;padding:5px 10px;border-radius:6px;cursor:pointer}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detailGrid div{background:#f3f5f9;padding:10px;border-radius:8px}.detailGrid span{font-size:11px;color:gray;display:block;margin-bottom:4px}.full{grid-column:span 2}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formGrid input,.formGrid select,.formGrid textarea{padding:12px;border-radius:8px;border:1px solid #ddd;font-size:14px}.formGrid textarea{grid-column:span 2;min-height:80px}.formActions{display:flex;justify-content:center;gap:15px;margin-top:20px}.cancelBtn{padding:10px 20px;border:1px solid red;color:red;background:transparent;border-radius:8px;cursor:pointer}.saveBtn{padding:10px 20px;background:#4f8a7b;color:#fff;border:none;border-radius:8px;cursor:pointer}@media(max-width:1024px){.collectMoney__grid{grid-template-columns:1fr}}@media(max-width:768px){.collectMoney__filters{flex-direction:column;align-items:stretch}.collectMoney__filters input,.collectMoney__filters select{width:100%}.pagination{justify-content:center}.detailGrid,.formGrid{grid-template-columns:1fr}.formGrid textarea{grid-column:span 1}}@media(max-width:480px){.collectMoney{padding:10px}th,td{padding:8px;font-size:12px}.collectMoney__popup,.collectForm{padding:15px}}.formGroup{display:flex;flex-direction:column;gap:6px}.formGroup label{font-size:13px;font-weight:600;color:#444}.fullWidth{grid-column:span 2}.formGrid textarea{min-height:90px;resize:none}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{outline:none;border-color:#4f8a7b;box-shadow:0 0 0 3px #4f8a7b26}.saveBtn:hover{opacity:.9}.cancelBtn:hover{background:#fff5f5}@media(max-width:768px){.fullWidth{grid-column:span 1}}.attendanceReport{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.studentattendanceReport__cardBox{background:#fff;border-radius:14px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014}.studentattendanceReport__title{font-size:18px;font-weight:600;margin-bottom:15px;color:#2d2d5f}.studentattendanceReport__form{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.studentattendanceReport__field label{font-size:13px;margin-bottom:5px;display:block}.studentattendanceReport__field select{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.studentattendanceReport__actions{margin-top:15px;display:flex;justify-content:flex-end;gap:10px}.studentattendanceReport__btn{padding:10px 16px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}.studentattendanceReport__btn.primary{background:#3f51b5;color:#fff}.studentattendanceReport__btn.secondary{background:#5c6bc0;color:#fff}.studentattendanceReport__tableWrapper{overflow-x:auto}.studentattendanceReport__table{width:100%;border-collapse:collapse;min-width:1200px}.studentattendanceReport__table th{background:#e7d3d8;padding:10px;font-size:13px;text-align:center}.studentattendanceReport__table td{padding:10px;text-align:center;border:1px solid #ddd}.studentattendanceReport__table tbody tr:nth-child(2n){background:#f2f2f8}.studentattendanceReport__totalRow{background:#ddd!important;font-weight:600}.studentattendanceReport__pagination{display:flex;justify-content:space-between;margin-top:15px;align-items:center}.studentattendanceReport__pagination button{padding:6px 12px;margin-left:5px;border:none;background:#eee;cursor:pointer}.studentattendanceReport__pagination button.active{background:#3f51b5;color:#fff}@media(max-width:1024px){.studentattendanceReport__form{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.studentattendanceReport__form{grid-template-columns:1fr}.studentattendanceReport__actions{flex-direction:column}}.classWiseReport{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.classWiseReport__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.classWiseReport__title{font-size:18px;font-weight:600;margin-bottom:15px;color:#2d2d5f}.classWiseReport__form{display:flex;gap:20px}.classWiseReport__field{flex:1}.classWiseReport__field label{display:block;margin-bottom:5px}.classWiseReport__field input{width:400px;padding:10px;border-radius:6px;border:1px solid #ccc}.classWiseReport__actions{margin-top:15px;display:flex;justify-content:flex-end}.classWiseReport__btn{background:#1e2a78;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer}.classWiseReport__tableWrapper{overflow-x:auto}.classWiseReport__table{width:100%;border-collapse:collapse;min-width:900px}.classWiseReport__table th{background:#e7d3d8;padding:10px;font-size:13px}.classWiseReport__table td{padding:10px;text-align:center;border:1px solid #ddd}.classWiseReport__table tbody tr:nth-child(2n){background:#f2f2f8}.classWiseReport__total{background:#ddd;font-weight:600}.classWiseReport__pagination{display:flex;justify-content:space-between;margin-top:15px;align-items:center}.classWiseReport__pagination button{padding:6px 12px;margin-left:5px;border:none;background:#eee}.classWiseReport__pagination button.active{background:#3f51b5;color:#fff}@media(max-width:768px){.classWiseReport__form{flex-direction:column}}.attendanceByDate{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.attendanceByDate__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.attendanceByDate__title{font-size:18px;font-weight:600;margin-bottom:15px}.attendanceByDate__form{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.attendanceByDate__field label{display:block;margin-bottom:5px}.attendanceByDate__field select,.attendanceByDate__field input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.attendanceByDate__actions{margin-top:15px;display:flex;justify-content:flex-end}.attendanceByDate__btn{background:#1e2a78;color:#fff;padding:10px 16px;border:none;border-radius:6px;cursor:pointer}.attendanceByDate__toolbar{display:flex;justify-content:space-between;margin-bottom:10px}.attendanceByDate__left button{margin-right:5px;padding:6px 10px}.attendanceByDate__dropdown{background:#1e2a78;color:#fff}.attendanceByDate__tableWrapper{overflow-x:auto}.attendanceByDate__table{width:100%;border-collapse:collapse;min-width:900px}.attendanceByDate__table th{background:#e7d3d8;padding:10px}.attendanceByDate__table td{padding:10px;border:1px solid #ddd;text-align:center}.attendanceByDate__table tbody tr:nth-child(2n){background:#f2f2f8}.attendanceByDate__pagination{display:flex;justify-content:space-between;margin-top:15px}.attendanceByDate__pagination button{padding:6px 12px;margin-left:5px}.attendanceByDate__pagination button.active{background:#3f51b5;color:#fff}@media(max-width:768px){.attendanceByDate__form{grid-template-columns:1fr}.attendanceByDate__toolbar{flex-direction:column;gap:10px}}.absentStudent{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.absentStudent__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.absentStudent__title{font-size:18px;font-weight:600}.absentStudent__titleRow{display:flex;justify-content:space-between;align-items:center}.absentStudent__note{color:red;font-size:13px}.absentStudent__form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:15px}.absentStudent__field select{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.absentStudent__actions{margin-top:15px;display:flex;justify-content:flex-end}.absentStudent__btn{background:#1e2a78;color:#fff;padding:10px 16px;border-radius:6px;border:none;cursor:pointer}.absentStudent__toolbar{display:flex;justify-content:space-between;margin:15px 0}.absentStudent__dropdown{background:#1e2a78;color:#fff}.absentStudent__right{display:flex;gap:10px}.absentStudent__tableWrapper{overflow-x:auto}.absentStudent__table{width:100%;border-collapse:collapse;min-width:900px}.absentStudent__table th{background:#e7d3d8;padding:10px}.absentStudent__table td{padding:10px;border:1px solid #ddd;text-align:center}.absentStudent__table tbody tr:nth-child(2n){background:#f2f2f8}.absentStudent__pagination{display:flex;justify-content:space-between;margin-top:15px}.absentStudent__pagination button{padding:6px 12px;margin-left:5px}.absentStudent__pagination .active{background:#3f51b5;color:#fff}@media(max-width:768px){.absentStudent__form{grid-template-columns:1fr}.absentStudent__titleRow{flex-direction:column;align-items:flex-start;gap:10px}.absentStudent__toolbar{flex-direction:column;gap:10px}}.unmarkedAttendance{padding:20px;background:#f4f5fb;font-family:Poppins,sans-serif}.unmarkedAttendance__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.unmarkedAttendance__title{font-size:18px;font-weight:600;margin-bottom:15px}.unmarkedAttendance__form{display:flex;gap:20px}.unmarkedAttendance__field input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.unmarkedAttendance__actions{margin-top:15px;display:flex;justify-content:flex-end}.unmarkedAttendance__btn{background:#1e2a78;color:#fff;padding:10px 16px;border-radius:6px;border:none;cursor:pointer}.unmarkedAttendance__toolbar{display:flex;justify-content:space-between;margin:15px 0}.unmarkedAttendance__dropdown{background:#1e2a78;color:#fff}.unmarkedAttendance__right{display:flex;gap:10px}.unmarkedAttendance__tableWrapper{overflow-x:auto}.unmarkedAttendance__table{width:100%;border-collapse:collapse;min-width:600px}.unmarkedAttendance__table th{background:#e7d3d8;padding:12px;text-align:left}.unmarkedAttendance__table td{padding:12px;border:1px solid #ddd}.unmarkedAttendance__table tbody tr:nth-child(2n){background:#f2f2f8}.unmarkedAttendance__pagination{display:flex;justify-content:space-between;margin-top:15px}.unmarkedAttendance__pagination button{padding:6px 12px;margin-left:5px}.unmarkedAttendance__pagination .active{background:#1e2a78;color:#fff}@media(max-width:768px){.unmarkedAttendance__form{flex-direction:column}.unmarkedAttendance__toolbar{flex-direction:column;gap:10px}}.customAttendanceReport{padding:20px;background:#f4f5fb;font-family:Poppins}.customAttendanceReport__card{background:#fff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border-top:3px solid #e7c3c9}.customAttendanceReport__title{font-size:18px;font-weight:600;margin-bottom:15px}.customAttendanceReport__form{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.customAttendanceReport__field select,.customAttendanceReport__field input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.customAttendanceReport__note{color:red;margin-top:10px}.customAttendanceReport__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.export,.search{background:#1e2a78;color:#fff;padding:8px 14px;border-radius:6px;border:none}.customAttendanceReport__toolbar{display:flex;justify-content:space-between;margin-bottom:10px}.customAttendanceReport__right{display:flex;gap:10px}.customAttendanceReport__tableWrapper{overflow-x:auto}.customAttendanceReport__table{width:100%;border-collapse:collapse;min-width:1200px}.customAttendanceReport__table th{background:#e7d3d8;padding:10px}.customAttendanceReport__table td{padding:10px;border:1px solid #ddd;text-align:center}.customAttendanceReport__table tbody tr:nth-child(2n){background:#f2f2f8}.customAttendanceReport__total{background:#ddd;font-weight:600}.customAttendanceReport__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:10px}.customAttendanceReport__paginationInfo{font-size:14px;color:#555}.customAttendanceReport__paginationControls{display:flex;gap:6px}.paginationBtn{min-width:36px;height:36px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer}.paginationBtn.active{background:#1e2a78;color:#fff}.paginationBtn:disabled{background:#f5f5f5;color:#aaa}@media(max-width:768px){.customAttendanceReport__form{grid-template-columns:1fr}.customAttendanceReport__toolbar{flex-direction:column;gap:10px}.customAttendanceReport__pagination{flex-direction:column;align-items:flex-start}}.ticket-page *{margin:0;padding:0;box-sizing:border-box}.ticket-page{width:100%;min-height:100vh;padding:22px;background:linear-gradient(180deg,#f4f7ff,#eef2ff);font-family:Inter,sans-serif}.ticket-topbar{width:100%;padding:18px 24px;border-radius:26px;background:#ffffffbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 10px 40px #6366f114,0 4px 18px #0000000a;border:1px solid rgba(255,255,255,.7)}.ticket-search-box{width:48%;height:60px;background:#fff;border-radius:60px;display:flex;align-items:center;padding:0 22px;gap:14px;border:1px solid #e5e7eb;transition:.3s}.ticket-search-box:focus-within{border-color:#65f;box-shadow:0 0 0 4px #6655ff1f}.ticket-search-icon{color:#7b7b7b;font-size:18px}.ticket-search-box input{width:100%;border:none;outline:none;background:transparent;font-size:15px;color:#111827}.ticket-search-box input::placeholder{color:#9ca3af}.ticket-top-right{display:flex;align-items:center;gap:18px}.ticket-count{font-size:18px;font-weight:700;color:#22a35a;background:#edfdf3;padding:10px 18px;border-radius:14px}.ticket-add-btn{width:60px;height:60px;border:none;border-radius:50%;background:linear-gradient(135deg,#6756ff,#4f46e5);color:#fff;font-size:22px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 24px #6756ff4d;transition:.3s}.ticket-add-btn:hover{transform:translateY(-3px) rotate(90deg)}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:22px}.ticket-card{border-radius:28px;overflow:hidden;display:flex;flex-direction:column;min-height:290px;position:relative;transition:.35s;border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px #0000000f,0 2px 10px #0000000a}.ticket-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001a,0 8px 20px #0000000f}.ticket-card-top{width:100%;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.ticket-date{font-size:13px;font-weight:700;color:#111827;background:#ffffffb3;padding:9px 14px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ticket-status{padding:9px 16px;border-radius:14px;font-size:13px;font-weight:700;text-transform:capitalize}.ticket-status-solved{background:linear-gradient(135deg,#34d399,#10b981);color:#fff;box-shadow:0 8px 18px #10b98140}.ticket-status-pending{background:linear-gradient(135deg,#ffcf77,#ff9f43);color:#5f3700;box-shadow:0 8px 18px #ff9f4338}.ticket-content{flex:1;padding:4px 22px 20px;overflow-y:auto}.ticket-content h3{font-size:20px;margin-bottom:14px;line-height:1.5;color:#111827;word-break:break-word}.ticket-content p{font-size:15px;color:#374151;margin-bottom:18px;line-height:1.7;word-break:break-word}.ticket-content h3 span,.ticket-content p span{font-weight:800}.ticket-chat-list{display:flex;flex-direction:column;gap:12px}.ticket-chat-item{width:100%;background:#ffffffbf;padding:14px 16px;border-radius:16px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ticket-chat-item svg{color:#0ea5e9;font-size:18px;min-width:18px}.ticket-chat-item span{font-size:14px;color:#111827;line-height:1.5;word-break:break-word}.ticket-footer{width:100%;padding:16px 18px;display:flex;justify-content:flex-end;gap:14px;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ticket-icon-btn{width:48px;height:48px;border:none;border-radius:14px;background:#fff;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;transition:.3s;color:#4f46e5;box-shadow:0 6px 18px #00000014}.ticket-icon-btn:hover{transform:translateY(-3px);background:#4f46e5;color:#fff}.ticket-icon-btn:last-child{color:#0891b2}.ticket-icon-btn:last-child:hover{background:#0891b2;color:#fff}.ticket-modal-overlay{position:fixed;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:99999;padding:20px}.ticket-modal,.ticket-chat-modal{width:100%;max-width:850px;background:#fff;border-radius:32px;overflow:hidden;animation:ticketPopup .35s ease;box-shadow:0 30px 80px #0003,0 10px 30px #00000014}.ticket-chat-modal{max-width:700px}@keyframes ticketPopup{0%{opacity:0;transform:scale(.82) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ticket-modal-header{padding:24px 30px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center}.ticket-modal-header h2{font-size:28px;font-weight:800;color:#111827;letter-spacing:.5px}.ticket-close-btn{width:60px;height:60px;border:none;border-radius:50%;background:#fff0f0;color:#ef4444;font-size:24px;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center}.ticket-close-btn:hover{transform:rotate(90deg);background:#ef4444;color:#fff}.ticket-modal-body{padding:30px}.ticket-modal-body input,.ticket-modal-body textarea{width:100%;border:1px solid #dbe2ea;background:#f9fbff;border-radius:18px;padding:18px 20px;margin-bottom:22px;font-size:16px;font-family:Inter,sans-serif;outline:none;transition:.3s}.ticket-modal-body input:focus,.ticket-modal-body textarea:focus{border-color:#65f;background:#fff;box-shadow:0 0 0 4px #6655ff1f}.ticket-modal-body textarea{resize:none;min-height:150px}.ticket-modal-body input::placeholder,.ticket-modal-body textarea::placeholder{color:#9ca3af}.ticket-upload-btn{border:none;background:linear-gradient(135deg,#ff5c5c,#ef4444);color:#fff;height:56px;padding:0 24px;border-radius:16px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.3s;box-shadow:0 10px 24px #ef444438}.ticket-upload-btn svg{font-size:20px}.ticket-upload-btn:hover{transform:translateY(-2px)}.ticket-modal-footer{width:100%;margin-top:36px;display:flex;justify-content:flex-end;align-items:center;gap:16px}.ticket-cancel-btn{min-width:120px;height:54px;border:none;border-radius:14px;background:#f3f4f6;color:#111827;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}.ticket-cancel-btn:hover{background:#e5e7eb}.ticket-submit-btn{min-width:160px;height:54px;border:none;border-radius:14px;background:linear-gradient(135deg,#65f,#4f46e5);color:#fff;font-size:17px;font-weight:800;cursor:pointer;transition:.3s;box-shadow:0 10px 24px #4f46e540}.ticket-submit-btn:hover{transform:translateY(-2px)}.ticket-content::-webkit-scrollbar{width:6px}.ticket-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:20px}.ticket-preview-scroll{width:100%;max-height:260px;overflow-y:auto;border-radius:20px;margin-bottom:22px;padding-right:6px}.ticket-preview-scroll::-webkit-scrollbar{width:6px}.ticket-preview-scroll::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:20px}.ticket-preview-image{width:100%;border-radius:22px;overflow:hidden;background:#f4f7ff;border:1px solid #e5e7eb}.ticket-preview-image img{width:100%;height:auto;display:block;object-fit:cover}.ticket-card-image{width:calc(100% - 36px);height:220px;margin:0 auto;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px #00000014}.ticket-card-image img{width:100%;height:100%;object-fit:cover;display:block}.ticket-image-modal{width:100%;max-width:850px;background:#fff;padding:24px;border-radius:28px;position:relative;animation:ticketPopup .35s ease}.ticket-image-modal img{width:100%;max-height:80vh;object-fit:contain;border-radius:20px;display:block}.ticket-image-close{position:absolute;top:18px;right:18px;width:54px;height:54px;border:none;border-radius:50%;background:#fff0f0;color:#ef4444;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;z-index:5}.ticket-image-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.ticket-status-progress{background:#fff3cd;color:#856404}@media(max-width:768px){.ticket-card-image{height:180px}.ticket-image-modal{padding:14px;border-radius:22px}.ticket-image-close{width:46px;height:46px;font-size:18px}}@media(max-width:992px){.ticket-search-box{width:100%}.ticket-topbar{flex-direction:column;gap:18px;align-items:stretch}.ticket-top-right{justify-content:space-between}}@media(max-width:768px){.ticket-page{padding:14px}.ticket-grid{grid-template-columns:1fr}.ticket-card{min-height:auto}.ticket-content h3{font-size:18px}.ticket-content p{font-size:14px}.ticket-modal,.ticket-chat-modal{border-radius:24px}.ticket-modal-header{padding:18px 20px}.ticket-modal-header h2{font-size:22px}.ticket-modal-body{padding:20px}.ticket-close-btn{width:48px;height:48px;font-size:18px}.ticket-modal-footer{flex-direction:column}.ticket-cancel-btn,.ticket-submit-btn{width:100%}}@media(max-width:480px){.ticket-search-box{height:52px;padding:0 16px}.ticket-add-btn{width:52px;height:52px}.ticket-count{font-size:15px;padding:8px 14px}.ticket-card-top{flex-direction:column;align-items:flex-start;gap:10px}.ticket-footer{justify-content:center}.ticket-icon-btn{width:44px;height:44px}}.transport-vehicle-page{width:100%;min-height:100vh;padding:20px;background:#f4f7ff;font-family:Poppins,sans-serif}.transport-vehicle-card{width:100%;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 10px 35px #00000014}.transport-vehicle-topbar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eef2ff;flex-wrap:wrap}.transport-vehicle-search-box{flex:1;min-width:250px;max-width:600px;height:54px;background:#fff;border-radius:50px;display:flex;align-items:center;padding:0 18px;gap:12px}.transport-vehicle-search-box input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#111827}.transport-vehicle-search-icon{color:#6b7280;font-size:17px}.transport-vehicle-top-actions{display:flex;align-items:center;gap:12px}.transport-vehicle-filter-wrapper{position:relative}.transport-vehicle-filter-btn{width:48px;height:48px;border:none;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:.3s;box-shadow:0 4px 10px #0000000d}.transport-vehicle-filter-btn:hover{background:#4f46e5;color:#fff}.transport-vehicle-filter-dropdown{position:absolute;top:60px;right:0;width:240px;background:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px;z-index:100;box-shadow:0 10px 30px #0000001f}.transport-vehicle-filter-dropdown label{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.transport-vehicle-add-btn{width:50px;height:50px;border:none;border-radius:50%;background:linear-gradient(135deg,#5b4bff,#4338ca);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;box-shadow:0 8px 20px #5b4bff40}.transport-vehicle-add-btn:hover{transform:rotate(90deg) scale(1.05)}.transport-vehicle-table{width:100%;min-width:950px;border-collapse:collapse}.transport-vehicle-table th{padding:20px 16px;text-align:left;font-size:14px;font-weight:700;color:#111827;border-bottom:1px solid #e5e7eb}.transport-vehicle-table td{padding:18px 16px;border-bottom:1px solid #eef1f6;font-size:14px;color:#374151}.transport-vehicle-table tbody tr:hover{background:#f8faff}.transport-vehicle-edit-link{border:none;background:transparent;color:#4f46e5;font-weight:600;cursor:pointer}.transport-vehicle-action-group{display:flex;align-items:center;gap:10px}.transport-vehicle-edit-btn,.transport-vehicle-delete-btn{width:38px;height:38px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;font-size:15px}.transport-vehicle-edit-btn{background:#eef2ff;color:#4f46e5}.transport-vehicle-edit-btn:hover{background:#4f46e5;color:#fff}.transport-vehicle-delete-btn{background:#fff1f2;color:#ef4444}.transport-vehicle-delete-btn:hover{background:#ef4444;color:#fff}.transport-vehicle-pagination{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}.transport-vehicle-pagination-left,.transport-vehicle-pagination-right{display:flex;align-items:center;gap:12px}.transport-vehicle-pagination select{width:85px;height:42px;border-radius:12px;border:1px solid #d1d5db;padding:0 10px;outline:none}.transport-vehicle-pagination button{width:38px;height:38px;border:none;border-radius:10px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.transport-vehicle-pagination button:hover{background:#4f46e5;color:#fff}.transport-vehicle-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:14px;z-index:999;overflow-y:auto}.transport-vehicle-modal{width:100%;max-width:620px;background:#fff;border-radius:24px;overflow:hidden;animation:popup .3s ease}.transport-vehicle-modal-header{padding:18px 22px;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;align-items:center}.transport-vehicle-heading-box h2{font-size:22px;font-weight:700;margin-bottom:4px;color:#111827}.transport-vehicle-heading-box p{font-size:13px;color:#6b7280}.transport-vehicle-close-btn{width:42px;height:42px;border:none;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:.3s}.transport-vehicle-close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.transport-vehicle-modal-body{padding:22px}.transport-vehicle-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.transport-input-group{display:flex;flex-direction:column;gap:6px}.transport-input-group label{font-size:13px;font-weight:600;color:#374151}.transport-input-group input,.transport-input-group select{width:100%;height:48px;border:1px solid #d1d5db;border-radius:14px;padding:0 14px;outline:none;font-size:14px;transition:.3s;background:#fff}.transport-input-group input:focus,.transport-input-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.transport-vehicle-date-field{width:100%;height:48px;border:1px solid #d1d5db;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;transition:.3s}.transport-vehicle-date-field:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.transport-vehicle-date-field input{width:100%;border:none!important;outline:none;padding:0!important;background:transparent;height:auto!important;font-size:14px}.transport-vehicle-date-field svg{font-size:18px;color:#4f46e5;flex-shrink:0;cursor:pointer}.transport-vehicle-modal-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.transport-vehicle-cancel-btn,.transport-vehicle-submit-btn{min-width:130px;height:46px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.transport-vehicle-cancel-btn{background:#f3f4f6;color:#374151}.transport-vehicle-cancel-btn:hover{background:#e5e7eb}.transport-vehicle-submit-btn{background:linear-gradient(135deg,#5b4bff,#4338ca);color:#fff}.transport-vehicle-submit-btn:hover{transform:translateY(-2px)}.transport-no-data{text-align:center;padding:35px!important;color:#6b7280;font-weight:600}.transport-vehicle-table-wrapper::-webkit-scrollbar{height:6px}.transport-vehicle-table-wrapper::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:20px}@media(max-width:768px){.transport-vehicle-page{padding:12px}.transport-vehicle-topbar{flex-direction:column;align-items:stretch}.transport-vehicle-search-box{max-width:100%}.transport-vehicle-top-actions{justify-content:flex-end}.transport-vehicle-form-grid{grid-template-columns:1fr}.transport-vehicle-modal{max-width:100%}.transport-vehicle-modal-footer{flex-direction:column}.transport-vehicle-cancel-btn,.transport-vehicle-submit-btn{width:100%}.transport-vehicle-pagination{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.transport-vehicle-search-box{height:50px}.transport-vehicle-add-btn,.transport-vehicle-filter-btn{width:46px;height:46px}.transport-vehicle-table{min-width:800px}.transport-vehicle-modal-header,.transport-vehicle-modal-body{padding:16px}}.transport-route-page{width:100%;min-height:100vh;padding:18px;background:#f4f7ff;font-family:Poppins,sans-serif;overflow:hidden}.transport-route-container{width:100%}.transport-route-card{width:100%;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #00000012}.transport-route-topbar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#eef2ff;flex-wrap:wrap}.transport-route-search-box{flex:1;max-width:520px;height:52px;background:#fff;border-radius:50px;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid #ececec}.transport-route-search-icon{font-size:18px;color:#6b7280}.transport-route-search-box input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:500}.transport-route-top-actions{display:flex;align-items:center;gap:14px;position:relative}.transport-route-filter-wrapper{position:relative}.transport-route-filter-btn{width:50px;height:50px;border:none;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:.3s;box-shadow:0 4px 12px #0000000f}.transport-route-filter-btn:hover{background:#4f46e5;color:#fff}.transport-route-filter-dropdown{position:absolute;top:64px;right:0;width:240px;background:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:16px;z-index:99;box-shadow:0 12px 30px #0000001f}.transport-route-filter-dropdown label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:#111827}.transport-route-filter-dropdown input{width:18px;height:18px;accent-color:#4f46e5}.transport-route-add-btn{width:56px;height:56px;border:none;border-radius:50%;background:linear-gradient(135deg,#5b4bff,#4338ca);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;cursor:pointer;transition:.3s;box-shadow:0 8px 20px #5b4bff59}.transport-route-add-btn:hover{transform:scale(1.06)}.transport-route-table-wrapper{width:100%;overflow-x:auto}.transport-route-table{width:100%;min-width:650px;border-collapse:collapse}.transport-route-table th{padding:18px;font-size:14px;font-weight:700;text-align:left;color:#111827;border-bottom:1px solid #ececec;background:#fff;white-space:nowrap}.transport-route-table td{padding:16px 18px;font-size:14px;font-weight:500;color:#374151;border-bottom:1px solid #f1f1f1;white-space:nowrap}.transport-route-table tbody tr{transition:.3s}.transport-route-table tbody tr:hover{background:#f8f9ff}.transport-route-name-btn{border:none;background:none;font-size:14px;font-weight:600;color:#111827;cursor:pointer;transition:.3s}.transport-route-name-btn:hover{color:#4f46e5}.transport-route-action-group{display:flex;align-items:center;gap:10px}.transport-route-edit-btn{height:38px;padding:0 14px;border:none;border-radius:10px;background:#eef2ff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:#4f46e5;cursor:pointer;transition:.3s}.transport-route-edit-btn:hover{background:#4f46e5;color:#fff}.transport-route-delete-btn{height:38px;padding:0 14px;border:none;border-radius:10px;background:#fff1f2;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:#ef4444;cursor:pointer;transition:.3s}.transport-route-delete-btn:hover{background:#ef4444;color:#fff}.transport-route-pagination{padding:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.transport-route-pagination-left,.transport-route-pagination-right{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.transport-route-pagination select{width:90px;height:42px;border-radius:12px;border:1px solid #d1d5db;padding:0 12px;font-size:14px;background:#fff;outline:none}.transport-route-pagination-right button{width:38px;height:38px;border:none;border-radius:10px;background:#eef2ff;color:#4f46e5;cursor:pointer;transition:.3s}.transport-route-pagination-right button:hover{background:#4f46e5;color:#fff}.transport-route-pagination-right button:disabled{opacity:.4;cursor:not-allowed}.transport-route-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:999}.transport-route-modal{width:100%;max-width:560px;background:#fff;border-radius:24px;overflow:hidden;animation:popup .3s ease;box-shadow:0 20px 40px #00000026}.transport-route-modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececec}.transport-route-modal-header h2{font-size:24px;font-weight:700;color:#111827}.transport-route-close-btn{width:52px;height:52px;border:none;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:.3s}.transport-route-close-btn:hover{background:#ef4444;color:#fff}.transport-route-modal-body{padding:24px}.transport-route-input-group{display:flex;flex-direction:column;gap:10px}.transport-route-input-group label{font-size:14px;font-weight:600;color:#ef4444}.transport-route-input-group input{width:100%;height:56px;border:2px solid #ef4444;border-radius:16px;padding:0 16px;font-size:15px;font-weight:500;outline:none;transition:.3s}.transport-route-input-group input:focus{box-shadow:0 0 0 4px #ef444414}.transport-route-modal-footer{margin-top:28px;display:flex;align-items:center;justify-content:flex-end;gap:14px}.transport-route-cancel-btn,.transport-route-submit-btn{min-width:120px;height:48px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.transport-route-cancel-btn{background:#f3f4f6;color:#111827}.transport-route-cancel-btn:hover{background:#e5e7eb}.transport-route-submit-btn{background:linear-gradient(135deg,#5b4bff,#4338ca);color:#fff;box-shadow:0 8px 20px #5b4bff4d}.transport-route-submit-btn:hover{transform:translateY(-2px)}@media(max-width:768px){.transport-route-page{padding:12px}.transport-route-topbar{flex-direction:column;align-items:stretch}.transport-route-search-box{max-width:100%}.transport-route-pagination{flex-direction:column;align-items:flex-start}.transport-route-modal{max-width:100%}.transport-route-modal-footer{flex-direction:column}.transport-route-cancel-btn,.transport-route-submit-btn{width:100%}.transport-route-action-group{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.transport-route-page{padding:8px}.transport-route-search-box{height:48px;padding:0 14px}.transport-route-table th,.transport-route-table td{padding:14px;font-size:13px}.transport-route-filter-dropdown{width:220px}.transport-route-modal-header h2{font-size:20px}}.transport-destination-page{width:100%;min-height:100vh;padding:18px;background:#f4f7ff;font-family:Poppins,sans-serif;overflow:hidden}.transport-destination-container{width:100%}.transport-destination-card{width:100%;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #00000012}.transport-destination-topbar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#eef2ff;flex-wrap:wrap}.transport-destination-search-box{flex:1;max-width:520px;height:52px;background:#fff;border-radius:50px;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid #ececec}.transport-destination-search-icon{font-size:18px;color:#6b7280}.transport-destination-search-box input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:500}.transport-destination-top-actions{display:flex;align-items:center;gap:14px;position:relative}.transport-destination-filter-wrapper{position:relative}.transport-destination-filter-btn{width:50px;height:50px;border:none;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:.3s}.transport-destination-filter-btn:hover{background:#4f46e5;color:#fff}.transport-destination-filter-dropdown{position:absolute;top:64px;right:0;width:270px;background:#fff;border-radius:18px;padding:18px;display:flex;flex-wrap:wrap;gap:16px;z-index:99;box-shadow:0 12px 30px #0000001f}.transport-destination-filter-dropdown label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}.transport-destination-filter-dropdown input{width:18px;height:18px;accent-color:#4f46e5}.transport-destination-add-btn{width:58px;height:58px;border:none;border-radius:50%;background:linear-gradient(135deg,#5b4bff,#4338ca);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;cursor:pointer;transition:.3s;box-shadow:0 8px 22px #5b4bff59}.transport-destination-add-btn:hover{transform:scale(1.06)}.transport-destination-table-wrapper{width:100%;overflow-x:auto}.transport-destination-table{width:100%;min-width:800px;border-collapse:collapse}.transport-destination-table th{padding:18px;font-size:15px;font-weight:700;text-align:left;border-bottom:1px solid #ececec;white-space:nowrap}.transport-destination-table td{padding:18px;font-size:14px;font-weight:500;border-bottom:1px solid #f1f1f1;white-space:nowrap}.transport-destination-table tbody tr:hover{background:#f8f9ff}.transport-destination-name-btn{border:none;background:none;font-size:14px;font-weight:600;color:#111827;cursor:pointer;transition:.3s}.transport-destination-name-btn:hover{color:#4f46e5}.transport-destination-action-group{display:flex;align-items:center;gap:10px}.transport-destination-edit-btn,.transport-destination-delete-btn{height:38px;padding:0 14px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer;transition:.3s}.transport-destination-edit-btn{background:#eef2ff;color:#4f46e5}.transport-destination-edit-btn:hover{background:#4f46e5;color:#fff}.transport-destination-delete-btn{background:#fff1f2;color:#ef4444}.transport-destination-delete-btn:hover{background:#ef4444;color:#fff}.transport-destination-pagination{padding:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.transport-destination-pagination-left,.transport-destination-pagination-right{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.transport-destination-pagination select{width:90px;height:42px;border-radius:12px;border:1px solid #d1d5db;padding:0 12px;background:#fff;outline:none}.transport-destination-pagination-right button{width:38px;height:38px;border:none;border-radius:10px;background:#eef2ff;color:#4f46e5;cursor:pointer}.transport-destination-pagination-right button:disabled{opacity:.4;cursor:not-allowed}.transport-destination-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:999}.transport-destination-modal{width:100%;max-width:950px;background:#fff;border-radius:26px;overflow:hidden;animation:popup .3s ease}.transport-destination-modal-header{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececec}.transport-destination-modal-header h2{font-size:28px;font-weight:700}.transport-destination-close-btn{width:56px;height:56px;border:none;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:.3s}.transport-destination-close-btn:hover{background:#ef4444;color:#fff}.transport-destination-modal-body{padding:28px}.transport-destination-form-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.transport-destination-input-full{grid-column:span 1}.transport-destination-input-group{width:100%;display:flex;flex-direction:column;gap:10px}.transport-destination-input-group label{font-size:14px;font-weight:600;color:#4f46e5;padding-left:4px}.transport-destination-input-group input{width:100%;height:62px;border:1.5px solid #d1d5db;border-radius:18px;padding:0 18px;font-size:15px;font-weight:500;background:#fff;outline:none;transition:.3s}.transport-destination-input-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514}.transport-destination-input-group input::placeholder{color:#9ca3af}.transport-destination-modal-footer{margin-top:28px;display:flex;align-items:center;justify-content:flex-end;gap:16px}.transport-destination-cancel-btn,.transport-destination-submit-btn{min-width:130px;height:50px;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.transport-destination-cancel-btn{background:#f3f4f6}.transport-destination-submit-btn{background:linear-gradient(135deg,#5b4bff,#4338ca);color:#fff}.transport-destination-submit-btn:hover{transform:translateY(-2px)}@media(max-width:992px){.transport-destination-form-grid{grid-template-columns:1fr;gap:18px}.transport-destination-input-full{grid-column:span 1}}@media(max-width:768px){.transport-destination-page{padding:12px}.transport-destination-topbar{flex-direction:column;align-items:stretch}.transport-destination-search-box{max-width:100%}.transport-destination-pagination{flex-direction:column;align-items:flex-start}.transport-destination-modal{max-width:100%}.transport-destination-modal-footer{flex-direction:column}.transport-destination-cancel-btn,.transport-destination-submit-btn{width:100%}.transport-destination-action-group{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.transport-destination-page{padding:8px}.transport-destination-search-box{height:48px;padding:0 14px}.transport-destination-table th,.transport-destination-table td{padding:14px;font-size:13px}.transport-destination-filter-dropdown{width:240px}.transport-destination-modal-header h2{font-size:22px}}.assignRoutes{width:100%;min-height:100vh;padding:20px;background:#f4f7ff;font-family:Poppins,sans-serif}.assignRoutes__topbar{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;box-shadow:0 8px 25px #0000000d}.assignRoutes__searchBox{flex:1;max-width:450px;height:52px;background:#f5f7ff;border-radius:50px;display:flex;align-items:center;gap:10px;padding:0 18px;border:2px solid transparent;transition:.3s}.assignRoutes__searchBox:hover{border-color:#5b4ff5}.assignRoutes__searchBox svg{color:#6b7280}.assignRoutes__searchBox input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:14px}.assignRoutes__topActions{display:flex;align-items:center;gap:12px}.assignRoutes__filterWrapper{position:relative}.assignRoutes__filterBtn{width:48px;height:48px;border:none;border-radius:14px;background:#eef2ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__filterBtn:hover{background:#5b4ff5;color:#fff}.assignRoutes__filterDropdown{position:absolute;top:60px;right:0;width:220px;background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 30px #0000001f;z-index:100}.assignRoutes__filterDropdown label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.assignRoutes__addBtn{width:52px;height:52px;border:none;border-radius:50%;background:linear-gradient(135deg,#6a5cff,#4834d4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__addBtn:hover{transform:rotate(90deg)}.assignRoutes__tableWrapper{width:100%;background:#fff;border-radius:0 0 20px 20px;overflow-x:auto;box-shadow:0 8px 25px #0000000d}.assignRoutes__table{width:100%;min-width:650px;border-collapse:collapse}.assignRoutes__table th{padding:18px 20px;text-align:left;font-size:14px;font-weight:700;border-bottom:1px solid #edf0f7}.assignRoutes__table td{padding:18px 20px;border-bottom:1px solid #edf0f7;font-size:14px}.assignRoutes__table tbody tr:hover{background:#f8f9ff}.assignRoutes__routeName{font-weight:600;color:#374151}.assignRoutes__destinationNames{max-width:360px;color:#4b5563;line-height:1.5;overflow-wrap:anywhere}.assignRoutes__actionGroup{display:flex;align-items:center;gap:10px}.assignRoutes__editBtn,.assignRoutes__deleteBtn{width:38px;height:38px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__editBtn{background:#eef2ff;color:#5b4ff5}.assignRoutes__editBtn:hover{background:#5b4ff5;color:#fff}.assignRoutes__deleteBtn{background:#fff1f1;color:#ef4444}.assignRoutes__deleteBtn:hover{background:#ef4444;color:#fff}.assignRoutes__noData{text-align:center;padding:30px!important;font-weight:600;color:#6b7280}.assignRoutes__pagination{width:100%;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.assignRoutes__paginationLeft,.assignRoutes__paginationRight{display:flex;align-items:center;gap:14px}.assignRoutes__paginationLeft span,.assignRoutes__paginationRight p{font-size:14px;font-weight:600;color:#374151}.assignRoutes__pagination select{width:80px;height:42px;border-radius:12px;border:1px solid #d1d5db;padding:0 10px;outline:none}.assignRoutes__pagination button{width:40px;height:40px;border:none;border-radius:10px;background:#eef2ff;color:#5b4ff5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__pagination button:hover{background:#5b4ff5;color:#fff}.assignRoutes__pagination button:disabled{opacity:.5;cursor:not-allowed}.assignRoutes__popupOverlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:999}.assignRoutes__popup{width:100%;max-width:960px;max-height:94vh;background:#fff;border-radius:14px;overflow:hidden;animation:popupAnim .3s ease;display:flex;flex-direction:column}@keyframes popupAnim{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.assignRoutes__popupHeader{padding:26px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f7}.assignRoutes__popupHeader h2{font-size:24px;margin-bottom:0;color:#111827;text-transform:uppercase}.assignRoutes__popupHeader p{display:none}.assignRoutes__closeBtn{width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:#4b5563;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.assignRoutes__closeBtn:hover{background:#f3f4f6;color:#111827}.assignRoutes__popupBody{padding:54px 30px 18px;overflow-y:auto;flex:1}.assignRoutes__formGroup label{display:block;margin-bottom:-8px;margin-left:14px;width:fit-content;padding:0 6px;background:#fff;position:relative;z-index:1;font-size:13px;font-weight:500;color:#5b4ff5}.assignRoutes__selectWrapper{width:100%;height:60px;border:2px solid #5b4ff5;border-radius:10px;background:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.assignRoutes__selectWrapper select{width:100%;height:100%;border:none;outline:none;background:transparent;appearance:none;font-size:18px;font-weight:400;color:#2f3137}.assignRoutes__selectWrapper svg{color:#5b4ff5}.assignRoutes__destinations{margin-top:30px}.assignRoutes__destinations h3{margin:0 0 6px;color:#6b7280;font-size:20px;font-weight:400}.assignRoutes__destinationList{display:flex;flex-direction:column}.assignRoutes__destinationItem{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#2f3137;font-size:18px;cursor:pointer}.assignRoutes__destinationLeft{display:flex;align-items:center;gap:18px;min-width:0}.assignRoutes__destinationLeft input{width:22px;height:22px;accent-color:#ef4444;cursor:pointer;flex:0 0 auto}.assignRoutes__destinationLeft span{overflow-wrap:anywhere}.assignRoutes__destinationPrice{color:#666b73;flex:0 0 auto}.assignRoutes__noDestinations{padding:18px 0;color:#6b7280;font-size:16px}.assignRoutes__popupFooter{padding:14px 10px 10px;border-top:none;display:flex;justify-content:flex-end;gap:12px}.assignRoutes__cancelBtn,.assignRoutes__submitBtn{min-width:120px;height:45px;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer}.assignRoutes__cancelBtn{background:transparent;color:#111827}.assignRoutes__submitBtn{background:#5548ee;color:#fff}@media(max-width:768px){.assignRoutes{padding:14px}.assignRoutes__topbar{flex-direction:column;align-items:stretch}.assignRoutes__topActions{justify-content:flex-end}.assignRoutes__pagination{flex-direction:column;align-items:flex-start}.assignRoutes__popup{max-width:100%}.assignRoutes__popupBody{padding:32px 18px 16px}.assignRoutes__popupHeader{padding:20px 18px}.assignRoutes__destinationItem{font-size:16px}.assignRoutes__popupFooter{flex-direction:column}.assignRoutes__cancelBtn,.assignRoutes__submitBtn{width:100%}}.transportVehicleRoute{width:100%;min-height:100vh;background:#f4f7fc;padding:24px;font-family:Poppins,sans-serif;box-sizing:border-box}.transportVehicleRoute-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;position:relative}.transportVehicleRoute-search{flex:1;max-width:520px;height:58px;background:#fff;border-radius:18px;padding:0 18px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 20px #0000000d}.transportVehicleRoute-search svg{font-size:22px;color:#777}.transportVehicleRoute-search input{width:100%;border:none;outline:none;background:transparent;font-size:15px}.transportVehicleRoute-headerRight{display:flex;align-items:center;gap:12px;position:relative}.transportVehicleRoute-filterBtn,.transportVehicleRoute-addBtn{width:54px;height:54px;border:none;border-radius:18px;background:linear-gradient(135deg,#6b5cff,#574bff);color:#fff;font-size:22px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s;box-shadow:0 12px 24px #5a4ff338}.transportVehicleRoute-filterBtn:hover,.transportVehicleRoute-addBtn:hover{transform:translateY(-3px)}.transportVehicleRoute-filterDropdown{position:absolute;top:72px;right:0;width:240px;background:#fff;border-radius:20px;padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;box-shadow:0 15px 40px #0000001f;z-index:999}.transportVehicleRoute-filterDropdown label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.transportVehicleRoute-filterDropdown input{accent-color:#5a4ff3}.transportVehicleRoute-tableWrapper{background:#fff;border-radius:24px;overflow-x:auto;box-shadow:0 10px 35px #0000000d}.transportVehicleRoute-table{width:100%;border-collapse:collapse;min-width:950px}.transportVehicleRoute-table thead{background:#fafafa}.transportVehicleRoute-table th{padding:22px 18px;text-align:left;font-size:14px;font-weight:700;color:#222;border-bottom:1px solid #eee}.transportVehicleRoute-table td{padding:20px 18px;border-bottom:1px solid #f1f1f1;font-size:14px;color:#444;vertical-align:middle}.transportVehicleRoute-table tbody tr:hover{background:#fafbff}.actionCenter{text-align:center!important}.transportVehicleRoute-typeBadge,.transportVehicleRoute-dropdownBadge,.transportVehicleRoute-selectedBadge{padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.transportVehicleRoute-typeBadge{cursor:pointer}.busBadge{background:#e8f7ee;color:#18a957}.vanBadge{background:#eef1ff;color:#574bff}.transportVehicleRoute-routeTags{display:flex;flex-wrap:wrap;gap:8px}.transportVehicleRoute-routeTag{padding:7px 14px;border-radius:30px;background:#f2f3ff;color:#574bff;font-size:12px;font-weight:600}.transportVehicleRoute-actionBtns{display:flex;align-items:center;justify-content:center;gap:10px}.transportVehicleRoute-editBtn,.transportVehicleRoute-deleteBtn{width:42px;height:42px;border:none;border-radius:12px;cursor:pointer;font-size:18px;transition:.25s;display:flex;justify-content:center;align-items:center}.transportVehicleRoute-editBtn{background:#eef1ff;color:#574bff}.transportVehicleRoute-deleteBtn{background:#fff0f0;color:#ff3b3b}.transportVehicleRoute-editBtn:hover,.transportVehicleRoute-deleteBtn:hover{transform:translateY(-2px)}.transportVehicleRoute-modalOverlay{position:fixed;inset:0;background:#11182785;display:flex;justify-content:center;align-items:center;padding:24px;z-index:9999}.transportVehicleRoute-modal{width:100%;max-width:860px;max-height:min(92vh,860px);background:#fff;border-radius:18px;overflow:hidden;animation:popup .3s ease;box-shadow:0 28px 80px #0f172a4d;position:relative;display:flex;flex-direction:column}@keyframes popup{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.transportVehicleRoute-modalHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #eef0f6;flex:0 0 auto}.transportVehicleRoute-modalHeader h2{font-size:22px;color:#222;margin:0;letter-spacing:0}.transportVehicleRoute-modalHeader button{width:40px;height:40px;border-radius:10px;border:none;background:#f5f6fb;color:#574bff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.transportVehicleRoute-modalBody{padding:24px 28px;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;background:#fbfcff}.transportVehicleRoute-dropdownBox{position:relative;margin-bottom:18px;z-index:1}.transportVehicleRoute-dropdownBox label{display:block;margin-bottom:10px;font-size:15px;font-weight:600;color:#555}.transportVehicleRoute-dropdownSelected{min-height:56px;border:1px solid #d8dcf0;border-radius:12px;padding:0 18px;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.3s;position:relative}.transportVehicleRoute-dropdownSelected:hover{border-color:#7b72ff;box-shadow:0 8px 20px #5a4ff31a}.transportVehicleRoute-dropdownActive{border-color:#574bff;box-shadow:0 0 0 4px #574bff1a}.transportVehicleRoute-arrow{transition:.3s;font-size:22px;flex-shrink:0}.transportVehicleRoute-arrowRotate{transform:rotate(180deg)}.transportVehicleRoute-dropdownMenu{position:static;width:100%;margin-top:10px;background:#fff;border-radius:14px;border:1px solid #e3e6f3;box-shadow:0 14px 34px #0f172a1f;max-height:280px;overflow-y:auto;z-index:2;padding:10px;animation:dropdownShow .25s ease}.transportVehicleRoute-dropdownMenu::-webkit-scrollbar{width:6px}.transportVehicleRoute-dropdownMenu::-webkit-scrollbar-thumb{background:#d4d1ff;border-radius:10px}.transportVehicleRoute-dropdownItem{border-radius:12px;padding:14px;cursor:pointer;transition:.25s;margin-bottom:8px;border:1px solid transparent;background:#fff}.transportVehicleRoute-dropdownItem:last-child{margin-bottom:0}.transportVehicleRoute-dropdownItem:hover{background:#f7f6ff;border-color:#ded9ff}.transportVehicleRoute-dropdownSelectedItem{background:#f1efff;border-color:#cfc7ff}.transportVehicleRoute-dropdownTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.transportVehicleRoute-dropdownTop h4{font-size:16px;color:#222;margin:0}.transportVehicleRoute-dropdownBottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.transportVehicleRoute-dropdownBottom p{font-size:13px;color:#666;margin:0}.transportVehicleRoute-selectedCard{margin-top:20px;background:#fff;border-radius:14px;padding:20px;border:1px solid #e6e8f5;box-shadow:0 10px 26px #0f172a0f}.transportVehicleRoute-selectedTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.transportVehicleRoute-selectedTop h3{font-size:24px;color:#222;margin:0}.transportVehicleRoute-selectedInfo{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.transportVehicleRoute-selectedInfo div{background:#f8f9ff;padding:16px;border-radius:12px}.transportVehicleRoute-selectedInfo strong{display:block;margin-bottom:8px;color:#666;font-size:14px}.transportVehicleRoute-selectedInfo p{font-size:18px;font-weight:600;color:#222;margin:0}.transportVehicleRoute-routes{margin-top:22px}.transportVehicleRoute-routes h3{font-size:20px;margin:0 0 14px;color:#222}.transportVehicleRoute-routesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.transportVehicleRoute-routeItem{border:1px solid #e3e6f0;border-radius:12px;padding:13px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.25s;background:#fff}.transportVehicleRoute-routeItem:hover{border-color:#574bff;background:#fbfaff}.transportVehicleRoute-routeActive{background:#f4f2ff;border-color:#574bff}.transportVehicleRoute-routeItem input{width:18px;height:18px;accent-color:#574bff}.transportVehicleRoute-routeItem span{font-size:14px;font-weight:500}.transportVehicleRoute-noData{grid-column:1 / -1;padding:16px;color:#777;font-size:14px}.transportVehicleRoute-modalFooter{display:flex;justify-content:flex-end;gap:14px;padding:18px 28px;border-top:1px solid #eef0f6;background:#fff;flex:0 0 auto}.transportVehicleRoute-cancelBtn,.transportVehicleRoute-saveBtn{min-width:120px;height:46px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.transportVehicleRoute-cancelBtn{background:#f1f3f8;color:#333}.transportVehicleRoute-saveBtn{background:linear-gradient(135deg,#6b5cff,#574bff);color:#fff;box-shadow:0 10px 20px #5a4ff340}.transportVehicleRoute-saveBtn:hover{background:#4d42e8}@keyframes dropdownShow{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.transportVehicleRoute{padding:14px}.transportVehicleRoute-header{flex-direction:column;align-items:stretch}.transportVehicleRoute-search{max-width:100%}.transportVehicleRoute-modal{max-width:100%;max-height:94vh;border-radius:16px}.transportVehicleRoute-routesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.transportVehicleRoute-selectedInfo{grid-template-columns:1fr}.transportVehicleRoute-dropdownBottom{flex-direction:column;gap:8px}.transportVehicleRoute-filterDropdown{width:100%;grid-template-columns:1fr 1fr}.transportVehicleRoute-modalHeader,.transportVehicleRoute-modalBody,.transportVehicleRoute-modalFooter{padding-left:18px;padding-right:18px}}@media(max-width:480px){.transportVehicleRoute-search{height:52px}.transportVehicleRoute-filterBtn,.transportVehicleRoute-addBtn{width:46px;height:46px;border-radius:14px}.transportVehicleRoute-modalHeader h2{font-size:20px}.transportVehicleRoute-modalBody,.transportVehicleRoute-modalFooter,.transportVehicleRoute-modalHeader{padding:16px}.transportVehicleRoute-selectedTop{flex-direction:column;align-items:flex-start;gap:12px}.transportVehicleRoute-dropdownSelected{min-height:54px}.transportVehicleRoute-dropdownMenu{max-height:230px}.transportVehicleRoute-routesGrid{grid-template-columns:1fr}.transportVehicleRoute-modalFooter{flex-direction:column}.transportVehicleRoute-cancelBtn,.transportVehicleRoute-saveBtn{width:100%}.transportVehicleRoute-filterDropdown{grid-template-columns:1fr}}.promotion-page-container{width:100%;min-height:100vh;padding:24px;background:#f3f6fb;box-sizing:border-box;font-family:Poppins,sans-serif}.promotion-main-card{width:100%;background:#fff;border:1px solid #e4e8f2;border-radius:18px;padding:24px;box-shadow:0 18px 44px #0f172a0f;box-sizing:border-box}.promotion-topbar-section{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.promotion-page-title{margin:0;color:#111827;font-size:26px;font-weight:750;letter-spacing:0}.promotion-page-subtitle,.promotion-modal-subtitle{margin:6px 0 0;color:#64748b;font-size:14px}.promotion-topbar-actions{display:flex;align-items:center;gap:12px}.promotion-search-box{width:320px;height:48px;background:#f8fafc;border:1px solid #dbe2ef;border-radius:12px;display:flex;align-items:center;padding:0 14px;gap:10px;transition:.25s}.promotion-search-box:focus-within{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px #4f46e51a}.promotion-search-icon{color:#64748b;font-size:14px;flex:0 0 auto}.promotion-search-input{width:100%;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:#111827;font-family:Poppins,sans-serif}.promotion-search-input::placeholder{color:#94a3b8}.promotion-add-button{width:48px;height:48px;border:none;border-radius:12px;background:#4f46e5;color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s;box-shadow:0 12px 24px #4f46e538}.promotion-add-button:hover{background:#4338ca}.promotion-table-wrapper,.promotion-student-table-wrapper{width:100%;overflow-x:auto}.promotion-table-wrapper{border:1px solid #e4e8f2;border-radius:14px}.promotion-table,.promotion-student-table{width:100%;border-collapse:collapse}.promotion-table{min-width:620px}.promotion-table-head,.promotion-student-table-head{background:#f8fafc}.promotion-table-heading,.promotion-student-table-heading{color:#475569;font-size:12px;font-weight:700;text-align:left;padding:15px 16px;white-space:nowrap;letter-spacing:0;border-bottom:1px solid #e4e8f2}.promotion-table-data,.promotion-student-table-data{padding:15px 16px;color:#334155;font-size:14px;font-weight:500;white-space:nowrap;border-bottom:1px solid #edf1f7}.promotion-table-body-row:hover,.promotion-student-table-body-row:hover{background:#f8fafc}.promotion-empty-state{padding:28px 16px;color:#64748b;font-size:14px;text-align:center;border-bottom:1px solid #edf1f7}.promotion-modal-overlay{position:fixed;inset:0;background:#0f172a8f;display:flex;align-items:center;justify-content:center;padding:22px;z-index:999;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.promotion-modal-container{width:100%;max-width:1320px;max-height:92vh;background:#fff;border-radius:18px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;animation:promotionModalAnimation .25s ease;box-shadow:0 28px 80px #0f172a47}@keyframes promotionModalAnimation{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.promotion-modal-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid #e7ebf3;box-sizing:border-box;flex:0 0 auto}.promotion-modal-title{margin:0;color:#111827;font-size:24px;font-weight:750;letter-spacing:0}.promotion-close-button{width:40px;height:40px;border:none;background:#f1f5f9;color:#475569;border-radius:10px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:.25s;flex:0 0 auto}.promotion-close-button:hover{background:#e2e8f0;color:#111827}.promotion-form-section,.promotion-student-search-row,.promotion-transfer-main-section{padding-left:26px;padding-right:26px}.promotion-form-section{padding-top:22px;padding-bottom:16px;background:#fbfcff}.promotion-form-row{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.promotion-form-group{display:flex;flex-direction:column;gap:8px;min-width:0}.promotion-form-label{color:#475569;font-size:13px;font-weight:650}.promotion-form-select{width:100%;height:46px;border-radius:10px;border:1px solid #dbe2ef;background:#fff;padding:0 12px;color:#111827;font-size:14px;outline:none;cursor:pointer;transition:.25s;font-family:Poppins,sans-serif}.promotion-form-select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.promotion-student-search-row{padding-top:0;padding-bottom:16px;background:#fbfcff;display:flex;align-items:center;justify-content:space-between;gap:14px}.promotion-student-search-box{width:min(420px,100%)}.promotion-selected-count{min-height:38px;padding:0 14px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.promotion-transfer-main-section{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;padding-top:0;padding-bottom:22px;overflow-y:auto;background:#fbfcff;flex:1 1 auto}.promotion-student-table-box{min-width:0;background:#fff;border:1px solid #e4e8f2;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #0f172a0d}.promotion-student-table-header{width:100%;padding:15px 16px;background:#fff;border-bottom:1px solid #e4e8f2;color:#111827;font-size:15px;font-weight:750;box-sizing:border-box}.promotion-student-table{min-width:660px}.promotion-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#4f46e5}.promotion-transfer-button-section{display:flex;flex-direction:column;justify-content:center;gap:12px}.promotion-transfer-button{width:48px;height:48px;border:none;border-radius:12px;background:#4f46e5;color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s}.promotion-transfer-button:hover:not(:disabled){background:#4338ca}.promotion-transfer-button:disabled,.promotion-cancel-button:disabled,.promotion-save-button:disabled{opacity:.55;cursor:not-allowed}.promotion-status-success{padding:6px 12px;background:#dcfce7;color:#15803d;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.promotion-modal-footer{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 26px;background:#fff;border-top:1px solid #e7ebf3;box-sizing:border-box;flex:0 0 auto}.promotion-cancel-button,.promotion-save-button{min-width:122px;height:44px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:.25s}.promotion-cancel-button{background:#f1f5f9;color:#334155}.promotion-cancel-button:hover:not(:disabled){background:#e2e8f0}.promotion-save-button{background:#4f46e5;color:#fff;box-shadow:0 10px 22px #4f46e533}.promotion-save-button:hover:not(:disabled){background:#4338ca}.promotion-modal-container::-webkit-scrollbar,.promotion-transfer-main-section::-webkit-scrollbar,.promotion-table-wrapper::-webkit-scrollbar,.promotion-student-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.promotion-modal-container::-webkit-scrollbar-thumb,.promotion-transfer-main-section::-webkit-scrollbar-thumb,.promotion-table-wrapper::-webkit-scrollbar-thumb,.promotion-student-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}@media(max-width:1200px){.promotion-form-row{grid-template-columns:repeat(3,minmax(0,1fr))}.promotion-transfer-main-section{grid-template-columns:1fr}.promotion-transfer-button-section{flex-direction:row;justify-content:center}}@media(max-width:768px){.promotion-page-container{padding:14px}.promotion-main-card{padding:18px;border-radius:16px}.promotion-topbar-section,.promotion-topbar-actions,.promotion-student-search-row{flex-direction:column;align-items:stretch}.promotion-search-box,.promotion-student-search-box,.promotion-add-button{width:100%}.promotion-page-title{font-size:22px}.promotion-modal-overlay{padding:10px}.promotion-modal-container{max-height:96vh;border-radius:14px}.promotion-modal-header,.promotion-form-section,.promotion-student-search-row,.promotion-transfer-main-section,.promotion-modal-footer{padding-left:16px;padding-right:16px}.promotion-form-row{grid-template-columns:1fr}.promotion-modal-title{font-size:21px}.promotion-modal-footer{flex-direction:column}.promotion-cancel-button,.promotion-save-button{width:100%}}.student-portfolio-container{width:100%;min-height:100vh;padding:24px;background:#f1f5f9;box-sizing:border-box;font-family:Poppins,sans-serif}.student-portfolio-header-section{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px;flex-wrap:wrap}.student-portfolio-title-wrapper{display:flex;align-items:center}.student-portfolio-main-title{font-size:30px;font-weight:800;color:#0f172a;margin:0}.student-portfolio-search-wrapper{width:320px}.student-portfolio-search-input{width:100%;height:52px;border:1px solid #cbd5e1;border-radius:16px;padding:0 18px;outline:none;font-size:14px;background:#fff;color:#0f172a;transition:.3s;box-sizing:border-box}.student-portfolio-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.student-portfolio-search-input::placeholder{color:#94a3b8}.student-portfolio-top-grid-section{width:100%;display:grid;grid-template-columns:1.2fr .8fr 1.4fr;gap:22px;margin-bottom:24px;align-items:start}.student-portfolio-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 10px 35px #0f172a0f;transition:.3s ease}.student-portfolio-card:hover{transform:translateY(-3px)}.student-portfolio-card-header{width:100%;padding:16px 22px;color:#fff;font-size:16px;font-weight:700;box-sizing:border-box}.student-portfolio-card-header-blue{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.student-portfolio-card-header-orange{background:linear-gradient(135deg,#ea580c,#fb923c)}.student-portfolio-card-header-yellow{background:linear-gradient(135deg,#ca8a04,#facc15)}.student-portfolio-card-header-pink{background:linear-gradient(135deg,#c026d3,#ec4899)}.student-portfolio-student-info-section{padding:24px;display:flex;align-items:center;gap:18px}.student-portfolio-student-image-wrapper{flex-shrink:0}.student-portfolio-student-image{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #dbeafe}.student-portfolio-student-details{flex:1}.student-portfolio-student-name{margin:0;font-size:22px;font-weight:700;color:#0f172a}.student-portfolio-student-class{margin-top:6px;margin-bottom:14px;color:#475569;font-size:14px}.student-portfolio-student-badge-wrapper{display:flex;gap:10px;flex-wrap:wrap}.student-portfolio-student-badge{padding:8px 14px;background:#dbeafe;color:#1d4ed8;border-radius:30px;font-size:13px;font-weight:600}.student-portfolio-result-section{padding:34px 24px;display:flex;align-items:center;justify-content:center}.student-portfolio-result-button{border:none;background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;padding:14px 28px;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 10px 20px #f973164d}.student-portfolio-result-button:hover{transform:translateY(-2px)}.student-portfolio-transport-hostel-wrapper{width:100%;display:flex;gap:18px}.student-portfolio-transport-card,.student-portfolio-hostel-card-main{flex:1}.student-portfolio-transport-info-section,.student-portfolio-hostel-info-section{padding:18px;display:flex;flex-direction:column;gap:12px}.student-portfolio-transport-item,.student-portfolio-hostel-info-item{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0}.student-portfolio-info-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:15px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.student-portfolio-info-item span{color:#475569;font-size:14px;font-weight:700}.student-portfolio-info-item strong{min-width:0;color:#0f172a;font-size:14px;font-weight:700;overflow-wrap:anywhere;text-align:right}.student-portfolio-transport-label,.student-portfolio-hostel-label{font-size:14px;font-weight:700;color:#475569}.student-portfolio-transport-value,.student-portfolio-hostel-value{font-size:15px;font-weight:700;color:#0f172a}.student-portfolio-section-container{width:100%;background:#fff;border-radius:24px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 10px 30px #0f172a0d;margin-bottom:24px}.student-portfolio-section-header{width:100%;padding:18px 22px;background:linear-gradient(135deg,#0f172a,#2563eb);box-sizing:border-box}.student-portfolio-section-title{margin:0;color:#fff;font-size:18px;font-weight:700}.student-portfolio-horizontal-scroll-wrapper{display:flex;gap:18px;overflow-x:auto;padding:24px;scroll-behavior:smooth}.student-portfolio-horizontal-scroll-wrapper::-webkit-scrollbar{height:8px}.student-portfolio-horizontal-scroll-wrapper::-webkit-scrollbar-track{background:#dbeafe;border-radius:20px}.student-portfolio-horizontal-scroll-wrapper::-webkit-scrollbar-thumb{background:#2563eb;border-radius:20px}.student-portfolio-profile-card{min-width:290px;background:#f8fafc;border:1px solid #dbeafe;border-radius:22px;padding:20px;display:flex;align-items:center;gap:16px;flex-shrink:0;transition:.3s ease}.student-portfolio-profile-card:hover{transform:translateY(-3px);background:#fff}.student-portfolio-profile-image-wrapper{flex-shrink:0}.student-portfolio-profile-image{width:74px;height:74px;border-radius:50%;object-fit:cover;border:4px solid #dbeafe}.student-portfolio-profile-details{flex:1}.student-portfolio-profile-details h4{margin:0;color:#0f172a;font-size:17px;font-weight:700}.student-portfolio-profile-details p{margin:6px 0;color:#64748b;font-size:14px}.student-portfolio-profile-details span,.student-portfolio-profile-details small{display:block;color:#2563eb;font-size:13px;font-weight:600}.student-portfolio-profile-details small{margin-top:4px;color:#64748b}.student-portfolio-profile-name{margin:0;font-size:17px;color:#0f172a;font-weight:700}.student-portfolio-profile-role{margin:6px 0;color:#64748b;font-size:14px}.student-portfolio-profile-contact{color:#2563eb;font-size:13px;font-weight:600}.student-portfolio-progress-grid-section{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:24px}.student-portfolio-progress-card{background:#fff;border-radius:22px;padding:24px;border:1px solid #dbeafe;box-shadow:0 10px 30px #0f172a0d}.student-portfolio-progress-top-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.student-portfolio-progress-title{color:#334155;font-size:15px;font-weight:700}.student-portfolio-progress-value{color:#2563eb;font-size:18px}.student-portfolio-progress-bar-wrapper{width:100%;height:12px;border-radius:20px;background:#e2e8f0;overflow:hidden}.student-portfolio-progress-bar-fill{height:100%;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:20px}.student-portfolio-progress-note{margin:12px 0 0;color:#64748b;font-size:13px;font-weight:600}.student-portfolio-fees-layout-section{width:100%;display:grid;grid-template-columns:1.3fr .7fr;gap:22px;margin-bottom:24px}.student-portfolio-fees-card,.student-portfolio-fees-reminder-card{background:#fff;border-radius:22px;border:1px solid #dbeafe;box-shadow:0 10px 30px #0f172a0d}.student-portfolio-fees-card-header{padding:20px 22px;background:linear-gradient(135deg,#0f172a,#2563eb);display:flex;align-items:center;justify-content:space-between;color:#fff;flex-wrap:wrap;gap:10px}.student-portfolio-fees-title{margin:0;font-size:18px}.student-portfolio-fees-status{font-size:14px;font-weight:600}.student-portfolio-fees-paid{color:#4ade80;margin:0 6px}.student-portfolio-fees-due{color:#f87171;margin-left:6px}.student-portfolio-fees-chart-area{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;color:#64748b;font-size:16px;box-sizing:border-box}.student-portfolio-fees-reminder-card{padding:24px}.student-portfolio-fees-reminder-title{margin:0;color:#0f172a;font-size:20px}.student-portfolio-fee-meter{width:100%;height:18px;display:flex;overflow:hidden;border-radius:999px;background:#e2e8f0}.student-portfolio-fee-meter span{background:#22c55e}.student-portfolio-fee-meter b{background:#ef4444}.student-portfolio-fee-summary-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.student-portfolio-reminder-text{margin:14px 0 0;color:#475569;font-size:14px;line-height:1.6}.student-portfolio-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:24px}.student-portfolio-table-section{width:100%;background:#fff;border-radius:22px;border:1px solid #dbeafe;overflow:hidden;margin-bottom:24px;box-shadow:0 10px 30px #0f172a0d}.student-portfolio-table-header,.student-portfolio-table-main-header{width:100%;padding:18px 22px;background:linear-gradient(135deg,#0f172a,#2563eb);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.student-portfolio-table-title{margin:0;color:#fff;font-size:18px;font-weight:700}.student-portfolio-view-all-button{border:none;background:#fff;color:#2563eb;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer}.student-portfolio-table-responsive{width:100%;overflow-x:auto;background:#fff}.student-portfolio-main-table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:auto}.student-portfolio-main-table-head{background:#fff}.student-portfolio-main-table-row{height:62px}.student-portfolio-main-table-heading{padding:18px 20px;background:#fff;color:#0f172a;font-size:14px;font-weight:700;text-align:center;white-space:nowrap;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;min-width:140px}.student-portfolio-main-table-heading:first-child{min-width:100px}.student-portfolio-main-table-heading:last-child{border-right:none}.student-portfolio-main-table tbody{background:#fff}.student-portfolio-main-table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0}.student-portfolio-main-table tbody td{padding:16px 18px;background:#fff;color:#0f172a;font-size:14px;text-align:center;white-space:nowrap}.student-portfolio-empty-cell{color:#64748b!important;font-weight:600;text-align:center!important}.student-portfolio-table-responsive::-webkit-scrollbar{height:10px}.student-portfolio-table-responsive::-webkit-scrollbar-track{background:#dbeafe;border-radius:20px}.student-portfolio-table-responsive::-webkit-scrollbar-thumb{background:#2563eb;border-radius:20px}.student-portfolio-search-wrapper{position:relative}.search-dropdown{position:absolute;top:45px;left:0;width:100%;background:#fff;border:1px solid #ddd;border-radius:8px;z-index:999;max-height:250px;overflow-y:auto}.search-item{padding:10px;cursor:pointer}.search-item:hover{background:#f2f2f2}@media(max-width:1200px){.student-portfolio-top-grid-section{grid-template-columns:1fr}.student-portfolio-transport-hostel-wrapper{flex-direction:column}.student-portfolio-fees-layout-section,.student-portfolio-detail-grid,.student-portfolio-fee-summary-grid{grid-template-columns:1fr}}@media(max-width:768px){.student-portfolio-container{padding:14px}.student-portfolio-header-section{flex-direction:column;align-items:stretch}.student-portfolio-search-wrapper{width:100%}.student-portfolio-main-title{font-size:24px}.student-portfolio-section-title,.student-portfolio-table-title{font-size:16px}.student-portfolio-progress-grid-section{grid-template-columns:1fr}.student-portfolio-transport-hostel-wrapper{flex-direction:column}.student-portfolio-profile-card{min-width:260px}.student-portfolio-student-info-section{flex-direction:column;text-align:center}.student-portfolio-student-badge-wrapper{justify-content:center}.student-portfolio-main-table{min-width:1000px}.student-portfolio-main-table-heading{font-size:13px;padding:16px}.student-portfolio-info-item{align-items:flex-start;flex-direction:column}.student-portfolio-info-item strong{text-align:left}}.studentGatepass{width:100%;min-height:100vh;background:#f3f4f8;padding:24px;box-sizing:border-box}.studentGatepass__card{width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000014}.studentGatepass__header{background:#e8e9ef;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.studentGatepass__searchBox{width:500px;max-width:100%;height:46px;background:#fff;border-radius:40px;display:flex;align-items:center;gap:12px;padding:0 18px}.studentGatepass__searchBox svg{color:#555;font-size:16px}.studentGatepass__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:14px}.studentGatepass__addBtn{width:50px;height:50px;border:none;cursor:pointer;border-radius:50%;background:#645cff;color:#fff;font-size:20px;box-shadow:0 5px 18px #645cff66;padding-left:14px}.studentGatepass__tableWrapper{overflow-x:auto}.studentGatepass__table{width:100%;min-width:1200px;border-collapse:collapse}.studentGatepass__tableRow{cursor:pointer;transition:.3s}.studentGatepass__tableRow:hover{background:#f7f8ff}.studentGatepass__table thead th{text-align:left;padding:22px;font-size:15px;font-weight:700;color:#000}.studentGatepass__table tbody td{padding:18px 22px;border-top:1px solid #ececec;vertical-align:middle;font-size:15px}.studentGatepass__table tbody tr:hover{background:#f8f9ff}.studentGatepass__avatar{width:60px;height:60px;object-fit:contain}.studentGatepass__actions{display:flex;align-items:center;gap:14px}.studentGatepass__deleteBtn,.studentGatepass__printBtn{border:none;background:transparent;cursor:pointer;font-size:22px}.studentGatepass__deleteBtn{color:#ff2626}.studentGatepass__swalPopup{border-radius:20px!important;padding:20px!important}.studentGatepass__swalConfirm{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-radius:10px!important;padding:10px 24px!important;font-weight:600!important}.studentGatepass__swalCancel{background:#e5e7eb!important;color:#111827!important;border-radius:10px!important;padding:10px 24px!important;font-weight:600!important}.studentGatepass__printBtn{color:#6258ff}.studentGatepass__pagination{display:flex;align-items:center;justify-content:flex-end;gap:30px;padding:20px}.studentGatepass__pageSize{display:flex;align-items:center;gap:10px}.studentGatepass__pageSize select{height:40px;width:80px;border-radius:10px;border:1px solid #ccc;padding:0 10px}.studentGatepass__pageBtns{display:flex;gap:10px}.studentGatepass__pageBtns button{border:none;background:transparent;cursor:pointer;font-size:18px}.studentGatepass__mobileCards{display:none}.studentGatepass__mobileCard{background:#fff;margin:15px;border-radius:14px;padding:16px;box-shadow:0 2px 12px #00000014}.studentGatepass__mobileTop{display:flex;gap:14px;align-items:center}.studentGatepass__mobileAvatar{width:60px;height:60px}.studentGatepass__mobileBody{margin-top:15px}.studentGatepass__mobileBody div{margin-bottom:12px}.studentGatepass__mobileBody span{font-size:12px;color:#777}.studentGatepass__mobileBody p{margin-top:4px;font-weight:500}.studentGatepass__mobileActions{display:flex;justify-content:flex-end;gap:15px}@media(max-width:1024px){.studentGatepass{padding:15px}.studentGatepass__pagination{gap:15px}}@media(max-width:768px){.studentGatepass__tableWrapper{display:none}.studentGatepass__mobileCards{display:block}.studentGatepass__header{flex-direction:column;gap:15px;align-items:stretch}.studentGatepass__searchBox{width:100%}.studentGatepass__addBtn{align-self:flex-end}.studentGatepass__pagination{flex-direction:column;gap:12px}}@media(max-width:480px){.studentGatepass{padding:10px}.studentGatepass__mobileCard{margin:10px;padding:14px}.studentGatepass__mobileAvatar{width:50px;height:50px}.studentGatepass__mobileTop h4{font-size:15px}.studentGatepass__mobileTop p{font-size:13px}}.studentGatepass__modalOverlay{position:absolute;inset:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studentGatepass__modal{position:fixed;inset:0;z-index:9999}.studentGatepass__modalOverlay{position:absolute;inset:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.studentGatepass__modalContainer{transition:transform .3s ease,opacity .3s ease}.studentGatepass__modalOpening .studentGatepass__modalOverlay{animation:studentGatepassFadeIn .3s ease forwards}.studentGatepass__modalOpening .studentGatepass__modalContainer{animation:studentGatepassZoomIn .3s ease forwards}.studentGatepass__modalClosing .studentGatepass__modalOverlay{animation:studentGatepassFadeOut .3s ease forwards}.studentGatepass__modalClosing .studentGatepass__modalContainer{animation:studentGatepassZoomOut .3s ease forwards}@keyframes studentGatepassFadeIn{0%{opacity:0}to{opacity:1}}@keyframes studentGatepassFadeOut{0%{opacity:1}to{opacity:0}}@keyframes studentGatepassZoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes studentGatepassZoomOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.92)}}.studentGatepass__modalContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:72%;max-width:1050px;min-width:850px;max-height:88vh;background:#fff;border-radius:24px;overflow-y:auto;border:1px solid #eceeff;box-shadow:0 25px 80px #5b5cf626,0 8px 30px #00000014;z-index:10000}.studentGatepass__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:26px 32px;background:linear-gradient(135deg,#fafaff,#f4f5ff);border-bottom:1px solid #eceeff}.studentGatepass__modalHeader h2{font-size:28px;font-weight:700;color:#2f3542;letter-spacing:.3px}.studentGatepass__modalClose{width:46px;height:46px;border:none;border-radius:14px;background:#f3f5ff;color:#5b5cf6;transition:.3s}.studentGatepass__modalClose:hover{background:#5b5cf6;color:#fff}.studentGatepass__modalClose{width:45px;height:45px;border:none;border-radius:50%;cursor:pointer;background:#f7f7f7;display:flex;align-items:center;justify-content:center;font-size:18px}.studentGatepass__modalBody{padding:30px}.studentGatepass__modalTop{display:grid;grid-template-columns:1fr 260px;gap:25px}.studentGatepass__modalSearch{display:flex;align-items:center;gap:10px;height:55px;width:100%;border:1px solid #e6e8ff;border-radius:14px;padding:0 16px}.studentGatepass__modalSearch svg{flex-shrink:0;font-size:18px;color:#5b5cf6}.studentGatepass__modalSearch input{flex:1;border:none;outline:none;background:transparent}.studentGatepass__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.studentGatepass__field{display:flex;flex-direction:column}.studentGatepass__field label{font-size:14px;margin-bottom:8px;color:#666}.studentGatepass__field input{height:52px;border:1px solid #d7d7d7;border-radius:10px;padding:0 15px;outline:none}.studentGatepass__field input,.studentGatepass__field select,.studentGatepass__field textarea{height:56px;border:1px solid #e7e9f7;border-radius:16px;background:#fbfcff;padding:0 16px;transition:.3s}.studentGatepass__field input:focus,.studentGatepass__field select:focus,.studentGatepass__field textarea:focus{outline:none;border-color:#5b5cf6;box-shadow:0 0 0 4px #5b5cf61f}.studentGatepass__field label{font-weight:600;color:#5d6477;margin-bottom:8px}.studentGatepass__photoSection{display:flex;flex-direction:column;align-items:center}.studentGatepass__photoSection img{width:150px;height:150px;object-fit:cover;border-radius:24px;background:#f7f8ff;border:4px solid #eef0ff;padding:12px}.studentGatepass__photoSection button{margin-top:16px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;border:none;border-radius:14px;padding:12px 24px;font-weight:600;box-shadow:0 12px 25px #5b5cf640}.studentGatepass__studentCard{margin-top:28px;background:#fff;border:1px solid #eceeff;border-radius:20px;overflow:hidden}.studentGatepass__studentHeader{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 24px;cursor:pointer}.studentGatepass__studentHeader span{font-size:18px;font-weight:600}.studentGatepass__studentHeader svg{font-size:18px;flex-shrink:0}.studentGatepass__studentContent{padding:20px}.studentGatepass__tabs{display:flex;justify-content:center;gap:40px;margin-bottom:28px}.studentGatepass__tabs button{border:none;background:transparent;font-size:15px;font-weight:600;padding:12px 20px;border-radius:12px;color:#6d7487;transition:.3s}.studentGatepass__tabs .active{background:#eef0ff;color:#5b5cf6}.studentGatepass__familyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.studentGatepass__familyCard{background:#fafbff;border:1px solid #eceeff;border-radius:18px;min-height:180px;transition:.3s}.studentGatepass__familyCard:hover{transform:translateY(-4px);box-shadow:0 15px 30px #5b5cf614}.studentGatepass__familyCard img{width:70px}.studentGatepass__address{margin-top:20px}.studentGatepass__tabs{display:flex;justify-content:center;gap:40px;margin-bottom:25px}.studentGatepass__tabs button{background:transparent;border:none;font-size:16px;font-weight:600;color:#666;cursor:pointer;padding:12px 20px;border-bottom:2px solid transparent;transition:.3s}.studentGatepass__tabs button.active{color:#5b5cf6;border-bottom:2px solid #5b5cf6}.studentGatepass__guardianCard{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #e7ebff;border-radius:16px;background:#fff;overflow:hidden}.studentGatepass__guardianDetails{flex:1}.studentGatepass__guardianImage{width:130px;min-width:130px;display:flex;justify-content:center;align-items:center}.studentGatepass__guardianImage img{width:110px;height:110px;object-fit:contain;border-radius:12px}.studentGatepass__photoUploadWrapper{display:flex;flex-direction:column;align-items:center;gap:14px}.studentGatepass__uploadedPhoto{width:150px;height:150px;object-fit:cover;border-radius:18px;border:3px solid #eef0ff;background:#fff;box-shadow:0 10px 30px #5b5cf614}.studentGatepass__uploadBtn{background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.studentGatepass__uploadBtn:hover{transform:translateY(-2px)}.studentGatepass__hiddenFileInput{display:none}.studentGatepass__modalFooter{padding:25px 30px;border-top:1px solid #ececec;display:flex;justify-content:flex-end;align-items:center;gap:18px}.studentGatepass__modalFooter select{width:180px;height:50px;border-radius:10px}.studentGatepass__cancelBtn{height:50px;padding:0 24px;border-radius:14px;border:1px solid #dfe3ff;background:#fff;font-weight:600}.studentGatepass__saveBtn{height:50px;padding:0 36px;border:none;border-radius:14px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;font-weight:600;box-shadow:0 12px 25px #5b5cf640}.studentSearchList{position:absolute;width:100%;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:250px;overflow-y:auto;z-index:999;margin-top:5px}.studentSearchItem{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.studentSearchItem:hover{background:#f5f5f5}@media(max-width:1200px){.studentGatepass__modalContainer{width:85%;min-width:unset}}@media(max-width:992px){.studentGatepass__modalContainer{width:92%}.studentGatepass__modalTop{grid-template-columns:1fr}.studentGatepass__photoSection{order:-1}}@media(max-width:768px){.studentGatepass__modalContainer{width:96%;max-height:92vh;border-radius:14px}.studentGatepass__modalBody{padding:20px}.studentGatepass__formGrid,.studentGatepass__familyGrid{grid-template-columns:1fr}.studentGatepass__tabs{gap:20px;flex-wrap:wrap}.studentGatepass__modalFooter{flex-wrap:wrap;justify-content:center}.studentGatepass__modalFooter select,.studentGatepass__saveBtn,.studentGatepass__cancelBtn{width:100%}}@media(max-width:480px){.studentGatepass__modalHeader{padding:18px}.studentGatepass__modalHeader h2{font-size:18px}.studentGatepass__photoSection img{width:110px}.studentGatepass__field input{height:48px}}@media(max-width:768px){.studentGatepass__guardianCard{flex-direction:column;text-align:center;gap:15px}.studentGatepass__guardianImage{width:100%}.studentGatepass__guardianImage img{width:90px;height:90px}}.studentGatepassPrint{min-height:100vh;background:#f4f7ff;padding:30px}.studentGatepassPrint__topbar{max-width:1100px;margin:0 auto 25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.studentGatepassPrint__backBtn,.studentGatepassPrint__downloadBtn{border:none;outline:none;height:50px;padding:0 24px;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:all .3s ease}.studentGatepassPrint__backBtn{background:#fff;color:#222;box-shadow:0 4px 12px #00000014}.studentGatepassPrint__downloadBtn{color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}.studentGatepassPrint__downloadBtn:hover,.studentGatepassPrint__backBtn:hover{transform:translateY(-2px)}.studentGatepassPrint__document{width:794px;min-height:1123px;margin:auto;background:#fff;border-radius:24px;padding:35px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001f}.studentGatepassPrint__document:before{content:"LEARNING STEP SCHOOL";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:70px;font-weight:800;color:#5b5cf60d;white-space:nowrap;pointer-events:none}.studentGatepassPrint__header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:3px solid #5b5cf6}.studentGatepassPrint__logo{width:100px;height:100px;flex-shrink:0}.studentGatepassPrint__logo img{width:100%;height:100%;object-fit:contain}.studentGatepassPrint__school{flex:1;text-align:center}.studentGatepassPrint__school h1{margin:0;color:#5b5cf6;font-size:34px;font-weight:800}.studentGatepassPrint__school h3{margin:6px 0;color:#333;font-size:18px}.studentGatepassPrint__school p{margin:3px 0;color:#666;font-size:14px}.studentGatepassPrint__heading{text-align:center;margin:25px 0;font-size:28px;font-weight:700;color:#5b5cf6;text-transform:uppercase}.studentGatepassPrint__date{text-align:right;font-size:15px;font-weight:600;margin-bottom:25px}.studentGatepassPrint__content{display:flex;gap:25px}.studentGatepassPrint__detailsCard{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.studentGatepassPrint__field{background:#fafbff;border:1px solid #e8ebff;border-radius:14px;padding:14px 16px}.studentGatepassPrint__field label{display:block;margin-bottom:6px;color:#667085;font-size:13px}.studentGatepassPrint__field span{color:#111827;font-size:15px;font-weight:600;word-break:break-word}.studentGatepassPrint__full{grid-column:span 2}.studentGatepassPrint__photoCard{width:190px;background:#fafbff;border:1px solid #e8ebff;border-radius:18px;padding:15px;flex-shrink:0}.studentGatepassPrint__photoTitle{text-align:center;margin-bottom:12px;font-weight:600;color:#5b5cf6}.studentGatepassPrint__photoCard img{width:100%;height:220px;object-fit:cover;border-radius:12px}.studentGatepassPrint__note{margin-top:35px;padding:18px;border-radius:14px;background:#f8f9ff;border:1px solid #e8ebff;color:#555;line-height:1.7}.studentGatepassPrint__signatureArea{margin-top:100px;display:flex;justify-content:space-between;align-items:center;gap:20px}.studentGatepassPrint__signatureBox{text-align:center;min-width:180px}.studentGatepassPrint__signatureLine{border-top:2px solid #5b5cf6;margin-bottom:10px}@media(max-width:1024px){.studentGatepassPrint{padding:20px}.studentGatepassPrint__document{width:100%;min-height:auto}}@media(max-width:768px){.studentGatepassPrint__topbar{flex-direction:column}.studentGatepassPrint__backBtn,.studentGatepassPrint__downloadBtn{width:100%;justify-content:center}.studentGatepassPrint__document{padding:20px;border-radius:18px}.studentGatepassPrint__header{flex-direction:column;text-align:center}.studentGatepassPrint__logo{width:80px;height:80px}.studentGatepassPrint__school h1{font-size:26px}.studentGatepassPrint__school h3{font-size:16px}.studentGatepassPrint__content{flex-direction:column}.studentGatepassPrint__photoCard{width:100%}.studentGatepassPrint__detailsCard{grid-template-columns:1fr}.studentGatepassPrint__full{grid-column:span 1}.studentGatepassPrint__signatureArea{flex-direction:column;gap:50px}}@media(max-width:480px){.studentGatepassPrint{padding:10px}.studentGatepassPrint__document{padding:15px;border-radius:14px}.studentGatepassPrint__heading,.studentGatepassPrint__school h1{font-size:22px}.studentGatepassPrint__school h3{font-size:14px}.studentGatepassPrint__school p{font-size:12px}.studentGatepassPrint__field{padding:12px}.studentGatepassPrint__field span{font-size:14px}.studentGatepassPrint__photoCard img{height:180px}.studentGatepassPrint__document:before{font-size:40px}}.visitorEnquiry{width:100%;padding:24px;background:#f5f7ff;min-height:100vh}.visitorEnquiry__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #5b5cf614}.visitorEnquiry__header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.visitorEnquiry__searchBox{flex:1;display:flex;align-items:center;gap:10px;height:54px;border:1px solid #e4e8ff;border-radius:14px;padding:0 16px;background:#fafbff}.visitorEnquiry__searchBox svg{color:#5b5cf6}.visitorEnquiry__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:15px}.visitorEnquiry__addBtn{width:54px;height:54px;border:none;border-radius:14px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;font-size:18px;cursor:pointer;transition:.3s;padding-left:15px}.visitorEnquiry__addBtn:hover{transform:translateY(-2px)}.visitorEnquiry__tableWrapper{width:100%;overflow-x:auto}.visitorEnquiry__table{width:100%;border-collapse:collapse}.visitorEnquiry__table thead{background:#f7f8ff}.visitorEnquiry__table th{padding:16px;text-align:left;color:#475569;font-size:13px;font-weight:700;white-space:nowrap}.visitorEnquiry__table td{padding:16px;border-top:1px solid #eef1ff}.visitorEnquiry__tableRow{cursor:pointer;transition:.25s}.visitorEnquiry__tableRow:hover{background:#fafbff}.visitorEnquiry__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #e5e7ff}.visitorEnquiry__actions{display:flex;gap:10px}.visitorEnquiry__deleteBtn,.visitorEnquiry__printBtn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.visitorEnquiry__deleteBtn{background:#fee2e2;color:#ef4444}.visitorEnquiry__printBtn{background:#ede9fe;color:#5b5cf6}.visitorEnquiry__mobileCards{display:none}.visitorEnquiry__mobileCard{background:#fff;border:1px solid #edf0ff;border-radius:18px;padding:16px;margin-bottom:15px;cursor:pointer}.visitorEnquiry__mobileTop{display:flex;align-items:center;gap:12px}.visitorEnquiry__mobileAvatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.visitorEnquiry__mobileTop h4{margin:0}.visitorEnquiry__mobileTop p{margin-top:4px;color:#64748b}.visitorEnquiry__mobileBody{margin-top:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.visitorEnquiry__mobileBody span{font-size:12px;color:#64748b}.visitorEnquiry__mobileBody p{margin-top:4px;font-weight:600}.visitorEnquiry__pagination{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.visitorEnquiry__pageSize{display:flex;align-items:center;gap:12px}.visitorEnquiry__pageSize select{height:40px;border:1px solid #dbe2ff;border-radius:10px;padding:0 12px}.visitorEnquiry__pageInfo{color:#64748b}.visitorEnquiry__pageBtns{display:flex;gap:10px}.visitorEnquiry__pageBtns button{width:40px;height:40px;border:none;border-radius:10px;background:#f3f4ff;color:#5b5cf6;cursor:pointer;padding-left:10px}@media(max-width:992px){.visitorEnquiry{padding:15px}.visitorEnquiry__card{padding:18px}}@media(max-width:768px){.visitorEnquiry__tableWrapper{display:none}.visitorEnquiry__mobileCards{display:block}.visitorEnquiry__pagination{flex-direction:column;align-items:stretch}.visitorEnquiry__pageSize,.visitorEnquiry__pageBtns{justify-content:center}}@media(max-width:480px){.visitorEnquiry__header{flex-direction:column}.visitorEnquiry__searchBox{width:100%}.visitorEnquiry__addBtn{width:100%;border-radius:14px}.visitorEnquiry__mobileBody{grid-template-columns:1fr}}.visitorEnquiry__modal{position:fixed;inset:0;z-index:9999}.visitorEnquiry__modalOverlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.visitorEnquiry__modalOpening .visitorEnquiry__modalContainer{animation:visitorModalOpen .3s ease forwards}.visitorEnquiry__modalClosing .visitorEnquiry__modalContainer{animation:visitorModalClose .3s ease forwards}@keyframes visitorModalOpen{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes visitorModalClose{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-45%) scale(.96)}}.visitorEnquiry__modalContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:72%;max-width:1050px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000026;z-index:10000}.visitorEnquiry__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #ececec}.visitorEnquiry__modalHeader h2{margin:0;color:#5b5cf6;font-size:22px;font-weight:700}.visitorEnquiry__modalClose{width:44px;height:44px;border:none;border-radius:50%;background:#f4f6ff;color:#5b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.visitorEnquiry__modalClose:hover{background:#5b5cf6;color:#fff}.visitorEnquiry__modalBody{padding:28px}.visitorEnquiry__modalTop{display:flex;gap:24px}.visitorEnquiry__modalLeft{flex:1}.visitorEnquiry__photoSection{width:260px;flex-shrink:0}.visitorEnquiry__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.visitorEnquiry__field{display:flex;flex-direction:column}.visitorEnquiry__field label{margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.visitorEnquiry__field input,.visitorEnquiry__field select,.visitorEnquiry__field textarea{border:1px solid #dbe2ff;border-radius:12px;padding:14px;outline:none;font-size:14px;background:#fafbff;transition:.3s}.visitorEnquiry__field input:focus,.visitorEnquiry__field select:focus,.visitorEnquiry__field textarea:focus{border-color:#5b5cf6;background:#fff}.visitorEnquiry__fieldFull{grid-column:span 2}.visitorEnquiry__photoSection{display:flex;justify-content:center}.visitorEnquiry__photoUploadWrapper{width:100%;text-align:center}.visitorEnquiry__uploadedPhoto{width:180px;height:180px;object-fit:cover;border-radius:18px;border:3px solid #e8ebff;background:#f7f8ff}.visitorEnquiry__uploadBtn{display:inline-flex;margin-top:15px;padding:12px 22px;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff);margin-left:-80px}.visitorEnquiry__studentCard{margin-top:30px;border:1px solid #eceff8;border-radius:18px;overflow:hidden}.visitorEnquiry__studentHeader{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fafbff;font-weight:700;color:#5b5cf6}.visitorEnquiry__studentContent{padding:25px}.visitorEnquiry__radioGroup{display:flex;gap:25px;margin-bottom:25px}.visitorEnquiry__radioGroup label{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.visitorEnquiry__infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.visitorEnquiry__modalFooter{padding:22px 30px;border-top:1px solid #ececec;display:flex;justify-content:flex-end;gap:15px}.visitorEnquiry__cancelBtn{border:none;padding:12px 24px;border-radius:12px;cursor:pointer;background:#f1f5f9;font-weight:600}.visitorEnquiry__saveBtn{border:none;padding:12px 28px;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}@media(max-width:1024px){.visitorEnquiry__modalContainer{width:92%}.visitorEnquiry__modalTop{display:flex;flex-direction:column}.visitorEnquiry__photoSection{order:-1;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:25px}.visitorEnquiry__photoUploadWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.visitorEnquiry__uploadedPhoto{width:180px;height:180px}.visitorEnquiry__uploadBtn{width:180px;margin:0}.visitorEnquiry__modalLeft{width:100%}.visitorEnquiry__formGrid,.visitorEnquiry__infoGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.visitorEnquiry__modalContainer{width:96%;max-height:95vh}.visitorEnquiry__modalBody{padding:18px}.visitorEnquiry__formGrid{grid-template-columns:1fr}.visitorEnquiry__fieldFull{grid-column:span 1}.visitorEnquiry__radioGroup{flex-direction:column;gap:12px}.visitorEnquiry__infoGrid{grid-template-columns:1fr}.visitorEnquiry__modalFooter{flex-direction:column}.visitorEnquiry__saveBtn,.visitorEnquiry__cancelBtn{width:100%}}@media(max-width:480px){.visitorEnquiry__modalHeader{padding:18px}.visitorEnquiry__modalHeader h2{font-size:18px}.visitorEnquiry__uploadedPhoto{width:140px;height:140px}}.visitorEnquiryPDF{min-height:100vh;background:#f5f7ff;padding:40px 20px}.visitorEnquiryPDF__topbar{max-width:900px;margin:auto auto 20px;display:flex;justify-content:space-between}.visitorEnquiryPDF__backBtn,.visitorEnquiryPDF__downloadBtn{border:none;padding:12px 22px;border-radius:12px;cursor:pointer;color:#fff;display:flex;gap:8px;align-items:center;background:linear-gradient(135deg,#5b5cf6,#8b4dff)}.visitorEnquiryPDF__paper{width:100%;max-width:900px;margin:auto;background:#fff;border:2px solid #333;padding:20px;box-shadow:0 10px 30px #00000026}.visitorEnquiryPDF__header{display:flex;gap:20px;align-items:center;border-bottom:2px solid #000;padding-bottom:10px}.visitorEnquiryPDF__logo{width:90px}.visitorEnquiryPDF__school{flex:1;text-align:center}.visitorEnquiryPDF__school h1{color:#5b5cf6;margin:0;font-size:38px}.visitorEnquiryPDF__school h3{margin:6px 0}.visitorEnquiryPDF__school p{margin:2px}.visitorEnquiryPDF__titleRow{margin-top:15px;display:flex;justify-content:space-between;align-items:center}.visitorEnquiryPDF__titleRow h2{text-decoration:underline}.visitorEnquiryPDF__content{margin-top:20px;display:flex;justify-content:space-between;gap:25px}.visitorEnquiryPDF__left{flex:1}.visitorEnquiryPDF__field{display:flex;gap:10px;border-bottom:1px dashed #000;padding:10px 0}.visitorEnquiryPDF__photo img{width:120px;height:120px;object-fit:cover}.visitorEnquiryPDF__footer{margin-top:80px;display:flex;justify-content:space-between}.visitorEnquiryPDF__signLine{width:150px;border-top:1px solid #000;margin-bottom:5px}.visitorEnquiryPDF__noData{padding:100px;text-align:center}@media(max-width:768px){.visitorEnquiryPDF__header{flex-direction:column;text-align:center}.visitorEnquiryPDF__content{flex-direction:column;align-items:center}.visitorEnquiryPDF__titleRow{flex-direction:column;gap:10px}.visitorEnquiryPDF__school h1{font-size:28px}}@media(max-width:480px){.visitorEnquiryPDF{padding:15px}.visitorEnquiryPDF__topbar{flex-direction:column;gap:12px}.visitorEnquiryPDF__backBtn,.visitorEnquiryPDF__downloadBtn{width:100%;justify-content:center}.visitorEnquiryPDF__school h1{font-size:22px}.visitorEnquiryPDF__footer{flex-direction:column;gap:40px}}.student-popup-container{width:100%;min-height:100vh;background:#f5f7fb;padding:20px;box-sizing:border-box;font-family:Poppins,sans-serif}.spf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.spf-search-box{width:500px;max-width:100%;height:52px;background:#fff;border-radius:40px;display:flex;align-items:center;padding:0 18px;box-shadow:0 4px 15px #00000014}.spf-search-box svg{font-size:18px;color:#666}.spf-search-box input{flex:1;border:none;outline:none;padding-left:12px;font-size:15px;background:transparent}.spf-add-btn{width:60px;height:60px;border:none;border-radius:50%;background:#4f46e5;color:#fff;cursor:pointer;font-size:22px;box-shadow:0 10px 25px #4f46e559;transition:.3s;padding-left:17px}.spf-add-btn:hover{transform:translateY(-3px)}.spf-table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #00000014}.spf-table{width:100%;border-collapse:collapse}.spf-table thead{background:#f8f9fd}.spf-table th{padding:22px;text-align:left;font-size:16px;font-weight:700;color:#1e293b;border-bottom:1px solid #e5e7eb}.spf-table td{padding:22px;border-bottom:1px solid #ececec;font-size:15px}.spf-table tr:hover{background:#fafafa}.spf-table-img{width:190px;height:100px;object-fit:cover;border-radius:12px}.spf-action-btns{display:flex;gap:10px}.spf-edit-btn{width:42px;height:42px;border:none;border-radius:10px;background:#4f46e5;color:#fff;cursor:pointer;transition:.3s;padding-left:14px}.spf-edit-btn:hover{transform:scale(1.08)}.spf-delete-btn{width:42px;height:42px;border:none;border-radius:10px;background:#ef4444;color:#fff;cursor:pointer;transition:.3s;padding-left:14px}.spf-delete-btn:hover{transform:scale(1.08)}.spf-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999;padding:15px}.spf-modal{width:850px;max-width:100%;background:#fff;border-radius:20px;overflow:hidden;animation:popup .25s ease}@keyframes popup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid #ececec}.spf-modal-header h2{margin:0;font-size:28px;color:#111827}.spf-modal-header button{width:50px;height:50px;border:none;background:#f1f5f9;border-radius:50%;cursor:pointer;font-size:18px}.spf-modal-body{display:flex;gap:20px;padding:25px}.spf-left{width:50%}.spf-right{width:50%;display:flex;flex-direction:column;gap:15px}.spf-preview{width:100%;height:220px;border-radius:15px;overflow:hidden;background:#eef2ff}.spf-preview img{width:100%;height:100%;object-fit:cover}.spf-placeholder{height:100%;display:flex;justify-content:center;align-items:center;color:#64748b;font-size:16px}.spf-browse{margin-top:12px;width:100%;height:52px;background:#ef4444;border-radius:10px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:600;font-size:16px}.spf-input{width:100%}.spf-input input{width:100%;height:56px;border:1px solid #d1d5db;border-radius:12px;outline:none;padding:0 16px;font-size:15px;box-sizing:border-box}.spf-input input:focus{border-color:#4f46e5}.spf-description{padding:0 25px 20px}.spf-description textarea{width:100%;height:120px;border-radius:12px;border:1px solid #d1d5db;resize:none;outline:none;padding:15px;font-size:15px;box-sizing:border-box}.spf-description textarea:focus{border-color:#4f46e5}.spf-footer{display:flex;justify-content:flex-end;gap:15px;padding:20px 25px 25px}.spf-cancel{min-width:120px;height:48px;border-radius:10px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:15px;font-weight:600}.spf-save{min-width:140px;height:48px;border-radius:10px;border:none;background:#4f46e5;color:#fff;cursor:pointer;font-size:15px;font-weight:600}@media(max-width:992px){.spf-modal-body{flex-direction:column}.spf-left,.spf-right{width:100%}.spf-preview{height:250px}}@media(max-width:768px){.student-popup-container{padding:12px}.spf-header{flex-direction:column;gap:15px}.spf-search-box{width:100%}.spf-add-btn{width:55px;height:55px}.spf-table{min-width:700px}.spf-table-card{overflow-x:auto}.spf-modal{border-radius:15px}.spf-modal-header h2{font-size:22px}.spf-preview{height:220px}.spf-footer{flex-direction:column}.spf-save,.spf-cancel{width:100%}}@media(max-width:480px){.spf-modal-header,.spf-modal-body{padding:15px}.spf-description{padding:0 15px 15px}.spf-footer{padding:15px}.spf-preview{height:180px}.spf-input input{height:50px}.spf-description textarea{height:100px}}.staffgatepass{width:100%;min-height:100vh;padding:20px;background:#f5f7fb;box-sizing:border-box;font-family:Poppins,sans-serif}.staffgatepass__topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.staffgatepass__search{width:350px;height:45px;background:#fff;border:1px solid #dbe2ea;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 15px}.staffgatepass__search svg{color:#7b8794}.staffgatepass__search input{border:none;outline:none;width:100%;font-size:14px;background:transparent}.staffgatepass__addbtn{width:45px;height:45px;border:none;border-radius:12px;background:#2563eb;color:#fff;cursor:pointer;font-size:16px;transition:.3s;padding-left:14px}.staffgatepass__addbtn:hover{transform:scale(1.05)}.staffgatepass__tablewrapper{width:100%;background:#fff;border-radius:16px;overflow-x:auto;box-shadow:0 3px 12px #0000000f}.staffgatepass__table{width:100%;border-collapse:collapse}.staffgatepass__table thead{background:#2563eb}.staffgatepass__table th{color:#fff;font-size:13px;font-weight:600;padding:15px;text-align:center}.staffgatepass__table td{padding:14px;text-align:center;border-bottom:1px solid #eef2f7;font-size:14px}.staffgatepass__table tbody tr:hover{background:#f8fafc}.staffgatepass__photo{width:45px;height:45px;border-radius:50%}.staffgatepass__actions{display:flex;justify-content:center;gap:8px}.staffgatepass__edit,.staffgatepass__delete,.staffgatepass__print{border:none;border-radius:8px;cursor:pointer;color:#fff;padding:8px 12px;font-size:13px}.staffgatepass__edit{background:#0ea5e9}.staffgatepass__delete{background:#ef4444}.staffgatepass__print{background:#22c55e}.staffgatepass__pagination{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.staffgatepass__pageleft{display:flex;align-items:center;gap:10px;font-size:14px}.staffgatepass__pageleft select{border:1px solid #dbe2ea;border-radius:8px;height:35px;padding:0 10px}.staffgatepass__pageright{display:flex;align-items:center;gap:12px}.staffgatepass__pageright button{width:35px;height:35px;border:none;background:#2563eb;color:#fff;border-radius:8px;cursor:pointer}.staffgatepass__overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.staffgatepass__modal{width:700px;max-width:95%;background:#fff;border-radius:20px;overflow:hidden;animation:popup .25s ease}@keyframes popup{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.staffgatepass__modal-header{background:#2563eb;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.staffgatepass__modal-title{margin:0;font-size:20px;font-weight:600}.staffgatepass__modal-close{border:none;background:transparent;color:#fff;cursor:pointer;font-size:20px}.staffgatepass__modal-body{padding:25px}.staffgatepass__staff-search-section{position:relative;height:48px;border:1px solid #dbe2ea;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 15px;margin-bottom:20px}.staffgatepass__staff-search-wrap{position:relative}.staffgatepass__staff-search-input{width:100%;border:none;outline:none;background:transparent}.staffgatepass__suggestions{position:absolute;left:0;right:0;top:54px;z-index:20;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #0f172a24}.staffgatepass__suggestion{width:100%;border:none;background:#fff;display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;text-align:left}.staffgatepass__suggestion:hover{background:#f8fafc}.staffgatepass__suggestion img{width:38px;height:38px;border-radius:50%;object-fit:cover}.staffgatepass__suggestion span{display:flex;flex-direction:column;gap:3px}.staffgatepass__suggestion strong{color:#111827;font-size:14px}.staffgatepass__suggestion small{color:#64748b;font-size:12px}.staffgatepass__staff-profile-card{display:flex;align-items:center;gap:20px;background:#f8fafc;border-radius:14px;padding:15px;margin-bottom:20px}.staffgatepass__staff-avatar{width:85px;height:85px;border-radius:50%;object-fit:cover}.staffgatepass__staff-information{display:flex;flex-direction:column;gap:8px}.staffgatepass__staff-information p{margin:0;font-size:14px}.staffgatepass__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.staffgatepass__field-group{display:flex;flex-direction:column}.staffgatepass__field-group--full{grid-column:1 / -1}.staffgatepass__field-label{margin-bottom:8px;font-size:14px;font-weight:600}.staffgatepass__field-input{height:45px;border:1px solid #dbe2ea;border-radius:10px;padding:0 12px;outline:none}.staffgatepass__remark-section{margin-top:20px}.staffgatepass__remark-input{width:100%;border:1px solid #dbe2ea;border-radius:10px;padding:12px;resize:none;margin-top:8px;outline:none}.staffgatepass__footer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.staffgatepass__print-dropdown{height:42px;padding:0 18px;border-radius:10px;background:#eef2f7;display:flex;align-items:center;gap:8px;cursor:pointer}.staffgatepass__cancel-button,.staffgatepass__save-button{border:none;height:42px;padding:0 22px;border-radius:10px;cursor:pointer;color:#fff;font-weight:500}.staffgatepass__cancel-button{background:#ef4444}.staffgatepass__save-button{background:#2563eb}@media(max-width:768px){.staffgatepass__topbar{flex-direction:column;gap:15px}.staffgatepass__search{width:100%}.staffgatepass__form-grid{grid-template-columns:1fr}.staffgatepass__footer-actions{flex-direction:column}.staffgatepass__print-dropdown,.staffgatepass__cancel-button,.staffgatepass__save-button{width:100%;justify-content:center}.staffgatepass__staff-profile-card{flex-direction:column;text-align:center}.staffgatepass__pagination{flex-direction:column;gap:15px}}.staffgatepass__print-wrapper{position:relative}.staffgatepass__print-menu{position:absolute;bottom:50px;left:0;width:150px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #00000026;z-index:100}.staffgatepass__print-menu button{width:100%;border:none;background:#fff;padding:12px;cursor:pointer;text-align:left}.staffgatepass__print-menu button:hover{background:#f3f4f6}.staffgatepass__table thead tr{background:#2563eb}.staffgatepass__table th{background:#2563eb;color:#fff;font-size:15px;font-weight:600;text-transform:uppercase;padding:18px 16px;border:none}.staffgatepass__table thead th:first-child{border-top-left-radius:12px}.staffgatepass__table thead th:last-child{border-top-right-radius:12px}.staffGatePassPDF{min-height:100vh;padding:30px;background:linear-gradient(135deg,#f4f7ff,#eef2ff)}.staffGatePassPDF__topbarSection{max-width:1100px;margin:0 auto 25px}.staffGatePassPDF__topbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.staffGatePassPDF__backBtn,.staffGatePassPDF__downloadBtn{border:none;outline:none;height:52px;padding:0 24px;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:all .3s ease}.staffGatePassPDF__backBtn{background:#fff;color:#1e293b;box-shadow:0 4px 14px #00000014}.staffGatePassPDF__downloadBtn{color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 12px 30px #5b5cf640}.staffGatePassPDF__backBtn:hover,.staffGatePassPDF__downloadBtn:hover{transform:translateY(-2px)}.staffGatePassPDF__document{width:794px;min-height:1123px;margin:auto;background:#fff;border-radius:26px;padding:35px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001f}.staffGatePassPDF__document:before{content:"LEARNING STEP SCHOOL";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:70px;font-weight:800;color:#5b5cf60d;white-space:nowrap;pointer-events:none}.staffGatePassPDF__headerSection{margin-bottom:25px}.staffGatePassPDF__header{display:flex;align-items:center;gap:20px;border-bottom:4px solid #5b5cf6;padding-bottom:20px}.staffGatePassPDF__logoSection{width:100px;height:100px;flex-shrink:0}.staffGatePassPDF__logoImage{width:100%;height:100%;object-fit:contain}.staffGatePassPDF__schoolSection{flex:1;text-align:center}.staffGatePassPDF__schoolTitle{margin:0;font-size:34px;font-weight:800;color:#5b5cf6}.staffGatePassPDF__schoolSubtitle{margin:6px 0;color:#1f2937;font-size:18px;font-weight:600}.staffGatePassPDF__schoolText{margin:3px 0;font-size:14px;color:#64748b}.staffGatePassPDF__titleSection{margin-bottom:20px}.staffGatePassPDF__heading{text-align:center;font-size:30px;font-weight:800;color:#5b5cf6;letter-spacing:1px}.staffGatePassPDF__dateSection{margin-bottom:25px}.staffGatePassPDF__date{text-align:right;font-size:15px;font-weight:600;color:#334155}.staffGatePassPDF__content{display:flex;gap:24px}.staffGatePassPDF__detailsSection{flex:1}.staffGatePassPDF__detailsCard{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.staffGatePassPDF__field{background:#fafbff;border:1px solid #e7ebff;border-radius:16px;padding:14px 16px}.staffGatePassPDF__field--full{grid-column:span 2}.staffGatePassPDF__fieldLabel{display:block;margin-bottom:6px;font-size:13px;color:#64748b}.staffGatePassPDF__fieldValue{font-size:15px;font-weight:600;color:#111827;word-break:break-word}.staffGatePassPDF__photoSection{width:190px;flex-shrink:0}.staffGatePassPDF__photoCard{background:#fafbff;border:1px solid #e7ebff;border-radius:18px;padding:15px}.staffGatePassPDF__photoTitle{text-align:center;margin-bottom:12px;font-weight:700;color:#5b5cf6}.staffGatePassPDF__photoImage{width:100%;height:220px;object-fit:cover;border-radius:12px}.staffGatePassPDF__noteSection{margin-top:35px}.staffGatePassPDF__note{background:#f8f9ff;border:1px solid #e7ebff;border-radius:16px;padding:18px;color:#475569;line-height:1.8}.staffGatePassPDF__signatureSection{margin-top:110px}.staffGatePassPDF__signatureArea{display:flex;justify-content:space-between;align-items:center;gap:20px}.staffGatePassPDF__signatureBox{min-width:220px;text-align:center}.staffGatePassPDF__signatureLine{border-top:2px solid #5b5cf6;margin-bottom:10px}.staffGatePassPDF__signatureText{font-size:14px;font-weight:600;color:#334155}.staffGatePassPDF__nodata{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#64748b}@media(max-width:1024px){.staffGatePassPDF{padding:20px}.staffGatePassPDF__document{width:100%;min-height:auto}}@media(max-width:768px){.staffGatePassPDF__topbar{flex-direction:column}.staffGatePassPDF__backBtn,.staffGatePassPDF__downloadBtn{width:100%;justify-content:center}.staffGatePassPDF__document{padding:20px;border-radius:18px}.staffGatePassPDF__header{flex-direction:column;text-align:center}.staffGatePassPDF__logoSection{width:80px;height:80px}.staffGatePassPDF__schoolTitle{font-size:26px}.staffGatePassPDF__schoolSubtitle{font-size:15px}.staffGatePassPDF__content{flex-direction:column}.staffGatePassPDF__photoSection{width:100%}.staffGatePassPDF__detailsCard{grid-template-columns:1fr}.staffGatePassPDF__field--full{grid-column:span 1}.staffGatePassPDF__signatureArea{flex-direction:column;gap:50px}}@media(max-width:480px){.staffGatePassPDF{padding:10px}.staffGatePassPDF__document{padding:15px}.staffGatePassPDF__heading{font-size:24px}.staffGatePassPDF__schoolTitle{font-size:22px}.staffGatePassPDF__schoolSubtitle{font-size:14px}.staffGatePassPDF__schoolText{font-size:12px}.staffGatePassPDF__photoImage{height:180px}.staffGatePassPDF__document:before{font-size:40px}}.PreAdmission{width:100%;min-height:100vh;padding:24px;background:#f5f7ff}.PreAdmission__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #5b5cf614}.PreAdmission__header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.PreAdmission__searchBox{flex:1;height:54px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #e4e8ff;border-radius:14px;background:#fafbff}.PreAdmission__searchBox svg{color:#5b5cf6;font-size:18px}.PreAdmission__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:15px}.PreAdmission__addBtn{width:54px;height:54px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;font-size:20px;transition:.3s;padding-left:16px}.PreAdmission__addBtn:hover{transform:translateY(-2px)}.PreAdmission__modalOpening .PreAdmission__modalContainer{animation:preAdmissionOpen .3s ease forwards}.PreAdmission__modalClosing .PreAdmission__modalContainer{animation:preAdmissionClose .3s ease forwards}@keyframes preAdmissionOpen{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes preAdmissionClose{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-45%) scale(.95)}}.PreAdmission__tableWrapper{width:100%;overflow-x:auto}.PreAdmission__table{width:100%;border-collapse:collapse}.PreAdmission__table thead{background:#f7f8ff}.PreAdmission__table th{padding:18px;text-align:left;font-size:13px;font-weight:700;color:#475569;white-space:nowrap}.PreAdmission__table td{padding:18px;border-top:1px solid #eef1ff}.PreAdmission__tableRow{cursor:pointer;transition:.25s}.PreAdmission__tableRow:hover{background:#fafbff}.PreAdmission__avatar{width:50px;height:50px;object-fit:cover;border-radius:50%;border:2px solid #e5e7ff}.PreAdmission__actions{display:flex;gap:10px}.PreAdmission__deleteBtn,.PreAdmission__printBtn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.PreAdmission__deleteBtn{background:#fee2e2;color:#ef4444}.PreAdmission__printBtn{background:#ede9fe;color:#5b5cf6}.PreAdmission__mobileCards{display:none}.PreAdmission__mobileCard{background:#fff;border:1px solid #edf0ff;border-radius:18px;padding:16px;margin-bottom:15px;cursor:pointer}.PreAdmission__mobileTop{display:flex;align-items:center;gap:12px}.PreAdmission__mobileAvatar{width:65px;height:65px;border-radius:50%;object-fit:cover}.PreAdmission__mobileTop h4{margin:0;font-size:16px}.PreAdmission__mobileTop p{margin-top:5px;color:#64748b;font-size:14px}.PreAdmission__modalHeader h2{margin:0;color:#5b5cf6;font-size:22px;font-weight:700}.PreAdmission__closeBtn{width:46px;height:46px;border:none;border-radius:50%;cursor:pointer;background:#f3f4ff;color:#5b5cf6;font-size:28px}.PreAdmission__modalBody{padding:28px;display:grid;grid-template-columns:220px 1fr;gap:30px}.PreAdmission__photoSection{display:flex;flex-direction:column;align-items:center;gap:15px}.PreAdmission__photo{width:180px;height:180px;object-fit:cover;border-radius:20px;border:2px solid #e6e9ff}.PreAdmission__field input,.PreAdmission__field select,.PreAdmission__field textarea{border:1px solid #dbe2ff;border-radius:12px;padding:14px;font-size:14px;outline:none;background:#fafbff}.PreAdmission__saveBtn{border:none;padding:12px 28px;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff)}@media(max-width:992px){.PreAdmission{padding:16px}.PreAdmission__modalContainer{width:92%}.PreAdmission__modalBody{grid-template-columns:1fr}.PreAdmission__photoSection{order:-1}.PreAdmission__formGrid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.PreAdmission__tableWrapper{display:none}.PreAdmission__mobileCards{display:block}.PreAdmission__modalContainer{width:96%;max-height:95vh}.PreAdmission__modalBody{padding:18px}.PreAdmission__formGrid{grid-template-columns:1fr}.PreAdmission__fieldFull{grid-column:span 1}.PreAdmission__modalFooter{flex-direction:column}.PreAdmission__saveBtn,.PreAdmission__cancelBtn{width:100%}.PreAdmission__photo{width:140px;height:140px}.PreAdmission__uploadBtn{width:140px}}@media(max-width:480px){.PreAdmission__header{flex-direction:column}.PreAdmission__searchBox,.PreAdmission__addBtn{width:100%}.PreAdmission__modalHeader{padding:18px}.PreAdmission__modalHeader h2{font-size:18px}}.swal2-popup{border-radius:18px!important}.PreAdmission__modal{position:fixed;inset:0;z-index:9999}.PreAdmission__overlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.PreAdmission__modalContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;max-width:1100px;max-height:90vh;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:24px;box-shadow:0 25px 70px #0000002e;z-index:10000}.PreAdmission__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #ececec}.PreAdmission__modalHeader h2{margin:0;color:#5b5cf6;font-size:24px;font-weight:700}.PreAdmission__closeBtn{width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;background:#f3f4ff;color:#5b5cf6;font-size:28px;transition:.3s}.PreAdmission__closeBtn:hover{background:#5b5cf6;color:#fff}.PreAdmission__modalBody{padding:28px;display:grid;grid-template-columns:220px 1fr;gap:28px}.PreAdmission__photoSection{display:flex;flex-direction:column;align-items:center;gap:16px}.PreAdmission__photo{width:180px;height:180px;object-fit:cover;border-radius:20px;border:3px solid #e8ebff;background:#f7f8ff}.PreAdmission__uploadBtn{width:180px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff)}.PreAdmission__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.PreAdmission__field{display:flex;flex-direction:column}.PreAdmission__field label{margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.PreAdmission__field input,.PreAdmission__field select,.PreAdmission__field textarea{width:100%;border:1px solid #dbe2ff;border-radius:12px;padding:14px;outline:none;font-size:14px;background:#fafbff;transition:.3s}.PreAdmission__field input:focus,.PreAdmission__field select:focus,.PreAdmission__field textarea:focus{border-color:#5b5cf6;background:#fff}.PreAdmission__field textarea{resize:vertical}.PreAdmission__fieldFull{grid-column:span 2}.PreAdmission__modalFooter{padding:22px 30px;border-top:1px solid #ececec;display:flex;justify-content:flex-end;gap:15px}.PreAdmission__cancelBtn{border:none;padding:12px 24px;border-radius:12px;cursor:pointer;background:#f1f5f9;font-weight:600}.PreAdmission__saveBtn{border:none;padding:12px 30px;border-radius:12px;cursor:pointer;color:#fff;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}@media(max-width:992px){.PreAdmission__modalContainer{width:92%}.PreAdmission__modalBody{grid-template-columns:1fr}.PreAdmission__photoSection{order:-1}.PreAdmission__formGrid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.PreAdmission__modalContainer{width:96%;max-height:95vh}.PreAdmission__modalBody{padding:18px}.PreAdmission__photoSection{order:-1}.PreAdmission__formGrid{grid-template-columns:1fr}.PreAdmission__fieldFull{grid-column:span 1}.PreAdmission__modalFooter{flex-direction:column}.PreAdmission__saveBtn,.PreAdmission__cancelBtn{width:100%}.PreAdmission__photo{width:140px;height:140px}.PreAdmission__uploadBtn{width:140px}}@media(max-width:480px){.PreAdmission__modalHeader{padding:18px}.PreAdmission__modalHeader h2{font-size:18px}.PreAdmission__photo{width:120px;height:120px}.PreAdmission__uploadBtn{width:120px;height:40px;font-size:13px}}.PreAdmission__pagination{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.PreAdmission__pageSize{display:flex;align-items:center;gap:12px}.PreAdmission__pageSize select{height:40px;border:1px solid #dbe2ff;border-radius:10px;padding:0 12px}.PreAdmission__pageInfo{color:#64748b;font-weight:500}.PreAdmission__pageBtns{display:flex;gap:10px}.PreAdmission__pageBtns button{width:40px;height:40px;border:none;border-radius:10px;background:#f3f4ff;color:#5b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center}.PreAdmission__pageBtns button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.PreAdmission__pagination{flex-direction:column;align-items:stretch}.PreAdmission__pageSize,.PreAdmission__pageBtns{justify-content:center}}.PreAdmissionPDF{min-height:100vh;background:#eef2ff;padding:20px}.PreAdmissionPDF__topBar{max-width:1100px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.PreAdmissionPDF__backBtn,.PreAdmissionPDF__downloadBtn{border:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:14px;color:#fff;font-size:15px;font-weight:600;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640;transition:.3s}.PreAdmissionPDF__backBtn:hover,.PreAdmissionPDF__downloadBtn:hover{transform:translateY(-2px)}.PreAdmissionPDF__page{width:100%;max-width:1100px;margin:auto;background:#fff;border:2px solid #2f2f2f;padding:24px;box-sizing:border-box}.PreAdmissionPDF__header{display:flex;align-items:center;gap:25px}.PreAdmissionPDF__logoWrap{flex-shrink:0}.PreAdmissionPDF__logo{width:120px;height:auto;object-fit:contain}.PreAdmissionPDF__schoolInfo{flex:1;text-align:center}.PreAdmissionPDF__schoolInfo h1{margin:0;color:#5b5cf6;font-size:54px;font-weight:300;letter-spacing:1px}.PreAdmissionPDF__schoolInfo p{margin:6px 0;font-size:17px;color:#222}.PreAdmissionPDF__divider{height:2px;background:#222;margin:20px 0}.PreAdmissionPDF__titleRow{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:30px;min-height:50px}.PreAdmissionPDF__title{margin:0;font-size:34px;font-weight:600;text-decoration:underline;text-align:center;color:#111}.PreAdmissionPDF__date{position:absolute;right:0;font-size:22px;font-weight:600;color:#111}.PreAdmissionPDF__titleRow h2{margin:0;font-size:34px;color:#111;text-decoration:underline}.PreAdmissionPDF__titleRow span{font-size:22px;font-weight:600}.PreAdmissionPDF__content{display:flex;justify-content:space-between;gap:30px}.PreAdmissionPDF__details{flex:1}.PreAdmissionPDF__photoBox{width:170px;flex-shrink:0}.PreAdmissionPDF__photoBox img{width:100%;height:190px;object-fit:cover;border:2px solid #dbe2ff}.PreAdmissionPDF__row{margin-bottom:15px;display:flex;align-items:center;gap:12px;border-bottom:1px dashed #333;padding-bottom:8px}.PreAdmissionPDF__row span{font-weight:700;min-width:170px}.PreAdmissionPDF__row p{margin:0}.PreAdmissionPDF__doubleRow{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:15px}.PreAdmissionPDF__doubleRow div{display:flex;gap:10px;border-bottom:1px dashed #333;padding-bottom:8px}.PreAdmissionPDF__doubleRow span{font-weight:700}.PreAdmissionPDF__doubleRow p{margin:0}.PreAdmissionPDF__footer{margin-top:80px;display:flex;justify-content:space-between}.PreAdmissionPDF__signLine{width:180px;border-top:2px solid #111;margin-bottom:8px}.PreAdmissionPDF__footer span{font-weight:600}@media(max-width:1200px){.PreAdmissionPDF__schoolInfo h1{font-size:42px}.PreAdmissionPDF__titleRow h2{font-size:28px}}@media(max-width:992px){.PreAdmissionPDF{padding:15px}.PreAdmissionPDF__page{padding:18px}.PreAdmissionPDF__schoolInfo h1{font-size:34px}.PreAdmissionPDF__content{flex-direction:column}.PreAdmissionPDF__photoBox{width:180px;margin:auto}.PreAdmissionPDF__titleRow h2{font-size:24px}}@media(max-width:768px){.PreAdmissionPDF__topBar{flex-direction:column}.PreAdmissionPDF__backBtn,.PreAdmissionPDF__downloadBtn{width:100%;justify-content:center}.PreAdmissionPDF__header{flex-direction:column;text-align:center}.PreAdmissionPDF__logo{width:90px}.PreAdmissionPDF__schoolInfo h1{font-size:26px}.PreAdmissionPDF__schoolInfo p{font-size:14px}.PreAdmissionPDF__titleRow{flex-direction:column;gap:10px;text-align:center}.PreAdmissionPDF__titleRow h2{font-size:22px}.PreAdmissionPDF__titleRow span{font-size:16px}.PreAdmissionPDF__doubleRow{grid-template-columns:1fr;gap:12px}.PreAdmissionPDF__row{flex-direction:column;align-items:flex-start}.PreAdmissionPDF__row span{min-width:auto}.PreAdmissionPDF__footer{margin-top:50px}}@media(max-width:480px){.PreAdmissionPDF__page{padding:12px}.PreAdmissionPDF__schoolInfo h1{font-size:20px}.PreAdmissionPDF__schoolInfo p{font-size:12px}.PreAdmissionPDF__titleRow h2{font-size:18px}.PreAdmissionPDF__photoBox{width:130px}.PreAdmissionPDF__photoBox img{height:150px}.PreAdmissionPDF__row,.PreAdmissionPDF__doubleRow div{font-size:13px}.PreAdmissionPDF__footer{flex-direction:column;gap:30px}}@media(max-width:768px){.PreAdmissionPDF__titleRow{flex-direction:column;gap:10px}.PreAdmissionPDF__date{position:static;font-size:16px}.PreAdmissionPDF__title{font-size:24px}}.StaffVisitMeeting{width:100%;min-height:100vh;padding:24px;background:#f5f7ff}.StaffVisitMeeting__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #5b5cf614}.StaffVisitMeeting__header{display:flex;align-items:center;gap:14px;margin-bottom:25px}.StaffVisitMeeting__searchBox{flex:1;display:flex;align-items:center;gap:12px;height:54px;border:1px solid #e5e7ff;border-radius:14px;padding:0 18px;background:#fafbff}.StaffVisitMeeting__searchBox svg{color:#5b5cf6}.StaffVisitMeeting__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:15px}.StaffVisitMeeting__filterWrapper{position:relative}.StaffVisitMeeting__filterBtn,.StaffVisitMeeting__addBtn{width:54px;height:54px;border:none;border-radius:14px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:.3s}.StaffVisitMeeting__filterBtn:hover,.StaffVisitMeeting__addBtn:hover{transform:translateY(-2px)}.StaffVisitMeeting__columnMenu{position:absolute;top:65px;right:0;width:220px;background:#fff;border-radius:14px;box-shadow:0 15px 40px #0000001f;padding:15px;z-index:100}.StaffVisitMeeting__columnMenu label{display:flex;gap:10px;margin-bottom:12px;cursor:pointer}.StaffVisitMeeting__tableWrapper{overflow-x:auto}.StaffVisitMeeting__table{width:100%;border-collapse:collapse}.StaffVisitMeeting__table thead{background:#f7f8ff}.StaffVisitMeeting__table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#475569}.StaffVisitMeeting__table td{padding:16px;border-top:1px solid #edf1ff}.StaffVisitMeeting__tableRow{cursor:pointer;transition:.3s}.StaffVisitMeeting__tableRow:hover{background:#fafbff}.StaffVisitMeeting__deleteBtn{width:40px;height:40px;border:none;border-radius:10px;background:#fee2e2;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center}.StaffVisitMeeting__mobileCards{display:none}.StaffVisitMeeting__mobileCard{background:#fff;border:1px solid #edf1ff;border-radius:18px;padding:16px;margin-bottom:15px}.StaffVisitMeeting__mobileRow{margin-bottom:12px}.StaffVisitMeeting__mobileRow span{color:#64748b;font-size:13px}.StaffVisitMeeting__mobileRow p{margin-top:4px;font-weight:600}.StaffVisitMeeting__pagination{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.StaffVisitMeeting__pageSize{display:flex;align-items:center;gap:10px}.StaffVisitMeeting__pageSize select{height:40px;border:1px solid #dbe2ff;border-radius:10px;padding:0 10px}.StaffVisitMeeting__pageInfo{color:#64748b}.StaffVisitMeeting__pageBtns{display:flex;gap:10px}.StaffVisitMeeting__pageBtns button{width:40px;height:40px;border:none;border-radius:10px;background:#f3f4ff;color:#5b5cf6;cursor:pointer;padding-left:10px}.StaffVisitMeeting__pageBtns button:disabled{opacity:.4;cursor:not-allowed}.StaffVisitMeeting__modal{position:fixed;inset:0;z-index:9999}.StaffVisitMeeting__overlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.StaffVisitMeeting__modalContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:850px;background:#fff;border-radius:24px;overflow:hidden;animation:StaffVisitMeetingModal .3s ease}@keyframes StaffVisitMeetingModal{0%{opacity:0;transform:translate(-50%,-45%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.StaffVisitMeeting__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #eceff8}.StaffVisitMeeting__modalHeader h2{margin:0;color:#5b5cf6;font-size:24px}.StaffVisitMeeting__closeBtn{width:42px;height:42px;border:none;border-radius:50%;background:#f3f4ff;color:#5b5cf6;cursor:pointer;font-size:22px}.StaffVisitMeeting__modalBody{padding:28px}.StaffVisitMeeting__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.StaffVisitMeeting__field{display:flex;flex-direction:column}.StaffVisitMeeting__field label{margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.StaffVisitMeeting__field input,.StaffVisitMeeting__field select,.StaffVisitMeeting__field textarea{border:1px solid #dbe2ff;border-radius:12px;padding:14px;background:#fafbff;outline:none}.StaffVisitMeeting__field textarea{resize:none}.StaffVisitMeeting__fieldFull{grid-column:span 2}.StaffVisitMeeting__modalFooter{display:flex;justify-content:flex-end;gap:14px;padding:20px 28px;border-top:1px solid #eceff8}.StaffVisitMeeting__cancelBtn{border:none;padding:12px 24px;border-radius:12px;cursor:pointer;background:#f1f5f9}.StaffVisitMeeting__saveBtn{border:none;padding:12px 28px;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}@media(max-width:992px){.StaffVisitMeeting{padding:16px}.StaffVisitMeeting__formGrid{grid-template-columns:1fr}.StaffVisitMeeting__fieldFull{grid-column:span 1}}@media(max-width:768px){.StaffVisitMeeting__tableWrapper{display:none}.StaffVisitMeeting__mobileCards{display:block}.StaffVisitMeeting__header{flex-wrap:wrap}.StaffVisitMeeting__searchBox{width:100%}.StaffVisitMeeting__pagination{flex-direction:column}.StaffVisitMeeting__modalContainer{width:95%;max-height:90vh;overflow-y:auto}.StaffVisitMeeting__modalFooter{flex-direction:column}.StaffVisitMeeting__saveBtn,.StaffVisitMeeting__cancelBtn{width:100%}}@media(max-width:480px){.StaffVisitMeeting__card{padding:16px}.StaffVisitMeeting__modalHeader h2{font-size:18px}.StaffVisitMeeting__searchBox{height:48px}.StaffVisitMeeting__addBtn,.StaffVisitMeeting__filterBtn{width:48px;height:48px}}.AdminComplaint{width:100%;min-height:100vh;padding:24px;background:#f5f7ff}.AdminComplaint__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px #5b5cf614}.AdminComplaint__header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.AdminComplaint__searchBox{flex:1;height:54px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:14px;border:1px solid #e5e7ff;background:#fafbff}.AdminComplaint__searchBox svg{color:#5b5cf6}.AdminComplaint__searchInput{flex:1;border:none;outline:none;background:transparent;font-size:15px}.AdminComplaint__addBtn{width:54px;height:54px;border:none;border-radius:14px;cursor:pointer;color:#fff;font-size:18px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);transition:.3s;padding-left:16px}.AdminComplaint__addBtn:hover{transform:translateY(-2px)}.AdminComplaint__tableWrapper{width:100%;overflow-x:auto}.AdminComplaint__table{width:100%;border-collapse:collapse}.AdminComplaint__table thead{background:#f7f8ff}.AdminComplaint__table th{padding:16px;text-align:left;font-size:13px;color:#475569;font-weight:700;white-space:nowrap}.AdminComplaint__table td{padding:16px;border-top:1px solid #eef1ff}.AdminComplaint__tableRow{cursor:pointer;transition:.25s}.AdminComplaint__tableRow:hover{background:#fafbff}.AdminComplaint__deleteBtn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;background:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center}.AdminComplaint__mobileCards{display:none}.AdminComplaint__mobileCard{background:#fff;border:1px solid #edf0ff;border-radius:18px;padding:16px;margin-bottom:15px;cursor:pointer}.AdminComplaint__mobileRow{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.AdminComplaint__mobileRow span{font-size:13px;color:#64748b;font-weight:600}.AdminComplaint__mobileRow p{margin:0;text-align:right;font-weight:600;color:#1e293b}.AdminComplaint__pagination{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.AdminComplaint__pageSize{display:flex;align-items:center;gap:12px}.AdminComplaint__pageSize select{height:40px;padding:0 12px;border-radius:10px;border:1px solid #dbe2ff}.AdminComplaint__pageInfo{color:#64748b}.AdminComplaint__pageBtns{display:flex;gap:10px}.AdminComplaint__pageBtns button{width:40px;height:40px;border:none;cursor:pointer;border-radius:10px;background:#f3f4ff;color:#5b5cf6;padding-left:10px}.AdminComplaint__modal{position:fixed;inset:0;z-index:9999}.AdminComplaint__overlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.AdminComplaint__modalContainer{position:fixed;top:50%;left:50%;width:70%;max-width:900px;max-height:90vh;overflow-y:auto;transform:translate(-50%,-50%);background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000026;z-index:10000}.AdminComplaint__smallModal{position:fixed;top:50%;left:50%;width:500px;max-width:95%;transform:translate(-50%,-50%);background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000026;z-index:10000}.AdminComplaint__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #eceff8}.AdminComplaint__modalHeader h2{margin:0;font-size:22px;font-weight:700;color:#5b5cf6}.AdminComplaint__closeBtn{width:42px;height:42px;border:none;border-radius:50%;background:#f4f6ff;color:#5b5cf6;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.AdminComplaint__closeBtn:hover{background:#5b5cf6;color:#fff}.AdminComplaint__modalBody{padding:28px}.AdminComplaint__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.AdminComplaint__field{display:flex;flex-direction:column}.AdminComplaint__field label{margin-bottom:8px;font-size:14px;font-weight:600;color:#475569}.AdminComplaint__field input,.AdminComplaint__field select,.AdminComplaint__field textarea{width:100%;border:1px solid #dbe2ff;border-radius:12px;padding:14px;outline:none;font-size:14px;background:#fafbff;transition:.3s}.AdminComplaint__field input:focus,.AdminComplaint__field select:focus,.AdminComplaint__field textarea:focus{border-color:#5b5cf6;background:#fff}.AdminComplaint__field textarea{resize:vertical;min-height:120px}.AdminComplaint__fieldFull{grid-column:span 2}.AdminComplaint__radioGroup{display:flex;gap:30px;margin-bottom:24px}.AdminComplaint__radioGroup label{display:flex;align-items:center;gap:8px;font-weight:600;color:#334155;cursor:pointer}.AdminComplaint__radioGroup input[type=radio]{accent-color:#5b5cf6}.AdminComplaint__typeWrapper{display:flex;gap:10px}.AdminComplaint__typeWrapper select{flex:1}.AdminComplaint__typeAddBtn{width:48px;min-width:48px;height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,#5b5cf6,#8b4dff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.AdminComplaint__typeModalContainer{position:fixed;top:50%;left:50%;width:900px;max-width:95%;max-height:90vh;overflow-y:auto;transform:translate(-50%,-50%);background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000026;z-index:10000}.AdminComplaint__typeHeader{display:flex;justify-content:flex-end;padding:20px 24px}.AdminComplaint__modalFooter{padding:22px 28px;border-top:1px solid #eceff8;display:flex;justify-content:flex-end;gap:14px}.AdminComplaint__cancelBtn{border:none;padding:12px 24px;border-radius:12px;background:#f1f5f9;color:#334155;font-weight:600;cursor:pointer}.AdminComplaint__saveBtn{border:none;padding:12px 28px;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#5b5cf6,#8b4dff);box-shadow:0 10px 25px #5b5cf640}.swal2-popup{border-radius:20px!important}.swal2-confirm,.swal2-cancel{border-radius:10px!important}@media(max-width:992px){.AdminComplaint{padding:16px}.AdminComplaint__card{padding:18px}.AdminComplaint__modalContainer{width:92%}.AdminComplaint__formGrid{grid-template-columns:1fr}.AdminComplaint__fieldFull{grid-column:span 1}}@media(max-width:768px){.AdminComplaint__tableWrapper{display:none}.AdminComplaint__mobileCards{display:block}.AdminComplaint__header{flex-direction:column}.AdminComplaint__searchBox{width:100%}.AdminComplaint__addBtn{width:100%;border-radius:14px}.AdminComplaint__pagination{flex-direction:column;align-items:stretch}.AdminComplaint__pageSize,.AdminComplaint__pageBtns{justify-content:center}.AdminComplaint__modalContainer,.AdminComplaint__typeModalContainer,.AdminComplaint__smallModal{width:96%;max-height:95vh}.AdminComplaint__modalBody{padding:18px}.AdminComplaint__radioGroup{flex-direction:column;gap:12px}.AdminComplaint__modalFooter{flex-direction:column}.AdminComplaint__saveBtn,.AdminComplaint__cancelBtn{width:100%}}@media(max-width:480px){.AdminComplaint__modalHeader{padding:18px}.AdminComplaint__modalHeader h2{font-size:18px}.AdminComplaint__mobileCard{padding:14px}}.StaffComplaint{width:100%;min-height:100vh;padding:24px;background:#f6f8ff}.StaffComplaint__card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 12px 40px #5b5cf614}.StaffComplaint__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.StaffComplaint__searchBox{flex:1;height:54px;border:1px solid #e5e7ff;border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#fafbff}.StaffComplaint__searchBox svg{color:#5b5cf6}.StaffComplaint__searchInput{flex:1;border:none;outline:none;background:transparent}.StaffComplaint__headerBtns{display:flex;gap:12px}.StaffComplaint__typeBtn,.StaffComplaint__addBtn{border:none;cursor:pointer;border-radius:14px;font-weight:600}.StaffComplaint__typeBtn{height:54px;padding:0 18px;background:#eef2ff;color:#5b5cf6}.StaffComplaint__addBtn{width:54px;height:54px;color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b5cf6);padding-left:16px}.StaffComplaint__list{display:flex;flex-direction:column;gap:18px}.StaffComplaint__complaintCard{position:relative;padding:22px;border-radius:20px;background:#fff;border:1px solid #edf0ff;cursor:pointer;transition:.3s}.StaffComplaint__complaintCard:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5b5cf614}.StaffComplaint__details{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.StaffComplaint__detailRow{display:flex;flex-direction:column;gap:4px}.StaffComplaint__detailRow span{color:#64748b;font-size:13px}.StaffComplaint__detailRow p{margin:0;font-weight:600;color:#1e293b}.StaffComplaint__status{position:absolute;right:20px;top:20px;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700}.StaffComplaint__statusPending{background:#fff7ed;color:#ea580c}.StaffComplaint__statusResolved{background:#dcfce7;color:#15803d}.StaffComplaint__statusRejected{background:#fee2e2;color:#dc2626}.StaffComplaint__deleteBtn{margin-top:18px;width:42px;height:42px;border:none;border-radius:12px;background:#fee2e2;color:#ef4444;cursor:pointer;padding-left:13px}.StaffComplaint__pagination{margin-top:24px;display:flex;justify-content:space-between;align-items:center}.StaffComplaint__pageSize{display:flex;align-items:center;gap:10px}.StaffComplaint__pageSize select{height:40px;border-radius:10px;border:1px solid #dbe2ff;padding:0 10px}.StaffComplaint__pageInfo{color:#64748b}.StaffComplaint__pageBtns{display:flex;gap:10px}.StaffComplaint__pageBtns button{width:40px;height:40px;border:none;cursor:pointer;border-radius:10px;background:#eef2ff;color:#5b5cf6;padding-left:10px}.StaffComplaint__modal{position:fixed;inset:0;z-index:9999}.StaffComplaint__overlay{position:absolute;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:StaffComplaintFade .25s ease}@keyframes StaffComplaintFade{0%{opacity:0}to{opacity:1}}.StaffComplaint__modalContainer{position:fixed;top:50%;left:50%;width:92%;max-width:760px;max-height:92vh;overflow-y:auto;background:#fff;border-radius:24px;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0000002e;animation:StaffComplaintModal .25s ease}@keyframes StaffComplaintModal{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.StaffComplaint__smallModal{position:fixed;top:50%;left:50%;width:92%;max-width:520px;background:#fff;border-radius:24px;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0000002e;animation:StaffComplaintModal .25s ease}.StaffComplaint__typeModal{position:fixed;top:50%;left:50%;width:92%;max-width:700px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:24px;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0000002e;animation:StaffComplaintModal .25s ease}.StaffComplaint__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #edf0ff}.StaffComplaint__modalHeader h2{margin:0;font-size:22px;font-weight:700;color:#5b5cf6}.StaffComplaint__closeBtn{width:42px;height:42px;border:none;border-radius:50%;cursor:pointer;font-size:18px;background:#eef2ff;color:#5b5cf6;padding-left:10px}.StaffComplaint__modalBody{padding:24px}.StaffComplaint__field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.StaffComplaint__field label{font-size:14px;font-weight:600;color:#334155}.StaffComplaint__field input,.StaffComplaint__field textarea,.StaffComplaint__field select{width:100%;border:1px solid #dbe2ff;border-radius:14px;padding:14px;font-size:14px;outline:none;background:#fafbff;transition:.25s}.StaffComplaint__field input:focus,.StaffComplaint__field textarea:focus,.StaffComplaint__field select:focus{border-color:#5b5cf6;background:#fff}.StaffComplaint__field textarea{resize:vertical;min-height:120px}.StaffComplaint__selectWrapper{display:flex;gap:10px}.StaffComplaint__selectWrapper select{flex:1}.StaffComplaint__typeAddBtn{width:50px;min-width:50px;border:none;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b5cf6);padding-left:15px}.StaffComplaint__checkbox{display:flex;align-items:center;gap:10px;margin-bottom:20px}.StaffComplaint__checkbox input{width:18px;height:18px}.StaffComplaint__statusBox{display:flex;gap:24px;flex-wrap:wrap}.StaffComplaint__statusBox label{display:flex;align-items:center;gap:8px;font-weight:600;color:#334155}.StaffComplaint__modalFooter{display:flex;justify-content:flex-end;gap:12px;padding:22px 26px;border-top:1px solid #edf0ff}.StaffComplaint__cancelBtn,.StaffComplaint__saveBtn{border:none;cursor:pointer;padding:12px 24px;border-radius:12px;font-weight:600}.StaffComplaint__cancelBtn{background:#f1f5f9}.StaffComplaint__saveBtn{color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b5cf6)}.StaffComplaint__typeBody{padding:24px}.StaffComplaint__newTypeBtn{border:none;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;margin-bottom:18px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b5cf6)}.StaffComplaint__typeRow{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #edf0ff;border-radius:14px;margin-bottom:12px}.StaffComplaint__typeRow h4{margin:0}.StaffComplaint__typeRow p{margin-top:4px;color:#64748b}.StaffComplaint__typeActions{display:flex;gap:10px}.StaffComplaint__typeActions button{border:none;padding:10px 14px;border-radius:10px;cursor:pointer}.StaffComplaint__typeActions button:first-child{background:#eef2ff;color:#5b5cf6}.StaffComplaint__typeActions button:last-child{background:#fee2e2;color:#ef4444}@media(max-width:992px){.StaffComplaint{padding:16px}.StaffComplaint__details{grid-template-columns:1fr}}@media(max-width:768px){.StaffComplaint__header{flex-direction:column}.StaffComplaint__headerBtns{width:100%}.StaffComplaint__typeBtn{flex:1}.StaffComplaint__addBtn{width:54px}.StaffComplaint__pagination{flex-direction:column;gap:14px}.StaffComplaint__modalFooter{flex-direction:column}.StaffComplaint__cancelBtn,.StaffComplaint__saveBtn{width:100%}.StaffComplaint__statusBox{flex-direction:column;gap:12px}.StaffComplaint__typeRow{flex-direction:column;align-items:flex-start;gap:14px}.StaffComplaint__typeActions{width:100%}.StaffComplaint__typeActions button{flex:1}}@media(max-width:480px){.StaffComplaint__modalHeader h2{font-size:18px}.StaffComplaint__modalBody,.StaffComplaint__typeBody{padding:18px}}.shopInformation{width:100%;min-height:100vh;padding:24px;background:#f4f7fc;font-family:Poppins,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.shopInformation__card{width:100%;max-width:1200px;background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 25px #00000014;overflow:hidden;box-sizing:border-box}.shopInformation__header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.shopInformation__search{flex:1;max-width:350px;height:48px;border:1px solid #d8e0ef;border-radius:12px;background:#fff;display:flex;align-items:center;padding:0 15px;gap:10px}.shopInformation__search svg{color:#6c757d;font-size:15px}.shopInformation__search input{width:100%;border:none;outline:none;background:transparent;font-size:14px}.shopInformation__addButton{width:50px;height:50px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-size:18px;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center;flex-shrink:0}.shopInformation__addButton:hover{background:#1d4ed8;transform:translateY(-2px)}.shopInformation__tableWrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:5px;border-radius:12px}.shopInformation__table{width:100%;border-collapse:collapse;min-width:700px}.shopInformation__table thead{background:#eff4fb}.shopInformation__table th{padding:15px;text-align:left;font-size:13px;font-weight:600;color:#344054;border-bottom:1px solid #e5e7eb;white-space:nowrap}.shopInformation__table td{padding:15px;font-size:14px;color:#444;border-bottom:1px solid #edf1f7;white-space:nowrap}.shopInformation__table tbody tr:hover{background:#f8fbff}.shopInformation__actionBox{display:flex;align-items:center;justify-content:flex-start;gap:10px}.shopInformation__editBtn,.shopInformation__deleteBtn{width:38px;height:38px;border:none;border-radius:10px;cursor:pointer;color:#fff;transition:.3s;display:flex;justify-content:center;align-items:center}.shopInformation__editBtn{background:#0ea5e9}.shopInformation__editBtn:hover{background:#0284c7}.shopInformation__deleteBtn{background:#ef4444}.shopInformation__deleteBtn:hover{background:#dc2626}.shopInformation__pagination{margin-top:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.shopInformation__paginationLeft{display:flex;align-items:center;gap:10px;color:#555;font-size:14px}.shopInformation__paginationLeft select{height:40px;padding:0 12px;border:1px solid #d6dbe8;border-radius:8px;outline:none}.shopInformation__paginationRight{font-size:14px;color:#667085}.shopInformation__popupOverlay{position:fixed;inset:0;background:#0f172a99;display:flex;justify-content:center;align-items:center;padding:20px;z-index:999}.shopInformation__popup{width:100%;max-width:950px;background:#fff;border-radius:22px;overflow:hidden;animation:shopInformationPopup .3s ease;box-sizing:border-box}@keyframes shopInformationPopup{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.shopInformation__popupHeader{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;background:#2563eb;color:#fff}.shopInformation__popupHeader h2{font-size:20px;font-weight:600;margin:0}.shopInformation__closeBtn{width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer;font-size:16px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.shopInformation__closeBtn:hover{background:#ffffff40}.shopInformation__formGrid{padding:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;justify-content:center}.shopInformation__formGroup{display:flex;flex-direction:column;gap:8px}.shopInformation__formGroup label{font-size:14px;font-weight:500;color:#344054;text-align:left}.shopInformation__formGroup input,.shopInformation__formGroup select{width:100%;height:48px;border:1px solid #d9dfeb;border-radius:12px;padding:0 15px;outline:none;font-size:14px;background:#fff;box-sizing:border-box}.shopInformation__formGroup input:focus,.shopInformation__formGroup select:focus{border-color:#2563eb}.shopInformation__select{position:relative;width:100%}.shopInformation__select select{appearance:none;cursor:pointer}.shopInformation__select svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:#667085}.shopInformation__popupFooter{display:flex;justify-content:flex-end;gap:12px;padding:25px 30px;border-top:1px solid #edf1f7}.shopInformation__cancelBtn,.shopInformation__saveBtn{min-width:120px;height:46px;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:.3s;display:flex;justify-content:center;align-items:center}.shopInformation__cancelBtn{background:#f1f5f9;color:#475569}.shopInformation__cancelBtn:hover{background:#e2e8f0}.shopInformation__saveBtn{background:#2563eb;color:#fff}.shopInformation__saveBtn:hover{background:#1d4ed8}.shopInformation__tableWrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.shopInformation__table{width:100%;min-width:800px;border-collapse:collapse}.shopInformation__tableWrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.shopInformation__table{min-width:750px}@media(max-width:992px){.shopInformation,.shopInformation__card{padding:18px}.shopInformation__formGrid{grid-template-columns:1fr}.shopInformation__popup{width:95%;max-height:90vh;overflow-y:auto}}@media(max-width:768px){.shopInformation{padding:12px}.shopInformation__card{padding:15px;border-radius:15px}.shopInformation__header{flex-direction:column;align-items:stretch;gap:12px}.shopInformation__search{width:100%;max-width:100%}.shopInformation__addButton{width:100%;height:46px;border-radius:10px}.shopInformation__tableWrapper{overflow-x:auto}.shopInformation__table{min-width:750px}.shopInformation__pagination{flex-direction:column;align-items:center;gap:12px;text-align:center}.shopInformation__paginationLeft{flex-wrap:wrap;justify-content:center}.shopInformation__popupOverlay{padding:10px;align-items:flex-start;overflow-y:auto}.shopInformation__popup{width:100%;max-width:100%;border-radius:15px;margin-top:20px}.shopInformation__popupHeader{padding:16px}.shopInformation__popupHeader h2{font-size:18px}.shopInformation__formGrid{padding:16px;grid-template-columns:1fr;gap:15px}.shopInformation__popupFooter{padding:16px;flex-direction:column;gap:10px}.shopInformation__cancelBtn,.shopInformation__saveBtn{width:100%}}@media(max-width:480px){.shopInformation{padding:10px}.shopInformation__card{padding:12px}.shopInformation__table{min-width:700px}.shopInformation__popupHeader h2{font-size:16px}.shopInformation__formGroup input,.shopInformation__formGroup select{height:44px;font-size:13px}}.spm_container{padding:20px;background:#f5f7fb;min-height:100vh;font-family:Segoe UI,sans-serif}.spm_header{display:flex;justify-content:space-between;align-items:center;background:#2563eb;padding:15px 20px;border-radius:12px;margin-bottom:20px;gap:15px}.spm_searchBox{position:relative;width:350px;max-width:100%}.spm_searchIcon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#64748b;font-size:14px}.spm_searchInput{width:100%;height:42px;border:none;border-radius:8px;padding:0 15px 0 40px;font-size:14px;background:#fff;transition:.3s}.spm_searchInput:focus{outline:none;box-shadow:0 0 0 3px #ffffff40}.spm_addButton{width:42px;height:42px;border:none;border-radius:8px;background:#fff;color:#2563eb;cursor:pointer;font-size:18px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.spm_addButton:hover{transform:scale(1.05)}.spm_tableWrapper{background:#fff;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 4px 15px #0000000f}.spm_table{width:100%;min-width:900px;border-collapse:collapse}.spm_table thead,.spm_table thead tr{background:#2563eb!important}.spm_table thead th{background:#2563eb!important;color:#fff!important;padding:16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;border:none;white-space:nowrap}.spm_table td{padding:14px;font-size:14px;color:#374151;text-align:center;border-bottom:1px solid #edf0f5}.spm_tableRow{transition:.3s}.spm_tableRow:hover{background:#f8faff}.spm_actionCell{display:flex;justify-content:center;align-items:center;gap:10px}.spm_editButton{width:38px;height:38px;border:none;border-radius:8px;background:#f59e0b;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.spm_editButton:hover{background:#d97706}.spm_deleteButton{width:38px;height:38px;border:none;border-radius:8px;background:#ef4444;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.spm_deleteButton:hover{background:#dc2626}.spm_modalOverlay{position:fixed;inset:0;background:#0f172a8c;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.spm_modal{width:100%;max-width:950px;background:#fff;border-radius:14px;overflow:hidden;max-height:95vh;display:flex;flex-direction:column;animation:spmPopup .3s ease}@keyframes spmPopup{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.spm_modalHeader{background:#2563eb;color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.spm_modalTitle{margin:0;font-size:18px;font-weight:600}.spm_closeButton{width:36px;height:36px;border:none;border-radius:8px;background:#fff3;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.spm_closeButton:hover{background:#ffffff59}.spm_formGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:25px;overflow-y:auto}.spm_formGroup{display:flex;flex-direction:column}.spm_input,.spm_textarea{width:100%;border:1px solid #d8dce6;border-radius:8px;padding:12px 14px;font-size:14px;background:#fff;transition:.3s}.spm_input:focus,.spm_textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.spm_textarea{min-height:100px;resize:vertical}.spm_textareaWrapper{grid-column:span 3}.spm_modalFooter{display:flex;justify-content:flex-end;gap:12px;padding:18px 25px;border-top:1px solid #edf0f5;background:#fafbfc}.spm_cancelButton,.spm_saveButton{border:none;border-radius:8px;padding:11px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.spm_cancelButton{background:#e5e7eb;color:#374151}.spm_cancelButton:hover{background:#d1d5db}.spm_saveButton{background:#2563eb;color:#fff}.spm_saveButton:hover{background:#1d4ed8}.spm_tableWrapper::-webkit-scrollbar,.spm_formGrid::-webkit-scrollbar{width:8px;height:8px}.spm_tableWrapper::-webkit-scrollbar-thumb,.spm_formGrid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.spm_tableWrapper::-webkit-scrollbar-track,.spm_formGrid::-webkit-scrollbar-track{background:#f1f5f9}@media(max-width:992px){.spm_formGrid{grid-template-columns:repeat(2,1fr)}.spm_textareaWrapper{grid-column:span 2}}@media(max-width:768px){.spm_header{flex-direction:column;align-items:stretch}.spm_searchBox,.spm_addButton{width:100%}.spm_formGrid{grid-template-columns:1fr}.spm_textareaWrapper{grid-column:span 1}.spm_modal{max-height:100vh;border-radius:0}.spm_modalFooter{flex-direction:column}.spm_cancelButton,.spm_saveButton{width:100%}}.cm_container{min-height:100vh;background:#f4f6fb;padding:16px}.cm_topbar{position:relative;display:flex;justify-content:space-between;align-items:center;background:#d8dbe2;padding:14px 20px;border-radius:12px 12px 0 0}.cm_search_wrapper{width:45%;position:relative}.cm_search_icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:18px;color:#555}.cm_search_input{width:100%;height:42px;border:none;border-radius:30px;padding-left:50px;font-size:14px;outline:none}.cm_topbar_actions{display:flex;align-items:center;gap:16px}.cm_filter_btn{width:42px;height:42px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer}.cm_add_btn{width:54px;height:54px;border:none;border-radius:50%;background:#4f46e5;color:#fff;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #4f46e540}.cm_filter_popup{position:absolute;top:75px;right:70px;width:260px;background:#fff;padding:18px;border-radius:12px;box-shadow:0 12px 30px #0000001f;z-index:100}.cm_filter_popup label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:16px}.cm_filter_popup input[type=checkbox]{width:18px;height:18px}.cm_table_wrapper{background:#fff;border-radius:0 0 12px 12px;overflow:hidden}.cm_table{width:100%;border-collapse:collapse}.cm_table th{text-align:left;padding:18px 20px;font-size:16px;font-weight:600;color:#222}.cm_table td{padding:18px 20px;border-top:1px solid #ececec;font-size:15px}.cm_table tbody tr:hover{background:#fafbff}.cm_action_group{display:flex;gap:10px}.cm_edit_btn,.cm_delete_btn{width:38px;height:38px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cm_edit_btn{background:#4f46e5;color:#fff}.cm_delete_btn{background:#ef4444;color:#fff}.cm_edit_btn svg,.cm_delete_btn svg{font-size:18px}.cm_pagination{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:18px 20px}.cm_page_size{font-size:14px}.cm_page_size select{margin-left:8px;width:85px;height:38px;border:1px solid #ddd;border-radius:8px;padding:0 8px}.cm_page_buttons{display:flex;gap:6px}.cm_page_buttons button{width:34px;height:34px;border:none;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cm_modal_overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.cm_modal{width:820px;max-width:95%;background:#fff;border-radius:16px;overflow:hidden}.cm_modal_header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #ececec}.cm_modal_header h2{font-size:20px;font-weight:600}.cm_close_btn{width:60px;height:60px;border:none;border-radius:50%;background:#fdecec;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer}.cm_close_btn svg{font-size:28px}.cm_form_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.cm_form_grid input,.cm_form_grid select{height:56px;border:1px solid #d8d8d8;border-radius:12px;padding:0 16px;font-size:16px;outline:none}.cm_form_grid input:focus,.cm_form_grid select:focus{border-color:#4f46e5}.cm_modal_footer{display:flex;justify-content:flex-end;gap:16px;padding:20px 24px}.cm_cancel{border:none;background:transparent;font-size:18px;cursor:pointer}.cm_submit{width:130px;height:50px;border:none;border-radius:10px;background:#4f46e5;color:#fff;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.cm_topbar{flex-direction:column;gap:15px}.cm_search_wrapper{width:100%}.cm_form_grid{grid-template-columns:1fr}.cm_table{min-width:800px}.cm_table_wrapper{overflow-x:auto}.cm_pagination{flex-wrap:wrap;justify-content:center}.cm_filter_popup{width:240px;right:10px}.cm_modal{width:95%}.cm_close_btn{width:50px;height:50px}}.itemsMasterPage{width:100%;padding:24px;background:#f4f6f9;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;color:#334155;box-sizing:border-box}.itemsMasterPage *,.itemsMasterPage *:before,.itemsMasterPage *:after{box-sizing:border-box}.itemsMasterHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 4px 20px -2px #94a3b814,0 2px 6px -1px #94a3b80a;margin-bottom:20px;border:1px solid #eef2f6}.itemsMasterSearchBox{flex:1;max-width:380px;display:flex;align-items:center;gap:10px;background:#f8fafc;padding:9px 14px;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1)}.itemsMasterSearchBox:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.itemsMasterSearchBox .searchIcon{color:#94a3b8;font-size:13px}.itemsMasterSearchBox input{border:none;outline:none;background:none;width:100%;font-size:13.5px;color:#0f172a;font-weight:500}.itemsMasterSearchBox input::placeholder{color:#94a3b8}.actionButtonGroup{display:flex;align-items:center;gap:10px;position:relative}.itemsMasterFilterBtn,.itemsMasterAddBtn{height:38px;border:none;cursor:pointer;border-radius:8px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.itemsMasterFilterBtn{background:#fff;color:#475569;border:1px solid #cbd5e1}.itemsMasterFilterBtn:hover,.itemsMasterFilterBtn.active{background:#f8fafc;color:#6366f1;border-color:#6366f1}.itemsMasterAddBtn{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;box-shadow:0 4px 12px #4f46e526}.itemsMasterAddBtn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e540;filter:brightness(1.05)}.itemsMasterAddBtn:active{transform:translateY(0)}.itemsMasterFilterDropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 10px 25px -5px #0f172a1a,0 8px 16px -6px #0f172a0d;z-index:110;overflow:hidden;transform-origin:top right;animation:dropdownGrow .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownGrow{0%{opacity:0;transform:scale(.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdownHeader{padding:12px 16px;background:#f8fafc;font-size:11.5px;font-weight:700;color:#475569;border-bottom:1px solid #edf2f7;text-transform:uppercase;letter-spacing:.75px}.dropdownGrid{max-height:280px;overflow-y:auto;padding:8px}.dropdownItem{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:#475569;font-weight:500;transition:all .15s ease}.dropdownItem:hover{background:#f1f5f9;color:#0f172a}.dropdownItem input[type=checkbox]{appearance:none;width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:4px;outline:none;background:#fff;cursor:pointer;display:grid;place-content:center;transition:all .15s ease}.dropdownItem input[type=checkbox]:before{content:"";width:8px;height:8px;transform:scale(0);transition:.12s transform ease-in-out;background-color:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.dropdownItem input[type=checkbox]:checked{background:#6366f1;border-color:#6366f1}.dropdownItem input[type=checkbox]:checked:before{transform:scale(1)}.itemsMasterTableWrapper{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid #eef2f6;box-shadow:0 4px 24px #94a3b80d}.itemsMasterTable{width:100%;border-collapse:collapse;font-size:13.5px;text-align:left}.itemsMasterTable th{background:#f8fafc;color:#475569;font-weight:600;padding:12px 16px;border-bottom:2px solid #edf2f7;white-space:nowrap}.itemsMasterTable td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#475569;white-space:nowrap;transition:background .1s ease}.itemsMasterTable tr:last-child td{border-bottom:none}.itemsMasterTable tr:hover td{background:#fafbfd}.snoCell{color:#94a3b8;font-weight:600}.badgeCategory{background:#eff6ff;color:#1e40af;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600}.codeMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;color:#64748b;background:#f8fafc;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0}.qtyHighlight{font-weight:600;color:#0f172a;background:#f1f5f9;padding:2px 8px;border-radius:4px}.fw-semibold{font-weight:600}.fw-medium{font-weight:500}.textDark{color:#0f172a!important}.textMuted{color:#94a3b8;font-size:12.5px}.textCenter{text-align:center}.itemsMasterActionCell{display:flex;justify-content:center;gap:8px}.itemsMasterEditBtn,.itemsMasterDeleteBtn{border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.itemsMasterEditBtn{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.itemsMasterEditBtn:hover{background:#16a34a;color:#fff;border-color:#16a34a}.itemsMasterDeleteBtn{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.itemsMasterDeleteBtn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.noDataRow{padding:48px!important;text-align:center}.emptyStateContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.emptyStateTitle{font-size:15px;font-weight:600;color:#475569;margin:0 0 4px}.emptyStateSub{font-size:13px;color:#94a3b8;margin:0}.itemsMasterModalOverlay{position:fixed;inset:0;background:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.itemsMasterModal{width:90%;max-width:580px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #0f172a26;overflow:hidden;border:1px solid #edf2f7;animation:modalPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.itemsMasterModalHeader{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 24px;border-bottom:1px solid #edf2f7;background:#fff}.itemsMasterModalHeader h3{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 2px}.modalSubtitle{font-size:12.5px;color:#64748b;margin:0}.itemsMasterCloseBtn{width:26px;height:26px;border:none;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.itemsMasterCloseBtn:hover{background:#e2e8f0;color:#0f172a}.itemsMasterFormGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px;padding:24px;background:#fff}.inputGroup{display:flex;flex-direction:column;gap:5px}.inputGroup.spanFull{grid-column:span 2}.inputGroup label{font-size:12px;font-weight:600;color:#475569}.itemsMasterFormGrid input{height:38px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13.5px;outline:none;color:#0f172a;font-weight:500;background:#fff;transition:all .15s ease}.itemsMasterFormGrid input::placeholder{color:#b4befe;font-weight:400;opacity:.6}.itemsMasterFormGrid input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.itemsMasterModalFooter{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #edf2f7;background:#f8fafc}.itemsMasterCancelBtn{background:#fff;border:1px solid #cbd5e1;font-size:13px;font-weight:600;color:#475569;padding:8px 18px;border-radius:8px;cursor:pointer;transition:all .15s ease}.itemsMasterCancelBtn:hover{background:#f1f5f9;color:#0f172a}.itemsMasterSaveBtn{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border:none;padding:9px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #4f46e526;transition:all .15s ease}.itemsMasterSaveBtn:hover{filter:brightness(1.05);box-shadow:0 4px 12px #4f46e540}@media(max-width:768px){.itemsMasterHeader{flex-direction:column;align-items:stretch}.itemsMasterSearchBox{max-width:100%}.btnText{display:none}.itemsMasterFormGrid{grid-template-columns:1fr;gap:14px;padding:16px}.inputGroup.spanFull{grid-column:span 1}.itemsMasterFilterDropdown{position:fixed;inset:auto 20px 20px;width:auto;z-index:1001}}.report{padding:20px;background:#f4f4f4;min-height:100vh;font-family:Outfit,sans-serif}.report__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.report__top h2{font-size:32px;font-weight:600}.report__icons{display:flex;gap:20px;align-items:center}.report__icons svg{font-size:24px}.report__icons button{border:none;background:transparent;cursor:pointer}.report__card{background:#eceef1;border-radius:8px;padding:25px}.report__filters{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap}.report__field{width:365px;position:relative}.report__field label{position:absolute;top:-10px;left:15px;background:#eceef1;padding:0 5px;color:#666;font-size:14px}.report__select,.report__date{height:54px;border:2px solid #5448f5;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer}.report__date input{width:100%;border:none;outline:none;background:transparent}.report__date svg{color:#5448f5}.report__dropdown{position:absolute;top:65px;left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001f;z-index:100;overflow:hidden}.report__dropdown div{padding:18px 25px;cursor:pointer;font-size:18px}.report__dropdown div:hover{background:#ece9ff;color:#5448f5}.report__search{width:120px;height:54px;border:none;border-radius:10px;background:#5448f5;color:#fff;font-size:18px;font-weight:600;cursor:pointer;margin-left:auto}.report__table-wrapper{margin-top:25px;overflow-x:auto}.report__table{width:100%;border-collapse:collapse;min-width:1200px}.report__table th{background:#cfcfcf;padding:14px;font-weight:700;border:1px solid #b7b7b7}.report__table td{padding:14px;border:1px solid #ddd;background:#fff}@media(max-width:991px){.report__field{width:100%}.report__search{width:100%;margin-left:0}.report__top{flex-direction:column;gap:15px}}@media(max-width:768px){.report{padding:15px}.report__top h2{font-size:24px}}css *{margin:0;padding:0;box-sizing:border-box}.complain{min-height:100vh;background:#f3f4f8;padding:20px;font-family:Poppins,sans-serif}.complain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:15px}.complain-title-section{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.complain-title-section h2{font-size:30px;font-weight:600}.complain-breadcrumb{display:flex;align-items:center;gap:10px;color:#74778b;font-size:15px}.complain-actions{display:flex;gap:24px;font-size:28px}.complain-excel{color:green;cursor:pointer}.complain-print{color:#7a00ff;cursor:pointer}.complain-pdf{color:#ff4500;cursor:pointer}.complain-card{background:#ececf3;border-radius:16px;padding:24px}.complain-filter-area{display:flex;gap:15px;align-items:flex-start;margin-bottom:25px;flex-wrap:wrap}.complain-dropdown-wrapper{position:relative}.complain-dropdown{width:270px;height:60px;border:1px solid #999;border-radius:12px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 18px;cursor:pointer;transition:.3s}.complain-dropdown.active{border:2px solid #7b00ff}.complain-dropdown label{position:absolute;top:-10px;left:15px;background:#ececf3;padding:0 6px;font-size:13px;color:#7b00ff}.complain-dropdown span{font-size:20px}.complain-dropdown-menu{position:absolute;top:75px;width:290px;max-height:300px;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000026;z-index:999}.complain-option{padding:18px 24px;cursor:pointer;transition:.3s}.complain-option:hover{background:#f3f3f3}.complain-search-btn{height:60px;min-width:130px;border:none;border-radius:12px;background:linear-gradient(135deg,#8b00ff,#5a00ff);color:#fff;font-size:20px;font-weight:600;cursor:pointer;transition:.3s}.complain-search-btn:hover{transform:translateY(-3px)}.complain-table-wrapper{margin-top:20px}.complain-table-scroll{overflow-x:auto;overflow-y:auto;max-height:550px;border:1px solid #ddd}.complain-table{width:100%;min-width:1000px;border-collapse:collapse}.complain-table th{background:#ababab;padding:16px;border:1px solid #888}.complain-table td{padding:14px;border:1px solid #b8b8b8;text-align:center}.complain-table tbody tr{transition:.3s}.complain-table tbody tr:hover{background:#f5f0ff}.complain-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px}.complain-pagination button{width:42px;height:42px;border:none;border-radius:50%;background:#7b00ff;color:#fff;cursor:pointer}.complain-pagination button:disabled{opacity:.4;cursor:not-allowed}@media print{.complain-actions,.complain-search-btn,.complain-pagination{display:none}.complain{background:#fff}}@media(max-width:768px){.complain{padding:12px}.complain-header{flex-direction:column;align-items:flex-start}.complain-title-section h2{font-size:22px}.complain-breadcrumb{font-size:13px;flex-wrap:wrap}.complain-dropdown,.complain-dropdown-wrapper,.complain-dropdown-menu,.complain-search-btn{width:100%}.complain-filter-area{flex-direction:column}.complain-actions{width:100%;justify-content:flex-end}.complain-table-scroll{max-height:400px}}.preAdmissionReportContainer{padding:20px}.preAdmissionReportPageHeader h2{font-size:32px;margin-bottom:20px}.preAdmissionReportTableCard{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014}.preAdmissionReportTableTop{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#eef0f6}.preAdmissionReportSearchBox{width:500px;max-width:100%;height:48px;background:#fff;border-radius:30px;display:flex;align-items:center;padding:0 20px;gap:10px}.preAdmissionReportSearchBox input{border:none;outline:none;width:100%;font-size:15px}.preAdmissionReportAddBtn{width:55px;height:55px;border:none;border-radius:50%;background:#7b12ff;color:#fff;font-size:22px;cursor:pointer;transition:.3s}.preAdmissionReportAddBtn:hover{transform:scale(1.1) rotate(90deg)}.preAdmissionReportTableWrapper{overflow:auto}.preAdmissionReportTableWrapper table{width:100%;min-width:1200px;border-collapse:collapse}.preAdmissionReportTableWrapper th{padding:18px;text-align:left;background:#fff;font-weight:600}.preAdmissionReportTableWrapper td{padding:18px;border-top:1px solid #eee}.preAdmissionReportStudentImg{width:55px;height:55px;object-fit:cover}.preAdmissionReportFeedbackBtn{background:none;border:none;font-size:20px;margin-left:15px;color:#f6a400;cursor:pointer}.preAdmissionReportIcon{border:none;background:none;font-size:22px;cursor:pointer;margin-right:15px;transition:.3s}.preAdmissionReportDelete{color:red}.preAdmissionReportPrint{color:#7b12ff}.preAdmissionReportIcon:hover{transform:scale(1.2)}.preAdmissionReportPagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:20px}.preAdmissionReportPagination select{width:100px;height:45px;border-radius:12px;border:2px solid #7b12ff;outline:none;padding:10px}.preAdmissionReportModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:.4s;z-index:999}.preAdmissionReportModal.preAdmissionReportShow{opacity:1;visibility:visible}.preAdmissionReportModalContent{background:#fff;border-radius:20px;width:95%;transform:translateY(-50px);transition:.4s;position:relative}.preAdmissionReportModal.preAdmissionReportShow .preAdmissionReportModalContent{transform:translateY(0)}.preAdmissionReportLarge{max-width:1100px;max-height:90vh;overflow-y:auto;padding:25px}.preAdmissionReportFeedbackModal{max-width:1000px;padding:25px}.preAdmissionReportCloseBtn{position:absolute;right:20px;top:20px;width:55px;height:55px;border:none;border-radius:50%;background:#f8e8e5;font-size:22px;cursor:pointer}.preAdmissionReportFormWrapper{display:flex;gap:25px;margin-top:20px}.preAdmissionReportUploadSection{width:170px;text-align:center}.preAdmissionReportUploadSection img{width:120px}.preAdmissionReportUploadBtn{width:100%;height:45px;background:#ff4500;color:#fff;border:none;border-radius:10px;cursor:pointer}.preAdmissionReportFormGrid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.preAdmissionReportFormGrid input,.preAdmissionReportFormGrid select{height:55px;padding:0 15px;border:1px solid #ccc;border-radius:10px;outline:none}.preAdmissionReportSubmitArea{display:flex;justify-content:flex-end;margin-top:25px}.preAdmissionReportSaveBtn{background:linear-gradient(45deg,#7b12ff,#a400ff);color:#fff;border:none;padding:12px 40px;border-radius:10px;font-size:18px;cursor:pointer;transition:.3s}.preAdmissionReportSaveBtn:hover{transform:translateY(-3px)}.preAdmissionReportFeedbackRow{display:grid;grid-template-columns:250px 1fr 150px;gap:15px;margin-top:40px}.preAdmissionReportFeedbackRow input{height:60px;padding:0 15px;border:1px solid #ccc;border-radius:10px}@media(max-width:768px){.preAdmissionReportFormWrapper{flex-direction:column}.preAdmissionReportFormGrid,.preAdmissionReportFeedbackRow{grid-template-columns:1fr}.preAdmissionReportTableTop{flex-direction:column;gap:15px}.preAdmissionReportSearchBox{width:100%}.preAdmissionReportPageHeader h2{font-size:24px}.preAdmissionReportLarge{padding:15px}.preAdmissionReportAddBtn{position:fixed;bottom:20px;right:20px;z-index:1000}}.staff{width:100%;min-height:100vh;background:#f5f5f5;padding:24px;font-family:Outfit,sans-serif}.staff__topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.staff__topbar h2{font-size:30px;font-weight:600;color:#222}.staff__floating-btn{width:54px;height:54px;border:none;border-radius:50%;background:#4f46e5;color:#fff;cursor:pointer;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #4f46e559;transition:.3s}.staff__floating-btn:hover{transform:translateY(-2px)}.staff__card{width:100%;background:#ececec;border-radius:12px;padding:12px;min-height:650px}.staff__tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #d5d5d5}.staff__tab{height:50px;border:none;background:transparent;cursor:pointer;font-size:21px;font-weight:500;color:#444;position:relative;transition:.3s}.staff__tab--active{color:#4f46e5}.staff__tab--active:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#4f46e5}.staff__complaints{padding-top:14px}.staff__complaint-card{position:relative;background:#fff;border-radius:6px;padding:18px 20px;margin-bottom:14px;min-height:115px;box-shadow:0 2px 8px #00000014}.staff__complaint-card p{font-size:15px;color:#333;line-height:1.55}.staff__status{position:absolute;top:-8px;left:0;background:#f4b400;color:#000;padding:4px 12px;border-radius:0 0 8px;font-size:13px;font-weight:500}.staff__status--green{background:#0db14b;color:#fff}.staff__complaint-by{position:absolute;right:12px;top:12px;background:#5b544f;color:#fff;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500}.staff__empty{padding:120px 20px;text-align:center;color:#666;font-size:20px}.staff__overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;animation:staffFade .3s ease}.staff__overlay--second{z-index:1200}.staff__overlay--third{z-index:1400}@keyframes staffFade{0%{opacity:0}to{opacity:1}}.staff__modal,.staff__type-modal,.staff__add-type-modal{background:#fff;border-radius:16px;animation:staffScale .35s ease}@keyframes staffScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.staff__modal{width:96%;max-width:980px;overflow:hidden}.staff__modal-header{height:82px;border-bottom:1px solid #ececec;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.staff__modal-header h3{font-size:34px;font-weight:600;color:#333}.staff__modal-header button{width:58px;height:58px;border:none;border-radius:50%;background:#efefef;cursor:pointer;font-size:28px;color:#555}.staff__modal-body{padding:26px}.staff__search{height:56px;border:1px solid #c8c8c8;border-radius:10px;display:flex;align-items:center;padding:0 16px;margin-bottom:22px}.staff__search svg{font-size:22px;color:#666}.staff__search input{flex:1;border:none;outline:none;margin-left:12px;font-size:16px;font-family:Outfit}.staff__dropdown-row{display:flex;align-items:center;gap:14px;margin-bottom:24px}.staff__dropdown-row select{flex:1;height:56px;border:1px solid #c8c8c8;border-radius:10px;padding:0 16px;font-size:16px;font-family:Outfit}.staff__mini-plus{width:46px;height:46px;border:none;border-radius:50%;background:#4f46e5;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 8px 20px #4f46e559}.staff__modal textarea{width:100%;height:150px;border:1px solid #c8c8c8;border-radius:10px;resize:vertical;padding:14px;font-family:Outfit;font-size:16px}.staff__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.staff__actions button{min-width:110px;height:44px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-family:Outfit}.staff__primary{background:#4f46e5;color:#fff}.staff__type-modal{width:95%;max-width:1100px;padding:24px}.staff__table-header{display:flex;justify-content:space-between;align-items:center;background:#eef0f5;padding:16px;border-radius:12px 12px 0 0}.staff__table-search{width:450px;height:46px;background:#fff;border-radius:30px;display:flex;align-items:center;padding:0 16px}.staff__table-search svg{font-size:20px}.staff__table-search input{flex:1;border:none;outline:none;margin-left:10px;font-family:Outfit}.staff__table-actions{display:flex;align-items:center;gap:12px}.staff__table-actions button{border:none;background:transparent;cursor:pointer;font-size:24px}.staff__plus-btn{border-radius:50%;background:#4f46e5!important;color:#fff;box-shadow:0 8px 20px #4f46e559}.staff__column-dropdown{position:absolute;right:90px;top:110px;background:#fff;padding:16px;border-radius:10px;box-shadow:0 10px 24px #0000001f;display:flex;flex-wrap:wrap;gap:12px;width:320px;z-index:20}.staff__column-dropdown label{display:flex;align-items:center;gap:8px;width:calc(50% - 8px);font-size:15px}.staff__column-dropdown input{width:18px;height:18px}.staff__table{width:100%;border-collapse:collapse;background:#fff}.staff__table th{text-align:left;padding:18px;border:1px solid #ececec;font-size:16px;font-weight:600}.staff__table td{padding:18px;border:1px solid #ececec;font-size:15px}.staff__table tbody tr:hover{background:#fafafa}.staff__table td svg{color:red;cursor:pointer;font-size:22px}.staff__pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding-top:20px}.staff__pagination button{min-width:90px;height:38px;border:none;border-radius:8px;background:#4f46e5;color:#fff;cursor:pointer;font-family:Outfit}.staff__pagination button:disabled{opacity:.4;cursor:not-allowed}.staff__pagination span{font-weight:500}.staff__add-type-modal{width:95%;max-width:980px;overflow:hidden}.staff__radio-row{display:flex;gap:30px;padding:30px}.staff__radio-row label{display:flex;align-items:center;gap:10px;font-size:18px}.staff__radio-row input{width:20px;height:20px}.staff__input-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 30px}.staff__input-grid input{height:56px;border:1px solid #c8c8c8;border-radius:10px;padding:0 16px;font-size:16px;font-family:Outfit;outline:none}@media(max-width:991px){.staff__topbar h2{font-size:24px}.staff__tab{font-size:16px}.staff__table-search{width:100%}.staff__table-header{flex-direction:column;gap:14px}.staff__input-grid{grid-template-columns:1fr}.staff__column-dropdown{width:280px;right:20px}}@media(max-width:768px){.staff{padding:14px}.staff__dropdown-row{flex-direction:column;align-items:stretch}.staff__mini-plus{align-self:flex-end}.staff__actions{flex-direction:column}.staff__actions button{width:100%}.staff__modal-header h3{font-size:22px}.staff__table{min-width:700px}.staff__type-modal{overflow-x:auto}}@media(max-width:480px){.staff__tabs{grid-template-columns:1fr}.staff__tab{height:46px}.staff__radio-row{flex-direction:column;gap:12px}.staff__floating-btn{width:48px;height:48px}.staff__column-dropdown{width:95%;right:2.5%}}.Uab{background:#f2f2f2;min-height:100vh;padding:20px}.UabHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.UabBreadcrumb{display:flex;gap:10px;color:gray;margin-top:8px}.UabHeaderIcons{display:flex;gap:25px;font-size:24px;align-items:center}.UabIconButton{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;font-size:24px;cursor:pointer}.UabIconButton:disabled{cursor:not-allowed;opacity:.45}.UabGridIcon{color:green;cursor:pointer}.UabPrintIcon{color:#4f46e5;cursor:pointer}.UabPdfIcon{color:red;cursor:pointer}.UabFilterCard{background:#fff;border-radius:18px;padding:18px}.UabFilterGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.UabSelectBox{display:flex;flex-direction:column}.UabSelectBox label{margin-bottom:6px;color:gray}.UabSelectBox select{height:60px;border:1px solid #ccc;border-radius:12px;padding:0 15px;font-size:16px}.UabSearchBtn{height:60px;margin-top:24px;background:#4f46e5;color:#fff;border:none;border-radius:12px;font-size:18px;cursor:pointer}.UabError{margin-top:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-weight:600}.UabTableWrapper{margin-top:20px;height:520px;overflow-y:auto}.UabTable{width:100%;border-collapse:collapse}.UabTable th{background:#b8b8b8;padding:15px;border:1px solid #999}.UabTable td{padding:12px;border:1px solid #cfcfcf;text-align:center}.UabEmptyCell{color:#6b7280;font-weight:600}.UabModalOverlay{position:fixed;inset:0;background:#00000073;z-index:999}.UabModal{display:flex;height:100vh;background:#fff}.UabPreview{flex:2;overflow-y:auto;padding:25px}.UabSchoolLogo{width:120px}.UabPreview h1{color:#8b0000}.UabPreviewTable{width:100%;margin-top:20px;border-collapse:collapse}.UabPreviewTable th,.UabPreviewTable td{border:1px solid #ccc;padding:8px}.UabPrintPanel{width:380px;border-left:1px solid #ddd;padding:30px}.UabPrintOption{margin-bottom:25px}.UabPrintOption label{display:block;margin-bottom:8px}.UabPrintOption select{width:100%;height:50px;border-radius:10px;border:1px solid #ccc}.UabPrintButtons{margin-top:40px;display:flex;gap:15px}.UabSaveBtn{flex:1;height:50px;border:none;border-radius:25px;background:#2563eb;color:#fff;cursor:pointer}.UabSaveBtn:disabled{cursor:not-allowed;opacity:.55}.UabCancelBtn{flex:1;height:50px;border:1px solid #2563eb;border-radius:25px;background:#fff;color:#2563eb;cursor:pointer}@media(max-width:1200px){.UabFilterGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.UabHeader{flex-direction:column;gap:15px;align-items:flex-start}.UabFilterGrid{grid-template-columns:1fr}.UabModal{flex-direction:column}.UabPrintPanel{width:100%}}.transport-vehicle-container{width:100%;padding:20px;background:#f4f5f8;min-height:100vh;box-sizing:border-box}.transport-vehicle-card{background:#e9eaee;border-radius:10px;padding:20px}.transport-vehicle-filter-row{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.transport-vehicle-field{min-width:280px;flex:1}.transport-vehicle-field label{display:block;margin-bottom:8px;font-size:14px;color:#666}.transport-vehicle-field select{width:100%;height:55px;border:1px solid #9d9d9d;border-radius:10px;background:transparent;padding:0 15px;font-size:18px;outline:none;cursor:pointer}.transport-vehicle-search-btn{height:46px;min-width:100px;border:none;border-radius:5px;background:#4b42d4;color:#fff;font-size:16px;cursor:pointer;padding:0 20px}.transport-vehicle-search-btn:hover{opacity:.9}.transport-vehicle-search-btn:disabled{cursor:not-allowed;opacity:.6}.transport-vehicle-notification{margin-top:20px;padding:18px 25px;border-radius:8px;background:#eceef2;border:1px solid #fff;font-size:20px;color:#222}.transport-vehicle-error{margin-top:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-weight:600}.transport-vehicle-table-wrapper{width:100%;overflow-x:auto}.transport-vehicle-table{width:100%;min-width:1200px;border-collapse:collapse}.transport-vehicle-table thead th{background:#a8a8a8;color:#111827;border:1px solid #8e8e8e;padding:18px 10px;font-size:15px;font-weight:600;text-align:center}.transport-vehicle-table tbody td{border:1px solid #b5b5b5;padding:18px 10px;text-align:center;background:#f7f7f7;font-size:14px}.transport-vehicle-table tbody tr:hover td{background:#efefef}.transport-vehicle-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}.transport-vehicle-table tbody td.transport-vehicle-empty{color:#6b7280;font-weight:600}@media(max-width:992px){.transport-vehicle-filter-row{flex-direction:column;align-items:stretch}.transport-vehicle-field,.transport-vehicle-search-btn{width:100%}}@media(max-width:768px){.transport-vehicle-container{padding:10px}.transport-vehicle-card{padding:15px}.transport-vehicle-field select{font-size:16px}.transport-vehicle-notification{font-size:16px;padding:15px}.transport-vehicle-search-btn{width:100%}}@media(max-width:480px){.transport-vehicle-table{min-width:1000px}.transport-vehicle-field{min-width:100%}}.transport-students{width:100%;padding:15px;box-sizing:border-box}.transport-card{width:100%;background:#f2f3f7;border-radius:10px;padding:18px;box-shadow:0 2px 8px #00000014}.filter-section{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.left-filters{display:flex;gap:18px;flex-wrap:wrap}.input-group{display:flex;flex-direction:column}.input-group label{font-size:14px;color:#666;margin-bottom:6px}.input-group select,.input-group input{width:210px;height:55px;border:1px solid #bfc3cc;border-radius:10px;padding:0 15px;font-size:16px;background:#fff;outline:none}.date-wrapper{position:relative}.calendar-icon{position:absolute;right:15px;top:18px;color:#4f46e5;font-size:20px}.right-actions{display:flex;align-items:center;gap:15px;position:relative;margin-top:24px}.search-btn{background:#4f46e5;color:#fff;border:none;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:16px}.search-btn:disabled{cursor:not-allowed;opacity:.6}.column-btn{border:none;background:transparent;color:#4f46e5;font-size:28px;cursor:pointer}.column-popup{position:absolute;top:60px;right:0;width:340px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 6px 20px #0003;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;z-index:999}.column-item{display:flex;align-items:center;gap:10px}.column-item input{width:18px;height:18px;accent-color:#4f46e5}.transport-error{margin-bottom:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-weight:600}.table-container{width:100%;height:420px;overflow:auto;background:#fff;border:1px solid #d6d6d6;border-radius:8px}table{width:100%;min-width:1100px;border-collapse:collapse}thead{position:sticky;top:0;z-index:10}thead tr{background:#b8b8b8}thead th{padding:14px;border:1px solid #9f9f9f;text-align:center;font-weight:700}tbody td{padding:14px;border:1px solid #d4d4d4;text-align:center}tbody tr:nth-child(2n){background:#fafafa}tbody tr:hover{background:#f4f4ff}.empty-row{color:#6b7280;font-weight:600}.date-wrapper{position:relative;width:210px}.date-input{width:100%;height:55px;border:1px solid #bfc3cc;border-radius:10px;padding:0 45px 0 15px;font-size:16px;background:#fff;outline:none}.calendar-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#4f46e5;font-size:20px;pointer-events:none}.date-input::-webkit-calendar-picker-indicator{position:absolute;right:0;width:100%;height:100%;cursor:pointer;opacity:0}@media(max-width:768px){.filter-section{flex-direction:column}.left-filters{width:100%;flex-direction:column}.input-group,.input-group select,.input-group input{width:100%}.right-actions{justify-content:flex-end}.column-popup{width:260px;grid-template-columns:1fr}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-700:oklch(50% .134 242.749);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-10{margin-left:calc(var(--spacing)*10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-44{height:calc(var(--spacing)*44)}.h-48{height:calc(var(--spacing)*48)}.h-\[80vh\]{height:80vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[400px\]{max-height:400px}.max-h-\[600px\]{max-height:600px}.max-h-\[2000px\]{max-height:2000px}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-52{width:calc(var(--spacing)*52)}.w-72{width:calc(var(--spacing)*72)}.w-96{width:calc(var(--spacing)*96)}.w-\[320px\]{width:320px}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[150px\]{max-width:150px}.max-w-\[220px\]{max-width:220px}.max-w-md{max-width:var(--container-md)}.min-w-\[400px\]{min-width:400px}.min-w-\[600px\]{min-width:600px}.min-w-\[640px\]{min-width:640px}.min-w-\[900px\]{min-width:900px}.min-w-\[1500px\]{min-width:1500px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-500{border-color:var(--color-blue-500)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-rose-200{border-color:var(--color-rose-200)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-violet-200{border-color:var(--color-violet-200)}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/8{border-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-400{background-color:var(--color-rose-400)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-violet-400{background-color:var(--color-violet-400)}.bg-white{background-color:var(--color-white)}.bg-white\/6{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.bg-white\/6{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-50{--tw-gradient-from:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-50{--tw-gradient-from:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-600{--tw-gradient-from:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-rose-50{--tw-gradient-from:var(--color-rose-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-50{--tw-gradient-from:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-100{--tw-gradient-from:var(--color-sky-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-900{--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-violet-50{--tw-gradient-from:var(--color-violet-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-black{--tw-gradient-via:var(--color-black);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-50{--tw-gradient-to:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-50{--tw-gradient-to:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-100{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-sky-50{--tw-gradient-to:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-800{--tw-gradient-to:var(--color-slate-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-violet-50{--tw-gradient-to:var(--color-violet-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-violet-600{--tw-gradient-to:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-orange-700{color:var(--color-orange-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-sky-700{color:var(--color-sky-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-transparent{color:#0000}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-600{color:var(--color-yellow-600)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.accent-blue-600{accent-color:var(--color-blue-600)}.accent-indigo-500{accent-color:var(--color-indigo-500)}.accent-indigo-600{accent-color:var(--color-indigo-600)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.file\:mr-4::file-selector-button{margin-right:calc(var(--spacing)*4)}.file\:rounded-full::file-selector-button{border-radius:3.40282e38px}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-indigo-50::file-selector-button{background-color:var(--color-indigo-50)}.file\:px-4::file-selector-button{padding-inline:calc(var(--spacing)*4)}.file\:py-2::file-selector-button{padding-block:calc(var(--spacing)*2)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-semibold::file-selector-button{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.file\:text-indigo-600::file-selector-button{color:var(--color-indigo-600)}.placeholder\:text-indigo-400::placeholder{color:var(--color-indigo-400)}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:bg-\[\#E0E7FF\]:hover{background-color:#e0e7ff}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\:bg-indigo-300:hover{background-color:var(--color-indigo-300)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-sky-50:hover{background-color:var(--color-sky-50)}.hover\:bg-white\/8:hover{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/8:hover{background-color:color-mix(in oklab,var(--color-white)8%,transparent)}}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:file\:bg-indigo-100:hover::file-selector-button{background-color:var(--color-indigo-100)}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:border-pink-400:focus{border-color:var(--color-pink-400)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:ring-indigo-200:focus{--tw-ring-color:var(--color-indigo-200)}.focus\:ring-indigo-400:focus{--tw-ring-color:var(--color-indigo-400)}.focus\:ring-orange-400:focus{--tw-ring-color:var(--color-orange-400)}.focus\:ring-pink-200:focus{--tw-ring-color:var(--color-pink-200)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-16{height:calc(var(--spacing)*16)}.sm\:w-24{width:calc(var(--spacing)*24)}.sm\:w-auto{width:auto}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}}@media(min-width:48rem){.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:max-h-\[500px\]{max-height:500px}.md\:w-64{width:calc(var(--spacing)*64)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:ml-20{margin-left:calc(var(--spacing)*20)}.lg\:ml-72{margin-left:calc(var(--spacing)*72)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:p-6{padding:calc(var(--spacing)*6)}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:80rem){.xl\:w-2\/5{width:40%}.xl\:w-3\/5{width:60%}.xl\:flex-row{flex-direction:row}}}.input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.input:focus{border-color:var(--color-blue-500);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-blue-500);--tw-outline-style:none;outline-style:none}.label{margin-bottom:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:block}.sub-heading{border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing)*2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);border-bottom-width:1px}.icon-bubble{background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.nav-item:hover .icon-bubble{transform:scale(1.1)rotate(-5deg);box-shadow:0 10px 25px #6366f14d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:all .3s}:hover::-webkit-scrollbar-thumb{background:#2563eb99}:hover::-webkit-scrollbar-thumb:hover{background:#2563eb}*{scrollbar-width:thin;scrollbar-color:#2563eb99 transparent}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}