@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#root{flex-direction:column;width:100%;height:100svh;display:flex;overflow:hidden}table thead th.app-sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:max(1.35rem,18px);position:relative}table thead th.app-sortable-th:after{content:"";opacity:.28;pointer-events:none;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;transition:opacity .15s,transform .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}table thead th.app-sortable-th:hover:after,table thead th.app-sortable-th:focus-visible:after,table thead th.app-sortable-th.app-sortable-th-active:after{opacity:.82}table thead th.app-sortable-th[data-sort-direction=ascending]:after{transform:translateY(-50%)rotate(180deg)}table thead th.app-sortable-th:focus-visible{outline-offset:-2px;outline:2px solid #6366f159}.p-dialog.p-confirm-dialog{min-width:300px;max-width:90vw;background:#fff!important;border:0!important;border-radius:16px!important;width:auto!important;overflow:hidden!important;box-shadow:0 20px 48px #0f172a33!important}.p-dialog.p-confirm-dialog .p-dialog-header{color:#111827!important;background:#fff!important;border-bottom:none!important;padding:20px 20px 0!important}.p-dialog.p-confirm-dialog .p-dialog-title{color:#111827!important;font-size:15.5px!important;font-weight:700!important;line-height:1.3!important}.p-dialog.p-confirm-dialog .p-dialog-header-icons{display:none!important}.p-dialog.p-confirm-dialog .p-dialog-content{background:#fff!important;align-items:flex-start!important;gap:12px!important;padding:10px 20px 18px!important;display:flex!important;overflow:visible!important}.p-dialog.p-confirm-dialog .p-confirm-dialog-icon{flex-shrink:0;color:#6366f1!important;background:#6366f11f!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin-top:0!important;font-size:14px!important;display:inline-flex!important}.app-confirm-dialog-danger .p-confirm-dialog-icon{color:#ef4444!important;background:#ef44441f!important}.p-dialog.p-confirm-dialog .p-confirm-dialog-message{padding-top:5px;color:#374151!important;margin:0!important;font-size:13.5px!important;line-height:1.55!important}.p-dialog.p-confirm-dialog .p-dialog-footer{text-align:initial!important;background:#fff!important;border-top:none!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;padding:2px 20px 18px!important;display:flex!important}.p-dialog.p-confirm-dialog .p-dialog-footer button{width:auto!important;margin:0!important}.p-dialog.p-confirm-dialog .p-button{cursor:pointer!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:34px!important;padding:0 16px!important;font-size:13px!important;font-weight:600!important;line-height:34px!important;transition:filter .15s,box-shadow .15s!important;display:inline-flex!important}.p-dialog.p-confirm-dialog .p-button.p-button-text,.p-dialog.p-confirm-dialog .p-button-secondary{color:#374151!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.p-dialog.p-confirm-dialog .p-button.p-button-text:hover,.p-dialog.p-confirm-dialog .p-button-secondary:hover{color:#111827!important;background:#e2e8f0!important}.p-dialog.p-confirm-dialog .p-button:not(.p-button-text):not(.p-button-danger):not(.p-button-secondary){color:#fff!important;background:#6366f1!important;border:none!important}.p-dialog.p-confirm-dialog .p-button:not(.p-button-text):not(.p-button-danger):not(.p-button-secondary):hover{background:#4f46e5!important}.p-dialog.p-confirm-dialog .p-button.p-button-danger{color:#fff!important;background:#ef4444!important;border:none!important}.p-dialog.p-confirm-dialog .p-button.p-button-danger:hover{background:#dc2626!important}.p-dialog.p-confirm-dialog .p-button:focus{outline:none!important;box-shadow:0 0 0 3px #6366f140!important}.p-dialog.p-confirm-dialog .p-button.p-button-danger:focus{box-shadow:0 0 0 3px #ef444440!important}@keyframes app-dd-open{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.p-dropdown{border:1px solid var(--border-md,#e5e7eb);background:var(--bg,#f8f9fc);min-height:36px;color:var(--text-1,#111827);box-shadow:none;border-radius:9px;align-items:center;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.p-dropdown:not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd){border:1px solid var(--border-md,#e5e7eb)!important;background:var(--bg,#f8f9fc)!important;height:36px!important;min-height:36px!important;box-shadow:none!important;border-radius:9px!important;align-items:center!important;display:flex!important}.p-dropdown:not(.p-disabled):not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd):hover{border-color:var(--primary,#6366f1)!important;background:var(--card,#fff)!important}.p-dropdown:not(.p-disabled):not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd).p-focus{border-color:var(--primary,#6366f1)!important;background:var(--card,#fff)!important;outline:none!important;box-shadow:0 0 0 3px #6366f11a!important}.p-dropdown .p-dropdown-label{color:var(--text-1,#111827);font-size:13px;font-weight:500}.p-dropdown:not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd) .p-dropdown-label{color:var(--text-1,#111827)!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important;line-height:34px!important}.p-dropdown.p-dropdown-clearable:not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd) .p-dropdown-label{padding-right:48px!important}.p-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3,#9ca3af)}.p-dropdown:not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd) .p-dropdown-label.p-placeholder{color:var(--text-3,#9ca3af)!important}.p-dropdown .p-dropdown-trigger{width:30px;color:var(--text-3,#9ca3af);flex-shrink:0;transition:color .15s}.p-dropdown:not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd) .p-dropdown-trigger{width:30px!important;color:var(--text-3,#9ca3af)!important}.p-dropdown:not(.p-disabled):hover .p-dropdown-trigger,.p-dropdown:not(.p-disabled).p-focus .p-dropdown-trigger{color:var(--primary,#6366f1)}.p-dropdown:not(.p-disabled):not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd):hover .p-dropdown-trigger,.p-dropdown:not(.p-disabled):not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd).p-focus .p-dropdown-trigger{color:var(--primary,#6366f1)!important}.p-dropdown[class*=-filter-dd]{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;min-width:130px!important;height:38px!important;min-height:38px!important;transition:border-color .18s,box-shadow .18s,background .18s!important;box-shadow:0 1px 3px #0000000d!important}.p-dropdown[class*=-filter-dd]:not(.p-disabled):hover{background:#fafbff!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012!important}.p-dropdown[class*=-filter-dd]:not(.p-disabled).p-focus{background:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 3.5px #6366f126,0 1px 4px #00000012!important}.p-dropdown[class*=-filter-dd] .p-dropdown-label{color:#1e293b!important;padding:0 4px 0 12px!important;font-size:13px!important;font-weight:500!important;line-height:1!important}.p-dropdown[class*=-filter-dd] .p-dropdown-label.p-placeholder{color:#94a3b8!important}.p-dropdown[class*=-filter-dd] .p-dropdown-trigger{color:#94a3b8!important;width:30px!important;transition:color .15s!important}.p-dropdown[class*=-filter-dd]:not(.p-disabled):hover .p-dropdown-trigger,.p-dropdown[class*=-filter-dd]:not(.p-disabled).p-focus .p-dropdown-trigger{color:#6366f1!important}.p-dropdown[class*=-form-dd].p-dropdown,.p-dropdown.full.p-dropdown{background:var(--bg,#f8f9fc)!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important}.p-dropdown[class*=-form-dd].p-dropdown .p-dropdown-label,.p-dropdown.full.p-dropdown .p-dropdown-label{padding-left:12px!important;line-height:38px!important}.p-dropdown[class*=-tbl-status-dd].p-dropdown,.p-dropdown[class*=-card-status-dd].p-dropdown,.p-dropdown.table-status-dd.p-dropdown,.p-dropdown.status-dd.p-dropdown{box-shadow:none;border-radius:9px;font-size:12px}.p-dropdown-panel{border:1.5px solid #e8eaf0!important;border-radius:12px!important;margin-top:5px!important;animation:.15s cubic-bezier(.22,1,.36,1) both app-dd-open!important;overflow:hidden!important;box-shadow:0 8px 32px #6366f11f,0 2px 8px #00000014!important}.p-dropdown-panel.p-dropdown-panel[class*=-dropdown-panel]{border:1.5px solid #e8eaf0!important;border-radius:12px!important;margin-top:5px!important;overflow:hidden!important;box-shadow:0 8px 32px #6366f11f,0 2px 8px #00000014!important}.p-dropdown-panel .p-dropdown-items-wrapper{padding:5px!important}.p-dropdown-panel .p-dropdown-items{flex-direction:column!important;gap:1px!important;padding:0!important;display:flex!important}.p-dropdown-panel .p-dropdown-item{color:#1e293b!important;border-radius:8px!important;margin:0!important;padding:8px 12px!important;font-size:13px!important;font-weight:500!important;transition:background .12s,color .12s,padding-left .12s!important}.p-dropdown-panel .p-dropdown-item:hover,.p-dropdown-panel .p-dropdown-item:not(.p-highlight):hover,.p-dropdown-panel .p-dropdown-item:focus{color:#6366f1!important;background:#eef2ff!important;outline:none!important;padding-left:16px!important}.p-dropdown-panel .p-dropdown-item.p-highlight{color:#6366f1!important;background:linear-gradient(135deg,#eef2ff,#f0edff)!important;border-radius:8px!important;padding-left:16px!important;font-weight:700!important;box-shadow:inset 3px 0 #6366f1!important}.p-dropdown-panel .p-dropdown-header{background:var(--card,#fff)!important;border-bottom:1px solid var(--border,#f0f0f5)!important;margin:0!important;padding:8px 10px!important}.p-dropdown-panel .p-dropdown-filter{border:1px solid var(--border-md,#e5e7eb)!important;background:var(--bg,#f8f9fc)!important;height:34px!important;color:var(--text-1,#111827)!important;box-shadow:none!important;border-radius:9px!important;outline:none!important;padding:0 30px 0 10px!important;font-size:13px!important}.p-dropdown-panel .p-dropdown-filter:focus{border-color:var(--primary,#6366f1)!important;background:var(--card,#fff)!important;box-shadow:0 0 0 3px #6366f11a!important}.p-dropdown-panel .p-dropdown-empty-message{color:var(--text-2,#6b7280)!important;padding:10px!important;font-size:13px!important}.p-dropdown .p-dropdown-clear-icon,.p-multiselect .p-multiselect-clear-icon{margin-top:0!important;top:50%!important;transform:translateY(-50%)!important}.p-dropdown:not([class*=-tbl-status-dd]):not([class*=-card-status-dd]):not(.status-dd):not(.table-status-dd) .p-dropdown-clear-icon{right:30px!important}select:not([multiple]){border:1px solid var(--border-md,#e5e7eb);background-color:var(--bg,#f8f9fc);min-height:36px;color:var(--text-1,#111827);cursor:pointer;box-shadow:none;border-radius:9px;outline:none;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s,background-color .15s}select:not([multiple]):hover{border-color:var(--primary,#6366f1);background-color:var(--card,#fff)}select:not([multiple]):focus{border-color:var(--primary,#6366f1);background-color:var(--card,#fff);box-shadow:0 0 0 3px #6366f11a}select:not([multiple]) option{color:var(--text-1,#111827);background:var(--card,#fff)}:is(.alv-panel,.bk-panel,.blm-panel,.cb-panel,.cp-panel,.ctn-panel,.enr-panel,.ep-panel,.ha-panel,.hf-panel,.hm-panel,.hp-panel,.hr-panel,.hrsl-panel,.ib-panel,.ies-panel,.lc-panel,.np-panel,.om-panel,.pap-panel,.ppa-panel,.ppc-panel,.ppd-panel,.rp-panel,.sap-att-panel,.sap-form-panel,.sl-panel,.sp-panel,.srcp-panel,.ssh-panel,.stg-panel,.tp-panel,.tt-panel):not(.open):not(.closing){visibility:hidden!important;pointer-events:none!important}:is(.alv-panel,.bk-panel,.blm-panel,.cb-panel,.cp-panel,.ctn-panel,.enr-panel,.ep-panel,.ha-panel,.hf-panel,.hm-panel,.hp-panel,.hr-panel,.hrsl-panel,.ib-panel,.ies-panel,.lc-panel,.np-panel,.om-panel,.pap-panel,.ppa-panel,.ppc-panel,.ppd-panel,.rp-panel,.sap-att-panel,.sap-form-panel,.sl-panel,.sp-panel,.srcp-panel,.ssh-panel,.stg-panel,.tp-panel,.tt-panel):is(.open,.closing){visibility:visible!important}:is(.alv-panel,.bk-panel,.blm-panel,.cb-panel,.cp-panel,.ctn-panel,.enr-panel,.ep-panel,.ha-panel,.hf-panel,.hm-panel,.hp-panel,.hr-panel,.hrsl-panel,.ib-panel,.ies-panel,.lc-panel,.np-panel,.om-panel,.pap-panel,.ppa-panel,.ppc-panel,.ppd-panel,.rp-panel,.sap-att-panel,.sap-form-panel,.sl-panel,.sp-panel,.srcp-panel,.ssh-panel,.stg-panel,.tp-panel,.tt-panel).open{pointer-events:auto}.lp-root{background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 28%,#ede9fe 55%,#e0f2fe 80%,#ddd6fe 100%);width:100%;height:100svh;max-height:100svh;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.lp-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.lp-aurora{background:radial-gradient(65% 65% at 82% 18%,#2563eb38 0%,#0000 65%),radial-gradient(55% 55% at 10% 82%,#6366f133 0%,#0000 60%),radial-gradient(50% 55% at 95% 72%,#38bdf829 0%,#0000 55%),radial-gradient(45% 45% at 48% 12%,#8b5cf624 0%,#0000 50%),radial-gradient(40% 50% at 20% 40%,#3b82f61f 0%,#0000 55%);animation:14s ease-in-out infinite alternate aurora-breathe;position:absolute;inset:0}@keyframes aurora-breathe{0%{opacity:.5;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.05)rotate(.8deg)}to{opacity:.7;transform:scale(.97)rotate(-.4deg)}}.lp-orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:ease-in-out infinite orb-drift;position:absolute}.lp-orb-1{background:radial-gradient(circle,#3b82f642 0%,#2563eb1a 45%,#0000 70%);width:520px;height:520px;animation-duration:16s;animation-delay:0s;top:-150px;right:10px}.lp-orb-2{background:radial-gradient(circle,#6366f13d 0%,#4f46e514 50%,#0000 70%);width:420px;height:420px;animation-duration:13s;animation-delay:-4s;bottom:-100px;right:120px}.lp-orb-3{background:radial-gradient(circle,#8b5cf633 0%,#6d28d912 50%,#0000 70%);width:320px;height:320px;animation-duration:19s;animation-delay:-9s;top:36%;right:320px}.lp-orb-4{background:radial-gradient(circle,#38bdf838 0%,#0ea5e914 50%,#0000 70%);width:260px;height:260px;animation-duration:11s;animation-delay:-2s;top:8%;right:420px}.lp-orb-5{background:radial-gradient(circle,#6366f12e 0%,#4f46e50f 50%,#0000 70%);width:300px;height:300px;animation-duration:15s;animation-delay:-7s;bottom:5%;left:-60px}.lp-orb-6{background:radial-gradient(circle,#8b5cf629 0%,#0000 70%);width:220px;height:220px;animation-duration:12s;animation-delay:-5s;top:20%;left:8%}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(16px,-26px)scale(1.05)}50%{transform:translate(-12px,18px)scale(.95)}75%{transform:translate(20px,9px)scale(1.03)}}.lp-grid{background-image:linear-gradient(#6366f112 1px,#0000 1px),linear-gradient(90deg,#6366f112 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(160deg,#000 0%,#00000080 40%,#0000 70%);mask-image:linear-gradient(160deg,#000 0%,#00000080 40%,#0000 70%)}.lp-particles{position:absolute;inset:0}.lp-particle{background:#6366f173;border-radius:50%;animation:linear infinite ptcl-rise;position:absolute}@keyframes ptcl-rise{0%{opacity:0;bottom:-6px;transform:translate(0)}12%{opacity:.5}50%{transform:translate(14px)}88%{opacity:.08}to{opacity:0;bottom:108%;transform:translate(-10px)}}.lp-layout{z-index:1;align-items:stretch;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lp-cms-icons{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.lp-cms-icon{-webkit-backdrop-filter:blur(12px);color:#4f46e599;background:#ffffff85;border:1px solid #6366f133;border-radius:20px;justify-content:center;align-items:center;padding:13px;animation:ease-in-out infinite cms-float;display:flex;position:absolute;box-shadow:0 4px 24px #6366f11f,inset 0 1px #ffffffd9}.lp-cms-icon svg{flex-shrink:0;width:28px;height:28px;display:block}.lp-cms-icon-1 svg,.lp-cms-icon-3 svg,.lp-cms-icon-6 svg{width:34px;height:34px}.lp-cms-icon-7 svg,.lp-cms-icon-10 svg,.lp-cms-icon-13 svg,.lp-cms-icon-16 svg{width:22px;height:22px}.lp-cms-icon-11 svg,.lp-cms-icon-12 svg,.lp-cms-icon-14 svg,.lp-cms-icon-15 svg,.lp-cms-icon-17 svg,.lp-cms-icon-18 svg{width:26px;height:26px}.lp-cms-icon-1{animation-duration:7s;animation-delay:0s;top:12%;left:4%}.lp-cms-icon-2{animation-duration:9s;animation-delay:-2s;top:62%;left:10%}.lp-cms-icon-3{animation-duration:8s;animation-delay:-4s;top:38%;left:2%}.lp-cms-icon-4{animation-duration:6.5s;animation-delay:-1s;top:18%;right:4%}.lp-cms-icon-5{animation-duration:10s;animation-delay:-3.5s;top:52%;right:7%}.lp-cms-icon-6{animation-duration:7.5s;animation-delay:-6s;bottom:12%;right:2%}.lp-cms-icon-7{animation-duration:11s;animation-delay:-5s;top:5%;left:19%}.lp-cms-icon-8{animation-duration:8s;animation-delay:-2.5s;bottom:8%;right:18%}.lp-cms-icon-9{animation-duration:9.5s;animation-delay:-7s;bottom:6%;left:6%}.lp-cms-icon-10{animation-duration:6s;animation-delay:-3s;top:40%;right:15%}.lp-cms-icon-11{animation-duration:8.5s;animation-delay:-1.5s;top:28%;left:14%}.lp-cms-icon-12{animation-duration:10s;animation-delay:-4.5s;top:74%;left:24%}.lp-cms-icon-13{animation-duration:7s;animation-delay:-2s;top:6%;right:24%}.lp-cms-icon-14{animation-duration:9s;animation-delay:-6.5s;bottom:4%;left:29%}.lp-cms-icon-15{animation-duration:11s;animation-delay:-3s;top:68%;right:11%}.lp-cms-icon-16{animation-duration:6.5s;animation-delay:-8.5s;top:54%;left:7%}.lp-cms-icon-17{animation-duration:9.5s;animation-delay:-.5s;top:28%;right:27%}.lp-cms-icon-18{animation-duration:8s;animation-delay:-5.5s;bottom:18%;left:21%}@keyframes cms-float{0%,to{opacity:1;transform:translateY(0)rotate(0)scale(1)}33%{opacity:.55;transform:translateY(-18px)rotate(6deg)scale(1.07)}66%{opacity:.75;transform:translateY(10px)rotate(-4deg)scale(.94)}}@media (width<=600px){.lp-cms-icon-2,.lp-cms-icon-3,.lp-cms-icon-7,.lp-cms-icon-8,.lp-cms-icon-10,.lp-cms-icon-11,.lp-cms-icon-12,.lp-cms-icon-14,.lp-cms-icon-15,.lp-cms-icon-17,.lp-cms-icon-18{display:none}.lp-cms-icon{border-radius:16px;padding:10px}.lp-cms-icon svg{width:22px!important;height:22px!important}}.lp-left{background:linear-gradient(145deg,#1e3a8a 0%,#1a4fd6 38%,#2563eb 68%,#1e40af 100%);flex:1;justify-content:center;align-items:center;height:100%;padding:32px 64px 32px 48px;animation:.9s cubic-bezier(.22,1,.36,1) both slide-left;display:flex;position:relative;overflow:hidden}@keyframes slide-left{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@media (width<=1040px){.lp-left{display:none}}.lp-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff12,#0000 70%);border-radius:50%;width:520px;height:520px;animation:18s ease-in-out infinite orb-drift;position:absolute;top:-140px;right:-80px}.lp-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d,#0000 70%);border-radius:50%;width:340px;height:340px;animation:14s ease-in-out infinite reverse orb-drift;position:absolute;bottom:-80px;left:-40px}.lp-deco{pointer-events:none;position:absolute;inset:0}.lp-ring{border-radius:50%;position:absolute;top:50%}.lp-ring-1{border:1px solid #ffffff1a;width:380px;height:380px;animation:45s linear infinite ring-spin;right:-110px;transform:translateY(-50%)}.lp-ring-2{border:1px dashed #ffffff14;width:270px;height:270px;animation:28s linear infinite reverse ring-spin;right:-49px;transform:translateY(-50%)}.lp-ring-3{border:1px solid #ffffff1c;width:175px;height:175px;animation:19s linear infinite ring-spin;right:4px;transform:translateY(-50%)}.lp-ring-4{border:1px solid #ffffff0d;width:500px;height:500px;animation:70s linear infinite reverse ring-spin;right:-180px;transform:translateY(-50%)}@keyframes ring-spin{to{transform:translateY(-50%)rotate(360deg)}}.lp-badge{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;position:absolute;box-shadow:0 6px 20px #0000002e}.lp-badge-1{animation:5.2s ease-in-out infinite badge-float;top:9%;right:16%}.lp-badge-2{animation:6.4s ease-in-out -2.1s infinite badge-float;top:42%;right:3%}.lp-badge-3{animation:4.8s ease-in-out -3.8s infinite badge-float;bottom:18%;right:20%}.lp-badge-4{animation:5.8s ease-in-out -1.2s infinite badge-float;top:22%;right:38%}@keyframes badge-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(5deg)}}.lp-brand{z-index:1;flex-direction:column;gap:clamp(14px,2vh,28px);width:100%;max-width:460px;max-height:100%;display:flex;position:relative;overflow:hidden}.lp-logo{flex-shrink:0;align-items:center;gap:14px;animation:.75s cubic-bezier(.22,1,.36,1) .2s both fade-up;display:flex}.lp-logo-mark{background:#ffffff24;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(48px,5.5vw,60px);height:clamp(48px,5.5vw,60px);animation:3.5s ease-in-out infinite logo-glow;display:flex;box-shadow:0 6px 24px #0003}.lp-logo-mark svg{width:65%;height:65%}@keyframes logo-glow{0%,to{box-shadow:0 6px 24px #0000002e}50%{box-shadow:0 6px 36px #00000047,0 0 0 6px #ffffff0d}}.lp-logo-text{flex-direction:column;gap:2px;display:flex}.lp-logo-name{color:#fff;letter-spacing:-.3px;font-size:clamp(18px,2vw,22px);font-weight:800;line-height:1}.lp-logo-sub{color:#ffffff85;text-transform:uppercase;letter-spacing:1px;font-size:10.5px}.lp-headline{flex-shrink:0;animation:.75s cubic-bezier(.22,1,.36,1) .33s both fade-up}.lp-headline h1{color:#fff;letter-spacing:-2px;margin:0 0 10px;font-size:clamp(30px,3.6vw,46px);font-weight:900;line-height:1.06}.lp-headline h1 em{background:linear-gradient(90deg,#bfdbfe 0%,#93c5fd 40%,#e0f2fe 70%,#bfdbfe 100%) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:5s linear infinite gradient-flow}@keyframes gradient-flow{to{background-position:300%}}.lp-headline p{color:#ffffff85;max-width:370px;margin:0;font-size:clamp(13px,1.1vw,14.5px);line-height:1.65}.lp-features{flex-direction:column;flex-shrink:0;gap:clamp(6px,.8vh,10px);display:flex}.lp-feature{cursor:default;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;padding:clamp(9px,1vh,13px) 16px;transition:background .25s,border-color .25s,transform .25s;animation:.7s cubic-bezier(.22,1,.36,1) both fade-up;display:flex}.lp-feature:hover{background:#ffffff1f;border-color:#ffffff3d;transform:translate(4px)}.lp-feature-dot{background:#ffffff1f;border:1px solid #fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,40px);height:clamp(32px,3vw,40px);font-size:clamp(16px,1.6vw,20px);display:flex}.lp-feature-name{color:#ffffffeb;margin-bottom:2px;font-size:13.5px;font-weight:600}.lp-feature-desc{color:#ffffff75;font-size:12px;line-height:1.35}.lp-stats{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:clamp(6px,.7vh,10px);animation:.75s cubic-bezier(.22,1,.36,1) .62s both fade-up;display:grid}.lp-stat{text-align:center;cursor:default;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;padding:clamp(10px,1.2vh,15px) 8px;transition:background .22s,border-color .22s,transform .22s}.lp-stat:hover{background:#ffffff21;border-color:#ffffff3d;transform:translateY(-2px)}.lp-stat-n{color:#fff;letter-spacing:-.4px;font-size:clamp(15px,1.5vw,18px);font-weight:800;display:block}.lp-stat-l{color:#ffffff75;text-transform:uppercase;letter-spacing:.6px;margin-top:3px;font-size:10px;display:block}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.lp-right{box-sizing:border-box;scrollbar-width:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:32px 44px;animation:.9s cubic-bezier(.22,1,.36,1) 80ms both slide-right;display:flex;overflow:hidden auto}.lp-right::-webkit-scrollbar{display:none}@keyframes slide-right{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@media (width<=1040px){.lp-right{background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 40%,#ede9fe 80%,#e0f2fe 100%);align-items:flex-start;width:100%;padding:28px 20px}}.lp-card-glow{border-radius:22px;width:100%;max-width:410px;position:relative}.lp-card-glow:before{content:"";z-index:0;background:conic-gradient(#2563eb00,#6366f1d9,#3b82f6f2,#8b5cf6cc,#60a5fae6,#38bdf8b3,#2563eb00);border-radius:23.5px;animation:6s linear infinite border-spin;position:absolute;inset:-1.5px}.lp-card-glow:after{content:"";filter:blur(12px);z-index:0;opacity:.8;background:conic-gradient(#2563eb00,#6366f166,#3b82f673,#8b5cf659,#38bdf84d,#2563eb00);border-radius:25px;animation:6s linear infinite border-spin;position:absolute;inset:-3px}@keyframes border-spin{to{transform:rotate(360deg)}}.lp-card{z-index:1;background:#fff;border:1px solid #2563eb1a;border-radius:22px;flex-direction:column;gap:clamp(16px,2.2vh,26px);width:100%;padding:clamp(28px,3.5vh,40px) 36px;display:flex;position:relative;box-shadow:inset 0 1px #ffffffe6,0 20px 56px #2563eb1a,0 4px 14px #0000000d}@media (width<=500px){.lp-card{border-radius:18px;padding:28px 22px}.lp-card-glow,.lp-card-glow:before,.lp-card-glow:after{border-radius:19.5px}}.lp-mob-logo{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding-bottom:clamp(12px,1.8vh,20px);display:flex}.lp-mob-mark-ring{flex-shrink:0;position:relative}.lp-mob-mark-ring:before{content:"";z-index:0;background:conic-gradient(#0000 0%,#2563eb8c 30%,#60a5fabf 50%,#0000 65%);border-radius:18px;animation:4s linear infinite border-spin;position:absolute;inset:-4px}.lp-mob-mark-ring:after{content:"";filter:blur(7px);z-index:0;background:conic-gradient(#0000 0%,#2563eb40 35%,#60a5fa59 50%,#0000 65%);border-radius:19px;animation:4s linear infinite border-spin;position:absolute;inset:-5px}.lp-mob-mark{z-index:1;background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #2563eb6b}.lp-mob-mark svg{width:28px;height:28px}.lp-mob-mark.has-image{box-sizing:border-box;background:#fff;border:1px solid #dbeafe;padding:5px}.lp-mob-logo-img{object-fit:contain;width:100%;height:100%;display:block}.lp-mob-text{flex-direction:column;gap:3px;display:flex}.lp-mob-name{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);-webkit-text-fill-color:transparent;letter-spacing:-.2px;overflow-wrap:anywhere;-webkit-background-clip:text;background-clip:text;max-width:260px;font-size:16px;font-weight:800;line-height:1.15}.lp-mob-tagline{color:#94a3b8;text-transform:uppercase;letter-spacing:.9px;font-size:10px;font-weight:500}.lp-card-head{text-align:center;flex-direction:column;gap:8px;display:flex}.lp-secure-badge{color:#1d4ed8;letter-spacing:.3px;background:linear-gradient(135deg,#2563eb12 0%,#60a5fa0d 100%);border:1px solid #2563eb2e;border-radius:100px;align-self:flex-start;align-items:center;gap:7px;padding:5px 13px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 1px 5px #2563eb14}.lp-secure-dot{background:#2563eb;border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.38;transform:scale(.6)}}.lp-card-head h2{color:#0f172a;letter-spacing:-.7px;margin:0;font-size:clamp(22px,2.5vw,28px);font-weight:800;line-height:1.12}.lp-card-head h2 em{background:linear-gradient(90deg,#1d4ed8 0%,#2563eb 50%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.lp-card-head p{color:#64748b;margin:0;font-size:13.5px;line-height:1.55}.lp-form{flex-direction:column;gap:clamp(12px,1.6vh,18px);display:flex}.lp-field{position:relative}.lp-flabel{color:#94a3b8;pointer-events:none;z-index:2;white-space:nowrap;font-size:14px;font-weight:400;transition:all .22s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:46px;transform:translateY(-50%)}.lp-field.is-active .lp-flabel{color:#2563eb;letter-spacing:.3px;background:#fff;border-radius:3px;padding:0 5px;font-size:11px;font-weight:600;top:0;left:13px;transform:translateY(-50%)}.lp-input-wrap{align-items:center;display:flex;position:relative}.lp-ico{color:#94a3b8;pointer-events:none;z-index:1;align-items:center;transition:color .22s;display:flex;position:absolute;left:15px}.lp-field.is-active .lp-ico{color:#2563eb}.lp-input{color:#0f172a;box-sizing:border-box;caret-color:#2563eb;background:#f8faff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 14px 14px 46px;font-family:Inter,inherit;font-size:14px;transition:background .25s,border-color .25s,box-shadow .25s}.lp-input::placeholder{color:#0000}.lp-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.lp-eye{cursor:pointer;color:#94a3b8;z-index:1;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex;position:absolute;right:12px}.lp-eye:hover{color:#475569;background:#f1f5f9}.lp-meta{justify-content:space-between;align-items:center;display:flex}.lp-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.lp-check input[type=checkbox]{display:none}.lp-check-box{border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:background .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.lp-check input:checked+.lp-check-box{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-color:#0000;box-shadow:0 0 0 3px #2563eb26}.lp-check input:checked+.lp-check-box:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;display:block;transform:rotate(-45deg)translate(1px,-1px)}.lp-check-label{color:#64748b;font-size:13px}.lp-forgot{color:#2563eb;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.lp-forgot:hover{color:#1d4ed8;text-decoration:underline}.lp-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:500;animation:.42s cubic-bezier(.36,.07,.19,.97) both err-shake;display:flex}@keyframes err-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.lp-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e40af 0%,#2563eb 50%,#1e40af 100%) 0 0/200%;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-family:Inter,inherit;font-size:15px;font-weight:700;transition:background-position .4s,transform .28s,box-shadow .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #2563eb61,inset 0 1px #ffffff29}.lp-submit:hover:not(:disabled){background-position:100%;transform:translateY(-2px);box-shadow:0 8px 28px #2563eb80,inset 0 1px #ffffff2e}.lp-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 12px #2563eb59}.lp-submit:disabled{opacity:.65;cursor:not-allowed}.lp-submit:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:65%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-18deg)}.lp-submit:hover:not(:disabled):after{transition:left .55s;left:140%}.lp-dots{align-items:center;gap:6px;height:20px;display:flex}.lp-dots span{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite dot-bounce;display:block}.lp-dots span:first-child{animation-delay:0s}.lp-dots span:nth-child(2){animation-delay:.18s}.lp-dots span:nth-child(3){animation-delay:.36s}@keyframes dot-bounce{0%,80%,to{opacity:.45;transform:scale(.55)}40%{opacity:1;transform:scale(1)}}.lp-card-foot{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.lp-sep{align-items:center;gap:10px;width:100%;display:flex}.lp-sep:before,.lp-sep:after{content:"";background:#e2e8f0;flex:1;height:1px}.lp-sep span{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;font-size:10.5px}.lp-card-foot p{color:#94a3b8;margin:0;font-size:12.5px}.lp-card-foot a{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s}.lp-card-foot a:hover{color:#1d4ed8}.lp-dot-sep{color:#cbd5e1}.lp-copy{color:#cbd5e1!important;font-size:11px!important}.sb-root{z-index:100;background:#fff;border-right:1px solid #f0f0f5;flex-direction:column;width:220px;height:100vh;transition:width .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:visible;box-shadow:2px 0 12px #6366f10f}.sb-root.collapsed{width:58px}.sb-header{border-bottom:1px solid #f0f0f5;flex-shrink:0;align-items:center;gap:10px;min-height:64px;padding:16px 14px 14px;display:flex}.sb-logo-mark{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 3px 10px #6366f159}.sb-logo-text{white-space:nowrap;flex-direction:column;transition:opacity .18s;display:flex;overflow:hidden}.sb-root.collapsed .sb-logo-text{opacity:0;pointer-events:none}.sb-logo-name{color:#111827;letter-spacing:.01em;font-size:13.5px;font-weight:700}.sb-logo-sub{color:#9ca3af;margin-top:1px;font-size:9.5px}.sb-collapse-btn{color:#6366f1;cursor:pointer;z-index:110;background:#fff;border:1.5px solid #e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .18s,transform .28s,color .18s;display:flex;position:absolute;top:20px;right:-12px;box-shadow:0 2px 8px #6366f140}.sb-collapse-btn:hover{color:#fff;background:#6366f1}.sb-root.collapsed .sb-collapse-btn{transform:rotate(180deg)}.sb-nav{scrollbar-width:thin;scrollbar-color:#e0e7ff transparent;overflow-anchor:none;flex:1;padding:10px 0 4px;overflow:hidden auto}.sb-nav::-webkit-scrollbar{width:3px}.sb-nav::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.sb-standalone{padding:0 0 2px}.sb-divider{background:#f3f4f6;height:1px;margin:6px 12px 4px}.sb-acc-group{margin-bottom:1px}.sb-acc-head{cursor:pointer;color:#6b7280;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;width:100%;padding:7px 12px 7px 14px;font-family:inherit;transition:color .15s;display:flex;position:relative}.sb-acc-head:hover,.sb-acc-head.has-active{color:#374151}.sb-acc-head.open{color:#111827}.sb-acc-head-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .15s;display:flex}.sb-acc-head.open .sb-acc-head-icon,.sb-acc-head:hover .sb-acc-head-icon{opacity:1}.sb-acc-head-label{letter-spacing:.01em;white-space:nowrap;flex:1;font-size:12px;font-weight:600;transition:opacity .15s}.sb-root.collapsed .sb-acc-head-label{opacity:0;pointer-events:none}.sb-acc-head-chevron{color:#d1d5db;flex-shrink:0;align-items:center;transition:transform .22s cubic-bezier(.4,0,.2,1),color .15s;display:flex}.sb-acc-head.open .sb-acc-head-chevron{color:#6366f1;transform:rotate(90deg)}.sb-root.collapsed .sb-acc-head-chevron{opacity:0}.sb-acc-items{max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sb-acc-items.open{max-height:760px}.sb-root.collapsed .sb-acc-items{transition:none;max-height:400px!important}.sb-acc-items-inner{padding:2px 0 6px;position:relative}.sb-acc-items-inner:before{content:"";background:#e5e7eb;border-radius:1px;width:1.5px;height:calc(100% - 12px);position:absolute;top:4px;left:22px}.sb-root.collapsed .sb-acc-items-inner:before{opacity:0}.sb-root.collapsed .sb-acc-group+.sb-acc-group{border-top:1px solid #f3f4f6;margin-top:3px;padding-top:3px}.sb-item{cursor:pointer;-webkit-user-select:none;user-select:none;color:#6b7280;border-radius:8px;align-items:center;gap:9px;margin:1px 8px;padding:7px 10px 7px 12px;transition:background .14s,color .14s;display:flex;position:relative;overflow:hidden}.sb-item:hover{color:#4f46e5;background:#f5f3ff}.sb-item.active{color:#fff;background:#6366f1;box-shadow:0 4px 14px #6366f159}.sb-item.sub{padding-left:30px;font-size:12.5px}.sb-item.sub:before{content:"";background:#d1d5db;border-radius:50%;width:5px;height:5px;transition:background .14s;position:absolute;top:50%;left:21px;transform:translateY(-50%)}.sb-item.sub.active:before{background:#ffffffbf}.sb-item.sub:hover:before{background:#6366f1}.sb-root.collapsed .sb-item.sub:before{opacity:0}.sb-root.collapsed .sb-item.sub{padding-left:12px}.sb-item-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .14s;display:flex}.sb-item:hover .sb-item-icon{opacity:1;color:#6366f1}.sb-item.active .sb-item-icon{opacity:1;color:#fff}.sb-item-label{white-space:nowrap;flex:1;font-size:13px;font-weight:500;transition:opacity .15s}.sb-root.collapsed .sb-item-label{opacity:0;pointer-events:none}.sb-badge{color:#6366f1;white-space:nowrap;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:10px;flex-shrink:0;padding:1.5px 6px;font-size:9.5px;font-weight:700;transition:opacity .15s}.sb-item.active .sb-badge{color:#fff;background:#ffffff40;border-color:#ffffff4d}.sb-root.collapsed .sb-badge{opacity:0}.sb-tooltip{color:#f1f5f9;white-space:nowrap;z-index:300;opacity:0;pointer-events:none;background:#1e293b;border:1px solid #334155;border-radius:7px;padding:5px 11px;font-size:12px;font-weight:600;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 16px #0003}.sb-root.collapsed .sb-item:hover .sb-tooltip{opacity:1}.sb-footer{background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0;padding:10px 8px}.sb-user{cursor:default;border-radius:9px;align-items:center;gap:9px;padding:7px 9px;transition:background .15s;display:flex;overflow:hidden}.sb-user:hover{background:#f9fafb}.sb-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:flex}.sb-user-info{white-space:nowrap;flex:1;transition:opacity .15s;overflow:hidden}.sb-root.collapsed .sb-user-info{opacity:0;pointer-events:none}.sb-user-name{color:#111827;font-size:12px;font-weight:600;line-height:1.3}.sb-user-role{color:#9ca3af;margin-top:1px;font-size:9.5px}.sb-online-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:opacity .15s;box-shadow:0 0 5px #10b98180}.sb-root.collapsed .sb-online-dot{opacity:0}.sb-footer-div{background:#f3f4f6;height:1px;margin:7px 8px}.sb-logout-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px 9px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .15s,color .15s;display:flex;overflow:hidden}.sb-logout-btn:hover{color:#ef4444;background:#fef2f2}.sb-logout-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.sb-logout-label{white-space:nowrap;transition:opacity .15s}.sb-root.collapsed .sb-logout-label{opacity:0}.sb-mobile-close{color:#6366f1;cursor:pointer;background:#f5f3ff;border:1px solid #e0e7ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:background .15s,color .15s;display:none}.sb-mobile-close:hover{color:#fff;background:#6366f1}.sb-mobile-overlay{-webkit-backdrop-filter:blur(2px);z-index:150;background:#00000073;position:fixed;inset:0}@media (width<=768px){.sb-root{z-index:200;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;transform:translate(0);box-shadow:4px 0 32px #6366f12e;width:220px!important}.sb-root.collapsed{box-shadow:none;transform:translate(-100%)}.sb-collapse-btn{display:none}.sb-mobile-close{display:flex}}.tb-topbar{z-index:50;background:#fff;border-bottom:1px solid #f0f0f5;align-items:center;gap:14px;height:64px;padding:0 28px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;display:flex;position:sticky;top:0}.tb-hamburger{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:none}.tb-hamburger:hover{color:#6366f1;background:#eef2ff}.tb-breadcrumb{color:#9ca3af;white-space:nowrap;flex:1;align-items:center;gap:6px;font-size:13px;display:flex}.tb-breadcrumb span:last-child{color:#111827;font-weight:600}.tb-sep{color:#e5e7eb;font-size:14px}.tb-actions{align-items:center;gap:6px;display:flex}.tb-search-wrapper{background:#f8f9fc;border:1px solid #e5e7eb;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;width:230px;height:36px;padding:0 10px;transition:border-color .15s,box-shadow .15s,width .15s;display:flex;position:relative}.tb-search-wrapper:focus-within{background:#fff;border-color:#c7d2fe;width:270px;box-shadow:0 0 0 3px #6366f11f}.tb-search-icon{color:#9ca3af;flex-shrink:0}.tb-search-wrapper:focus-within .tb-search-icon{color:#6366f1}.tb-search-input{color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px}.tb-search-input::placeholder{color:#9ca3af}.tb-search-clear{color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.tb-search-clear:hover{color:#374151;background:#d1d5db}.tb-search-results{z-index:210;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:280px;max-height:320px;animation:.18s cubic-bezier(.22,1,.36,1) forwards tb-notif-in;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f}.tb-search-row{text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:background .12s;display:flex}.tb-search-row:last-child{border-bottom:none}.tb-search-row:hover{background:#f7f8ff}.tb-search-row-label{color:#111827;font-size:12.5px;font-weight:650}.tb-search-row-group{color:#9ca3af;font-size:10.5px;font-weight:600}.tb-search-empty{color:#6b7280;text-align:center;padding:16px 14px;font-size:12px;font-weight:650}.tb-icon-btn{color:#6b7280;cursor:pointer;background:#f8f9fc;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.tb-icon-btn:hover,.tb-icon-btn.active{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.tb-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex;overflow:hidden}.tb-avatar.active,.tb-avatar:hover{box-shadow:0 0 0 3px #6366f124}.tb-avatar-img{object-fit:cover;width:100%;height:100%}.tb-profile-wrapper{position:relative}.tb-profile-panel{z-index:220;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:230px;animation:.2s cubic-bezier(.22,1,.36,1) forwards tb-notif-in;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f}.tb-profile-head{border-bottom:1px solid #f0f0f5;align-items:center;gap:10px;padding:14px;display:flex}.tb-profile-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.tb-profile-info{min-width:0}.tb-profile-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.tb-profile-role-tag{color:#4f46e5;margin-top:2px;font-size:11px;font-weight:600}.tb-profile-role{color:#6b7280;text-transform:capitalize;margin-top:2px;font-size:11px}.tb-profile-id{text-transform:none}.tb-profile-item{color:#374151;text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:9px;width:100%;padding:11px 14px;font-size:12.5px;font-weight:650;transition:background .15s,color .15s;display:flex}.tb-profile-item:hover{color:#6366f1;background:#f7f8ff}.tb-profile-item.danger{color:#b91c1c;border-top:1px solid #f0f0f5}.tb-profile-item.danger:hover{color:#991b1b;background:#fef2f2}.tb-notif-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards tb-badge-pop;display:flex;position:absolute;top:-5px;right:-5px}@keyframes tb-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.tb-notif-wrapper{position:relative}@keyframes tb-notif-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tb-notif-panel{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:360px;animation:.2s cubic-bezier(.22,1,.36,1) forwards tb-notif-in;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f}.tb-notif-hdr{border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;padding:15px 18px 13px;display:flex}.tb-notif-hdr-left{align-items:center;gap:8px;display:flex}.tb-notif-hdr-title{color:#111827;font-size:14px;font-weight:700}.tb-notif-hdr-count{color:#6366f1;background:#eef2ff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.tb-notif-mark-read{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:background .15s}.tb-notif-mark-read:hover{background:#eef2ff}.tb-notif-scroll{max-height:340px;overflow-y:auto}.tb-notif-scroll::-webkit-scrollbar{width:4px}.tb-notif-scroll::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.tb-notif-row{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f0f5;align-items:flex-start;gap:12px;padding:12px 18px;transition:background .12s;display:flex;position:relative}.tb-notif-row:last-child{border-bottom:none}.tb-notif-row:hover{background:#fafbff}.tb-notif-row.is-unread{background:#f7f8ff}.tb-notif-row.is-unread:hover{background:#eef2ff}.tb-notif-ico{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.tb-notif-ico.academic{background:#eef2ff}.tb-notif-ico.finance{background:#fffbeb}.tb-notif-ico.event{background:#f5f3ff}.tb-notif-ico.system{background:#ecfdf5}.tb-notif-ico.notice,.tb-notif-ico.exam,.tb-notif-ico.general{background:#eff6ff}.tb-notif-ico.library{background:#f0fdf4}.tb-notif-empty{color:#6b7280;text-align:center;padding:22px 18px;font-size:12px;font-weight:650}.tb-notif-body{flex:1;min-width:0}.tb-notif-row-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12.5px;font-weight:600;overflow:hidden}.tb-notif-row-desc{color:#6b7280;margin-bottom:4px;font-size:11.5px;line-height:1.45}.tb-notif-row-time{color:#9ca3af;font-size:10.5px;font-weight:500}.tb-notif-pip{background:#6366f1;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.tb-notif-ftr{border-top:1px solid #f0f0f5;padding:10px 18px}.tb-notif-view-all{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:7px 16px;font-size:12px;font-weight:600;transition:background .15s}.tb-notif-view-all:hover{background:#eef2ff}.tb-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;justify-content:center;align-items:center;padding:18px;animation:.18s both tb-overlay-in;display:flex;position:fixed;inset:0}@keyframes tb-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes tb-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes tb-modal-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.96)}}.tb-modal-overlay.closing{animation:.24s forwards tb-overlay-out}.tb-password-modal.closing{animation:.24s cubic-bezier(.4,0,.6,1) forwards tb-modal-out}.tb-password-modal{background:#fff;border-radius:16px;width:min(420px,100%);animation:.2s cubic-bezier(.22,1,.36,1) forwards tb-notif-in;overflow:hidden;box-shadow:0 18px 60px #0003}.tb-password-head{border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 15px;display:flex}.tb-password-title{color:#111827;font-size:16px;font-weight:800}.tb-password-sub{color:#6b7280;margin-top:3px;font-size:12px}.tb-modal-close{color:#6b7280;cursor:pointer;background:#f8f9fc;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:flex}.tb-modal-close:hover{color:#ef4444;background:#fef2f2}.tb-password-steps{background:#fafbff;border-bottom:1px solid #f0f0f5;align-items:center;gap:0;padding:12px 20px 14px;display:flex}.tb-password-step{flex-direction:column;align-items:center;gap:4px;display:flex}.tb-password-step-circle{color:#9ca3af;background:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;transition:border-color .2s,background .2s,color .2s;display:flex}.tb-password-step small{color:#9ca3af;font-size:10px;font-weight:650;transition:color .2s}.tb-password-step.active .tb-password-step-circle{color:#fff;background:#6366f1;border-color:#6366f1}.tb-password-step.active small{color:#6366f1}.tb-password-step.done .tb-password-step-circle{color:#fff;background:#10b981;border-color:#10b981}.tb-password-step.done small{color:#10b981}.tb-password-step-line{background:#e5e7eb;flex:1;height:2px;margin:0 8px 16px}.tb-password-body{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.tb-password-field{flex-direction:column;gap:6px;display:flex}.tb-password-field span{color:#6b7280;font-size:12px;font-weight:650}.tb-password-field input{color:#111827;background:#f8f9fc;border:1.5px solid #e5e7eb;border-radius:9px;outline:none;height:38px;padding:0 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.tb-password-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.tb-password-verification{background:#f8f9fc;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.tb-password-verification-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.tb-password-verification-head span{color:#374151;font-size:12px;font-weight:750;display:block}.tb-password-verification-head small{color:#6b7280;margin-top:2px;font-size:11px;display:block}.tb-password-otp-btn{color:#4f46e5;cursor:pointer;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:108px;height:34px;font-size:12px;font-weight:750;display:inline-flex}.tb-password-otp-btn:hover{background:#e0e7ff}.tb-password-otp-btn:disabled{opacity:.65;cursor:not-allowed}.tb-password-alert{border-radius:9px;padding:9px 11px;font-size:12px;font-weight:650}.tb-password-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.tb-password-alert.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.tb-password-foot{background:#fafbff;border-top:1px solid #f0f0f5;justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}.tb-password-cancel,.tb-password-save{cursor:pointer;border-radius:9px;align-items:center;gap:5px;height:38px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.tb-password-cancel{color:#6b7280;background:#fff;border:1.5px solid #e5e7eb}.tb-password-save{color:#fff;background:#6366f1;border:none;box-shadow:0 2px 8px #6366f147}.tb-password-save:hover{background:#4f46e5}.tb-password-cancel:disabled,.tb-password-save:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.tb-hamburger{display:flex}.tb-topbar{gap:10px;padding:0 14px}.tb-search-wrapper{width:160px}.tb-search-wrapper:focus-within{width:180px}}@media (width<=600px){.tb-breadcrumb{display:none}.tb-search-wrapper,.tb-search-wrapper:focus-within{width:100%}}@media (width<=480px){.tb-notif-panel{width:calc(100vw - 28px);right:-42px}.tb-profile-panel{right:0}.tb-search-results{left:-40px;right:-40px}.tb-password-foot{flex-direction:column-reverse}.tb-password-cancel,.tb-password-save{width:100%}}.bday-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;animation:.3s ease-out bday-fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.bday-overlay.fade-out{animation:.4s ease-in forwards bday-fade-out}@keyframes bday-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bday-fade-out{0%{opacity:1}to{opacity:0}}.bday-particle{pointer-events:none;border-radius:50%;animation:4s ease-in forwards bday-particle-fall;position:absolute;top:-20px}@keyframes bday-particle-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.bday-modal{text-align:center;background:linear-gradient(145deg,#1e293b,#334155);border:1px solid #fbbf244d;border-radius:20px;width:90%;max-width:400px;padding:40px 36px 32px;animation:.5s ease-out bday-modal-in;position:relative;box-shadow:0 20px 60px #0006,0 0 40px #fbbf241a,inset 0 1px #ffffff0d}@keyframes bday-modal-in{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.bday-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.bday-close:hover{color:#fff;background:#ffffff26}.bday-emoji-row{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.bday-emoji{font-size:22px;animation:1s ease-in-out infinite bday-emoji-bounce}@keyframes bday-emoji-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bday-icon-wrapper{justify-content:center;margin-bottom:16px;display:flex}.bday-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:2s ease-in-out infinite bday-icon-pulse;display:flex;box-shadow:0 4px 20px #f59e0b66}@keyframes bday-icon-pulse{0%,to{box-shadow:0 4px 20px #f59e0b66}50%{box-shadow:0 4px 30px #f59e0bb3}}.bday-title{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:28px;font-weight:800}.bday-name{color:#f1f5f9;margin:0 0 8px;font-size:20px;font-weight:700}.bday-message{color:#94a3b8;margin:0 0 20px;font-size:14px;line-height:1.5}.bday-details{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:flex}.bday-badge{border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.bday-badge.staff{color:#818cf8;background:#6366f133;border:1px solid #6366f14d}.bday-badge.student{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.bday-age{color:#fbbf24;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.bday-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #f59e0b4d}.bday-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.bday-btn:active{transform:translateY(0)}.layout-root{color:#111827;background:#f8f9fc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;display:flex}.layout-main{scroll-behavior:smooth;flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);overflow:hidden auto}.layout-main.layout-collapsed{margin-left:58px}.layout-main::-webkit-scrollbar{width:5px}.layout-main::-webkit-scrollbar-track{background:0 0}.layout-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}@media (width<=768px){.layout-main{margin-left:0!important}}@keyframes emp-route-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.layout-main>:not([class*=backdrop]):not([class*=-panel]){animation:.46s cubic-bezier(.22,1,.36,1) both emp-route-enter}@media (prefers-reduced-motion:reduce){.layout-main>:not([class*=backdrop]):not([class*=-panel]){animation:none}}.lms-page{color:#111827;flex-direction:column;gap:32px;padding:32px 28px 60px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;display:flex}.lms-hero{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;align-items:center;gap:18px;padding:56px 32px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #6366f112}.lms-hero-glow{pointer-events:none;background:radial-gradient(#6366f12e 0%,#0000 70%);width:360px;height:260px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.lms-hero-icon-wrap{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.lms-hero-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;box-shadow:0 8px 28px #6366f161}.lms-hero-icon-ring{border:1.5px solid #6366f138;border-radius:50%;animation:2.4s ease-out infinite lmsRingPulse;position:absolute}.lms-ring-1{width:100px;height:100px;animation-delay:0s}.lms-ring-2{width:128px;height:128px;animation-delay:.7s}@keyframes lmsRingPulse{0%{opacity:.8;transform:scale(.78)}to{opacity:0;transform:scale(1.1)}}.lms-hero-title{color:#111827;letter-spacing:-.02em;margin-top:4px;font-size:26px;font-weight:800}.lms-hero-sub{color:#6b7280;max-width:480px;font-size:14.5px;line-height:1.6}.lms-hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.lms-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 28px;font-family:inherit;font-size:14.5px;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 18px #6366f161}.lms-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-2px);box-shadow:0 8px 28px #6366f173}.lms-btn-primary:disabled{opacity:.6;cursor:not-allowed}.lms-btn-ghost{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;gap:7px;height:46px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.lms-btn-ghost:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}@keyframes lmsBtnSpin{to{transform:rotate(360deg)}}.lms-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.65s linear infinite lmsBtnSpin;display:inline-block}.lms-open-error{color:#ef4444;text-align:left;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:7px;max-width:380px;padding:9px 16px;font-size:13px;font-weight:500;display:inline-flex}.lms-features-wrap{flex-direction:column;gap:18px;display:flex}.lms-features-title{color:#374151;text-align:center;font-size:16px;font-weight:700}.lms-features{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.lms-feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:flex-start;gap:14px;padding:18px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 1px 4px #0000000d}.lms-feature-card:hover{border-color:#6366f147;transform:translateY(-2px);box-shadow:0 6px 20px #6366f11a}.lms-feature-icon{color:#6366f1;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lms-feature-label{color:#111827;margin-bottom:3px;font-size:13.5px;font-weight:700}.lms-feature-desc{color:#6b7280;font-size:12.5px;line-height:1.45}.lms-note{color:#9ca3af;background:#f8f9fc;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:12.5px;display:flex}.lms-note-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px}@media (width<=900px){.lms-features{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.lms-page{padding:20px 16px 48px}.lms-hero{gap:14px;padding:40px 20px 36px}.lms-hero-title{font-size:20px}.lms-features{grid-template-columns:1fr}.lms-note{text-align:center;flex-direction:column}}:root{--la-primary:#6366f1;--la-primary-lt:#818cf8;--la-primary-dk:#4f46e5;--la-primary-bg:#eef2ff;--la-primary-ring:#6366f124;--la-success:#10b981;--la-success-bg:#ecfdf5;--la-danger:#ef4444;--la-danger-bg:#fef2f2;--la-bg:#f8f9fc;--la-card:#fff;--la-text-1:#111827;--la-text-2:#6b7280;--la-text-3:#9ca3af;--la-border:#f0f0f5;--la-border-md:#e5e7eb;--la-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--la-shadow-md:0 4px 20px #00000014;--la-radius:14px;--la-font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes laFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes laShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes laSpin{to{transform:rotate(360deg)}}.la-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.la-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.la-page-title{color:var(--la-text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.la-page-sub{color:var(--la-text-2);margin-top:3px;font-size:13px}.la-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.la-stat{background:var(--la-card);border:1px solid var(--la-border-md);border-radius:var(--la-radius);box-shadow:var(--la-shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both laFadeUp;display:flex}.la-stat:hover{box-shadow:var(--la-shadow-md);transform:translateY(-2px)}.la-stat:first-child{animation-delay:50ms}.la-stat:nth-child(2){animation-delay:.1s}.la-stat:nth-child(3){animation-delay:.15s}.la-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.la-stat-value{font-size:24px;font-weight:800;line-height:1}.la-stat-label{color:var(--la-text-2);margin-top:4px;font-size:12px;font-weight:500}.la-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.la-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.la-select-wrap{position:relative}.la-select{appearance:none;color:#111827;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;min-width:160px;height:38px;padding:0 32px 0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s;box-shadow:0 1px 3px #0000000d}.la-select:hover{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.la-select:focus{border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.la-search-box{background:var(--la-bg);border:1px solid var(--la-border-md);height:38px;color:var(--la-text-3);border-radius:9px;align-items:center;gap:8px;min-width:260px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.la-search-box:focus-within{border-color:var(--la-primary);box-shadow:0 0 0 3px var(--la-primary-ring)}.la-search-box input{color:var(--la-text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.la-search-box input::placeholder{color:var(--la-text-3)}.la-search-clear{color:var(--la-text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.la-search-clear:hover{color:var(--la-text-1)}.la-result-count{background:var(--la-primary-bg);color:var(--la-primary);border:1px solid #6366f133;border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.la-list-wrap{background:var(--la-card);border:1px solid var(--la-border-md);border-radius:var(--la-radius);-webkit-overflow-scrolling:touch;box-shadow:var(--la-shadow-sm);overflow-x:auto}.la-table{border-collapse:collapse;width:100%;min-width:760px}.la-table thead tr{border-bottom:1px solid var(--la-border-md);background:#fafbfc}.la-table th{text-align:left;color:var(--la-text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 14px;font-size:11.5px;font-weight:700}.la-table th:first-child,.la-table td:first-child{text-align:center;width:42px;min-width:42px;max-width:42px;padding-left:16px;padding-right:6px}.la-table tbody tr{border-bottom:1px solid var(--la-border);transition:background .12s}.la-table tbody tr:last-child{border-bottom:none}.la-table tbody tr:hover{background:#fafbff}.la-table td{color:var(--la-text-1);vertical-align:middle;padding:13px 14px;font-size:13.5px}.la-th-actions,.la-td-actions{text-align:center}.la-tbl-muted{color:var(--la-text-2);font-size:12.5px}.la-na{color:var(--la-text-3);font-size:12.5px;font-style:italic}.la-tbl-person{align-items:center;gap:12px;display:flex}.la-tbl-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.la-tbl-name{color:var(--la-text-1);font-size:13.5px;font-weight:600}.la-tbl-id{color:var(--la-text-3);letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:700}.la-tbl-contact{flex-direction:column;gap:3px;display:flex}.la-tbl-contact span{color:var(--la-text-2);align-items:center;gap:5px;font-size:12.5px;display:flex}.la-course-badge{background:var(--la-primary-bg);color:var(--la-primary);border:1px solid #6366f12e;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.la-access-chip{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.la-access-chip:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.la-chip-enabled{background:var(--la-success-bg);color:var(--la-success);border:1px solid #a7f3d0}.la-chip-disabled{color:var(--la-text-2);border:1px solid var(--la-border-md);background:#f3f4f6}.la-toggle-btn{height:32px;font-size:12.5px;font-weight:600;font-family:var(--la-font);cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:8px;align-items:center;gap:6px;padding:0 14px;transition:all .15s;display:inline-flex}.la-toggle-on{color:var(--la-danger);background:#fef2f2;border-color:#fecaca}.la-toggle-on:hover:not(:disabled){background:var(--la-danger);color:#fff;border-color:var(--la-danger)}.la-toggle-off{background:var(--la-success-bg);color:var(--la-success);border-color:#a7f3d0}.la-toggle-off:hover:not(:disabled){background:var(--la-success);color:#fff;border-color:var(--la-success)}.la-toggle-loading,.la-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.la-spinner{opacity:.7;border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite laSpin;display:inline-block}.la-skeleton-row td{padding:14px}.la-skeleton-cell{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/400px 100%;border-radius:6px;height:16px;animation:1.2s infinite laShimmer}.la-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}.la-empty-icon{background:var(--la-primary-bg);width:60px;height:60px;color:var(--la-primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.la-scroll-sentinel{border-top:1px solid var(--la-border);min-height:58px;color:var(--la-text-3);justify-content:center;align-items:center;font-size:12.5px;display:flex}@media (width<=900px){.la-stats{grid-template-columns:1fr 1fr}}@media (width<=768px){.la-content{padding:18px 16px 40px}.la-toolbar,.la-toolbar-left{flex-direction:column;align-items:stretch}.la-search-box{min-width:unset;width:100%}.la-select{width:100%}}@media (width<=560px){.la-stats{grid-template-columns:1fr}.la-page-head{flex-direction:column;align-items:flex-start}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#6366f126;--success:#10b981;--success-bg:#ecfdf5;--success-ring:#10b98126;--danger:#ef4444;--danger-bg:#fef2f2;--danger-ring:#ef44441f;--bg:#f4f6fb;--card:#fff;--text-1:#111827;--text-2:#5a6175;--text-3:#adb5c7;--border:#e8eaf2;--border-focus:#6366f1;--field-bg:#f8f9ff;--field-bg-focus:#fff;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 20px #00000017;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes errShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.adm-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.adm-layout{display:flex}.adm-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.adm-main.sidebar-collapsed{margin-left:58px}.adm-main::-webkit-scrollbar{width:5px}.adm-main::-webkit-scrollbar-thumb{background:#dde1f5;border-radius:3px}.adm-doc-uploaded.existing{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0}.adm-doc-existing-badge{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.adm-doc-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.adm-doc-action-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.adm-doc-action-btn:hover{background:#f8fafc;border-color:#94a3b8}.adm-doc-drop.small{min-height:auto;margin-top:10px;padding:9px 10px;font-size:12px}.adm-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.adm-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.adm-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.adm-sep{color:var(--text-3)}.adm-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.adm-search-box{background:var(--field-bg);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:8px;width:220px;height:36px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.adm-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.adm-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.adm-search-box input::placeholder{color:var(--text-3)}.adm-icon-btn{border:1.5px solid var(--border);background:var(--card);width:36px;height:36px;color:var(--text-2);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.adm-icon-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.adm-avatar{cursor:pointer;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;letter-spacing:.5px;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}.adm-page-header{align-items:center;padding:28px 28px 0;display:flex}.adm-page-title{align-items:center;gap:14px;display:flex}.adm-page-icon{background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);color:#fff;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 6px 20px #6366f159}.adm-page-title h1{color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:800}.adm-page-title p{color:var(--text-2);margin-top:3px;font-size:13px;line-height:1.5}.adm-content{flex-direction:column;gap:18px;padding:22px 28px 48px;display:flex}.adm-stepper-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);padding:22px 36px}.adm-stepper{align-items:center;width:100%;display:flex}.adm-step-wrap{flex:1;align-items:center;display:flex}.adm-step-wrap:last-child{flex:none}.adm-step{cursor:default;border-radius:12px;flex-shrink:0;align-items:center;gap:13px;padding:6px 10px 6px 6px;transition:background .2s;display:flex}.adm-step.clickable{cursor:pointer}.adm-step.clickable:hover{background:var(--primary-bg)}.adm-step-bubble{border:2px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--text-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.adm-step-bubble:before{content:"";border:2px solid #0000;border-radius:50%;transition:border-color .25s;position:absolute;inset:-5px}.adm-step.active .adm-step-bubble{background:linear-gradient(135deg,var(--primary),var(--primary-dk));color:#fff;border-color:#0000;transform:scale(1.05);box-shadow:0 4px 16px #6366f173}.adm-step.active .adm-step-bubble:before{border-color:var(--primary-ring)}.adm-step.done .adm-step-bubble{background:linear-gradient(135deg,var(--success),#059669);color:#fff;border-color:#0000;box-shadow:0 3px 12px #10b98159}.adm-step-text{flex-direction:column;gap:2px;display:flex}.adm-step-title{color:var(--text-3);white-space:nowrap;font-size:13px;font-weight:700;transition:color .2s}.adm-step-sub{color:var(--text-3);white-space:nowrap;font-size:11px}.adm-step.active .adm-step-title{color:var(--primary)}.adm-step.active .adm-step-sub{color:var(--primary-lt);opacity:.8}.adm-step.done .adm-step-title{color:var(--success)}.adm-step.done .adm-step-sub{color:var(--success);opacity:.7}.adm-connector{background:var(--border);border-radius:2px;flex:1;height:2px;margin:0 8px;position:relative;overflow:hidden}.adm-connector:after{content:"";background:linear-gradient(90deg,var(--success),#059669);transform-origin:0;transition:transform .4s;position:absolute;inset:0;transform:scaleX(0)}.adm-connector.done:after{transform:scaleX(1)}.adm-form-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);animation:.3s both fadeUp;overflow:hidden}.adm-step-body{padding:28px 28px 4px}.adm-sec-head{color:var(--primary);border-bottom:1.5px solid #ebebff;align-items:center;gap:9px;margin-bottom:16px;padding-bottom:11px;font-size:13px;font-weight:700;display:flex}.adm-sec-head.top{margin-top:28px}.adm-sec-icon{background:var(--primary-bg);width:26px;height:26px;color:var(--primary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.adm-section-desc{color:var(--text-2);margin-bottom:20px;font-size:13px;line-height:1.55}.adm-grid-4{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}@media (width<=1200px){.adm-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.adm-grid-4{grid-template-columns:1fr}}.adm-field{flex-direction:column;gap:6px;display:flex}.adm-field.span2{grid-column:span 2}@media (width<=640px){.adm-field.span2{grid-column:span 1}}.adm-label{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:700}.adm-req-star{color:#ef4444;font-weight:800}.adm-ferr{color:#ef4444;font-size:11px;animation:.3s errShake}.adm-checkline{color:var(--text-1);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:2px 0 16px;font-size:13px;font-weight:600;display:inline-flex}.adm-checkline input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.adm-ifield{background:var(--field-bg);border:1.5px solid var(--border);border-radius:10px;align-items:center;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden}.adm-ifield:focus-within{border-color:var(--primary);background:var(--field-bg-focus);box-shadow:0 0 0 3.5px var(--primary-ring)}.adm-ifield.err{box-shadow:0 0 0 3px var(--danger-ring);border-color:#ef4444}.adm-ifield.err:focus-within{box-shadow:0 0 0 3.5px var(--danger-ring);border-color:#ef4444}.adm-ifield-icon{color:var(--text-3);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;padding-left:11px;transition:color .18s;display:flex}.adm-ifield:focus-within .adm-ifield-icon{color:var(--primary)}.adm-ifield input{font-size:13px;font-family:var(--font);color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 12px}.adm-ifield input.has-icon{padding-left:7px}.adm-ifield input::placeholder{color:var(--text-3)}.adm-ifield input[type=date]{cursor:pointer}.adm-ifield input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.adm-ifield input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.adm-ifield input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.adm-sel-wrap{background:var(--field-bg);border:1.5px solid var(--border);border-radius:10px;align-items:center;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden}.adm-sel-wrap:focus-within{border-color:var(--primary);background:var(--field-bg-focus);box-shadow:0 0 0 3.5px var(--primary-ring)}.adm-sel-wrap.err{box-shadow:0 0 0 3px var(--danger-ring);border-color:#ef4444}.adm-sel-wrap:after{content:"";pointer-events:none;border-left:4.5px solid #0000;border-right:4.5px solid #0000;border-top:5.5px solid var(--text-3);flex-shrink:0;width:0;height:0;margin-right:13px;transition:border-top-color .18s,transform .18s}.adm-sel-wrap:focus-within:after{border-top-color:var(--primary);transform:rotate(180deg)}.adm-sel{appearance:none;font-size:13px;font-family:var(--font);color:var(--text-1);cursor:pointer;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 8px 10px 12px}.adm-sel.has-icon{padding-left:7px}.adm-sel.empty{color:var(--text-3)}.adm-sel:disabled{color:var(--primary);cursor:default;opacity:1;font-weight:700}.adm-sel option{color:var(--text-1)}.adm-sel option[value=""]{color:var(--text-3)}.adm-textarea{border:1.5px solid var(--border);width:100%;font-size:13px;font-family:var(--font);color:var(--text-1);background:var(--field-bg);resize:vertical;border-radius:10px;outline:none;min-height:76px;padding:10px 13px;transition:border-color .18s,box-shadow .18s,background .18s}.adm-textarea:focus{border-color:var(--primary);background:var(--field-bg-focus);box-shadow:0 0 0 3.5px var(--primary-ring)}.adm-textarea::placeholder{color:var(--text-3)}.adm-docs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:8px;display:grid}.adm-doc-card{border:1.5px solid var(--border);background:var(--card);border-radius:12px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s}.adm-doc-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 18px #6366f11a}.adm-doc-card.uploaded{border-color:var(--success);background:linear-gradient(135deg,#f0fdf9,#ecfdf5)}.adm-doc-card.err{border-color:#ef4444}.adm-doc-top{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.adm-doc-icon-wrap{background:var(--primary-bg);width:34px;height:34px;color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.adm-doc-card.uploaded .adm-doc-icon-wrap{background:var(--success-bg);color:var(--success)}.adm-doc-info{flex-direction:column;gap:2px;min-width:0;display:flex}.adm-doc-name-label{color:var(--text-1);font-size:12px;font-weight:700;line-height:1.3}.adm-doc-format{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.adm-doc-drop{border:1.5px dashed var(--border);cursor:pointer;color:var(--text-3);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:12px;transition:all .15s;display:flex}.adm-doc-drop:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.adm-doc-drop input{display:none}.adm-doc-uploaded{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:flex}.adm-doc-fname{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:600;overflow:hidden}.adm-doc-remove{cursor:pointer;color:#6ee7b7;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .15s;display:flex}.adm-doc-remove:hover{color:#ef4444}.adm-doc-err{color:#ef4444;margin-top:6px;font-size:11px;display:block}.adm-form-footer{border-top:1.5px solid var(--border);background:linear-gradient(to bottom,var(--card),#f9f9ff);justify-content:space-between;align-items:center;margin-top:20px;padding:20px 28px;display:flex}.adm-footer-left{align-items:center;gap:16px;display:flex}.adm-step-pill{background:var(--primary-bg);color:var(--primary);letter-spacing:.02em;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.adm-req-note{color:var(--text-3);font-size:12px}.adm-footer-btns{align-items:center;gap:10px;display:flex}.adm-btn-back{border:1.5px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border-radius:10px;align-items:center;gap:6px;padding:9px 20px;transition:all .15s;display:flex}.adm-btn-back:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.adm-btn-next{font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dk) 100%);color:#fff;letter-spacing:.02em;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 24px;transition:box-shadow .18s,transform .12s,opacity .15s;display:flex;box-shadow:0 4px 16px #6366f159}.adm-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 22px #6366f173}.adm-btn-next:active{transform:translateY(0);box-shadow:0 2px 10px #6366f14d}.adm-btn-submit{font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;letter-spacing:.02em;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 24px;transition:box-shadow .18s,transform .12s,opacity .15s;display:flex;box-shadow:0 4px 16px #10b98159}.adm-btn-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 22px #10b98173}.adm-btn-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.adm-btn-submit:active:not(:disabled){transform:translateY(0)}.adm-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@media (width<=900px){.adm-stepper{flex-wrap:wrap;gap:10px}.adm-connector{display:none}.adm-step-wrap{flex:none}.adm-topbar{padding:0 16px}.adm-content{padding:16px 16px 36px}.adm-page-header{padding:16px 16px 0}.adm-step-body{padding:20px 16px 4px}.adm-form-footer{padding:16px}.adm-stepper-card{padding:18px 20px}}@media (width<=640px){.adm-search-box{display:none}.adm-page-icon{border-radius:12px;width:42px;height:42px}.adm-page-title h1{font-size:18px}.adm-footer-left{display:none}}.sk-line,.sk-avatar,.sk-block,.sk-pill{background:#eef1f7;position:relative;overflow:hidden}.sk-line:after,.sk-avatar:after,.sk-block:after,.sk-pill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.25s ease-in-out infinite sk-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes sk-shimmer{to{transform:translate(100%)}}.sk-stats{display:contents}.sk-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;min-height:82px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.sk-stat-text{flex-direction:column;flex:1;gap:9px;display:flex}.sk-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-height:260px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.sk-card-banner{border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;height:76px;padding:18px;display:flex}.sk-card-body{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.sk-card-footer{gap:8px;margin-top:12px;display:flex}.sk-list-row{background:#fff;border-bottom:1px solid #f0f0f5;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(90px,1fr));align-items:center;gap:14px;padding:14px 16px;display:grid}.sk-list-row:last-child{border-bottom:none}.sk-list-main{align-items:center;gap:10px;min-width:0;display:flex}.sk-list-text{flex-direction:column;flex:1;gap:7px;display:flex}.sk-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:100%;display:grid}.sk-form-field{flex-direction:column;gap:9px;display:flex}.sk-input{background:#eef1f7;border-radius:10px;height:42px;position:relative;overflow:hidden}.sk-input:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.25s ease-in-out infinite sk-shimmer;position:absolute;inset:0;transform:translate(-100%)}.sk-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:18px;min-height:180px;padding:18px;display:flex}.sk-panel.compact{gap:14px;min-height:auto}.sk-panel-head{align-items:center;gap:12px;display:flex}.sk-panel-title,.sk-panel-lines{flex-direction:column;flex:1;gap:9px;display:flex}.sk-details-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;width:100%;display:grid}.sk-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:11px;padding:16px;display:flex}.sk-table-row td{border-bottom:1px solid #f0f0f5;padding:14px 16px}.sk-table-cell{align-items:center;gap:10px;display:flex}.sk-table-text{flex-direction:column;flex:1;gap:7px;display:flex}.sk-avatar{border-radius:10px;flex:none;width:38px;height:38px}.sk-line{border-radius:999px;height:11px}.sk-line.lg{height:18px}.sk-line.sm{height:8px}.sk-block{border-radius:10px;height:56px}.sk-pill{border-radius:999px;width:74px;height:24px}.sk-w-25{width:25%}.sk-w-35{width:35%}.sk-w-45{width:45%}.sk-w-55{width:55%}.sk-w-65{width:65%}.sk-w-75{width:75%}.sk-w-90{width:90%}.sk-pagination{flex-direction:column;align-items:center;gap:9px;width:min(520px,100% - 32px);margin:18px auto;display:flex}@media (width<=820px){.sk-list-row{grid-template-columns:1fr;gap:10px}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#8b5cf6;--purple-bg:#f5f3ff;--sky:#0ea5e9;--sky-bg:#f0f9ff;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes enrSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes enrFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes enrOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes enrFieldIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.enr-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.enr-layout{display:flex}.enr-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both enrSlideIn;overflow:hidden auto}.enr-main.sidebar-collapsed{margin-left:58px}.enr-main::-webkit-scrollbar{width:5px}.enr-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.enr-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.enr-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.enr-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.enr-sep{color:var(--text-3)}.enr-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.enr-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.enr-icon-btn:hover{background:var(--bg);color:var(--text-1)}.enr-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.enr-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.enr-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.enr-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.enr-page-head-actions{align-items:center;gap:10px;display:flex}.enr-page-head-title{align-items:center;gap:15px;display:flex}.enr-page-icon{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 18px #6366f14d}.enr-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.enr-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.enr-btn-add{background:linear-gradient(135deg, var(--primary), var(--primary-dk));color:#fff;cursor:pointer;height:42px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:11px;align-items:center;gap:7px;padding:0 20px;transition:box-shadow .18s,transform .15s,filter .15s;display:inline-flex;box-shadow:0 4px 14px #6366f157}.enr-btn-add:hover{filter:brightness(1.06);transform:translateY(-1.5px);box-shadow:0 8px 22px #6366f16b}.enr-btn-add:active{transform:translateY(0)}.enr-btn-add:disabled{opacity:.5;cursor:not-allowed;transform:none}.enr-stats{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.enr-stat{background:var(--card);border:1px solid var(--border-md);border-radius:16px;align-items:center;gap:16px;padding:20px 22px;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s,border-color .22s;animation:.4s both enrFadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 1px 3px #0f172a0a}.enr-stat:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-lt));opacity:0;height:3px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.enr-stat:nth-child(2):before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.enr-stat:nth-child(3):before{background:linear-gradient(90deg,#ef4444,#f87171)}.enr-stat:nth-child(4):before{background:linear-gradient(90deg,#10b981,#34d399)}.enr-stat:hover{border-color:#0000;transform:translateY(-3px);box-shadow:0 14px 30px #0f172a17}.enr-stat:hover:before{opacity:1}.enr-stat:first-child{animation-delay:60ms}.enr-stat:nth-child(2){animation-delay:.1s}.enr-stat:nth-child(3){animation-delay:.14s}.enr-stat:nth-child(4){animation-delay:.18s}.enr-stat:nth-child(5){animation-delay:.22s}.enr-stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:inset 0 0 0 1px #0f172a0d}.enr-stat:hover .enr-stat-icon{transform:scale(1.06)rotate(-4deg)}.enr-stat-value{letter-spacing:-.01em;font-size:25px;font-weight:800;line-height:1}.enr-stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-top:5px;font-size:11px;font-weight:600}.enr-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.enr-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.enr-search-box{background:var(--card);border:1px solid var(--border-md);height:38px;color:var(--text-3);border-radius:10px;align-items:center;gap:8px;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 1px 2px #0f172a08}.enr-search-box:hover{border-color:#c4c9d8}.enr-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a}.enr-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;width:200px;font-size:13px}.enr-search-box input::placeholder{color:var(--text-3)}.enr-search-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;display:flex}.enr-search-clear:hover{color:var(--text-1)}.enr-result-count{background:var(--primary-bg);border:1px solid var(--primary-ring);letter-spacing:.01em;color:var(--primary);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700}.enr-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 1px 3px #0f172a0a}.enr-table{border-collapse:collapse;width:100%}.enr-table thead tr{border-bottom:1.5px solid var(--border-md);background:linear-gradient(#fafbff,#f6f7fb)}.enr-table th{text-align:left;color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:700}.enr-table tbody tr{border-bottom:1px solid var(--border);transition:background .16s}.enr-table tbody tr:last-child{border-bottom:none}.enr-table tbody tr:hover{background:linear-gradient(90deg,#6366f10b,#6366f100 65%)}.enr-table td{color:var(--text-1);vertical-align:middle;padding:14px 16px;font-size:13px}.enr-table-empty{text-align:center;color:var(--text-3);font-size:14px;padding:48px 0!important}.enr-th-center,.enr-td-center{text-align:center}.enr-tbl-muted{color:var(--text-2);font-size:12.5px}.enr-na{color:var(--text-3);font-style:italic}.enr-table-student{align-items:center;gap:11px;display:flex}.enr-table-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 3px 8px #6366f147}.enr-table-avatar img{object-fit:cover;width:100%;height:100%}.enr-table-name{color:var(--text-1);font-size:13.5px;font-weight:700}.enr-name-link{cursor:pointer;transition:color .15s}.enr-name-link:hover{color:#4f46e5;text-decoration:underline}.enr-table-id{color:var(--text-3);margin-top:2px;font-size:11.5px}.enr-table-acts{align-items:center;gap:6px;display:flex}.enr-tbl-btn{border:1px solid var(--border-md);background:var(--bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,border-color .14s,transform .14s,box-shadow .14s;display:flex}.enr-tbl-btn:hover{transform:translateY(-1.5px);box-shadow:0 4px 10px #0f172a1a}.enr-tbl-btn.edit{color:var(--primary)}.enr-tbl-btn.edit:hover{background:var(--primary-bg);border-color:var(--primary-ring)}.enr-tbl-btn.profile{color:#059669}.enr-tbl-btn.profile:hover{background:#ecfdf5;border-color:#a7f3d0}.enr-status-dd.p-dropdown{border-radius:999px;min-width:108px;height:30px}.enr-status-dd .p-dropdown-label{padding:0 4px 0 10px;font-size:11.5px;font-weight:700}.enr-status-dd .p-dropdown-trigger{width:24px}.enr-status-active .p-dropdown-label{color:var(--success)}.enr-status-inactive .p-dropdown-label{color:var(--danger)}.enr-chip{letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.enr-chip:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.enr-chip-active{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.enr-chip-inactive{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.enr-chip-pursuing{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.enr-chip-pass_out{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.enr-chip-drop_out{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.enr-chip-fees-yes{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.enr-chip-fees-no{color:var(--text-3);border:1px solid var(--border-md);background:#fafafa}.enr-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;display:flex}.enr-empty-icon{background:linear-gradient(135deg, var(--primary-bg), var(--purple-bg));width:72px;height:72px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #6366f126}.enr-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;animation:.22s both enrOverlayIn;position:fixed;inset:0}.enr-panel{background:var(--card);z-index:201;flex-direction:column;width:500px;transition:transform .36s cubic-bezier(.4,0,.2,1),visibility 0s linear .36s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-18px 0 60px #0f172a29,-2px 0 20px #0f172a0f}.enr-panel.open{transition-delay:0s;transform:translate(0)}.enr-panel-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.enr-panel-head-left{align-items:center;gap:14px;display:flex}.enr-panel-head-icon{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #6366f14d}.enr-panel-title{color:var(--text-1);font-size:17px;font-weight:800}.enr-panel-sub{color:var(--text-2);margin-top:3px;font-size:12.5px}.enr-panel-close{border:1px solid var(--border-md);cursor:pointer;width:34px;height:34px;color:var(--text-2);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.enr-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.enr-panel-body{flex:1;padding:20px 24px 8px;overflow-y:auto}.enr-panel-body::-webkit-scrollbar{width:4px}.enr-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.enr-panel-foot{border-top:1px solid var(--border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.enr-form-section{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:18px 0;display:flex}.enr-form-section:last-child{border-bottom:none;padding-bottom:8px}.enr-form-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;padding-bottom:2px;font-size:11px;font-weight:700;display:flex}.enr-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.enr-form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.enr-form-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.enr-req{color:var(--danger);margin-left:2px}.enr-panel.open .enr-anim-1{animation:.35s 60ms both enrFieldIn}.enr-panel.open .enr-anim-2{animation:.35s .11s both enrFieldIn}.enr-panel.open .enr-anim-3{animation:.35s .16s both enrFieldIn}.enr-panel.open .enr-anim-4{animation:.35s .21s both enrFieldIn}.enr-panel.open .enr-anim-5{animation:.35s .26s both enrFieldIn}.enr-input{border:1.5px solid var(--border-md);width:100%;height:42px;color:var(--text-1);font-size:13.5px;font-family:var(--font);background:#fafbfc;border-radius:10px;outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s}.enr-input:hover{background:#fff;border-color:#c4c9d8}.enr-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.enr-input::placeholder{color:var(--text-3);font-size:13px}.enr-input-icon-wrap{align-items:center;display:flex;position:relative}.enr-input-icon{color:var(--text-3);pointer-events:none;flex-shrink:0;position:absolute;left:12px}.enr-input-has-icon{padding-left:34px}.enr-textarea{resize:vertical;height:auto;min-height:76px;padding:12px 13px}.enr-status-chips{flex-wrap:wrap;gap:8px;display:flex}.enr-status-chip{border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:9px;align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:inline-flex}.enr-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.enr-status-chip:hover:not(.active){border-color:var(--primary-lt);color:var(--primary)}.enr-status-chip.enr-schip-active.active{background:var(--success-bg);color:var(--success);border-color:#6ee7b7;box-shadow:0 2px 8px #10b98126}.enr-status-chip.enr-schip-inactive.active{background:var(--danger-bg);color:var(--danger);border-color:#fca5a5;box-shadow:0 2px 8px #ef444426}.enr-session-list{border:1.5px solid var(--border-md);background:#fafbfc;border-radius:10px;flex-direction:column;gap:6px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.enr-session-list::-webkit-scrollbar{width:4px}.enr-session-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.enr-session-item{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .14s;display:flex}.enr-session-item:hover,.enr-session-item.checked{background:var(--primary-bg);border-color:var(--primary-ring)}.enr-session-checkbox{flex-shrink:0;align-items:center;display:flex}.enr-session-checkbox input{display:none}.enr-cb-box{border:1.5px solid var(--border-md);color:#fff;background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:flex}.enr-session-item.checked .enr-cb-box{background:var(--primary);border-color:var(--primary)}.enr-session-name{color:var(--text-1);font-size:13px;font-weight:600}.enr-no-data{color:var(--text-3);padding:6px 0;font-size:12.5px}.enr-field-hint{color:var(--text-3);margin-left:4px;font-size:11px;font-weight:400}.enr-fees-row{background:#f0fdf4;border:1.5px solid #a7f3d0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.enr-fees-info{flex:1;align-items:flex-start;gap:10px;display:flex}.enr-fees-label{color:var(--text-1);font-size:13px;font-weight:700}.enr-fees-sub{color:var(--text-2);margin-top:2px;font-size:11.5px}.enr-toggle-btn{background:var(--border-md);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s,opacity .15s;display:inline-block;position:relative}.enr-toggle-btn.on{background:var(--success)}.enr-toggle-btn.loading,.enr-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.enr-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.enr-toggle-btn.on .enr-toggle-knob{transform:translate(20px)}.enr-btn-cancel{border:1.5px solid var(--border-md);height:42px;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);background:0 0;border-radius:11px;padding:0 18px;transition:background .14s,color .14s,border-color .14s}.enr-btn-cancel:hover{background:var(--bg);color:var(--text-1);border-color:#c4c9d8}.enr-btn-save{background:linear-gradient(135deg, var(--primary), var(--primary-dk));color:#fff;cursor:pointer;height:42px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:11px;align-items:center;gap:7px;padding:0 24px;transition:background .2s,box-shadow .2s,transform .15s,opacity .15s,filter .15s;display:inline-flex;box-shadow:0 4px 14px #6366f157}.enr-btn-save:hover{filter:brightness(1.05);transform:translateY(-1.5px);box-shadow:0 8px 22px #6366f16b}.enr-btn-save.disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.enr-btn-save.saved{background:var(--success);box-shadow:0 2px 10px #10b9814d}.enr-form-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:4px;padding:11px 13px;font-size:12.5px;font-weight:700}.enr-dropdown.p-dropdown{border:1.5px solid var(--border-md);font-family:var(--font);width:100%;min-width:0;box-shadow:none;background:#fafbfc;border-radius:10px;align-items:center;height:42px;transition:border-color .15s,box-shadow .15s;display:flex}.enr-dropdown.p-dropdown:not(.p-disabled):hover{background:#fff;border-color:#c4c9d8}.enr-dropdown.p-dropdown.p-focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3.5px #6366f124}.enr-dropdown .p-dropdown-label{font-family:var(--font);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;padding:0 0 0 13px;font-size:13.5px;font-weight:500;overflow:hidden}.enr-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3);font-size:13px}.enr-dropdown .p-dropdown-trigger{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex}.enr-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);z-index:9999;border-radius:10px;margin-top:4px;overflow:hidden}.enr-dropdown-panel .p-dropdown-header{padding:8px 10px}.enr-dropdown-panel .p-dropdown-filter-container input{border:1px solid var(--border-md);font-size:13px;font-family:var(--font);border-radius:8px;outline:none;width:100%;padding:6px 10px}.enr-dropdown-panel .p-dropdown-filter-container input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.enr-dropdown-panel .p-dropdown-items{max-height:240px;padding:5px 0;overflow-y:auto}.enr-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.enr-dropdown-panel .p-dropdown-item:hover,.enr-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.enr-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.enr-filter-dd.p-dropdown{border:1px solid var(--border-md);background:var(--card);width:auto;min-width:128px;height:36px;font-family:var(--font);border-radius:9px;flex:none;transition:border-color .18s,box-shadow .18s;box-shadow:0 1px 2px #0f172a08}.enr-filter-dd.p-dropdown:not(.p-disabled):hover{border-color:#c4c9d8}.enr-filter-dd .p-dropdown-label{padding:0 4px 0 12px;font-size:12.5px}.enr-filter-dd .p-dropdown-trigger{width:26px}.enr-list-wrap .exp-scroll-pagination{border-top:1px solid var(--border);min-height:42px;color:var(--text-2);justify-content:center;align-items:center;padding:10px 20px;font-size:12.5px;font-weight:600;display:flex}.enr-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.enr-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1200px){.enr-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.enr-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.enr-content{padding:18px 16px 40px}.enr-panel{width:100%}.enr-form-row{grid-template-columns:1fr}}@media (width<=768px){.enr-main{margin-left:0!important}.enr-hamburger{display:flex}.enr-topbar{gap:10px;padding:0 14px}}@media (width<=560px){.enr-stats{grid-template-columns:1fr 1fr}.enr-btn-add{flex:1;justify-content:center}}@media (width<=400px){.p-toast{width:calc(100vw - 24px)!important}}.hv-chip-cancelled{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.hv-date-input{height:38px;font-family:var(--font);color:var(--text-1);background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:0 12px;font-size:13px}.hv-date-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.hv-filter-btn{background:var(--primary);color:#fff;cursor:pointer;height:38px;font-size:13px;font-weight:700;font-family:var(--font);border:none;border-radius:10px;padding:0 16px;transition:background .15s,transform .12s}.hv-filter-btn:hover{background:var(--primary-dk);transform:translateY(-1px)}.hv-purpose{border-top:1px dashed var(--border-md);color:var(--text-2);margin-top:2px;padding-top:9px;font-size:12.5px;line-height:1.4}.hv-time-cell{color:var(--text-2);flex-direction:column;gap:3px;font-size:12.5px;display:flex}.sl-card-act-btn.checkout,.sl-tbl-btn.checkout{color:#0ea5e9;background:#f0f9ff;border-color:#bae6fd}.sl-card-act-btn.checkout:hover,.sl-tbl-btn.checkout:hover{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.hv-panel{width:560px}.hv-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hv-form-field{flex-direction:column;gap:6px;display:flex}.hv-form-field label{color:var(--text-2);font-size:12px;font-weight:700}.hv-form-field input,.hv-form-field select,.hv-form-field textarea{border:1.5px solid var(--border-md);width:100%;font-family:var(--font);color:var(--text-1);background:#fff;border-radius:10px;outline:none;padding:10px 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.hv-form-field input:focus,.hv-form-field select:focus,.hv-form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.hv-form-field textarea{resize:vertical}.hv-full{grid-column:1/-1}.hv-required{color:var(--danger)}.hv-student-ac.p-autocomplete{width:100%;display:flex}.hv-student-ac .hv-student-ac-input,.hv-student-ac .p-autocomplete-input{border:1.5px solid var(--border-md);width:100%;height:40px;font-family:var(--font);color:var(--text-1);background:#fff;border-radius:10px;outline:none;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.hv-student-ac .hv-student-ac-input:focus,.hv-student-ac .p-autocomplete-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.hv-student-ac.p-disabled,.hv-student-ac .p-disabled{opacity:.65}.hv-student-ac-panel.p-autocomplete-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);border-radius:10px;margin-top:4px;overflow:hidden}.hv-student-ac-panel .p-autocomplete-items{max-height:260px;padding:6px}.hv-student-ac-panel .p-autocomplete-item{border-radius:8px;margin-bottom:2px;padding:0}.hv-student-ac-panel .p-autocomplete-item:last-child{margin-bottom:0}.hv-student-ac-panel .p-autocomplete-item:hover{background:#f8faff}.hv-student-ac-panel .p-autocomplete-item.p-highlight{background:var(--primary-bg)!important;color:var(--primary)!important}.hv-student-ac-panel .p-autocomplete-empty-message{color:var(--text-2);padding:10px 12px;font-size:12.5px}.hv-student-option{justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.hv-student-option-name{color:var(--text-1);font-size:13px;font-weight:700}.hv-student-option-meta{color:var(--text-2);margin-top:2px;font-size:12px}.hv-student-option-code{background:var(--primary-bg);color:var(--primary);border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.hv-selected-student{background:var(--success-bg);color:#059669;border-radius:8px;margin-top:8px;padding:8px 11px;font-size:12.5px;font-weight:600}.sl-panel-avatar svg{width:20px;height:20px}@media (width<=768px){.hv-panel{width:100%}.hv-form-grid{grid-template-columns:1fr}}@keyframes hvViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes panelIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fieldIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.sl-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sl-panel{width:420px}}@media (width<=768px){.sl-main{margin-left:0}.sl-content{padding:16px 16px 56px}.sl-panel{width:100%;left:0}.sl-stats{grid-template-columns:repeat(2,1fr)}.sl-toolbar{flex-direction:column;align-items:stretch}.sl-toolbar-left{flex-wrap:wrap}.sl-toolbar-search{width:100%}}@media (width<=560px){.sl-stats{grid-template-columns:1fr 1fr}.sl-page-head{flex-direction:column;align-items:flex-start}}.hv-form-field input+select{margin-top:6px}.hv-search-ac{flex:1;min-width:0}.hv-search-ac-input{width:100%;color:var(--text-1);font-size:13px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.hv-search-ac-panel{box-shadow:var(--shadow-md);border-radius:12px;overflow:hidden}.hv-search-suggestion{justify-content:space-between;align-items:center;gap:12px;padding:4px 2px;display:flex}.hv-search-suggestion-label{color:var(--text-1);font-size:13px;font-weight:700}.hv-search-suggestion-meta{color:var(--text-2);margin-top:2px;font-size:11.5px}.hv-search-suggestion-type{color:var(--primary);background:var(--primary-bg);white-space:nowrap;border:1px solid #6366f12e;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}:root{--hgp-primary:#6366f1;--hgp-primary-dk:#4f46e5;--hgp-primary-lt:#eef2ff;--hgp-primary-glow:#6366f133;--hgp-success:#10b981;--hgp-success-lt:#ecfdf5;--hgp-success-glow:#10b98133;--hgp-warning:#f59e0b;--hgp-warning-lt:#fffbeb;--hgp-warning-glow:#f59e0b33;--hgp-danger:#ef4444;--hgp-danger-lt:#fef2f2;--hgp-danger-glow:#ef444433;--hgp-info:#6366f1;--hgp-info-lt:#eef2ff;--hgp-bg:#f8fafc;--hgp-card:#fff;--hgp-text:#0f172a;--hgp-text-2:#475569;--hgp-text-3:#94a3b8;--hgp-border:#e2e8f0;--hgp-border-2:#f1f5f9;--hgp-shadow-sm:0 1px 2px #0000000d;--hgp-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--hgp-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--hgp-radius:12px;--hgp-radius-sm:8px;--hgp-radius-pill:999px;--hgp-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@keyframes hgp-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hgp-slideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hgp-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes hgp-badgePulse{0%,to{opacity:1}50%{opacity:.6}}.hgp-wrap{font-family:var(--hgp-font);color:var(--hgp-text);flex-direction:column;gap:16px;padding:20px 24px 32px;animation:.35s both hgp-fadeIn;display:flex}.hgp-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.hgp-header-left{flex-direction:column;gap:2px;display:flex}.hgp-title{color:var(--hgp-text);letter-spacing:-.025em;margin:0;font-size:24px;font-weight:800;line-height:1.2}.hgp-title-accent{background:linear-gradient(90deg, var(--hgp-primary), #a78bfa);border-radius:4px;width:40px;height:4px;margin-top:6px;display:inline-block}.hgp-subtitle{color:var(--hgp-text-2);margin:0;font-size:13px;line-height:1.4}.hgp-header-actions{flex-shrink:0;gap:8px;display:flex}.hgp-tabs{background:#f1f5f9;border-radius:10px;gap:2px;width:fit-content;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000a}.hgp-tab{cursor:pointer;color:var(--hgp-text-2);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.hgp-tab:hover{color:var(--hgp-text);background:#ffffff80}.hgp-tab.active{background:var(--hgp-card);color:var(--hgp-primary);box-shadow:var(--hgp-shadow-sm)}.hgp-tab.active svg{color:var(--hgp-primary)}.hgp-filters{flex-wrap:wrap;align-items:center;gap:8px;animation:.3s both hgp-fadeIn;display:flex}.hgp-search{background:var(--hgp-card);border:1.5px solid var(--hgp-border);border-radius:10px;flex:280px;align-items:center;gap:8px;min-width:220px;padding:8px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.hgp-search:focus-within{border-color:var(--hgp-primary);box-shadow:0 0 0 3px var(--hgp-primary-glow)}.hgp-search svg{color:var(--hgp-text-3);flex-shrink:0}.hgp-search input{color:var(--hgp-text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:13px}.hgp-search input::placeholder{color:var(--hgp-text-3)}.hgp-select,.hgp-date{background:var(--hgp-card);border:1.5px solid var(--hgp-border);color:var(--hgp-text);cursor:pointer;border-radius:10px;min-width:140px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.hgp-select:focus,.hgp-date:focus{border-color:var(--hgp-primary);box-shadow:0 0 0 3px var(--hgp-primary-glow);outline:0}.hgp-stats{flex-wrap:wrap;gap:8px;display:flex}.hgp-stat{cursor:default;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:8px 14px 8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.hgp-stat:hover{box-shadow:var(--hgp-shadow-sm);transform:translateY(-1px)}.hgp-stat strong{letter-spacing:-.02em;font-size:17px;font-weight:800}.hgp-stat-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.hgp-stat-pending{color:#92400e;background:#fffbeb;border-color:#fde68a}.hgp-stat-pending strong{color:#78350f}.hgp-stat-pending .hgp-stat-icon{color:#b45309;background:#fef3c7}.hgp-stat-approved{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.hgp-stat-approved strong{color:#14532d}.hgp-stat-approved .hgp-stat-icon{color:#16a34a;background:#dcfce7}.hgp-stat-exited{color:#991b1b;background:#fff1f2;border-color:#fecaca}.hgp-stat-exited strong{color:#7f1d1d}.hgp-stat-exited .hgp-stat-icon{color:#ef4444;background:#fee2e2}.hgp-stat-returned{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.hgp-stat-returned strong{color:#312e81}.hgp-stat-returned .hgp-stat-icon{color:#6366f1;background:#e0e7ff}.hgp-stat-live{color:#9d174d;background:#fdf2f8;border-color:#f9a8d4}.hgp-stat-live strong{color:#831843}.hgp-stat-live .hgp-stat-icon{color:#db2777;background:#fce7f3}.hgp-table-wrap{background:var(--hgp-card);border:1px solid var(--hgp-border);border-radius:var(--hgp-radius);box-shadow:var(--hgp-shadow-sm);animation:.3s both hgp-scaleIn;overflow:hidden}.hgp-table{border-collapse:collapse;width:100%;font-size:13px}.hgp-table thead{z-index:2;position:sticky;top:0}.hgp-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--hgp-text-2);border-bottom:1.5px solid var(--hgp-border);white-space:nowrap;background:#f8fafc;padding:12px 14px;font-size:11.5px;font-weight:600}.hgp-table thead th:first-child{padding-left:18px}.hgp-table thead th:last-child{padding-right:18px}.hgp-table tbody tr{transition:background .15s}.hgp-table tbody tr:hover{background:#f8fafc}.hgp-table tbody tr:last-child td{border-bottom:0}.hgp-table tbody td{border-bottom:1px solid var(--hgp-border-2);vertical-align:middle;color:var(--hgp-text);padding:12px 14px}.hgp-table tbody td:first-child{padding-left:18px}.hgp-table tbody td:last-child{padding-right:18px}.hgp-table tbody tr.hgp-row-pending{border-left:3px solid #f59e0b}.hgp-table tbody tr.hgp-row-approved{border-left:3px solid #10b981}.hgp-table tbody tr.hgp-row-exited{border-left:3px solid #ef4444}.hgp-table tbody tr.hgp-row-returned{border-left:3px solid #6366f1}.hgp-table tbody tr.hgp-row-rejected{border-left:3px solid #6b7280}.hgp-table tbody tr.hgp-row-cancelled{border-left:3px solid #9ca3af}.hgp-empty{text-align:center;color:var(--hgp-text-3);padding:48px 16px;font-size:14px}.hgp-empty-icon{flex-direction:column;align-items:center;gap:10px;display:flex}.hgp-empty-icon svg{opacity:.5}.hgp-empty-icon strong{color:var(--hgp-text-2);margin-bottom:2px;font-size:15px;display:block}.hgp-empty-icon p{color:var(--hgp-text-3);margin:0;font-size:13px}.hgp-student{flex-direction:column;gap:1px;display:flex}.hgp-student strong{color:var(--hgp-text);font-size:13px;font-weight:600}.hgp-student-code{color:var(--hgp-text-3);font-size:11.5px;font-weight:500}.hgp-reason{flex-direction:column;gap:2px;max-width:220px;display:flex}.hgp-reason>span{font-weight:500;line-height:1.3}.hgp-reason small{color:var(--hgp-text-2);font-size:11.5px}.hgp-planned{color:var(--hgp-text-2);flex-direction:column;gap:3px;font-size:12px;display:flex}.hgp-planned span{align-items:center;gap:5px;display:inline-flex}.hgp-planned span svg{color:var(--hgp-text-3);flex-shrink:0}.hgp-chip{border-radius:var(--hgp-radius-pill);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.hgp-chip-pending{color:#92400e;background:#fef3c7}.hgp-chip-approved{color:#166534;background:#dcfce7}.hgp-chip-rejected{color:#991b1b;background:#fee2e2}.hgp-chip-exited{color:#92400e;background:#fde68a}.hgp-chip-returned{color:#3730a3;background:#e0e7ff}.hgp-chip-cancelled{color:#6b7280;background:#f3f4f6}.hgp-chip-late{color:#b91c1c;background:#fef2f2;animation:2s ease-in-out infinite hgp-badgePulse}.hgp-audit{flex-direction:column;align-items:flex-start;gap:3px;min-width:130px;font-size:12px;line-height:1.25;display:flex}.hgp-audit strong{color:var(--hgp-text);white-space:nowrap;font-weight:600;display:block}.hgp-audit small{color:var(--hgp-text-3);white-space:nowrap;font-size:11px;display:block}.hgp-table tbody td:last-child{vertical-align:middle;min-width:180px}.hgp-row-actions{flex-wrap:wrap;align-items:center;gap:5px;min-width:160px;display:flex}.hgp-btn{border:1.5px solid var(--hgp-border);background:var(--hgp-card);color:var(--hgp-text-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.hgp-btn:hover{color:var(--hgp-text);background:#f8fafc;border-color:#cbd5e1}.hgp-btn:active{transform:scale(.97)}.hgp-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hgp-btn-ghost{background:0 0;border-color:#0000}.hgp-btn-ghost:hover{background:#f1f5f9;border-color:#e2e8f0}.hgp-btn-success{background:var(--hgp-success-lt);color:#166534;border-color:#bbf7d0}.hgp-btn-success:hover{box-shadow:0 0 0 2px var(--hgp-success-glow);background:#bbf7d0;border-color:#6ee7b7}.hgp-btn-danger{background:var(--hgp-danger-lt);color:#991b1b;border-color:#fecaca}.hgp-btn-danger:hover{box-shadow:0 0 0 2px var(--hgp-danger-glow);background:#fecaca;border-color:#fca5a5}.hgp-btn-warn{background:var(--hgp-warning-lt);color:#92400e;border-color:#fde68a}.hgp-btn-warn:hover{box-shadow:0 0 0 2px var(--hgp-warning-glow);background:#fde68a;border-color:#fcd34d}.hgp-btn-info{background:var(--hgp-info-lt);color:#3730a3;border-color:#c7d2fe}.hgp-btn-info:hover{box-shadow:0 0 0 2px var(--hgp-primary-glow);background:#c7d2fe;border-color:#a5b4fc}.hgp-pager{color:var(--hgp-text-2);justify-content:center;align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.hgp-pager .hgp-btn{padding:6px 14px;font-size:13px}.hgp-pager span{font-weight:500}.hgp-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:50;background:#0f172a80;justify-content:center;align-items:center;padding:16px;animation:.2s both hgp-fadeIn;display:flex;position:fixed;inset:0}.hgp-modal{background:var(--hgp-card);border-radius:16px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.3s both hgp-slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.hgp-modal-head{border-bottom:1px solid var(--hgp-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.hgp-modal-head h3{color:var(--hgp-text);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.hgp-icon-btn{color:var(--hgp-text-3);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;line-height:0;transition:all .15s}.hgp-icon-btn:hover{color:var(--hgp-text);background:#f1f5f9}.hgp-icon-btn:disabled{opacity:.4;cursor:not-allowed}.hgp-modal-body{flex-direction:column;gap:0;padding:18px 22px 22px;display:flex;overflow-y:auto}.hgp-modal-section{border:1px solid var(--hgp-border);background:#f8fafc;border-radius:12px;flex-direction:column;gap:8px;padding:16px 18px;transition:box-shadow .2s;display:flex}.hgp-modal-section+.hgp-modal-section{margin-top:14px}.hgp-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--hgp-text-3);border-bottom:1.5px dashed #e2e8f0;margin-bottom:2px;padding-bottom:6px;font-size:10px;font-weight:800}.hgp-detail-row{grid-template-columns:110px 1fr;gap:6px 14px;font-size:13px;line-height:1.5;display:grid}.hgp-detail-label{color:var(--hgp-text-2);font-size:12px;font-weight:600}.hgp-detail-value{color:var(--hgp-text);word-break:break-word;font-weight:500}.hgp-field{flex-direction:column;gap:6px;margin-top:4px;display:flex}.hgp-field>span{color:var(--hgp-text-2);font-size:12px;font-weight:700}.hgp-field textarea,.hgp-field input[type=datetime-local]{color:var(--hgp-text);background:var(--hgp-card);border:1.5px solid #d1d5db;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.hgp-field textarea:focus,.hgp-field input[type=datetime-local]:focus{border-color:var(--hgp-primary);box-shadow:0 0 0 3px var(--hgp-primary-glow)}.hgp-field textarea{resize:vertical;min-height:70px}.hgp-modal-foot{border-top:1px solid var(--hgp-border);background:#fafafa;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.hgp-modal-foot .hgp-btn{padding:8px 18px;font-size:13px}@media (width<=900px){.hgp-wrap{padding:14px 16px 24px}.hgp-header{flex-direction:column}.hgp-header-actions{width:100%}.hgp-header-actions .hgp-btn{flex:1;justify-content:center}.hgp-stats{gap:6px}.hgp-stat{padding:6px 10px 6px 8px;font-size:12px}.hgp-stat strong{font-size:15px}.hgp-table-wrap{border-radius:10px;overflow-x:auto}.hgp-table{min-width:800px}}.sgp-wrap{flex-direction:column;gap:18px;padding:24px;display:flex}.sgp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sgp-title{color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:700}.sgp-subtitle{color:#64748b;margin:0;font-size:13px}.sgp-header-actions{gap:8px;display:flex}.sgp-banner{border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.sgp-banner-warn{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.sgp-banner-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.sgp-list{flex-direction:column;gap:12px;display:flex}.sgp-empty{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:28px;font-size:14px}.sgp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.sgp-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sgp-card-title{flex-direction:column;gap:2px;display:flex}.sgp-card-title strong{color:#0f172a;font-size:15px}.sgp-card-sub{color:#64748b;font-size:12px}.sgp-card-chips{flex-wrap:wrap;gap:6px;display:flex}.sgp-chip{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.sgp-chip-pending{color:#92400e;background:#fef3c7}.sgp-chip-approved{color:#166534;background:#dcfce7}.sgp-chip-rejected{color:#991b1b;background:#fee2e2}.sgp-chip-exited{color:#92400e;background:#fde68a}.sgp-chip-returned{color:#3730a3;background:#e0e7ff}.sgp-chip-cancelled{color:#4b5563;background:#e5e7eb}.sgp-chip-late{color:#b91c1c;background:#fee2e2}.sgp-card-grid{background:#f8fafc;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:10px 12px;display:grid}.sgp-cell{flex-direction:column;gap:2px;display:flex}.sgp-cell-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.sgp-cell-value{color:#0f172a;font-size:13px}.sgp-audit{border-top:1px dashed #e2e8f0;flex-direction:column;gap:4px;padding-top:10px;display:flex}.sgp-audit-row{color:#475569;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.sgp-audit-row strong{color:#0f172a;font-weight:600}.sgp-audit-row small{color:#94a3b8;margin-left:auto}.sgp-audit-rejected{color:#991b1b}.sgp-audit-remarks{color:#475569}.sgp-card-foot{justify-content:flex-end;gap:8px;display:flex}.sgp-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.sgp-btn:hover{background:#f8fafc}.sgp-btn:disabled{opacity:.6;cursor:not-allowed}.sgp-btn-primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.sgp-btn-primary:hover{background:#4338ca}.sgp-btn-danger{color:#991b1b;background:#fee2e2;border-color:#fecaca}.sgp-btn-danger:hover{background:#fecaca}.sgp-btn-ghost{background:#fff}.sgp-modal-backdrop{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sgp-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden}.sgp-modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sgp-modal-head h3{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:16px;font-weight:600;display:inline-flex}.sgp-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px}.sgp-icon-btn:hover{background:#f1f5f9}.sgp-modal-body{flex-direction:column;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.sgp-field{flex-direction:column;gap:4px;display:flex}.sgp-field>span{color:#475569;align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.sgp-field input,.sgp-field textarea{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.sgp-field input:focus,.sgp-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.sgp-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sgp-modal-foot{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}@media (width<=640px){.sgp-field-row{grid-template-columns:1fr}}@keyframes sprSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes sprFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sprSpin{to{transform:rotate(360deg)}}.spr-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.spr-layout{display:flex}.spr-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both sprSlideIn;overflow:hidden auto}.spr-main.sidebar-collapsed{margin-left:58px}.spr-main::-webkit-scrollbar{width:5px}.spr-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.spr-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.spr-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.spr-hamburger:hover{background:var(--primary-bg);color:var(--primary)}.spr-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.spr-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.spr-sep{color:var(--text-3)}.spr-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.spr-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.spr-icon-btn:hover{background:var(--bg);color:var(--text-1)}.spr-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.spr-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.spr-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.spr-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.spr-page-title{color:var(--text-1);letter-spacing:-.02em;align-items:center;font-size:22px;font-weight:800;display:flex}.spr-page-sub{color:var(--text-2);margin-top:4px;font-size:13px}.spr-filter-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:22px 24px 18px;display:flex}.spr-filter-row{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.spr-filter-field{flex-direction:column;gap:7px;min-width:220px;display:flex}.spr-filter-label{color:var(--text-2);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.spr-dropdown.p-dropdown{width:100%;height:42px;font-family:var(--font);background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;transition:border-color .18s,box-shadow .18s,background-color .18s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.spr-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary);background-color:#fafbff;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.spr-dropdown.p-dropdown.p-focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 3.5px #6366f126}.spr-dropdown.p-dropdown.p-disabled{opacity:.6;cursor:not-allowed}.spr-dropdown .p-dropdown-label{font-family:var(--font);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;padding:0 0 0 13px;font-size:13px;font-weight:500;overflow:hidden}.spr-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3)}.spr-dropdown .p-dropdown-trigger{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex}.spr-dropdown .p-dropdown-clear-icon{color:var(--text-3);right:36px}.spr-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);border-radius:10px;margin-top:4px;overflow:hidden}.spr-dropdown-panel .p-dropdown-header{border-bottom:1px solid var(--border);padding:8px}.spr-dropdown-panel .p-dropdown-filter{width:100%;height:34px;font-size:13px;font-family:var(--font);border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:0 32px 0 12px;transition:border-color .15s,box-shadow .15s}.spr-dropdown-panel .p-dropdown-filter:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.spr-dropdown-panel .p-dropdown-filter-icon{color:var(--text-3);right:18px}.spr-dropdown-panel .p-dropdown-items{max-height:260px;padding:5px 0}.spr-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.spr-dropdown-panel .p-dropdown-item:hover,.spr-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.spr-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.spr-dropdown-panel .p-dropdown-empty-message{color:var(--text-3);text-align:center;padding:14px;font-size:13px}.spr-to-sem-badge{color:#059669;white-space:nowrap;background:#ecfdf5;border:1.5px solid #6ee7b7;border-radius:10px;align-items:center;height:42px;padding:0 16px;font-size:13.5px;font-weight:700;display:flex}.spr-sem-path{flex-wrap:wrap;align-items:center;gap:4px;padding-top:4px;display:flex}.spr-sem-pill-wrap{align-items:center;gap:4px;display:flex}.spr-sem-pill{background:var(--bg);color:var(--text-3);border:1.5px solid var(--border-md);white-space:nowrap;border-radius:20px;align-items:center;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.spr-sem-pill.current{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring);font-weight:700;box-shadow:0 2px 8px #6366f133}.spr-sem-pill.next{color:#059669;background:#ecfdf5;border-color:#6ee7b7;font-weight:700;box-shadow:0 2px 8px #10b98133}.spr-sem-pill.done{color:var(--text-3);border-color:var(--border);opacity:.6;background:#fafafa}.spr-sem-arrow{color:var(--text-3);flex-shrink:0}.spr-stats{flex-wrap:wrap;gap:16px;display:flex}.spr-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex:1;align-items:center;gap:14px;min-width:160px;padding:18px 22px;animation:.4s both sprFadeUp;display:flex}.spr-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.spr-stat-value{font-size:26px;font-weight:800;line-height:1}.spr-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.spr-bulk-bar{background:var(--card);border:1px solid var(--border-md);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 18px;display:flex}.spr-bulk-check-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.spr-cb-wrap{display:inline-flex;position:relative}.spr-cb-wrap input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.spr-cb-box{border:1.5px solid var(--border-md);color:#fff;cursor:pointer;background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:flex}.spr-cb-wrap input:checked+.spr-cb-box{background:var(--primary);border-color:var(--primary)}.spr-row-check{cursor:pointer;align-items:center;display:inline-flex}.spr-row-check input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.spr-row-check input:checked+.spr-cb-box{background:var(--primary);border-color:var(--primary)}.spr-bulk-label{color:var(--text-1);font-size:13.5px;font-weight:600}.spr-bulk-count{color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-ring);border-radius:20px;padding:4px 12px;font-size:12.5px;font-weight:600}.spr-btn-promote{color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:700;font-family:var(--font);background:#10b981;border:none;border-radius:10px;align-items:center;gap:7px;padding:0 22px;transition:background .15s,box-shadow .15s,transform .12s,opacity .15s;display:inline-flex;box-shadow:0 2px 10px #10b9814d}.spr-btn-promote:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.spr-btn-promote:disabled{opacity:.5;cursor:not-allowed;transform:none}.spr-btn-promote-sm{color:#059669;cursor:pointer;height:30px;font-size:12px;font-weight:600;font-family:var(--font);background:#ecfdf5;border:1px solid #6ee7b7;border-radius:8px;align-items:center;gap:5px;padding:0 12px;transition:background .14s,border-color .14s;display:inline-flex}.spr-btn-promote-sm:hover:not(:disabled){background:#d1fae5;border-color:#34d399}.spr-btn-promote-sm:disabled{opacity:.5;cursor:not-allowed}.spr-spin{animation:.8s linear infinite sprSpin}.spr-result{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;font-size:13.5px;animation:.3s both sprFadeUp;display:flex}.spr-result-errs{color:#b45309;font-weight:500}.spr-result-close{cursor:pointer;color:#065f46;opacity:.6;background:0 0;border:none;flex-shrink:0;align-items:center;margin-left:auto;transition:opacity .14s;display:flex}.spr-result-close:hover{opacity:1}.spr-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.spr-table{border-collapse:collapse;width:100%}.spr-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.spr-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.spr-th-check,.spr-td-check{text-align:center;width:40px;padding:0 8px 0 16px!important}.spr-th-arrow,.spr-td-arrow{text-align:center;width:36px}.spr-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.spr-table tbody tr:last-child{border-bottom:none}.spr-table tbody tr:hover{background:#fafbff}.spr-table tbody tr.spr-row-selected{background:#f5f3ff}.spr-table td{color:var(--text-1);vertical-align:middle;padding:13px 16px;font-size:13px}.spr-tbl-muted{color:var(--text-2);font-size:12.5px}.spr-na{color:var(--text-3);font-style:italic}.spr-table-student{align-items:center;gap:11px;display:flex}.spr-table-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.spr-table-name{color:var(--text-1);font-size:13.5px;font-weight:700}.spr-table-id{color:var(--text-3);margin-top:2px;font-size:11.5px}.spr-sem-chip{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.spr-sem-chip.current-chip{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-ring)}.spr-sem-chip.next-chip{color:#059669;background:#ecfdf5;border:1px solid #6ee7b7}.spr-arrow-icon{color:var(--text-3)}.spr-loading{color:var(--text-2);justify-content:center;align-items:center;gap:10px;padding:56px 24px;font-size:14px;display:flex}.spr-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;display:flex}.spr-empty p{color:var(--text-1);font-size:15px;font-weight:700}.spr-empty span{color:var(--text-2);font-size:13px}.spr-empty-icon{background:linear-gradient(135deg, var(--primary-bg), #f5f3ff);width:72px;height:72px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #6366f126}.spr-idle{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 24px;display:flex}.spr-idle-icon{background:linear-gradient(135deg, #ecfdf5, var(--primary-bg));color:#10b981;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 4px 24px #10b98126}.spr-idle h3{color:var(--text-1);font-size:17px;font-weight:800}.spr-idle p{color:var(--text-2);max-width:340px;font-size:13.5px}@media (width<=900px){.spr-filter-row{flex-direction:column;align-items:stretch}.spr-filter-field{width:100%;min-width:0}.spr-stats{gap:12px}.spr-stat{min-width:140px}}@media (width<=768px){.spr-main{margin-left:0!important}.spr-hamburger{display:flex}.spr-topbar{gap:10px;padding:0 14px}.spr-content{padding:18px 16px 40px}.spr-bulk-bar{flex-wrap:wrap;gap:10px}.spr-btn-promote{justify-content:center;width:100%}.spr-sem-path{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}}@media (width<=400px){.p-toast{width:calc(100vw - 24px)!important}}.sap-backdrop{z-index:1000;background:#0f172a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.sap-toolbar{background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.sap-toolbar-left{align-items:center;gap:14px;display:flex}.sap-toolbar-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sap-toolbar-title{color:#f1f5f9;margin:0 0 2px;font-size:15px;font-weight:700}.sap-toolbar-sub{color:#94a3b8;margin:0;font-size:12px}.sap-toolbar-actions{align-items:center;gap:10px;display:flex}.sap-btn-close{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.sap-btn-close:hover{background:#334155;border-color:#64748b}.sap-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 2px 8px #6366f159}.sap-btn-print:hover{opacity:.9;transform:translateY(-1px)}.sap-btn-print:active{transform:translateY(0)}.sap-preview{background:#0f172a;flex:1;padding:32px 24px;overflow-y:auto}.sap-preview::-webkit-scrollbar{width:6px}.sap-preview::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.sap-preview-inner{max-width:860px;margin:0 auto}.sap-form{color:#1e293b;background:#fff;border-radius:6px;width:100%;max-width:794px;margin:0 auto;padding:36px 44px;font-family:Inter,Segoe UI,-apple-system,sans-serif;font-size:12.5px;line-height:1.5;box-shadow:0 8px 48px #0006}.sap-form-header{border-bottom:2px solid #4f46e5;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.sap-header-logo{flex-shrink:0;margin-top:4px}.sap-header-text{flex:1}.sap-header-college{color:#0f172a;letter-spacing:-.3px;font-size:18px;font-weight:800;line-height:1.2}.sap-header-title{color:#4f46e5;text-transform:uppercase;letter-spacing:.6px;margin-top:2px;font-size:13px;font-weight:700}.sap-header-subtitle{color:#64748b;margin-top:1px;font-size:11px}.sap-header-meta{text-align:right;flex-shrink:0}.sap-header-meta-row{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:4px;display:flex}.sap-meta-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:600}.sap-meta-val{color:#1e293b;font-size:12px;font-weight:700}.sap-status-chip{letter-spacing:.5px;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}.sap-status-active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.sap-status-inactive{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.sap-identity-bar{background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%);border:1px solid #c7d2fe;border-radius:10px;align-items:center;gap:16px;margin-bottom:22px;padding:14px 20px;display:flex}.sap-photo-box{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;font-weight:800;display:flex;box-shadow:0 2px 12px #6366f14d}.sap-identity-main{flex:1;min-width:0}.sap-identity-name{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:800;line-height:1.2}.sap-identity-sub{flex-wrap:wrap;gap:6px;display:flex}.sap-tag{color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.sap-tag-blood{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.sap-section-title{color:#fff;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:6px;margin:20px 0 12px;padding:6px 14px;font-size:11.5px;font-weight:800}.sap-guardian-sub{color:#4f46e5;background:#eef2ff;border-left:3px solid #6366f1;border-radius:0 4px 4px 0;margin:10px 0 8px;padding:4px 10px;font-size:11px;font-weight:700}.sap-grid-3{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:4px;display:grid;overflow:hidden}.sap-grid-2{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:repeat(2,1fr);gap:1px;margin-bottom:4px;display:grid;overflow:hidden}.sap-field{background:#fff;flex-direction:column;gap:2px;min-height:48px;padding:8px 12px;display:flex}.sap-field-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:9.5px;font-weight:700}.sap-field-val{color:#0f172a;word-break:break-word;font-size:12.5px;font-weight:600}.sap-docs-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:4px;display:grid}.sap-doc-item{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;display:flex}.sap-doc-item.sap-doc-submitted{background:#f0fdf4;border-color:#bbf7d0}.sap-doc-check{color:#ef4444;text-align:center;flex-shrink:0;width:18px;font-size:13px;font-weight:700}.sap-doc-item.sap-doc-submitted .sap-doc-check{color:#16a34a}.sap-doc-name{color:#374151;font-size:12px;font-weight:600}.sap-sig-area{border-top:1px dashed #cbd5e1;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;padding-top:20px;display:grid}.sap-sig-box{flex-direction:column;align-items:center;gap:8px;display:flex}.sap-sig-line{background:#1e293b;width:100%;height:1px;margin-bottom:4px}.sap-sig-label{color:#64748b;text-align:center;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:600}.sap-form-footer-note{color:#94a3b8;text-align:center;border-top:1px solid #f1f5f9;margin-top:18px;padding-top:12px;font-size:9.5px;font-style:italic}@media print{.sap-backdrop{background:0 0!important;height:auto!important;min-height:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.sap-toolbar,.sap-preview{display:none!important}.sap-print-area{padding:0!important;display:block!important;overflow:visible!important}.sap-form{width:100%;max-width:100%;box-shadow:none;border-radius:0;padding:0;font-size:9.5pt}.sap-form-header{border-bottom:2px solid #4f46e5;margin-bottom:10px;padding-bottom:8px}.sap-header-college{font-size:14pt}.sap-header-title{font-size:10pt}.sap-identity-bar{margin-bottom:8px;padding:6px 12px}.sap-photo-box{width:40px;height:40px;font-size:13px}.sap-identity-name{margin-bottom:4px;font-size:12pt}.sap-section-title{-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:8px 0 5px;padding:4px 10px;font-size:8.5pt}.sap-field{min-height:30px;padding:4px 8px}.sap-field-lbl{font-size:7pt}.sap-field-val{font-size:9.5pt}.sap-guardian-sub{-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:6px 0 4px;font-size:8pt}.sap-docs-grid{gap:3px;margin-bottom:3px}.sap-doc-item{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:4px 8px}.sap-doc-name{font-size:9.5pt}.sap-doc-check{font-size:10pt}.sap-sig-area{margin-top:12px;padding-top:12px}.sap-sig-label{font-size:7.5pt}.sap-form-footer-note{margin-top:10px;padding-top:8px;font-size:7.5pt}.sap-tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:10mm 12mm}}:root{--sl-primary:#6366f1;--sl-primary-lt:#818cf8;--sl-primary-dk:#4f46e5;--sl-primary-bg:#eef2ff;--sl-primary-ring:#6366f124;--sl-success:#10b981;--sl-success-bg:#ecfdf5;--sl-danger:#ef4444;--sl-danger-bg:#fef2f2;--sl-warning:#f59e0b;--sl-warning-bg:#fffbeb;--sl-bg:#f8f9fc;--sl-card:#fff;--sl-text-1:#111827;--sl-text-2:#6b7280;--sl-text-3:#9ca3af;--sl-border:#f0f0f5;--sl-border-md:#e5e7eb;--sl-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--sl-shadow-md:0 4px 20px #00000014;--sl-radius:14px;--sl-font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes slFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slPrintSpin{to{transform:rotate(360deg)}}.sl-stat:nth-child(5){animation-delay:.25s}.sl-dropdown.p-dropdown{border:1px solid var(--sl-border-md);background:var(--sl-card);font-family:var(--sl-font);box-shadow:none;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:inline-flex}.sl-dropdown.p-dropdown:not(.p-disabled):hover{border-color:#c4c9d8}.sl-dropdown.p-dropdown.p-focus{border-color:var(--sl-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.sl-dropdown .p-dropdown-label{font-family:var(--sl-font);color:var(--sl-text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sl-dropdown .p-dropdown-trigger{color:var(--sl-text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sl-dropdown-panel.p-dropdown-panel{border:1px solid var(--sl-border-md);box-shadow:var(--sl-shadow-md);font-family:var(--sl-font);border-radius:10px;margin-top:4px;overflow:hidden}.sl-dropdown-panel .p-dropdown-items{padding:5px 0}.sl-dropdown-panel .p-dropdown-item{color:var(--sl-text-1);font-size:13px;font-weight:500;font-family:var(--sl-font);padding:9px 14px;transition:background .12s}.sl-dropdown-panel .p-dropdown-item:hover,.sl-dropdown-panel .p-dropdown-item:focus{background:var(--sl-primary-bg);color:var(--sl-primary);outline:none}.sl-dropdown-panel .p-dropdown-item.p-highlight{background:var(--sl-primary-bg);color:var(--sl-primary);font-weight:600}.sl-filter-dd.p-dropdown{min-width:148px;height:38px}.sl-filter-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:13px}.sl-filter-dd .p-dropdown-trigger{width:30px}.sl-session-dd.p-dropdown{min-width:170px}.sl-batch-dd.p-dropdown{min-width:210px}.sl-card-status-dd.p-dropdown{border-radius:8px;width:100%;height:32px}.sl-card-status-dd.p-dropdown:not(.p-disabled):hover{background:var(--sl-bg)}.sl-card-status-dd .p-dropdown-label{text-align:center;flex:1;padding:0 4px 0 10px;font-size:12.5px;font-weight:700}.sl-card-status-dd .p-dropdown-trigger{width:24px;padding-right:6px}.sl-tbl-status-dd.p-dropdown{border-radius:8px;min-width:96px;height:30px}.sl-tbl-status-dd .p-dropdown-label{padding:0 4px 0 10px;font-size:12px;font-weight:600}.sl-tbl-status-dd .p-dropdown-trigger{width:24px}.sl-status-active .p-dropdown-label{color:var(--sl-success)}.sl-status-inactive .p-dropdown-label{color:var(--sl-text-2)}.sl-card-avatar{color:#fff;letter-spacing:.5px;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.sl-card-avatar img,.sl-tbl-avatar img{object-fit:cover;width:100%;height:100%}.sl-card-name{color:var(--sl-text-1);white-space:normal;overflow-wrap:break-word;word-break:break-word;font-size:15px;font-weight:700;line-height:1.3}.sl-copy-id{cursor:pointer;border-radius:4px;transition:color .14s,background .14s;display:inline-block}.sl-copy-id:hover{color:var(--sl-primary);background:var(--sl-primary-bg)}.sl-card-tag-blood{color:#ef4444;background:#fef2f2;border-color:#fecaca}.sl-card-tag-batch{align-items:center;gap:4px;display:inline-flex}.sl-card-foot{border-top:1px solid var(--sl-border);background:#fafbfc;flex-direction:column;align-items:stretch;gap:10px;padding:12px 18px;display:flex}.sl-card-act-btn{cursor:pointer;height:30px;font-size:12px;font-weight:600;font-family:var(--sl-font);border:1px solid var(--sl-border-md);background:var(--sl-card);color:var(--sl-text-2);white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 8px;transition:all .14s;display:inline-flex}.sl-card-act-btn.print{color:#0ea5e9}.sl-card-act-btn.print:hover{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.sl-list-wrap{background:var(--sl-card);border:1px solid var(--sl-border-md);border-radius:var(--sl-radius);-webkit-overflow-scrolling:touch;box-shadow:var(--sl-shadow-sm);overflow-x:auto}.sl-list-wrap::-webkit-scrollbar{height:7px}.sl-list-wrap::-webkit-scrollbar-track{background:0 0}.sl-list-wrap::-webkit-scrollbar-thumb{background:#d8deee;border-radius:4px}.sl-table{border-collapse:collapse;width:100%;min-width:860px}.sl-table th:first-child,.sl-table td:first-child{text-align:center;width:42px;min-width:42px;max-width:42px;padding-left:16px;padding-right:6px}.sl-th-actions{text-align:center;background:#fafbfc;width:240px;min-width:240px;position:sticky;right:0;box-shadow:-6px 0 6px -6px #0000001f}.sl-td-actions{text-align:center;background:var(--sl-card);width:240px;min-width:240px;position:sticky;right:0;box-shadow:-6px 0 6px -6px #0000001f}.sl-table tbody tr:hover .sl-td-actions{background:#fafbff}.sl-tbl-muted{color:var(--sl-text-2);font-size:12.5px}.sl-na{color:var(--sl-text-3);font-style:italic}.sl-tbl-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.sl-tbl-name-block{flex:1;min-width:120px}.sl-tbl-name{color:var(--sl-text-1);overflow-wrap:break-word;word-break:break-word;font-size:13.5px;font-weight:600;white-space:normal!important;text-overflow:clip!important;overflow:visible!important}.sl-tbl-id{color:var(--sl-text-3);letter-spacing:.04em;white-space:normal;overflow-wrap:break-word;word-break:break-word;margin-top:2px;font-size:11px;font-weight:700}.sl-tbl-acts{justify-content:center;align-items:center;gap:6px;display:flex}.sl-tbl-btn.print{color:#0ea5e9}.sl-tbl-btn.print:hover{background:#f0f9ff;border-color:#bae6fd}.sl-gender-badge{border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.sl-gender-male{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.sl-gender-female{color:#a855f7;background:#fdf4ff;border:1px solid #e9d5ff}.sl-gender-other{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.sl-blood-badge{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:20px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-block}.sl-batch-badge{background:var(--sl-primary-bg);max-width:180px;color:var(--sl-primary);white-space:nowrap;text-overflow:ellipsis;border:1px solid #6366f12e;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex;overflow:hidden}.sl-batch-badge svg{flex-shrink:0}.sl-print-spinner{border:2px solid #bae6fd;border-top-color:#0ea5e9;border-radius:50%;width:12px;height:12px;animation:.65s linear infinite slPrintSpin;display:inline-block}.sl-scroll-sentinel{min-height:58px;color:var(--sl-text-2);justify-content:center;align-items:center;font-size:12.5px;display:flex}.sl-list-end{color:var(--sl-text-3)}.sl-pagination{border-top:1px solid var(--sl-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.sl-page-info{color:var(--sl-text-2);font-size:12.5px}.sl-page-btns{gap:6px;display:flex}.sl-page-btn{border:1px solid var(--sl-border-md);background:var(--sl-bg);min-width:32px;height:32px;color:var(--sl-text-2);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--sl-font);border-radius:8px;justify-content:center;align-items:center;padding:0 10px;transition:background .14s,border-color .14s,color .14s;display:flex}.sl-page-btn:hover:not(:disabled){background:var(--sl-primary-bg);color:var(--sl-primary);border-color:#6366f133}.sl-page-btn.active{background:var(--sl-primary);border-color:var(--sl-primary);color:#fff}.sl-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1400px){.sl-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.sl-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width<=900px){.sl-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.sl-content{padding:18px 16px 40px}}@media (width<=768px){.sl-toolbar{flex-direction:column;align-items:stretch}.sl-toolbar-left{flex-wrap:wrap;gap:8px}.sl-toolbar-search{flex:1;width:100%}.sl-view-toggle{align-self:flex-end}.sl-select{min-width:130px}.sl-list-wrap{-webkit-overflow-scrolling:touch}}@media (width<=640px){.sl-grid{grid-template-columns:1fr}.sl-card-identity{gap:10px}.sl-card-avatar{width:44px;height:44px;font-size:14px}}@media (width<=560px){.sl-stats{grid-template-columns:1fr 1fr}.sl-page-head{flex-direction:column;align-items:flex-start}.sl-page-head-actions{width:100%}.sl-btn-add{justify-content:center;width:100%}.sl-toolbar-left{flex-direction:column;align-items:stretch}.sl-select{width:100%;min-width:unset}.sl-result-count{align-self:flex-start}.sl-pagination{flex-direction:column;align-items:center}}.spp-root{background:#f4f5fb;height:100%}.spp-layout{height:100%;display:flex}.spp-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .25s;overflow:hidden auto}.spp-main.sidebar-collapsed{margin-left:58px}.spp-topbar{z-index:50;background:#fff;border-bottom:1px solid #eaecf5;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000d}.spp-hamburger{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:none}.spp-breadcrumb{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.spp-breadcrumb span:last-child{color:#111827;font-weight:600}.spp-sep{color:#d1d5db}.spp-bc-link{cursor:pointer;color:#6366f1}.spp-bc-link:hover{text-decoration:underline}.spp-topbar-right{align-items:center;gap:10px;display:flex}.spp-icon-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.spp-icon-btn:hover{background:#e5e7eb}.spp-notif-btn{position:relative}.spp-notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.spp-avatar-top{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.spp-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 28px 0;display:flex}.spp-back-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .15s;display:inline-flex}.spp-back-btn:hover{background:#f3f4f6}.spp-action-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spp-btn-refresh{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .15s;display:inline-flex}.spp-btn-refresh:hover:not(:disabled){color:#374151;background:#f3f4f6}.spp-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.spp-btn-edit{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:background .15s;display:inline-flex}.spp-btn-edit:hover{background:#e0e7ff}.spp-btn-fees{color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:opacity .15s;display:inline-flex;box-shadow:0 4px 14px #6366f159}.spp-btn-fees:hover{opacity:.88}.spp-btn-hostel{color:#065f46;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:background .15s;display:inline-flex}.spp-btn-hostel:hover{background:#d1fae5}@keyframes spp-rot{to{transform:rotate(360deg)}}.spp-spin{animation:.7s linear infinite spp-rot}.spp-content{flex-direction:column;gap:20px;padding:20px 28px 60px;display:flex}.spp-loading-screen{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}@keyframes spp-spin-lg{to{transform:rotate(360deg)}}.spp-spinner-lg{border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spp-spin-lg}.spp-not-found{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.spp-not-found button{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:8px 20px;font-size:13px;font-weight:500}.spp-hero-card{background:#fff;border:1px solid #eaecf5;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 4px 28px #6366f11a}.spp-hero-banner{height:130px;position:relative;overflow:hidden}.spp-hero-blob{border-radius:50%;position:absolute}.spp-hb-1{width:320px;height:320px;top:-160px;right:-80px}.spp-hb-2{width:200px;height:200px;top:-60px;left:40%}.spp-hb-3{width:140px;height:140px;bottom:-60px;left:10%}.spp-hero-body{flex-wrap:wrap;align-items:flex-start;gap:22px;padding:0 28px 24px;display:flex;position:relative}.spp-hero-avatar-wrap{flex-shrink:0;margin-top:-48px;position:relative}.spp-hero-avatar{color:#fff;letter-spacing:-.01em;border:4px solid #fff;border-radius:22px;justify-content:center;align-items:center;width:96px;height:96px;font-size:30px;font-weight:800;display:flex}.spp-hero-avatar-img{object-fit:cover;border:4px solid #fff;border-radius:22px;width:96px;height:96px;display:block}.spp-hero-status-dot{border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 6px #00000026}.spp-hero-status-dot.spp-es-pursuing{background:#10b981}.spp-hero-status-dot.spp-es-passout{background:#6366f1}.spp-hero-status-dot.spp-es-dropout{background:#ef4444}.spp-hero-info{flex:1;min-width:0;padding-top:10px}.spp-hero-name{color:#111827;letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.2}.spp-hero-ids{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.spp-id-pill{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-family:monospace;font-size:11.5px;font-weight:600;display:inline-flex}.spp-id-primary{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.spp-hero-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.spp-chip{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.spp-chip-course{font-size:12.5px}.spp-chip-code{background:#00000014;border-radius:4px;margin-left:2px;padding:1px 6px;font-size:10px;font-weight:700}.spp-es-pursuing{color:#059669!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.spp-es-passout{color:#4f46e5!important;background:#eef2ff!important;border-color:#c7d2fe!important}.spp-es-dropout{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.spp-as-pending{color:#b45309!important;background:#fffbeb!important;border-color:#fde68a!important}.spp-as-approved{color:#059669!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.spp-as-rejected{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.spp-fees-yes{color:#059669!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.spp-fees-no{color:#c2410c!important;background:#fff7ed!important;border-color:#fed7aa!important}.spp-hero-contact{color:#6b7280;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12.5px;display:flex}.spp-hero-contact span{align-items:center;gap:5px;display:flex}.spp-blood{color:#dc2626;font-weight:600}.spp-hero-quick-stat{background:#f9faff;border:1px solid #eaecf5;border-radius:14px;flex-shrink:0;align-self:flex-end;align-items:center;gap:0;margin-top:auto;padding:12px 18px;display:flex}.spp-hqs-item{flex-direction:column;align-items:center;gap:3px;padding:0 18px;display:flex}.spp-hqs-val{color:#111827;font-size:13.5px;font-weight:700}.spp-hqs-label{color:#9ca3af;white-space:nowrap;font-size:10.5px;font-weight:500}.spp-hqs-div{background:#e5e7eb;flex-shrink:0;width:1px;height:30px}.spp-green{color:#059669!important}.spp-orange{color:#d97706!important}.spp-enroll-card{background:#fff;border:1px solid #eaecf5;border-radius:18px;min-height:200px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d}.spp-enroll-left{border-left:4px solid #6366f1;border-right:1px solid #f0f1fa;flex:1;min-width:0;padding:24px 28px}.spp-enroll-sec-title{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.spp-enroll-sec-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.spp-enroll-course-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.spp-enroll-course-name{letter-spacing:-.01em;font-size:20px;font-weight:800}.spp-enroll-course-code{border:1px solid;border-radius:999px;align-items:center;padding:3px 10px;font-family:monospace;font-size:11.5px;font-weight:700;display:inline-flex}.spp-enroll-details-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.spp-enroll-detail-item{align-items:flex-start;gap:10px;display:flex}.spp-edi-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.spp-edi-label{color:#9ca3af;margin-bottom:2px;font-size:11px;font-weight:500}.spp-edi-val{color:#111827;flex-wrap:wrap;align-items:center;gap:5px;font-size:13.5px;font-weight:700;display:flex}.spp-edi-code{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:10px;font-weight:700}.spp-enroll-badges{flex-wrap:wrap;gap:8px;display:flex}.spp-enroll-empty-msg{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 0;display:flex}.spp-enroll-empty-msg p{margin:0;font-size:13px}.spp-enroll-right{background:#fafbff;flex-direction:column;flex-shrink:0;gap:12px;width:280px;padding:24px 24px 20px;display:flex}.spp-ef-body{flex-direction:column;flex:1;gap:10px;display:flex}.spp-ef-rows{flex-direction:column;gap:0;display:flex}.spp-ef-row{border-bottom:1px solid #f0f0f8;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.spp-ef-row:last-child{border-bottom:none}.spp-ef-label{color:#9ca3af;font-size:12px;font-weight:500}.spp-ef-val{color:#111827;font-size:13.5px;font-weight:700}.spp-ef-prog-wrap{align-items:center;gap:8px;display:flex}.spp-ef-prog-track{background:#e5e7eb;border-radius:999px;flex:1;height:7px;overflow:hidden}.spp-ef-prog-fill{border-radius:999px;height:100%;transition:width .4s}.spp-ef-prog-pct{color:#6b7280;white-space:nowrap;font-size:11px;font-weight:700}.spp-ef-loading{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}@keyframes spp-ef-spin{to{transform:rotate(360deg)}}.spp-ef-spinner{border:3px solid #e5e7eb;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spp-ef-spin}.spp-enroll-fees-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:auto;padding:11px 16px;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 4px 14px #6366f159}.spp-enroll-fees-btn:hover{opacity:.88;transform:translateY(-1px)}.spp-enroll-fees-btn:active{transform:translateY(0)}.spp-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.spp-card{background:#fff;border:1px solid #eaecf5;border-radius:16px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 12px #0000000a}.spp-card:hover{box-shadow:0 4px 20px #00000012}.spp-card-head{border-bottom:1px solid #f4f5fb;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.spp-card-title-row{align-items:center;gap:8px;display:flex}.spp-card-icon{color:#6366f1;background:#eef2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.spp-card-title{color:#111827;font-size:13.5px;font-weight:700}.spp-card-body{padding:6px 0 8px}.spp-info-row{border-bottom:1px solid #f9f9fc;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 20px;transition:background .1s;display:flex}.spp-info-row:last-child{border-bottom:none}.spp-info-row:hover{background:#fafbff}.spp-info-label{color:#9ca3af;flex-shrink:0;min-width:130px;font-size:12px;font-weight:500}.spp-info-value{color:#1f2937;text-align:right;word-break:break-word;font-size:13px;font-weight:600}.spp-mono{letter-spacing:.04em;font-family:Courier New,monospace;font-size:12px}.spp-address-block{padding:10px 20px}.spp-address-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:11px;font-weight:700}.spp-address-text{color:#374151;font-size:13px;line-height:1.6}.spp-divider{background:#f4f5fb;height:1px;margin:2px 0}.spp-guardian-tabs{border-bottom:1.5px solid #f0f0f5;padding:0 4px;display:flex}.spp-g-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1.5px;padding:10px 0;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.spp-g-tab:hover{color:#374151}.spp-g-tab.active{font-weight:700}.spp-guardian-body{padding:4px 0 8px}.spp-g-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.spp-doc-summary{color:#059669;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.spp-docs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:12px 20px;display:grid}.spp-doc-chip{border:1.5px solid;border-radius:10px;align-items:center;gap:9px;padding:10px 14px;transition:background .12s,transform .1s;display:flex;position:relative}.spp-doc-chip:hover{transform:translateY(-1px)}.spp-doc-chip.ok{background:#f0fdf4;border-color:#bbf7d0}.spp-doc-chip.missing{background:#f9fafb;border-color:#e5e7eb}.spp-doc-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.spp-doc-ok{color:#16a34a;background:#dcfce7}.spp-doc-miss{color:#9ca3af;background:#f3f4f6}.spp-doc-label{color:#374151;flex:1;font-size:12.5px;font-weight:600}.spp-doc-chip.ok .spp-doc-label{color:#166534}.spp-doc-view{color:#9ca3af;border-radius:4px;align-items:center;padding:3px;text-decoration:none;transition:color .12s,background .12s;display:flex}.spp-doc-view:hover{color:#4f46e5;background:#eef2ff}@media (width<=1100px){.spp-grid{grid-template-columns:1fr 1fr}.spp-hero-quick-stat{display:none}}@media (width<=900px){.spp-grid,.spp-g-grid{grid-template-columns:1fr}.spp-enroll-card{flex-direction:column}.spp-enroll-right{border-top:1px solid #eaecf5;border-left:none;width:100%}}@media (width<=768px){.spp-main{margin-left:0!important}.spp-hamburger{display:flex}.spp-content{gap:14px;padding:16px 14px 48px}.spp-action-bar{padding:12px 14px 0}.spp-hero-body{gap:16px;padding:0 16px 20px}.spp-hero-name{font-size:20px}.spp-enroll-left{padding:18px}.spp-enroll-details-grid,.spp-docs-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.spp-hero-name{font-size:17px}.spp-hero-avatar,.spp-hero-avatar-img{width:78px;height:78px;font-size:24px}.spp-info-label{min-width:100px}.spp-docs-grid{grid-template-columns:1fr}.spp-action-btns{gap:6px}.spp-btn-edit,.spp-btn-fees,.spp-btn-hostel{padding:7px 10px;font-size:12px}.spp-enroll-details-grid{grid-template-columns:1fr}.spp-enroll-right{padding:16px}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#6366f126;--success:#10b981;--success-bg:#ecfdf5;--success-ring:#10b98126;--danger:#ef4444;--danger-bg:#fef2f2;--danger-ring:#ef44441f;--warning:#f59e0b;--warning-bg:#fffbeb;--bg:#f4f6fb;--card:#fff;--text-1:#111827;--text-2:#5a6175;--text-3:#adb5c7;--border:#e8eaf2;--border-focus:#6366f1;--field-bg:#f8f9ff;--field-bg-focus:#fff;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 20px #00000017;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes stepIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sr-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.sr-layout{display:flex}.sr-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.sr-main.sidebar-collapsed{margin-left:58px}.sr-main::-webkit-scrollbar{width:5px}.sr-main::-webkit-scrollbar-thumb{background:#dde1f5;border-radius:3px}.sr-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.sr-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.sr-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.sr-sep{color:var(--text-3)}.sr-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.sr-search-box{background:var(--field-bg);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:8px;width:220px;height:36px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.sr-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.sr-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.sr-search-box input::placeholder{color:var(--text-3)}.sr-icon-btn{border:1.5px solid var(--border);background:var(--card);width:36px;height:36px;color:var(--text-2);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.sr-icon-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.sr-avatar{cursor:pointer;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;letter-spacing:.5px;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}.sr-page-header{justify-content:space-between;align-items:center;padding:28px 28px 0;display:flex}.sr-page-title{align-items:center;gap:14px;display:flex}.sr-page-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 6px 20px #10b98159}.sr-page-title h1{color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:800}.sr-page-title p{color:var(--text-2);margin-top:3px;font-size:13px;line-height:1.5}.sr-content{flex-direction:column;gap:18px;padding:22px 28px 48px;display:flex}.sr-stepper-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);padding:22px 36px}.sr-stepper{align-items:center;width:100%;display:flex}.sr-step-wrap{flex:1;align-items:center;display:flex}.sr-step-wrap:last-child{flex:0}.sr-step{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-width:0;padding:6px 0;display:flex}.sr-step.clickable{cursor:pointer}.sr-step-bubble{width:36px;height:36px;color:var(--text-3);background:#e8eaf2;border:2px solid #d1d5e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.sr-step.active .sr-step-bubble{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 14px #6366f166}.sr-step.done .sr-step-bubble{background:var(--success);color:#fff;border-color:var(--success);box-shadow:0 4px 12px #10b9814d}.sr-step-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sr-step-title{color:var(--text-2);white-space:nowrap;font-size:13px;font-weight:600;transition:color .2s}.sr-step-sub{color:var(--text-3);white-space:nowrap;font-size:11px}.sr-step.active .sr-step-title{color:var(--primary)}.sr-step.done .sr-step-title{color:var(--success)}.sr-connector{background:#e8eaf2;border-radius:2px;flex:1;height:2px;margin:0 14px;transition:background .3s}.sr-connector.done{background:var(--success)}.sr-form-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.sr-step-body{padding:28px 32px 0;animation:.3s cubic-bezier(.22,1,.36,1) both stepIn}.sr-sec-head{color:var(--text-1);border-bottom:1.5px solid var(--border);letter-spacing:.2px;align-items:center;gap:8px;margin-bottom:18px;padding:0 0 14px;font-size:13px;font-weight:700;display:flex}.sr-sec-head.top{margin-top:24px}.sr-sec-icon{background:var(--primary-bg);width:26px;height:26px;color:var(--primary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sr-grid-4{grid-template-columns:repeat(4,1fr);gap:16px 18px;margin-bottom:18px;display:grid}.sr-grid-6{grid-template-columns:repeat(2,1fr);gap:16px 18px;margin-bottom:18px;display:grid}.sr-field{flex-direction:column;gap:5px;display:flex}.sr-field.span2{grid-column:span 2}.sr-field.span3{grid-column:span 3}.sr-field.span4{grid-column:span 4}.sr-label{color:var(--text-2);letter-spacing:.2px;font-size:12px;font-weight:600}.sr-req-star{color:var(--danger)}.sr-checkline{color:var(--text-1);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0 0 18px;font-size:13px;font-weight:600;display:inline-flex}.sr-checkline input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.sr-ifield{background:var(--field-bg);border:1.5px solid var(--border);border-radius:9px;align-items:center;gap:0;height:40px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;overflow:hidden}.sr-ifield:focus-within{border-color:var(--primary);background:var(--field-bg-focus);box-shadow:0 0 0 3px var(--primary-ring)}.sr-ifield.err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-ring);animation:.3s errShake}.sr-ifield-icon{width:36px;color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;padding-left:2px;display:flex}.sr-ifield input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 12px;font-size:13px}.sr-ifield input[readonly]{color:var(--primary);cursor:default;font-weight:700}.sr-ifield input.has-icon{padding-left:4px}.sr-ifield input::placeholder{color:var(--text-3)}.sr-sel-wrap{background:var(--field-bg);border:1.5px solid var(--border);border-radius:9px;align-items:center;height:40px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative;overflow:hidden}.sr-sel-wrap:focus-within{border-color:var(--primary);background:var(--field-bg-focus);box-shadow:0 0 0 3px var(--primary-ring)}.sr-sel-wrap.err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-ring)}.sr-sel{color:var(--text-1);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 32px 0 12px;font-size:13px}.sr-sel.has-icon{padding-left:4px}.sr-sel.empty{color:var(--text-3)}.sr-sel:disabled{color:var(--primary);cursor:default;opacity:1;font-weight:700}.sr-sel-wrap:after{content:"";pointer-events:none;border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-3);width:0;height:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sr-textarea{border:1.5px solid var(--border);background:var(--field-bg);width:100%;color:var(--text-1);font-size:13px;font-family:var(--font);resize:vertical;border-radius:9px;outline:none;min-height:72px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s}.sr-textarea:focus{border-color:var(--primary);background:var(--field-bg-focus);box-shadow:0 0 0 3px var(--primary-ring)}.sr-textarea::placeholder{color:var(--text-3)}.sr-ferr{color:var(--danger);margin-top:2px;font-size:11px;font-weight:500}.sr-section-desc{color:var(--text-2);margin:-8px 0 20px;font-size:13px;line-height:1.6}.sr-role-card{background:linear-gradient(135deg,var(--primary-bg) 0%,#f5f3ff 100%);border:1.5px solid #c7cbfe;border-radius:12px;align-items:center;gap:16px;margin-bottom:22px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #6366f11a}.sr-role-card.err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-ring)}.sr-role-icon{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 16px #6366f159}.sr-role-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sr-role-title{color:var(--text-1);letter-spacing:.2px;font-size:13px;font-weight:700}.sr-role-title .sr-req-star{margin-left:2px}.sr-role-sub{color:var(--text-2);font-size:12px;line-height:1.5}.sr-role-select{flex:1;min-width:200px;max-width:420px}.sr-role-err{color:var(--danger);margin-top:2px;font-size:11px;font-weight:500}.sr-docs-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:24px;display:grid}.sr-doc-card{background:var(--field-bg);border:1.5px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:border-color .2s,box-shadow .2s;display:flex}.sr-doc-card:hover{border-color:var(--primary-lt);box-shadow:0 2px 12px #6366f11a}.sr-doc-card.err{border-color:var(--danger)}.sr-doc-card.uploaded{border-color:var(--success);background:var(--success-bg)}.sr-doc-top{align-items:center;gap:10px;display:flex}.sr-doc-icon-wrap{background:var(--primary-bg);width:36px;height:36px;color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sr-doc-card.uploaded .sr-doc-icon-wrap{background:var(--success-bg);color:var(--success)}.sr-doc-photo-preview{object-fit:cover;border-radius:9px;width:100%;height:100%}.sr-doc-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sr-doc-name-label{color:var(--text-1);font-size:12px;font-weight:600;line-height:1.4}.sr-doc-format{color:var(--text-3);letter-spacing:.3px;font-size:10px;font-weight:500}.sr-doc-drop{border:1.5px dashed var(--border);cursor:pointer;color:var(--text-3);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:flex}.sr-doc-drop:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.sr-doc-drop input{display:none}.sr-doc-uploaded{background:var(--success-bg);color:var(--success);border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;display:flex}.sr-doc-fname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sr-doc-remove{cursor:pointer;color:var(--success);opacity:.7;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.sr-doc-remove:hover{opacity:1}.sr-doc-err{color:var(--danger);font-size:11px;font-weight:500}.sr-payroll-summary{background:linear-gradient(135deg,var(--primary-bg) 0%,#f0f4ff 100%);border:1.5px solid var(--primary-ring);border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex}.sr-payroll-badge{flex-direction:column;flex:1;gap:3px;min-width:140px;display:flex}.sr-payroll-badge-label{color:var(--text-2);letter-spacing:.3px;text-transform:uppercase;font-size:11px;font-weight:600}.sr-payroll-badge-val{color:var(--primary);letter-spacing:-.5px;font-size:22px;font-weight:800}.sr-payroll-badge-val.green{color:var(--success)}.sr-payroll-badge-val.red{color:var(--danger)}.sr-payroll-divider{background:var(--border);flex-shrink:0;width:1px;height:48px}.sr-bank-header{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fde68a;border-radius:12px;align-items:center;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex}.sr-bank-header-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #f59e0b4d}.sr-bank-header p{color:#78350f;font-size:13px;line-height:1.5}.sr-bank-header strong{color:#92400e;font-weight:700}.sr-form-footer{border-top:1.5px solid var(--border);background:var(--field-bg);justify-content:space-between;align-items:center;margin-top:24px;padding:20px 32px;display:flex}.sr-footer-left{align-items:center;gap:14px;display:flex}.sr-step-pill{background:var(--primary-bg);color:var(--primary);letter-spacing:.3px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.sr-req-note{color:var(--text-3);font-size:12px}.sr-req-star{color:var(--danger);font-weight:700}.sr-footer-btns{align-items:center;gap:10px;display:flex}.sr-btn-back{border:1.5px solid var(--border);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.sr-btn-back:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.sr-btn-back:disabled{opacity:.65;cursor:not-allowed}.sr-btn-next{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 22px;font-size:13px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 3px 12px #6366f159}.sr-btn-next:hover{background:var(--primary-dk);box-shadow:0 4px 16px #6366f173}.sr-btn-next:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.sr-btn-submit{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 24px;font-size:13px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 3px 14px #10b98166}.sr-btn-submit:hover{transform:translateY(-1px);box-shadow:0 5px 18px #10b98180}.sr-btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.sr-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@media (width<=1100px){.sr-grid-4{grid-template-columns:repeat(2,1fr)}.sr-field.span2,.sr-field.span3{grid-column:span 2}}@media (width<=768px){.sr-main{margin-left:0}.sr-content{padding:16px 16px 48px}.sr-step-body{padding:20px 20px 0}.sr-form-footer{flex-direction:column;align-items:stretch;gap:12px;padding:16px 20px}.sr-footer-btns{justify-content:flex-end}.sr-stepper-card{padding:18px 20px}.sr-step-sub{display:none}.sr-grid-4{grid-template-columns:1fr 1fr}.sr-field.span2,.sr-field.span3,.sr-field.span4{grid-column:span 2}}@media (width<=560px){.sr-grid-4{grid-template-columns:1fr}.sr-field.span2,.sr-field.span3,.sr-field.span4{grid-column:span 1}.sr-step-title{font-size:11px}.sr-connector{margin:0 8px}}.sfp-root{background:#f4f5fb;height:100%}.sfp-layout{height:100%;display:flex}.sfp-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .25s;overflow:hidden auto}.sfp-main.sidebar-collapsed{margin-left:58px}.sfp-topbar{z-index:50;background:#fff;border-bottom:1px solid #eaecf5;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000d}.sfp-hamburger{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:none}.sfp-breadcrumb{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.sfp-breadcrumb span:last-child{color:#111827;font-weight:600}.sfp-sep{color:#d1d5db}.sfp-bc-link{cursor:pointer;color:#6366f1}.sfp-bc-link:hover{text-decoration:underline}.sfp-topbar-right{align-items:center;gap:10px;display:flex}.sfp-icon-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.sfp-icon-btn:hover{background:#e5e7eb}.sfp-notif-btn{position:relative}.sfp-notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.sfp-avatar-top{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.sfp-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 28px 0;display:flex}.sfp-back-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .15s;display:inline-flex}.sfp-back-btn:hover{background:#f3f4f6}.sfp-action-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sfp-btn-refresh{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .15s;display:inline-flex}.sfp-btn-refresh:hover:not(:disabled){color:#374151;background:#f3f4f6}.sfp-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.sfp-btn-edit{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:background .15s;display:inline-flex}.sfp-btn-edit:hover{background:#e0e7ff}@keyframes sfp-rot{to{transform:rotate(360deg)}}.sfp-spin{animation:.7s linear infinite sfp-rot}.sfp-content{flex-direction:column;gap:20px;padding:20px 28px 60px;display:flex}.sfp-loading-screen{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}@keyframes sfp-spin-lg{to{transform:rotate(360deg)}}.sfp-spinner-lg{border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite sfp-spin-lg}.sfp-not-found{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.sfp-not-found button{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:8px 20px;font-size:13px;font-weight:500}.sfp-hero-card{background:#fff;border:1px solid #eaecf5;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 4px 28px #6366f11a}.sfp-hero-banner{height:130px;position:relative;overflow:hidden}.sfp-hero-blob{border-radius:50%;position:absolute}.sfp-hb-1{width:320px;height:320px;top:-160px;right:-80px}.sfp-hb-2{width:200px;height:200px;top:-60px;left:40%}.sfp-hero-body{flex-wrap:wrap;align-items:flex-start;gap:22px;padding:0 28px 24px;display:flex;position:relative}.sfp-hero-avatar-wrap{flex-shrink:0;margin-top:-48px;position:relative}.sfp-hero-avatar{color:#fff;letter-spacing:-.01em;border:4px solid #fff;border-radius:22px;justify-content:center;align-items:center;width:96px;height:96px;font-size:30px;font-weight:800;display:flex}.sfp-hero-avatar-img{object-fit:cover;border:4px solid #fff;border-radius:22px;width:96px;height:96px;display:block}.sfp-hero-status-dot{border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 6px #00000026}.sfp-status-active{background:#10b981}.sfp-status-pending{background:#f59e0b}.sfp-status-inactive{background:#ef4444}.sfp-hero-info{flex:1;min-width:0;padding-top:10px}.sfp-hero-name{color:#111827;letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.2}.sfp-hero-ids{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.sfp-id-pill{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-family:monospace;font-size:11.5px;font-weight:600;display:inline-flex}.sfp-id-primary{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.sfp-hero-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.sfp-chip{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.sfp-chip-status.sfp-status-active{color:#059669!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.sfp-chip-status.sfp-status-pending{color:#b45309!important;background:#fffbeb!important;border-color:#fde68a!important}.sfp-chip-status.sfp-status-inactive{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.sfp-hero-contact{color:#6b7280;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12.5px;display:flex}.sfp-hero-contact span{align-items:center;gap:5px;display:flex}.sfp-blood{color:#dc2626;font-weight:600}.sfp-hero-quick-stat{background:#f9faff;border:1px solid #eaecf5;border-radius:14px;flex-shrink:0;align-self:flex-end;align-items:center;gap:0;margin-top:auto;padding:12px 18px;display:flex}.sfp-hqs-item{flex-direction:column;align-items:center;gap:3px;padding:0 18px;display:flex}.sfp-hqs-val{color:#111827;font-size:13.5px;font-weight:700}.sfp-hqs-label{color:#9ca3af;white-space:nowrap;font-size:10.5px;font-weight:500}.sfp-hqs-div{background:#e5e7eb;flex-shrink:0;width:1px;height:30px}.sfp-green{color:#059669!important}.sfp-orange{color:#d97706!important}.sfp-enroll-card{background:#fff;border:1px solid #eaecf5;border-radius:18px;min-height:200px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d}.sfp-enroll-left{border-left:4px solid #6366f1;border-right:1px solid #f0f1fa;flex:1;min-width:0;padding:24px 28px}.sfp-enroll-sec-title{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.sfp-enroll-sec-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sfp-enroll-course-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.sfp-enroll-course-name{letter-spacing:-.01em;font-size:20px;font-weight:800}.sfp-enroll-course-code{border:1px solid;border-radius:999px;align-items:center;padding:3px 10px;font-family:monospace;font-size:11.5px;font-weight:700;display:inline-flex}.sfp-enroll-details-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.sfp-enroll-detail-item{align-items:flex-start;gap:10px;display:flex}.sfp-edi-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.sfp-edi-label{color:#9ca3af;margin-bottom:2px;font-size:11px;font-weight:500}.sfp-edi-val{color:#111827;flex-wrap:wrap;align-items:center;gap:5px;font-size:13.5px;font-weight:700;display:flex}.sfp-enroll-right{background:#fafbff;flex-direction:column;flex-shrink:0;gap:12px;width:280px;padding:24px 24px 20px;display:flex}.sfp-ef-body{flex-direction:column;flex:1;gap:10px;display:flex}.sfp-ef-rows{flex-direction:column;gap:0;display:flex}.sfp-ef-row{border-bottom:1px solid #f0f0f8;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.sfp-ef-row:last-child{border-bottom:none}.sfp-ef-label{color:#9ca3af;font-size:12px;font-weight:500}.sfp-ef-val{color:#111827;font-size:13.5px;font-weight:700}.sfp-ef-prog-wrap{align-items:center;gap:8px;display:flex}.sfp-ef-prog-track{background:#e5e7eb;border-radius:999px;flex:1;height:7px;overflow:hidden}.sfp-ef-prog-fill{border-radius:999px;height:100%;transition:width .4s}.sfp-ef-prog-pct{color:#6b7280;white-space:nowrap;font-size:11px;font-weight:700}.sfp-ef-loading{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.sfp-enroll-fees-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:auto;padding:11px 16px;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 4px 14px #6366f159}.sfp-enroll-fees-btn:hover{opacity:.88;transform:translateY(-1px)}.sfp-enroll-fees-btn:active{transform:translateY(0)}.sfp-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.sfp-card{background:#fff;border:1px solid #eaecf5;border-radius:16px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 12px #0000000a}.sfp-card:hover{box-shadow:0 4px 20px #00000012}.sfp-card-head{border-bottom:1px solid #f4f5fb;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.sfp-card-title-row{align-items:center;gap:8px;display:flex}.sfp-card-icon{color:#6366f1;background:#eef2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sfp-card-title{color:#111827;font-size:13.5px;font-weight:700}.sfp-card-body{padding:6px 0 8px}.sfp-info-row{border-bottom:1px solid #f9f9fc;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 20px;transition:background .1s;display:flex}.sfp-info-row:last-child{border-bottom:none}.sfp-info-row:hover{background:#fafbff}.sfp-info-label{color:#9ca3af;flex-shrink:0;min-width:130px;font-size:12px;font-weight:500}.sfp-info-value{color:#1f2937;text-align:right;word-break:break-word;font-size:13px;font-weight:600}.sfp-mono{letter-spacing:.04em;font-family:Courier New,monospace;font-size:12px}.sfp-address-block{padding:10px 20px}.sfp-address-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:11px;font-weight:700}.sfp-address-text{color:#374151;font-size:13px;line-height:1.6}.sfp-divider{background:#f4f5fb;height:1px;margin:2px 0}.sfp-address-detail-grid{border-top:1px solid #f4f5fb;grid-template-columns:1fr 1fr;gap:0;display:grid}.sfp-address-detail-panel:first-child{border-right:1px solid #f4f5fb}.sfp-address-detail-title{color:#0f766e;text-transform:uppercase;letter-spacing:.06em;padding:12px 20px 6px;font-size:11px;font-weight:700}.sfp-address-detail-fields .sfp-info-row{padding-top:7px;padding-bottom:7px}.sfp-salary-grid{grid-template-columns:1fr 1fr;gap:0;padding:4px 0;display:grid}.sfp-salary-col{padding:8px 20px 16px}.sfp-salary-col:first-child{border-right:1px solid #f0f0f8}.sfp-salary-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;border-bottom:1.5px solid #f0f0f8;margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700}.sfp-salary-row{color:#374151;border-bottom:1px solid #fafafa;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.sfp-salary-row:last-child{border-bottom:none}.sfp-salary-row span:first-child{color:#6b7280;font-weight:500}.sfp-salary-row span:last-child{color:#111827;font-weight:600}.sfp-salary-total{margin-top:6px;border-top:1.5px solid #e5e7eb!important;border-bottom:none!important;padding-top:8px!important}.sfp-salary-total span:first-child{font-size:13.5px;color:#111827!important;font-weight:700!important}.sfp-salary-total span:last-child{font-size:14px!important;font-weight:800!important}.sfp-net span:last-child{color:#059669!important}.sfp-deduct{color:#dc2626!important}.sfp-bank-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.sfp-doc-summary{color:#059669;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.sfp-docs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:12px 20px;display:grid}.sfp-doc-chip{border:1.5px solid;border-radius:10px;align-items:center;gap:9px;padding:10px 14px;transition:background .12s,transform .1s;display:flex;position:relative}.sfp-doc-chip:hover{transform:translateY(-1px)}.sfp-doc-chip.ok{background:#f0fdf4;border-color:#bbf7d0}.sfp-doc-chip.missing{background:#f9fafb;border-color:#e5e7eb}.sfp-doc-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sfp-doc-ok{color:#16a34a;background:#dcfce7}.sfp-doc-miss{color:#9ca3af;background:#f3f4f6}.sfp-doc-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sfp-doc-label{color:#374151;font-size:12.5px;font-weight:600}.sfp-doc-chip.ok .sfp-doc-label{color:#166534}.sfp-doc-file{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.sfp-doc-meta{color:#6b7280;font-size:10.5px;font-weight:500;line-height:1.3}.sfp-doc-view{color:#9ca3af;border-radius:4px;align-items:center;padding:3px;text-decoration:none;transition:color .12s,background .12s;display:flex}.sfp-doc-view:hover{color:#4f46e5;background:#eef2ff}@media (width<=1100px){.sfp-grid{grid-template-columns:1fr 1fr}.sfp-hero-quick-stat{display:none}}@media (width<=900px){.sfp-grid{grid-template-columns:1fr}.sfp-enroll-card{flex-direction:column}.sfp-enroll-right{border-top:1px solid #eaecf5;border-left:none;width:100%}.sfp-bank-grid,.sfp-salary-grid{grid-template-columns:1fr}.sfp-salary-col:first-child{border-bottom:1px solid #f0f0f8;border-right:none}.sfp-address-detail-grid{grid-template-columns:1fr}.sfp-address-detail-panel:first-child{border-bottom:1px solid #f4f5fb;border-right:none}}@media (width<=768px){.sfp-main{margin-left:0!important}.sfp-hamburger{display:flex}.sfp-content{gap:14px;padding:16px 14px 48px}.sfp-action-bar{padding:12px 14px 0}.sfp-hero-body{gap:16px;padding:0 16px 20px}.sfp-hero-name{font-size:20px}.sfp-enroll-left{padding:18px}.sfp-enroll-details-grid,.sfp-docs-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.sfp-hero-name{font-size:17px}.sfp-hero-avatar,.sfp-hero-avatar-img{width:78px;height:78px;font-size:24px}.sfp-info-label{min-width:100px}.sfp-docs-grid{grid-template-columns:1fr}.sfp-action-btns{gap:6px}.sfp-btn-edit{padding:7px 10px;font-size:12px}.sfp-enroll-details-grid{grid-template-columns:1fr}.sfp-enroll-right{padding:16px}.sfp-bank-grid{grid-template-columns:1fr}}:root{--hrsl-primary:#6366f1;--hrsl-primary-lt:#818cf8;--hrsl-primary-dk:#4f46e5;--hrsl-primary-bg:#eef2ff;--hrsl-primary-ring:#6366f124;--hrsl-success:#10b981;--hrsl-success-bg:#ecfdf5;--hrsl-danger:#ef4444;--hrsl-danger-bg:#fef2f2;--hrsl-danger-ring:#ef44441f;--hrsl-warning:#f59e0b;--hrsl-warning-bg:#fffbeb;--hrsl-purple:#8b5cf6;--hrsl-purple-bg:#f5f3ff;--hrsl-bg:#f8f9fc;--hrsl-card:#fff;--hrsl-text-1:#111827;--hrsl-text-2:#6b7280;--hrsl-text-3:#9ca3af;--hrsl-border:#f0f0f5;--hrsl-border-md:#e5e7eb;--hrsl-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--hrsl-shadow-md:0 4px 20px #00000014;--hrsl-shadow-lg:0 12px 40px #00000024;--hrsl-radius:14px;--hrsl-font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes hrslFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hrslCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hrslOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes hrslFieldIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hrslViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hrsl-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.hrsl-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hrsl-page-title{color:var(--hrsl-text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.hrsl-page-sub{color:var(--hrsl-text-2);margin-top:3px;font-size:13px}.hrsl-page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hrsl-btn-add{background:var(--hrsl-primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--hrsl-font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.hrsl-btn-add:hover{background:var(--hrsl-primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.hrsl-btn-download{color:#059669;border:1.5px solid var(--hrsl-success);cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--hrsl-font);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s,color .15s;display:inline-flex;box-shadow:0 2px 8px #10b98126}.hrsl-btn-download:hover:not(:disabled){background:var(--hrsl-success-bg);transform:translateY(-1px);box-shadow:0 4px 14px #10b98147}.hrsl-btn-download:disabled{opacity:.45;cursor:not-allowed;transform:none}.hrsl-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hrsl-stat{background:var(--hrsl-card);border:1px solid var(--hrsl-border-md);border-radius:var(--hrsl-radius);box-shadow:var(--hrsl-shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both hrslFadeUp;display:flex}.hrsl-stat:hover{box-shadow:var(--hrsl-shadow-md);transform:translateY(-2px)}.hrsl-stat:first-child{animation-delay:50ms}.hrsl-stat:nth-child(2){animation-delay:.1s}.hrsl-stat:nth-child(3){animation-delay:.15s}.hrsl-stat:nth-child(4){animation-delay:.2s}.hrsl-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hrsl-stat-value{font-size:24px;font-weight:800;line-height:1}.hrsl-stat-label{color:var(--hrsl-text-2);margin-top:4px;font-size:12px;font-weight:500}.hrsl-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hrsl-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hrsl-dropdown.p-dropdown{border:1px solid var(--hrsl-border-md);background:var(--hrsl-card);font-family:var(--hrsl-font);box-shadow:none;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:inline-flex}.hrsl-dropdown.p-dropdown:not(.p-disabled):hover{border-color:#c4c9d8}.hrsl-dropdown.p-dropdown.p-focus{border-color:var(--hrsl-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.hrsl-dropdown .p-dropdown-label{font-family:var(--hrsl-font);color:var(--hrsl-text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.hrsl-dropdown .p-dropdown-trigger{color:var(--hrsl-text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hrsl-dropdown-panel.p-dropdown-panel{border:1px solid var(--hrsl-border-md);box-shadow:var(--hrsl-shadow-md);font-family:var(--hrsl-font);border-radius:10px;margin-top:4px;overflow:hidden}.hrsl-dropdown-panel .p-dropdown-items{padding:5px 0}.hrsl-dropdown-panel .p-dropdown-item{color:var(--hrsl-text-1);font-size:13px;font-weight:500;font-family:var(--hrsl-font);padding:9px 14px;transition:background .12s}.hrsl-dropdown-panel .p-dropdown-item:hover,.hrsl-dropdown-panel .p-dropdown-item:focus{background:var(--hrsl-primary-bg);color:var(--hrsl-primary);outline:none}.hrsl-dropdown-panel .p-dropdown-item.p-highlight{background:var(--hrsl-primary-bg);color:var(--hrsl-primary);font-weight:600}.hrsl-filter-dd.p-dropdown{min-width:150px;height:38px}.hrsl-filter-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:13px}.hrsl-filter-dd .p-dropdown-trigger{width:30px}.hrsl-card-status-dd.p-dropdown{border-radius:8px;width:100%;height:32px}.hrsl-card-status-dd.p-dropdown:not(.p-disabled):hover{background:var(--hrsl-bg)}.hrsl-card-status-dd .p-dropdown-label{text-align:center;flex:1;padding:0 4px 0 10px;font-size:12.5px;font-weight:700}.hrsl-card-status-dd .p-dropdown-trigger{width:24px;padding-right:6px}.hrsl-tbl-status-dd.p-dropdown{border-radius:8px;min-width:104px;height:30px}.hrsl-tbl-status-dd .p-dropdown-label{padding:0 4px 0 10px;font-size:12px;font-weight:600}.hrsl-tbl-status-dd .p-dropdown-trigger{width:24px}.hrsl-panel-status-dd.p-dropdown{border-radius:8px;min-width:150px;height:34px}.hrsl-panel-status-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:12.5px;font-weight:600}.hrsl-panel-status-dd .p-dropdown-trigger{width:26px}.hrsl-status-Active .p-dropdown-label{color:var(--hrsl-success)}.hrsl-status-Pending .p-dropdown-label{color:var(--hrsl-warning)}.hrsl-status-Inactive .p-dropdown-label{color:var(--hrsl-text-2)}.hrsl-search-box{background:var(--hrsl-bg);border:1px solid var(--hrsl-border-md);height:36px;color:var(--hrsl-text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.hrsl-search-box:focus-within{border-color:var(--hrsl-primary);box-shadow:0 0 0 3px var(--hrsl-primary-ring)}.hrsl-search-box input{color:var(--hrsl-text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.hrsl-search-box input::placeholder{color:var(--hrsl-text-3)}.hrsl-toolbar-search{flex-shrink:0;width:240px}.hrsl-search-clear{color:var(--hrsl-text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex}.hrsl-search-clear:hover{color:var(--hrsl-text-1)}.hrsl-result-count{background:var(--hrsl-primary-bg);color:var(--hrsl-primary);border:1px solid #6366f133;border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.hrsl-view-toggle{background:var(--hrsl-border);border-radius:9px;gap:2px;padding:3px;display:flex;position:relative}.hrsl-view-toggle-indicator{background:var(--hrsl-card);width:32px;height:28px;box-shadow:var(--hrsl-shadow-sm);will-change:transform;z-index:0;border-radius:7px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.hrsl-view-toggle-indicator.list{transform:translate(34px)}.hrsl-view-btn{z-index:1;width:32px;height:28px;color:var(--hrsl-text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:relative}.hrsl-view-btn:active{transform:scale(.88)}.hrsl-view-btn.active{color:var(--hrsl-primary)}.hrsl-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both hrslViewSwitch}.hrsl-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;display:grid}.hrsl-grid .hrsl-card:first-child{animation:.32s 40ms both hrslCardIn}.hrsl-grid .hrsl-card:nth-child(2){animation:.32s 80ms both hrslCardIn}.hrsl-grid .hrsl-card:nth-child(3){animation:.32s .12s both hrslCardIn}.hrsl-grid .hrsl-card:nth-child(4){animation:.32s .16s both hrslCardIn}.hrsl-grid .hrsl-card:nth-child(5){animation:.32s .2s both hrslCardIn}.hrsl-grid .hrsl-card:nth-child(6){animation:.32s .24s both hrslCardIn}.hrsl-card{background:var(--hrsl-card);border:1px solid var(--hrsl-border-md);border-radius:var(--hrsl-radius);box-shadow:var(--hrsl-shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.hrsl-card:hover{box-shadow:var(--hrsl-shadow-md);transform:translateY(-3px)}.hrsl-card-strip{flex-shrink:0;height:6px}.hrsl-card-identity{border-bottom:1px solid var(--hrsl-border);align-items:center;gap:14px;padding:18px 18px 14px;display:flex}.hrsl-card-avatar{color:#fff;letter-spacing:.5px;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.hrsl-card-avatar img,.hrsl-tbl-avatar img,.hrsl-panel-avatar img{object-fit:cover;width:100%;height:100%}.hrsl-card-name-block{flex:1;min-width:0}.hrsl-card-name{color:var(--hrsl-text-1);white-space:normal;overflow-wrap:break-word;word-break:break-word;font-size:15px;font-weight:700;line-height:1.3}.hrsl-name-link{cursor:pointer;transition:color .15s}.hrsl-name-link:hover{color:var(--hrsl-primary);text-decoration:underline}.hrsl-card-desig{color:var(--hrsl-text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.hrsl-card-id{color:var(--hrsl-text-3);margin-top:2px;font-size:11px;font-weight:600}.hrsl-copy-id{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;width:fit-content;margin-left:-4px;padding:1px 4px;font-family:inherit;transition:color .14s,background .14s;display:block}.hrsl-copy-id:hover,.hrsl-copy-id:focus-visible{color:var(--hrsl-primary);background:var(--hrsl-primary-bg);outline:none}.hrsl-card-body{flex-direction:column;flex:1;gap:10px;padding:14px 18px;display:flex}.hrsl-card-row{color:var(--hrsl-text-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.hrsl-card-row-icon{opacity:.6;flex-shrink:0;width:16px;height:16px}.hrsl-card-row-val{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hrsl-card-tags{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.hrsl-card-tag{background:var(--hrsl-primary-bg);color:var(--hrsl-primary);border:1px solid #6366f12e;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.hrsl-card-foot{border-top:1px solid var(--hrsl-border);background:#fafbfc;flex-direction:column;align-items:stretch;gap:10px;padding:12px 18px;display:flex}.hrsl-card-actions{gap:6px;display:flex}.hrsl-card-act-btn{cursor:pointer;height:30px;font-size:12px;font-weight:600;font-family:var(--hrsl-font);border:1px solid var(--hrsl-border-md);background:var(--hrsl-card);color:var(--hrsl-text-2);white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 8px;transition:all .14s;display:inline-flex}.hrsl-card-act-btn.view{color:var(--hrsl-primary);background:var(--hrsl-primary-bg);border-color:#6366f140}.hrsl-card-act-btn.view:hover{background:var(--hrsl-primary);color:#fff;border-color:var(--hrsl-primary)}.hrsl-card-act-btn.edit:hover{background:var(--hrsl-primary-bg);color:var(--hrsl-primary);border-color:#6366f14d}.hrsl-card-act-btn:disabled{opacity:.55;cursor:not-allowed}.hrsl-chip{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.hrsl-chip:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.hrsl-chip-active{background:var(--hrsl-success-bg);color:var(--hrsl-success);border:1px solid #a7f3d0}.hrsl-chip-inactive{color:var(--hrsl-text-2);border:1px solid var(--hrsl-border-md);background:#f3f4f6}.hrsl-chip-leave{background:var(--hrsl-warning-bg);color:var(--hrsl-warning);border:1px solid #fde68a}.hrsl-empty{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:64px 24px;display:flex}.hrsl-empty-icon{background:var(--hrsl-primary-bg);width:64px;height:64px;color:var(--hrsl-primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.hrsl-empty p{color:var(--hrsl-text-2);font-size:15px}.hrsl-empty-title{color:var(--hrsl-text-1);font-size:15px;font-weight:700}.hrsl-empty-sub{color:var(--hrsl-text-2);font-size:13px}.hrsl-list-wrap{background:var(--hrsl-card);border:1px solid var(--hrsl-border-md);border-radius:var(--hrsl-radius);-webkit-overflow-scrolling:touch;box-shadow:var(--hrsl-shadow-sm);overflow-x:auto}.hrsl-list-wrap::-webkit-scrollbar{height:7px}.hrsl-list-wrap::-webkit-scrollbar-track{background:0 0}.hrsl-list-wrap::-webkit-scrollbar-thumb{background:#d8deee;border-radius:4px}.hrsl-table{border-collapse:collapse;width:100%;min-width:900px}.hrsl-table thead tr{border-bottom:1px solid var(--hrsl-border-md);background:#fafbfc}.hrsl-table th{text-align:left;color:var(--hrsl-text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.hrsl-table tbody tr{border-bottom:1px solid var(--hrsl-border);transition:background .12s}.hrsl-table tbody tr:last-child{border-bottom:none}.hrsl-table tbody tr:hover{background:#fafbff}.hrsl-table td{color:var(--hrsl-text-1);vertical-align:middle;padding:14px 16px;font-size:13.5px}.hrsl-table-empty{text-align:center;color:var(--hrsl-text-3);padding:40px 0!important}.hrsl-th-actions{text-align:center;background:#fafbfc;width:190px;min-width:190px;position:sticky;right:0;box-shadow:-6px 0 6px -6px #0000001f}.hrsl-td-actions{text-align:center;background:var(--hrsl-card);width:190px;min-width:190px;position:sticky;right:0;box-shadow:-6px 0 6px -6px #0000001f}.hrsl-table tbody tr:hover .hrsl-td-actions{background:#fafbff}.hrsl-tbl-person{align-items:center;gap:12px;min-width:180px;display:flex}.hrsl-tbl-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.hrsl-tbl-name-block{flex:1;min-width:120px}.hrsl-tbl-name{color:var(--hrsl-text-1);white-space:normal;overflow-wrap:break-word;word-break:break-word;font-size:13.5px;font-weight:600}.hrsl-tbl-id{color:var(--hrsl-text-3);letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:700}.hrsl-tbl-dept{color:var(--hrsl-text-2);font-size:13px}.hrsl-tbl-desig{color:var(--hrsl-text-1);font-size:13px;font-weight:500}.hrsl-tbl-contact{flex-direction:column;gap:3px;display:flex}.hrsl-tbl-contact span{color:var(--hrsl-text-2);align-items:center;gap:5px;font-size:12.5px;display:flex}.hrsl-na{color:var(--hrsl-text-3);font-style:italic}.hrsl-tbl-acts{justify-content:center;align-items:center;gap:6px;display:flex}.hrsl-tbl-btn{border:1px solid var(--hrsl-border-md);background:var(--hrsl-bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,border-color .14s,color .14s;display:flex}.hrsl-tbl-btn.view{color:var(--hrsl-primary)}.hrsl-tbl-btn.view:hover{background:var(--hrsl-primary-bg);border-color:#6366f14d}.hrsl-tbl-btn.edit:hover{background:var(--hrsl-primary-bg);color:var(--hrsl-primary);border-color:#6366f14d}.hrsl-tbl-btn:disabled{opacity:.55;cursor:not-allowed}.hrsl-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a61;animation:.22s both hrslOverlayIn;position:fixed;inset:0}.hrsl-panel{background:var(--hrsl-card);z-index:201;flex-direction:column;width:480px;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.hrsl-panel.open{transition-delay:0s;transform:translate(0)}.hrsl-panel-head{border-bottom:1px solid var(--hrsl-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.hrsl-panel-head-left{align-items:center;gap:14px;display:flex}.hrsl-panel-avatar{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 14px #0000002e}.hrsl-panel-name{color:var(--hrsl-text-1);font-size:16px;font-weight:800}.hrsl-panel-desig{color:var(--hrsl-text-2);margin-top:2px;font-size:12.5px}.hrsl-panel-close{border:1px solid var(--hrsl-border-md);cursor:pointer;width:34px;height:34px;color:var(--hrsl-text-2);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex}.hrsl-panel-close:hover{background:var(--hrsl-danger-bg);color:var(--hrsl-danger);border-color:#fecaca}.hrsl-panel-body{flex:1;padding:20px 24px;overflow-y:auto}.hrsl-panel-body::-webkit-scrollbar{width:4px}.hrsl-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.hrsl-panel-section{border-bottom:1px solid var(--hrsl-border);flex-direction:column;gap:12px;padding:16px 0;display:flex}.hrsl-panel-section:last-child{border-bottom:none}.hrsl-panel-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--hrsl-text-3);margin-bottom:2px;font-size:11px;font-weight:700}.hrsl-panel-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.hrsl-panel-key{color:var(--hrsl-text-2);flex-shrink:0;font-size:12.5px;font-weight:500}.hrsl-panel-val{color:var(--hrsl-text-1);text-align:right;word-break:break-all;font-size:13px;font-weight:600}.hrsl-panel-foot{border-top:1px solid var(--hrsl-border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.hrsl-btn-cancel{border:1.5px solid var(--hrsl-border-md);height:38px;color:var(--hrsl-text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--hrsl-font);background:0 0;border-radius:9px;padding:0 18px;transition:background .14s,color .14s,border-color .14s}.hrsl-btn-cancel:hover{background:var(--hrsl-bg);color:var(--hrsl-text-1)}.hrsl-btn-edit{background:var(--hrsl-primary);color:#fff;cursor:pointer;height:38px;font-size:13px;font-weight:600;font-family:var(--hrsl-font);border:none;border-radius:9px;align-items:center;gap:7px;padding:0 22px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f14d}.hrsl-btn-edit:hover{background:var(--hrsl-primary-dk);transform:translateY(-1px)}.hrsl-panel.open .hrsl-anim-1{animation:.3s 40ms both hrslFieldIn}.hrsl-panel.open .hrsl-anim-2{animation:.3s 90ms both hrslFieldIn}.hrsl-panel.open .hrsl-anim-3{animation:.3s .14s both hrslFieldIn}.hrsl-panel.open .hrsl-anim-4{animation:.3s .19s both hrslFieldIn}.hrsl-panel.open .hrsl-anim-5{animation:.3s .24s both hrslFieldIn}@media (width<=1200px){.hrsl-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=1100px){.hrsl-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width<=1024px){.hrsl-panel{width:420px}}@media (width<=820px){.hrsl-content{padding:18px 16px 40px}}@media (width<=768px){.hrsl-panel{width:100%;left:0}.hrsl-toolbar{flex-direction:column;align-items:stretch}.hrsl-toolbar-left{flex-wrap:wrap;gap:8px}.hrsl-toolbar-search{flex:1;width:100%}.hrsl-view-toggle{align-self:flex-end}}@media (width<=640px){.hrsl-grid{grid-template-columns:1fr}.hrsl-card-identity{gap:10px}.hrsl-card-avatar{width:44px;height:44px;font-size:14px}}@media (width<=560px){.hrsl-stats{grid-template-columns:1fr 1fr}.hrsl-page-head{flex-direction:column;align-items:flex-start}.hrsl-page-head-actions{flex-direction:column;width:100%}.hrsl-btn-add,.hrsl-btn-download{justify-content:center;width:100%}.hrsl-toolbar-left{flex-direction:column;align-items:stretch}.hrsl-filter-dd.p-dropdown{width:100%;min-width:unset}.hrsl-result-count{align-self:flex-start}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.sle-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.sle-layout{display:flex}.sle-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.22,1,.36,1) slideIn;overflow:hidden auto}.sle-main.sidebar-collapsed{margin-left:58px}.sle-main::-webkit-scrollbar{width:5px}.sle-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.sle-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.sle-menu-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.sle-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.sle-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.sle-sep{color:var(--text-3)}.sle-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.sle-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.sle-icon-btn:hover{background:var(--bg)}.sle-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.sle-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.sle-content{flex-direction:column;gap:22px;padding:26px 28px 60px;display:flex}.sle-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sle-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.sle-page-sub{color:var(--text-2);max-width:520px;margin-top:4px;font-size:13px}.sle-page-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.sle-btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dk));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 20px;font-size:13.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #6366f147}.sle-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.sle-btn-primary:active{transform:translateY(0)}.sle-btn-ghost{border:1.5px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.sle-btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.sle-btn-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 18px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.sle-btn-danger:hover{opacity:.88}.sle-btn-danger-sm{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;height:32px;padding:0 14px;font-size:12px;font-weight:600;transition:opacity .15s;display:inline-flex}.sle-btn-danger-sm:hover{opacity:.88}.sle-stats-row{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.sle-stat-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:14px;padding:16px 18px;animation:.4s fadeUp;display:flex}.sle-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sle-stat-val{color:var(--text-1);font-size:22px;font-weight:800;line-height:1}.sle-stat-lbl{color:var(--text-2);margin-top:4px;font-size:11.5px}.sle-tabs{background:var(--card);border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow-sm);border-radius:12px;gap:4px;padding:5px;display:flex}.sle-tab{height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:0 22px;font-size:13.5px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.sle-tab:hover{background:var(--bg);color:var(--text-1)}.sle-tab.active{background:linear-gradient(135deg, var(--primary), var(--primary-dk));color:#fff;font-weight:600;box-shadow:0 2px 10px #6366f147}.sle-tab-panel{flex-direction:column;gap:18px;animation:.3s fadeUp;display:flex}.sle-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sle-toolbar-assign{flex-wrap:wrap}.sle-search-box{background:var(--card);border:1px solid var(--border-md);height:38px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;min-width:220px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.sle-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.sle-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.sle-search-box input::placeholder{color:var(--text-3)}.sle-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;transition:color .15s;display:flex}.sle-clear:hover{color:var(--text-1)}.sle-select-wrap{position:relative}.sle-select-wrap select{appearance:none;color:#111827;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;height:38px;padding:0 32px 0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 3px #0000000d}.sle-select-wrap select:hover{background-color:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.sle-select-wrap select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.sle-select-wrap.full,.sle-select-wrap.full select{width:100%}.sle-sel-arrow{display:none}.sle-count{color:var(--text-2);white-space:nowrap;margin-left:4px;font-size:12.5px}.sle-lt-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.sle-lt-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;transition:box-shadow .2s,transform .2s;animation:.35s cardIn;position:relative;overflow:hidden}.sle-lt-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sle-lt-header{justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.sle-lt-code{color:#ffffffeb;letter-spacing:.04em;background:#fff3;border-radius:20px;padding:3px 10px;font-size:13px;font-weight:700}.sle-lt-days{color:#fff;font-size:13.5px;font-weight:700}.sle-lt-body{flex-direction:column;gap:10px;padding:18px 20px 16px;display:flex}.sle-lt-name{color:var(--text-1);font-size:15.5px;font-weight:700}.sle-lt-desc{color:var(--text-2);min-height:38px;font-size:12.5px;line-height:1.5}.sle-lt-badges{flex-wrap:wrap;gap:7px;display:flex}.sle-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.sle-badge.paid{color:#10b981;background:#ecfdf5}.sle-badge.unpaid{color:#6b7280;background:#f3f4f6}.sle-badge.active{color:#10b981;background:#ecfdf5}.sle-badge.inactive{color:#6b7280;background:#f3f4f6}.sle-badge.carry{color:#6366f1;background:#eef2ff}.sle-badge.no-carry{color:#9ca3af;background:#f3f4f6}.sle-lt-actions{gap:8px;margin-top:4px;display:flex}.sle-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;height:32px;padding:0 14px;font-size:12.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.sle-action-btn:hover{opacity:.85;transform:translateY(-1px)}.sle-action-btn.edit{background:var(--primary-bg);color:var(--primary)}.sle-action-btn.del{background:var(--danger-bg);color:var(--danger)}.sle-status-confirm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;animation:.2s overlayIn;display:flex;position:absolute;inset:0}.sle-status-confirm p{color:var(--text-1);text-align:center;font-size:13.5px;line-height:1.5}.sle-status-actions{gap:10px;display:flex}.sle-table-wrap{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.sle-table{border-collapse:collapse;width:100%;font-size:13.5px}.sle-table thead{border-bottom:1px solid var(--border);background:#fafbff}.sle-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.sle-th-center{text-align:center}.sle-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.sle-table tbody tr:last-child{border-bottom:none}.sle-table tbody tr:hover{background:#fafbff}.sle-table td{vertical-align:middle;padding:13px 16px}.sle-td-center{text-align:center}.sle-staff-cell{align-items:center;gap:10px;display:flex}.sle-staff-av{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.sle-staff-name{color:var(--text-1);font-size:13.5px;font-weight:600}.sle-staff-code{color:var(--text-3);margin-top:1px;font-size:11.5px}.sle-dept{color:var(--text-1);font-size:13px;font-weight:500}.sle-desig{color:var(--text-3);margin-top:1px;font-size:11.5px}.sle-lt-pills{flex-wrap:wrap;gap:4px;display:flex}.sle-stack{flex-direction:column;align-items:center;gap:4px;display:flex}.sle-stack-left{align-items:flex-start}.sle-stack-line{justify-content:center;align-items:center;height:38px;display:flex}.sle-stack-left .sle-stack-line{justify-content:flex-start}.sle-lt-pill{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.sle-year-chip{background:var(--bg);border:1px solid var(--border-md);color:var(--text-2);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.sle-num{color:var(--text-1);font-size:14px;font-weight:700}.sle-num.used{color:var(--warning)}.sle-used-cell{flex-direction:column;align-items:center;gap:5px;display:flex}.sle-progress-bar{background:#f3f4f6;border-radius:4px;width:56px;height:5px;overflow:hidden}.sle-progress-fill{border-radius:4px;height:100%;transition:width .4s}.sle-carry-chip{background:var(--purple-bg);color:var(--purple);border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.sle-nil{color:var(--text-3);font-size:13px}.sle-balance{text-align:center;border-radius:8px;min-width:32px;padding:3px 8px;font-size:13.5px;font-weight:700;display:inline-block}.sle-balance.ok{color:#10b981;background:#ecfdf5}.sle-balance.low{color:#f59e0b;background:#fffbeb}.sle-balance.zero{color:#ef4444;background:#fef2f2}.sle-row-actions{justify-content:center;align-items:center;gap:6px;display:flex}.sle-icon-action{border:1px solid var(--border-md);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s,border-color .15s;display:flex}.sle-icon-action.edit{color:var(--primary)}.sle-icon-action.edit:hover{background:var(--primary-bg);border-color:var(--primary)}.sle-icon-action.del{color:var(--danger)}.sle-icon-action.del:hover{background:var(--danger-bg);border-color:var(--danger)}.sle-empty{text-align:center;color:var(--text-3);flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;padding:64px 20px;display:flex}.sle-empty p{color:var(--text-2);font-size:14px}.sle-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182770;justify-content:center;align-items:center;padding:20px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.sle-modal{background:var(--card);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.25s cubic-bezier(.22,1,.36,1) modalIn;display:flex}.sle-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sle-modal-title{color:var(--text-1);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.sle-modal-close{background:var(--bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sle-modal-close:hover{color:var(--text-1);background:#f3f4f6}.sle-modal-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex;overflow-y:auto}.sle-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.sle-form-row{gap:14px;display:flex}.sle-form-group{flex-direction:column;flex:1;gap:6px;display:flex}.sle-form-group-sm{flex:0 0 110px}.sle-form-group label{color:var(--text-2);font-size:12.5px;font-weight:600}.sle-req{color:var(--danger);margin-left:2px}.sle-hint{color:var(--text-3);font-size:11.5px}.sle-input{color:#111827;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 3px #0000000d}.sle-input:hover{background-color:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.sle-input:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.sle-input:disabled{opacity:.6;cursor:not-allowed}.sle-textarea{resize:vertical;height:auto;min-height:70px;padding:10px 12px}.sle-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.sle-color-row{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.sle-color-dot{cursor:pointer;border:2.5px solid #0000;border-radius:50%;flex-shrink:0;width:26px;height:26px;transition:transform .15s,box-shadow .15s}.sle-color-dot:hover{transform:scale(1.18)}.sle-color-dot.selected{box-shadow:0 0 0 2.5px var(--primary), 0 2px 8px #0000002e;border-color:#fff}.sle-toggle-group{gap:8px;display:flex}.sle-toggle-btn{border:1.5px solid var(--border-md);background:var(--card);height:36px;color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.sle-toggle-btn.active-green{background:var(--success-bg);color:var(--success);border-color:var(--success)}.sle-toggle-btn.active-red{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.sle-carry-section{background:var(--bg);border:1px solid var(--border-md);border-radius:11px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.sle-carry-head{justify-content:space-between;align-items:center;display:flex}.sle-carry-title{color:var(--text-1);align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:flex}.sle-carry-sub{color:var(--text-2);margin-top:3px;font-size:12px}.sle-carry-extra{animation:.2s fadeUp}.sle-switch{cursor:pointer;background:#e5e7eb;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .25s;position:relative}.sle-switch.on{background:var(--primary)}.sle-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.sle-switch.on .sle-switch-knob{transform:translate(20px)}.sle-balance-preview{background:var(--primary-bg);color:#4338ca;border:1px solid #c7d2fe;border-radius:9px;align-items:flex-start;gap:9px;padding:10px 14px;font-size:12.5px;animation:.2s fadeUp;display:flex}.sle-confirm-modal{background:var(--card);box-shadow:var(--shadow-lg);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:32px 28px;animation:.25s cubic-bezier(.22,1,.36,1) modalIn;display:flex}.sle-confirm-icon{background:var(--danger-bg);width:52px;height:52px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;display:flex}.sle-confirm-modal h3{color:var(--text-1);font-size:17px;font-weight:700}.sle-confirm-modal p{color:var(--text-2);font-size:13.5px;line-height:1.6}.sle-confirm-actions{gap:10px;margin-top:4px;display:flex}.sle-modal-wide{max-width:720px}.sle-staff-info-card{background:var(--primary-bg);border:1px solid #c7d2fe;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.sle-staff-info-av{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sle-staff-info-name{color:var(--text-1);font-size:14px;font-weight:700}.sle-staff-info-meta{color:#4338ca;margin-top:2px;font-size:12px}.sle-staff-info-year{background:var(--primary);color:#fff;border-radius:20px;flex-shrink:0;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:700}.sle-leave-list{border:1px solid var(--border-md);border-radius:11px;flex-direction:column;display:flex;overflow:hidden}.sle-leave-list-head{border-bottom:1px solid var(--border-md);background:#fafbff;grid-template-columns:44px 1fr 76px 76px 76px 76px;gap:0;padding:9px 14px;display:grid}.sle-leave-list-head span{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.sle-lh-enable{justify-content:center;align-items:center;display:flex}.sle-lh-num{justify-content:center;align-items:center;display:flex}.sle-leave-row{border-bottom:1px solid var(--border);grid-template-columns:44px 1fr 76px 76px 76px 76px;align-items:center;gap:0;padding:10px 14px;transition:background .12s;display:grid}.sle-leave-row:last-of-type{border-bottom:none}.sle-leave-row:hover{background:#fafbff}.sle-leave-row.enabled{background:#f8faff}.sle-leave-row.enabled:hover{background:#f0f4ff}.sle-row-toggle{border:2px solid var(--border-md);background:var(--card);cursor:pointer;color:#0000;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,border-color .15s,color .15s;display:flex}.sle-row-toggle.on{background:var(--primary);border-color:var(--primary);color:#fff}.sle-row-toggle:hover{border-color:var(--primary)}.sle-lr-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-right:9px}.sle-lh-type{align-items:center;display:flex}.sle-lr-name{color:var(--text-1);font-size:13px;font-weight:600}.sle-lr-meta{color:var(--text-3);align-items:center;gap:5px;margin-top:1px;font-size:11px;display:flex}.sle-lr-cf{background:var(--primary-bg);color:var(--primary);border-radius:4px;align-items:center;gap:2px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.sle-num-input{border:1.5px solid var(--border-md);text-align:center;width:62px;height:32px;color:var(--text-1);background:var(--card);border-radius:7px;outline:none;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s}.sle-num-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.sle-num-input:disabled{color:var(--text-3);cursor:not-allowed;border-color:var(--border);background:#f3f4f6}.sle-leave-list-footer{border-top:1px solid var(--border-md);color:var(--text-2);background:#fafbff;align-items:center;gap:7px;padding:9px 14px;font-size:12px;display:flex}.sle-no-staff-hint{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.sle-no-staff-hint p{color:var(--text-2);max-width:280px;font-size:13.5px}.sle-modal-footer-info{color:var(--text-2);flex:1;font-size:13px}.sle-modal-footer-info strong{color:var(--primary)}@media (width<=1100px){.sle-stats-row{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.sle-main{margin-left:0!important}.sle-menu-btn{display:flex}.sle-content{padding:18px 16px 50px}.sle-stats-row{grid-template-columns:repeat(2,1fr)}.sle-form-row{flex-direction:column}.sle-form-group-sm{flex:1}.sle-lt-grid{grid-template-columns:1fr}.sle-table-wrap{overflow-x:auto}.sle-table{min-width:720px}.sle-page-head{flex-direction:column;align-items:flex-start}.sle-modal-wide{max-width:100%}.sle-leave-list-head,.sle-leave-row{grid-template-columns:36px 1fr 60px 60px 60px 60px;padding:8px 10px}.sle-num-input{width:52px}}@media (width<=480px){.sle-stats-row{grid-template-columns:1fr 1fr}.sle-tabs{width:100%}.sle-tab{flex:1;justify-content:center}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#6366f124;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--warning:#f59e0b;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000029;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes detailIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hp-menu-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.hp-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.hp-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.hp-icon-btn:hover{background:var(--bg)}.hp-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.hp-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:600}.hp-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dk));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;height:40px;padding:0 20px;font-size:13.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #6366f147}.hp-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.hp-btn-ghost{border:1.5px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.hp-btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.hp-btn-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 18px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.hp-btn-danger:hover{opacity:.88}.hp-stats-row{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.hp-stat-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:14px;padding:16px 18px;animation:.4s both fadeUp;display:flex}.hp-stat-val{color:var(--text-1);font-size:22px;font-weight:800;line-height:1}.hp-stat-lbl{color:var(--text-2);margin-top:4px;font-size:11.5px}.hp-tabs{background:var(--card);border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow-sm);border-radius:12px;gap:4px;padding:5px;display:flex}.hp-tab{height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:0 22px;font-size:13.5px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.hp-tab:hover{background:var(--bg);color:var(--text-1)}.hp-tab.active{background:linear-gradient(135deg,var(--primary),var(--primary-dk));color:#fff;font-weight:600;box-shadow:0 2px 10px #6366f147}.hp-tab-panel{flex-direction:column;gap:18px;animation:.3s both fadeUp;display:flex}.hp-cal-nav{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;padding:12px 18px;display:flex}.hp-nav-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.hp-nav-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.hp-cal-month-label{flex:1;align-items:baseline;gap:8px;display:flex}.hp-month-name{color:var(--text-1);letter-spacing:-.02em;font-size:20px;font-weight:800}.hp-year-name{color:var(--text-2);font-size:15px;font-weight:600}.hp-today-btn{border:1.5px solid var(--border-md);background:var(--card);height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;margin-left:auto;padding:0 16px;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s}.hp-today-btn:hover{border-color:var(--primary);color:var(--primary)}.hp-cal-wrap{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.hp-cal-grid{border-top:1px solid var(--border);grid-template-columns:repeat(7,1fr);display:grid}.hp-cal-head{text-align:center;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;border-right:1px solid var(--border);background:#fafbff;padding:10px 0;font-size:11.5px;font-weight:700}.hp-cal-head:last-child{border-right:none}.hp-cal-cell{border-right:1px solid var(--border);border-top:1px solid var(--border);background:var(--card);flex-direction:column;gap:4px;min-height:106px;padding:8px 9px;transition:background .12s;display:flex;position:relative}.hp-cal-cell:nth-child(7n){border-right:none}.hp-cal-cell.empty{background:#fafbff}.hp-cal-cell.weekend{background:#fdf9ff}.hp-cal-cell.today{background:#f0f4ff}.hp-cal-cell.has-hol{background:#fff8f8}.hp-cal-cell.weekend.has-hol{background:#fff5f5}.hp-cal-cell.today.has-hol{background:#eef2ff}.hp-cal-date{color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:flex}.hp-cal-date.today-ring{background:var(--primary);color:#fff;font-weight:700;box-shadow:0 2px 8px #6366f161}.hp-cal-cell.weekend .hp-cal-date{color:var(--text-3)}.hp-cal-cell.empty .hp-cal-date{display:none}.hp-cal-events{flex-direction:column;gap:3px;margin-top:2px;display:flex}.hp-hol-pill{text-align:left;color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:5px;width:100%;padding:2px 7px;font-size:10.5px;font-weight:600;line-height:1.5;transition:opacity .15s,filter .15s,transform .1s;display:block;overflow:hidden}.hp-hol-pill:hover{opacity:.88;transform:scale(1.02)}.hp-hol-pill.selected{outline-offset:1px;outline:2px solid #fff;box-shadow:0 0 0 3px #6366f166}.hp-hol-more{color:var(--text-3);padding:1px 7px;font-size:10px;font-weight:600}.hp-detail-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-md);border-left:4px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;animation:.25s cubic-bezier(.22,1,.36,1) both detailIn;display:flex}.hp-detail-left{flex-shrink:0}.hp-detail-date-box{color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:52px;height:56px;display:flex}.hp-detail-day{font-size:20px;font-weight:800;line-height:1}.hp-detail-month{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.hp-detail-body{flex-direction:column;flex:1;gap:7px;display:flex}.hp-detail-name{color:var(--text-1);font-size:16px;font-weight:700}.hp-detail-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hp-detail-full-date{color:var(--text-2);font-size:12.5px}.hp-detail-desc{color:var(--text-2);font-size:13px;line-height:1.5}.hp-detail-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.hp-type-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.hp-type-badge.sm{padding:2px 7px;font-size:10.5px}.hp-recurring-badge{color:#10b981;background:#ecfdf5;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.hp-recurring-sm{color:#10b981;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:inline-flex}.hp-once{color:var(--text-3);font-size:12px}.hp-month-list-wrap{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.hp-month-list-head{border-bottom:1px solid var(--border);color:var(--text-1);background:#fafbff;align-items:center;gap:9px;padding:13px 18px;font-size:13.5px;font-weight:700;display:flex}.hp-month-count{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:11px;font-weight:700;display:flex}.hp-month-empty{color:var(--text-3);justify-content:center;align-items:center;gap:10px;padding:28px 20px;font-size:13.5px;display:flex}.hp-month-list{flex-direction:column;display:flex}.hp-month-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:14px;padding:13px 18px;transition:background .12s;display:flex}.hp-month-item:last-child{border-bottom:none}.hp-month-item:hover{background:#fafbff}.hp-month-item.active{background:#f0f4ff}.hp-month-item-date{color:#fff;border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;width:42px;height:46px;font-weight:700;display:flex}.hp-month-item-date span:first-child{font-size:16px;line-height:1}.hp-month-item-date span:last-child{text-transform:uppercase;letter-spacing:.05em;font-size:10px}.hp-month-item-info{flex-direction:column;flex:1;gap:5px;display:flex}.hp-month-item-name{color:var(--text-1);font-size:13.5px;font-weight:600}.hp-month-item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hp-month-item-actions{flex-shrink:0;gap:6px;display:flex}.hp-legend{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 16px;display:flex}.hp-legend-item{color:var(--text-2);align-items:center;gap:7px;font-size:12.5px;display:flex}.hp-legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.hp-legend-dot.today-dot{background:var(--primary);border-radius:50%}.hp-legend-dot.weekend-dot{background:#fdf9ff;border:1.5px solid #e9d5ff}.hp-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hp-search-box{background:var(--card);border:1px solid var(--border-md);height:38px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;min-width:220px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.hp-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.hp-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;transition:color .15s;display:flex}.hp-clear:hover{color:var(--text-1)}.hp-sel-wrap{position:relative}.hp-sel-wrap select{appearance:none;color:#111827;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;height:38px;padding:0 32px 0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 3px #0000000d}.hp-sel-wrap select:hover{background-color:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.hp-sel-wrap.full,.hp-sel-wrap.full select{width:100%}.hp-sel-wrap select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.hp-sel-arr{display:none}.hp-count{color:var(--text-2);white-space:nowrap;margin-left:4px;font-size:12.5px}.hp-table-wrap{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.hp-table{border-collapse:collapse;width:100%;font-size:13.5px}.hp-table thead{border-bottom:1px solid var(--border);background:#fafbff}.hp-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:12px 16px;font-size:11.5px;font-weight:700}.hp-th-center{text-align:center}.hp-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.hp-table tbody tr:last-child{border-bottom:none}.hp-table tbody tr:hover{background:#fafbff}.hp-table td{vertical-align:middle;padding:12px 16px}.hp-td-center{text-align:center}.hp-table-loading{text-align:center;color:var(--text-2);font-weight:600}.hp-date-cell{align-items:center;gap:10px;display:flex}.hp-date-box{color:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;width:38px;height:42px;font-weight:700;display:flex}.hp-date-d{font-size:15px;line-height:1}.hp-date-m{text-transform:uppercase;letter-spacing:.04em;font-size:9.5px}.hp-date-full{color:var(--text-2);white-space:nowrap;font-size:12px}.hp-hol-name{color:var(--text-1);font-size:13.5px;font-weight:600}.hp-desc-cell{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:12.5px;display:block;overflow:hidden}.hp-no-desc{color:var(--text-3);font-style:italic}.hp-row-actions{justify-content:center;align-items:center;gap:6px;display:flex}.hp-icon-action{border:1px solid var(--border-md);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s,border-color .15s;display:flex}.hp-icon-action.edit{color:var(--primary)}.hp-icon-action.edit:hover{background:var(--primary-bg);border-color:var(--primary)}.hp-icon-action.del{color:var(--danger)}.hp-icon-action.del:hover{background:var(--danger-bg);border-color:var(--danger)}.hp-icon-action.close{color:var(--text-2)}.hp-icon-action.close:hover{background:var(--bg);border-color:var(--border-md)}.hp-empty{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:16px;padding:64px 20px;display:flex}.hp-empty p{color:var(--text-2);font-size:14px}.hp-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182770;justify-content:center;align-items:center;padding:20px;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.hp-modal{background:var(--card);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.25s cubic-bezier(.22,1,.36,1) both modalIn;display:flex}.hp-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.hp-modal-title{color:var(--text-1);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.hp-modal-close{background:var(--bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.hp-modal-close:hover{color:var(--text-1);background:#f3f4f6}.hp-modal-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex;overflow-y:auto}.hp-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.hp-form-row{gap:14px;display:flex}.hp-form-group{flex-direction:column;flex:1;gap:6px;display:flex}.hp-form-group label{color:var(--text-2);font-size:12.5px;font-weight:600}.hp-req{color:var(--danger);margin-left:2px}.hp-opt{color:var(--text-3);font-size:11px;font-weight:400}.hp-input{border:1.5px solid var(--border-md);width:100%;height:40px;color:var(--text-1);background:var(--bg);font-size:13.5px;font-family:var(--font);border-radius:9px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s}.hp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);background:var(--card)}.hp-select{appearance:none;cursor:pointer;padding-right:32px}.hp-textarea{resize:vertical;height:auto;min-height:70px;padding:10px 12px}.hp-type-preview{border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;animation:.2s both fadeUp;display:flex}.hp-recurring-section{background:var(--bg);border:1px solid var(--border-md);border-radius:11px;padding:14px 16px}.hp-recurring-head{justify-content:space-between;align-items:center;display:flex}.hp-recurring-title{color:var(--text-1);align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:flex}.hp-recurring-sub{color:var(--text-2);margin-top:3px;font-size:12px}.hp-switch{cursor:pointer;background:#e5e7eb;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .25s;position:relative}.hp-switch.on{background:var(--primary)}.hp-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.hp-switch.on .hp-switch-knob{transform:translate(20px)}.hp-confirm-modal{background:var(--card);box-shadow:var(--shadow-lg);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:360px;padding:32px 28px;animation:.25s cubic-bezier(.22,1,.36,1) both modalIn;display:flex}.hp-confirm-icon{background:var(--danger-bg);width:52px;height:52px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;display:flex}.hp-confirm-modal h3{color:var(--text-1);font-size:17px;font-weight:700}.hp-confirm-modal p{color:var(--text-2);font-size:13.5px;line-height:1.6}.hp-confirm-actions{gap:10px;margin-top:4px;display:flex}@media (width<=1100px){.hp-stats-row{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.hp-cal-cell{min-height:80px;padding:6px 7px}.hp-hol-pill{padding:2px 5px;font-size:9.5px}}@media (width<=768px){.hp-main{margin-left:0!important}.hp-menu-btn{display:flex}.hp-content{padding:18px 16px 50px}.hp-stats-row{grid-template-columns:repeat(2,1fr)}.hp-form-row{flex-direction:column}.hp-table-wrap{overflow-x:auto}.hp-table{min-width:640px}.hp-page-head{flex-direction:column;align-items:flex-start}.hp-detail-card{flex-wrap:wrap}.hp-cal-cell{min-height:68px;padding:5px 6px}.hp-hol-pill{font-size:9px}.hp-cal-head{padding:8px 0;font-size:10px}}@media (width<=480px){.hp-stats-row{grid-template-columns:repeat(2,1fr)}.hp-tabs{width:100%}.hp-tab{flex:1;justify-content:center}.hp-cal-cell{min-height:56px;padding:4px 3px}.hp-cal-date{width:20px;height:20px;font-size:11px}.hp-hol-pill{display:none}.hp-hol-more{font-size:9px}.hp-cal-cell.has-hol:after{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}}.sl-panel.open{transition-delay:0s;transform:translate(0)}@media (width<=1200px){.sl-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sl-panel{width:420px}}@media (width<=768px){.sl-main{margin-left:0}.sl-content{padding:16px 16px 56px}.sl-panel{width:100%;left:0}.sl-stats{grid-template-columns:repeat(2,1fr)}.sl-toolbar{flex-direction:column;align-items:stretch}.sl-toolbar-left{flex-wrap:wrap}.sl-toolbar-search{width:100%}}@media (width<=560px){.sl-stats{grid-template-columns:1fr 1fr}.sl-page-head{flex-direction:column;align-items:flex-start}}.sl-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.sl-layout{display:flex}.sl-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.sl-main.sidebar-collapsed{margin-left:58px}.sl-main::-webkit-scrollbar{width:5px}.sl-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.sl-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.sl-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.sl-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.sl-sep{color:var(--text-3)}.sl-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.sl-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.sl-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.sl-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.sl-search-box input::placeholder{color:var(--text-3)}.sl-toolbar-search{flex-shrink:0;width:240px}.sl-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex}.sl-search-clear:hover{color:var(--text-1)}.sl-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.sl-icon-btn:hover{background:var(--bg);color:var(--text-1)}.sl-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.sl-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.sl-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.sl-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sl-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.sl-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.sl-page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sl-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.sl-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.sl-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sl-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both fadeUp;display:flex}.sl-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sl-stat:first-child{animation-delay:50ms}.sl-stat:nth-child(2){animation-delay:.1s}.sl-stat:nth-child(3){animation-delay:.15s}.sl-stat:nth-child(4){animation-delay:.2s}.sl-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sl-stat-value{font-size:24px;font-weight:800;line-height:1}.sl-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.sl-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sl-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sl-select-wrap{position:relative}.sl-select{appearance:none;color:#111827;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;min-width:150px;height:38px;padding:0 32px 0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 3px #0000000d}.sl-select:hover{background-color:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.sl-select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.sl-select-arrow{display:none}.sl-result-count{background:var(--primary-bg);color:var(--primary);border:1px solid #6366f133;border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.sl-view-toggle{background:var(--border);border-radius:9px;gap:2px;padding:3px;display:flex;position:relative}.sl-view-toggle-indicator{background:var(--card);width:32px;height:28px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:7px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.sl-view-toggle-indicator.list{transform:translate(34px)}.sl-view-btn{z-index:1;width:32px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:relative}.sl-view-btn:active{transform:scale(.88)}.sl-view-btn.active{color:var(--primary)}.sl-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both slViewSwitch}.sl-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;display:grid}.sl-grid .sl-card:first-child{animation:.32s 40ms both cardIn}.sl-grid .sl-card:nth-child(2){animation:.32s 80ms both cardIn}.sl-grid .sl-card:nth-child(3){animation:.32s .12s both cardIn}.sl-grid .sl-card:nth-child(4){animation:.32s .16s both cardIn}.sl-grid .sl-card:nth-child(5){animation:.32s .2s both cardIn}.sl-grid .sl-card:nth-child(6){animation:.32s .24s both cardIn}.sl-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.sl-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.sl-card-strip{flex-shrink:0;height:6px}.sl-card-identity{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:18px 18px 14px;display:flex}.sl-card-avatar{color:#fff;letter-spacing:.5px;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 12px #00000026}.sl-card-name-block{flex:1;min-width:0}.sl-card-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.sl-name-link{cursor:pointer;transition:color .15s}.sl-name-link:hover{color:#6366f1;text-decoration:underline}.sl-card-desig{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.sl-card-id{color:var(--text-3);margin-top:2px;font-size:11px;font-weight:600}.sl-card-body{flex-direction:column;flex:1;gap:10px;padding:14px 18px;display:flex}.sl-card-row{color:var(--text-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.sl-card-row-icon{opacity:.6;flex-shrink:0;width:16px;height:16px}.sl-card-row-val{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sl-card-tags{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.sl-card-tag{background:var(--primary-bg);color:var(--primary);border:1px solid #6366f12e;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.sl-card-foot{border-top:1px solid var(--border);background:#fafbfc;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.sl-card-actions{gap:6px;display:flex}.sl-card-act-btn{cursor:pointer;height:30px;font-size:12px;font-weight:600;font-family:var(--font);border:1px solid var(--border-md);background:var(--card);color:var(--text-2);border-radius:8px;align-items:center;gap:5px;padding:0 12px;transition:all .14s;display:inline-flex}.sl-card-act-btn.view{color:var(--primary);background:var(--primary-bg);border-color:#6366f140}.sl-card-act-btn.view:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.sl-card-act-btn.edit:hover{background:var(--primary-bg);color:var(--primary);border-color:#6366f14d}.sl-card-act-btn:disabled{opacity:.55;cursor:not-allowed}.sl-chip{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.sl-chip:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sl-chip-active{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.sl-chip-inactive{color:var(--text-2);border:1px solid var(--border-md);background:#f3f4f6}.sl-chip-leave{background:var(--warning-bg);color:var(--warning);border:1px solid #fde68a}.sl-empty{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:64px 24px;display:flex}.sl-empty-icon{background:var(--primary-bg);width:64px;height:64px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.sl-empty p{color:var(--text-2);font-size:15px}.sl-table{border-collapse:collapse;width:100%}.sl-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.sl-table td{color:var(--text-1);vertical-align:middle;padding:14px 16px;font-size:13.5px}.sl-table-empty{text-align:center;color:var(--text-3);padding:40px 0!important}.sl-tbl-person{align-items:center;gap:12px;display:flex}.sl-tbl-dept{color:var(--text-2);font-size:13px}.sl-tbl-desig{color:var(--text-1);font-size:13px;font-weight:500}.sl-tbl-contact{flex-direction:column;gap:3px;display:flex}.sl-tbl-contact span{color:var(--text-2);align-items:center;gap:5px;font-size:12.5px;display:flex}.sl-na{color:var(--text-3)}.sl-tbl-acts{gap:6px;display:flex}.sl-tbl-btn{border:1px solid var(--border-md);background:var(--bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,border-color .14s,color .14s;display:flex}.sl-tbl-btn.view{color:var(--primary)}.sl-tbl-btn.view:hover{background:var(--primary-bg);border-color:#6366f14d}.sl-tbl-btn.edit:hover{background:var(--primary-bg);color:var(--primary);border-color:#6366f14d}.sl-tbl-btn:disabled{opacity:.55;cursor:not-allowed}.sl-status-select{appearance:none;border:1px solid var(--border-md);background:var(--bg);font-family:var(--font);color:var(--text-1);cursor:pointer;border-radius:8px;outline:none;padding:4px 8px;font-size:12px;font-weight:600;transition:border-color .14s}.sl-status-select:hover,:focus{border-color:var(--primary)}.sl-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a61;animation:.22s both overlayIn;position:fixed;inset:0}.sl-panel{background:var(--card);z-index:201;flex-direction:column;width:480px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.sl-panel.open{transform:translate(0)}.sl-panel-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.sl-panel-head-left{align-items:center;gap:14px;display:flex}.sl-panel-avatar{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 14px #0000002e}.sl-panel-name{color:var(--text-1);font-size:16px;font-weight:800}.sl-panel-desig{color:var(--text-2);margin-top:2px;font-size:12.5px}.sl-panel-close{border:1px solid var(--border-md);cursor:pointer;width:34px;height:34px;color:var(--text-2);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex}.sl-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.sl-panel-body{flex:1;padding:20px 24px;overflow-y:auto}.sl-panel-body::-webkit-scrollbar{width:4px}.sl-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.sl-panel-section{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 0;display:flex}.sl-panel-section:last-child{border-bottom:none}.sl-panel-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:2px;font-size:11px;font-weight:700}.sl-panel-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sl-panel-key{color:var(--text-2);flex-shrink:0;font-size:12.5px;font-weight:500}.sl-panel-val{color:var(--text-1);text-align:right;word-break:break-all;font-size:13px;font-weight:600}.sl-panel-foot{border-top:1px solid var(--border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.sl-btn-cancel{border:1.5px solid var(--border-md);height:38px;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border-radius:9px;padding:0 18px;transition:background .14s,color .14s,border-color .14s}.sl-btn-cancel:hover{background:var(--bg);color:var(--text-1)}.sl-btn-edit{background:var(--primary);color:#fff;cursor:pointer;height:38px;font-size:13px;font-weight:600;font-family:var(--font);border:none;border-radius:9px;align-items:center;gap:7px;padding:0 22px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f14d}.sl-btn-edit:hover{background:var(--primary-dk);transform:translateY(-1px)}.sl-panel.open .sl-anim-1{animation:.3s 40ms both fieldIn}.sl-panel.open .sl-anim-2{animation:.3s 90ms both fieldIn}.sl-panel.open .sl-anim-3{animation:.3s .14s both fieldIn}.sl-panel.open .sl-anim-4{animation:.3s .19s both fieldIn}.sl-panel.open .sl-anim-5{animation:.3s .24s both fieldIn}@media (width<=1200px){.sl-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sl-panel{width:420px}}@media (width<=768px){.sl-main{margin-left:0}.sl-content{padding:16px 16px 56px}.sl-panel{width:100%;left:0}.sl-stats{grid-template-columns:repeat(2,1fr)}.sl-toolbar{flex-direction:column;align-items:stretch}.sl-toolbar-left{flex-wrap:wrap}.sl-toolbar-search{width:100%}}@media (width<=560px){.sl-stats{grid-template-columns:1fr 1fr}.sl-page-head{flex-direction:column;align-items:flex-start}}.ssa-subject-summary{border-top:1px dashed var(--border-md);margin-top:2px;padding-top:10px}.ssa-summary-head{color:var(--text-2);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.ssa-subject-chips,.ssa-table-subjects{flex-wrap:wrap;gap:6px;display:flex}.ssa-subject-chip{text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid;border-radius:999px;max-width:120px;padding:4px 9px;font-size:11px;font-weight:700;overflow:hidden}.ssa-mini-chip{background:var(--primary-bg);color:var(--primary);border:1px solid #6366f133;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.ssa-more-chip{color:var(--text-2);border:1px solid var(--border-md);background:#f3f4f6;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.ssa-no-subject{color:var(--text-3);font-size:12px;font-weight:600}.sl-card-act-btn.danger,.sl-tbl-btn.danger{color:var(--danger);background:var(--danger-bg);border-color:#fecaca}.sl-card-act-btn.danger:hover,.sl-tbl-btn.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.ssa-panel-summary{background:var(--primary-bg);border:1px solid #6366f12e;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.ssa-panel-count{color:var(--primary);font-size:26px;font-weight:900;line-height:1;display:block}.ssa-panel-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:700;display:block}.ssa-subject-search{width:100%}.ssa-subject-list{flex-direction:column;gap:8px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.ssa-subject-list::-webkit-scrollbar{width:4px}.ssa-subject-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:4px}.ssa-subject-option{border:1.5px solid var(--border-md);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.ssa-subject-option:hover{background:#fafbff;border-color:#6366f159}.ssa-subject-option.selected{background:var(--primary-bg);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.ssa-subject-dot{border-radius:999px;flex-shrink:0;width:11px;height:34px}.ssa-subject-info{flex-direction:column;flex:1;min-width:0;display:flex}.ssa-subject-info strong{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;overflow:hidden}.ssa-subject-info small{color:var(--text-2);margin-top:2px;font-size:11.5px}.ssa-subject-check{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ssa-subject-option:not(.selected) .ssa-subject-check{background:#f3f4f6}.ssa-subject-empty{text-align:center;color:var(--text-3);padding:24px 10px;font-size:13px}.ssa-remarks{border:1.5px solid var(--border-md);resize:vertical;width:100%;font-family:var(--font);color:var(--text-1);border-radius:12px;outline:none;padding:11px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.ssa-remarks:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.sl-btn-edit:disabled{opacity:.65;cursor:not-allowed;transform:none}.ssa-filter-panel{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:18px;animation:.36s both fadeUp;display:flex}.ssa-filter-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ssa-filter-kicker{color:var(--primary);background:var(--primary-bg);letter-spacing:.04em;text-transform:uppercase;border:1px solid #6366f12e;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.ssa-filter-head h2{color:var(--text-1);margin:0;font-size:16px;font-weight:800;line-height:1.2}.ssa-filter-head p{color:var(--text-2);margin-top:4px;font-size:12.5px}.ssa-reset-btn{border:1px solid var(--border-md);height:36px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .12s;display:inline-flex}.ssa-reset-btn:hover:not(:disabled){background:var(--primary-bg);color:var(--primary);border-color:#6366f140;transform:translateY(-1px)}.ssa-reset-btn:disabled{opacity:.55;cursor:not-allowed}.ssa-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ssa-filter-field{flex-direction:column;gap:7px;min-width:0;display:flex}.ssa-filter-field label{color:var(--text-2);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.ssa-filter-select{width:100%;min-width:0}.ssa-filter-dd.p-dropdown{border:1.5px solid var(--border-md);width:100%;min-width:0;height:38px;box-shadow:none;font-family:var(--font);background:#fff;border-radius:10px;transition:border-color .15s,box-shadow .15s,background .15s}.ssa-filter-dd.p-dropdown:not(.p-disabled):hover,.ssa-filter-dd.p-dropdown:not(.p-disabled).p-focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.ssa-filter-dd .p-dropdown-label{color:var(--text-1);align-items:center;padding:0 12px;font-size:13px;line-height:36px;display:flex}.ssa-filter-dd .p-dropdown-label.p-placeholder,.ssa-filter-dd .p-dropdown-trigger,.ssa-filter-dd .p-dropdown-clear-icon{color:var(--text-3)}.ssa-filter-dd-panel .p-dropdown-items .p-dropdown-item{font-size:13px}.ssa-filter-search-field{grid-column:span 1}.ssa-filter-search{background:#fff;width:100%;height:38px}.ssa-filter-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.ssa-filter-note,.ssa-context-pill,.ssa-panel-context{color:var(--text-2);align-items:center;gap:7px;min-width:0;font-size:12.5px;font-weight:700;display:inline-flex}.ssa-filter-note{background:#fafbff;border:1px dashed #6366f140;border-radius:10px;flex:1;padding:9px 11px}.ssa-filter-note span,.ssa-context-pill,.ssa-panel-context{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ssa-load-btn{flex-shrink:0;height:40px}.ssa-context-pill{border:1px solid var(--border-md);color:var(--primary);background:#fff;border-radius:999px;max-width:420px;padding:5px 10px}.ssa-panel-context{color:var(--primary);background:#fff;border:1px solid #6366f12e;border-radius:10px;padding:9px 11px}@media (width<=1100px){.ssa-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.ssa-filter-head,.ssa-filter-actions{flex-direction:column;align-items:stretch}.ssa-reset-btn,.ssa-load-btn,.ssa-filter-note{width:100%}}@media (width<=560px){.ssa-filter-grid{grid-template-columns:1fr}}.sl-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:auto hidden}.sl-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:980px}.sl-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.sl-table th,.sl-table td{vertical-align:middle;padding:14px 16px;overflow:hidden}.sl-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700}.sl-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.sl-table tbody tr:last-child{border-bottom:none}.sl-table tbody tr:hover{background:#fafbff}.sl-table td{color:var(--text-1);font-size:13.5px}.sl-table th:first-child,.sl-table td:first-child{width:260px}.sl-table th:nth-child(2),.sl-table td:nth-child(2){width:160px}.sl-table th:nth-child(3),.sl-table td:nth-child(3){width:300px}.sl-table th:nth-child(4),.sl-table td:nth-child(4){width:230px}.sl-table th:nth-child(5),.sl-table td:nth-child(5){width:170px}.sl-table th:nth-child(6),.sl-table td:nth-child(6){text-align:center;width:120px}.sl-tbl-person{align-items:center;gap:12px;min-width:0;display:flex}.sl-tbl-person>div:last-child{min-width:0}.sl-tbl-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.sl-tbl-name,.sl-tbl-id,.sl-tbl-dept,.sl-na{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sl-tbl-name{color:var(--text-1);font-size:13.5px;font-weight:600}.sl-tbl-id{color:var(--text-3);letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:700}.sl-tbl-dept{max-width:100%;color:var(--text-2);font-size:13px;display:inline-block}.sl-tbl-contact{flex-direction:column;gap:3px;min-width:0;display:flex}.sl-tbl-contact span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:12.5px;display:flex;overflow:hidden}.ssa-table-subjects{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.sl-tbl-acts{justify-content:center;gap:6px;display:flex}.satt-content{flex-direction:column;gap:16px;padding:24px 28px 60px;display:flex}.satt-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.satt-title{color:#111827;letter-spacing:-.02em;font-size:22px;font-weight:800}.satt-sub{color:#6b7280;margin-top:3px;font-size:13px}.satt-mode-toggle{background:#f1f5f9;border-radius:10px;gap:4px;padding:4px;display:flex}.satt-mode-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:all .18s;display:flex}.satt-mode-btn:hover{color:#1e293b}.satt-mode-btn.active{color:#6366f1;background:#fff;font-weight:600;box-shadow:0 1px 6px #0000001a}.satt-toolbar{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.satt-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.satt-toolbar-right{align-items:center;gap:8px;display:flex}.satt-date-input{color:#1e293b;background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.satt-date-input:focus{border-color:#6366f1}.satt-date-label{color:#374151;font-size:13px;font-weight:600}.satt-search-box{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;min-width:200px;padding:6px 10px;display:flex}.satt-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:13px}.satt-search-box button{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0;display:flex}.satt-action-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.satt-summary-chips{flex-wrap:wrap;gap:6px;display:flex}.satt-sum-chip{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.satt-bulk-btns{gap:6px;display:flex}.satt-bulk-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .14s}.satt-bulk-btn.present{color:#16a34a;background:#dcfce7;border-color:#86efac}.satt-bulk-btn.present:hover{background:#bbf7d0}.satt-bulk-btn.absent{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.satt-bulk-btn.absent:hover{background:#fecaca}.satt-action-spacer{flex:1}.satt-saved-note{color:#16a34a;background:#dcfce7;border:1px solid #86efac;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:flex}.satt-btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:9px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.satt-btn-ghost{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.satt-btn-ghost:hover{color:#334155;background:#f1f5f9}.satt-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.satt-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%);border-color:#6366f1}.satt-btn-primary:hover{opacity:.9}.satt-btn-primary:disabled{opacity:.6;cursor:not-allowed}.satt-spinning{animation:.7s linear infinite sattSpin}@keyframes sattSpin{to{transform:rotate(360deg)}}.satt-table-wrap{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;overflow:hidden}.satt-grid-hdr,.satt-grid-row{grid-template-columns:40px 1fr 150px repeat(5,44px);align-items:center;display:grid}.satt-grid-hdr{background:#f8fafc;border-bottom:1.5px solid #e9edf3;padding:10px 16px}.satt-gh-num,.satt-gh-name,.satt-gh-dept,.satt-gh-status{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.satt-gh-status{text-align:center}.satt-grid-row{border-bottom:1px solid #f1f5f9;padding:8px 16px;transition:background .12s}.satt-grid-row:last-child{border-bottom:none}.satt-grid-row:hover{background:#fafbfc}.satt-cell{align-items:center;display:flex}.satt-cell-num{color:#94a3b8;font-size:12px;font-weight:500}.satt-cell-name{gap:10px}.satt-cell-dept{color:#6b7280;font-size:12px}.satt-cell-status{justify-content:center}.satt-avatar{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.satt-avatar-sm{border-radius:6px;width:26px;height:26px;font-size:9px}.satt-staff-name{color:#1e293b;font-size:13px;font-weight:600}.satt-staff-id{color:#94a3b8;font-size:11px}.satt-skeleton-stack{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.satt-status-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;width:36px;height:30px;font-size:10px;font-weight:700;transition:all .13s}.satt-status-btn:hover:not(.active){color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.satt-status-btn.active{box-shadow:0 1px 4px #0000001f}.satt-nav-bar{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.satt-nav-arrow{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .14s;display:flex}.satt-nav-arrow:hover{background:#e2e8f0}.satt-nav-label{color:#1e293b;text-align:center;min-width:130px;font-size:15px;font-weight:700}.satt-rep-filter{color:#1e293b;cursor:pointer;background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;max-width:220px;padding:6px 10px;font-size:13px}.satt-rep-filter:focus{border-color:#6366f1}.satt-report-wrap{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;overflow:hidden}.satt-report-scroll{overflow-x:auto}.satt-grid-table{border-collapse:collapse;min-width:max-content}.satt-grid-table th,.satt-grid-table td{border-right:1px solid #f1f5f9}.satt-grid-table th{color:#94a3b8;text-align:center;z-index:2;background:#f8fafc;padding:10px 4px;font-size:11px;font-weight:700;position:sticky;top:0}.satt-col-num{z-index:3;background:#f8fafc;min-width:36px;position:sticky;left:0}.satt-col-name{z-index:3;text-align:left;background:#f8fafc;min-width:160px;position:sticky;left:36px;padding:10px 12px!important}.satt-col-day{min-width:32px}.satt-col-day.wknd{color:#94a3b8!important}.satt-col-day.today{color:#6366f1!important}.satt-col-sum{min-width:36px}.satt-col-pct{min-width:42px}.satt-grid-table td{padding:0}.satt-td-num{text-align:center;color:#94a3b8;z-index:1;background:#fff;font-size:11px;font-weight:500;position:sticky;left:0}.satt-td-name{z-index:1;background:#fff;position:sticky;left:36px;padding:0!important}.satt-td-name-inner{color:#1e293b;white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:500;display:flex}.satt-day-cell{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:36px;font-size:11px;font-weight:700;transition:filter .12s;display:flex}.satt-day-cell:hover:not(.wknd):not(:disabled){filter:brightness(.9)}.satt-day-cell.empty{color:#cbd5e1;font-weight:400}.satt-day-cell.wknd{color:#d1d5db;cursor:default}.satt-day-cell:disabled{cursor:not-allowed}.satt-report-skeleton-center{justify-content:center;align-items:center;height:36px;padding:0 8px;display:flex}.satt-report-skeleton-dot{width:18px;margin:0 auto}.satt-popup-backdrop{z-index:300;position:fixed;inset:0}.satt-popup{z-index:301;background:#fff;border:1.5px solid #e9edf3;border-radius:12px;flex-direction:column;gap:6px;width:210px;padding:12px;display:flex;position:fixed;box-shadow:0 8px 32px #00000026}.satt-popup-head{color:#111827;font-size:13px;font-weight:700}.satt-popup-sub{color:#94a3b8;font-size:11px}.satt-popup-opts{flex-direction:column;gap:4px;margin-top:4px;display:flex}.satt-popup-opt{cursor:pointer;background:#fff;border:1.5px solid #f1f5f9;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;font-weight:500;transition:all .13s;display:flex}.satt-popup-opt:hover{border-color:#c7d2fe}.satt-popup-opt.selected{font-weight:700}.satt-popup-code{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:20px;font-size:10px;font-weight:800;display:flex}.satt-popup-clear{color:#94a3b8;cursor:pointer;background:#fafbfc;border:1.5px solid #f1f5f9;border-radius:8px;align-items:center;gap:5px;width:100%;margin-top:2px;padding:6px 10px;font-size:12px;display:flex}.satt-popup-clear:hover{color:#64748b;background:#f1f5f9}.satt-mine-selector{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex}.satt-mine-select{color:#1e293b;background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13.5px}.satt-mine-select:focus{border-color:#6366f1}.satt-selfmark-card{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.satt-selfmark-date{color:#374151;font-size:14px;font-weight:600}.satt-selfmark-status-badge{border-radius:20px;margin-top:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.satt-selfmark-pending{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.satt-selfmark-btns{gap:8px;display:flex}.satt-selfmark-btn{cursor:pointer;border:1.5px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.satt-selfmark-btn.present{color:#16a34a;background:#dcfce7;border-color:#86efac}.satt-selfmark-btn.present:hover{background:#bbf7d0}.satt-selfmark-btn.late{color:#d97706;background:#fef9c3;border-color:#fcd34d}.satt-selfmark-btn.late:hover{background:#fef08a}.satt-selfmark-btn:disabled{opacity:.6;cursor:not-allowed}.satt-mine-stats{flex-wrap:wrap;gap:12px;display:flex}.satt-mine-stat{text-align:center;border-radius:12px;flex:1;min-width:100px;padding:16px}.satt-mine-stat-val{letter-spacing:-.02em;font-size:28px;font-weight:800}.satt-mine-stat-label{opacity:.8;margin-top:2px;font-size:12px;font-weight:500}.satt-mine-calendar{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.satt-cal-hdr{text-align:center;color:#94a3b8;text-transform:uppercase;padding:4px 0;font-size:11px;font-weight:700}.satt-cal-empty{min-height:64px}.satt-cal-day{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:64px;padding:8px;display:flex}.satt-cal-day.today{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.satt-cal-day.wknd{background:#f8fafc}.satt-cal-day-num{color:#374151;font-size:13px;font-weight:600}.satt-cal-status{font-size:14px;font-weight:700}.satt-cal-wknd{color:#d1d5db;font-size:11px}.satt-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 24px;display:flex}.satt-empty h4{color:#374151;margin:0;font-size:16px;font-weight:700}.satt-empty p{margin:0;font-size:13px}.satt-loading{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:60px;display:flex}.satt-loading p{font-size:13px}.satt-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite sattSpin}.satt-roster-notice{color:#92400e;background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.satt-roster-notice svg{color:#d97706;flex-shrink:0;margin-top:2px}.satt-roster-notice strong{font-size:14px}.satt-roster-notice p{color:#b45309;margin:4px 0 0;font-size:13px}.satt-roster-notice em{font-style:normal;font-weight:600}.satt-shift-badge{color:#4338ca;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.satt-roster-info{color:#6366f1;align-items:center;gap:5px;margin-top:3px;font-size:12.5px;font-weight:500;display:flex}.satt-no-roster-today{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:6px;margin-top:5px;padding:7px 11px;font-size:12.5px;font-weight:500;display:flex}.satt-selfmark-err{color:#dc2626;margin-top:6px;font-size:12.5px;font-weight:500}:root{--ssh-primary:#6366f1;--ssh-primary-lt:#818cf8;--ssh-primary-dk:#4f46e5;--ssh-primary-bg:#eef2ff;--ssh-primary-ring:#6366f124;--ssh-success:#10b981;--ssh-success-bg:#ecfdf5;--ssh-danger:#ef4444;--ssh-danger-bg:#fef2f2;--ssh-purple:#7c3aed;--ssh-purple-bg:#f5f3ff;--ssh-bg:#f8f9fc;--ssh-card:#fff;--ssh-text-1:#111827;--ssh-text-2:#6b7280;--ssh-text-3:#9ca3af;--ssh-border:#f0f0f5;--ssh-border-md:#e5e7eb;--ssh-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--ssh-shadow-md:0 4px 20px #00000014;--ssh-shadow-lg:0 12px 40px #00000029}@keyframes sshFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sshSpin{to{transform:rotate(360deg)}}.ssh-content{flex-direction:column;gap:22px;padding:26px 28px 60px;display:flex}.ssh-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ssh-title{color:var(--ssh-text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.ssh-sub{color:var(--ssh-text-2);margin-top:4px;font-size:13px}.ssh-btn-add{background:linear-gradient(135deg, var(--ssh-primary), var(--ssh-primary-dk));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;height:40px;padding:0 20px;font-size:13.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #6366f147}.ssh-btn-add:hover{opacity:.9;transform:translateY(-1px)}.ssh-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ssh-stat{background:var(--ssh-card);border:1px solid var(--ssh-border);box-shadow:var(--ssh-shadow-sm);border-radius:12px;align-items:center;gap:14px;padding:16px 18px;animation:.4s both sshFadeUp;display:flex}.ssh-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ssh-stat-val{color:var(--ssh-text-1);font-size:22px;font-weight:800;line-height:1}.ssh-stat-label{color:var(--ssh-text-2);margin-top:4px;font-size:11.5px}.ssh-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ssh-filter-tabs{background:var(--ssh-card);border:1px solid var(--ssh-border);box-shadow:var(--ssh-shadow-sm);border-radius:12px;gap:4px;padding:5px;display:flex}.ssh-filter-tab{height:36px;color:var(--ssh-text-2);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.ssh-filter-tab:hover{background:var(--ssh-bg);color:var(--ssh-text-1)}.ssh-filter-tab.active{background:linear-gradient(135deg, var(--ssh-primary), var(--ssh-primary-dk));color:#fff;font-weight:600;box-shadow:0 2px 10px #6366f147}.ssh-btn-ghost{border:1.5px solid var(--ssh-border-md);background:var(--ssh-card);height:38px;color:var(--ssh-text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.ssh-btn-ghost:hover{border-color:var(--ssh-primary);color:var(--ssh-primary)}.ssh-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.ssh-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.ssh-card{background:var(--ssh-card);border:1px solid var(--ssh-border);box-shadow:var(--ssh-shadow-sm);border-radius:14px;flex-direction:column;transition:box-shadow .18s,transform .18s;animation:.35s both sshFadeUp;display:flex;overflow:hidden}.ssh-card:hover{box-shadow:var(--ssh-shadow-md);transform:translateY(-2px)}.ssh-card.inactive{opacity:.65}.ssh-card-accent{background:linear-gradient(90deg, var(--ssh-primary), var(--ssh-primary-lt));flex-shrink:0;height:4px}.ssh-card.inactive .ssh-card-accent{background:var(--ssh-border-md)}.ssh-card-inner{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex}.ssh-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ssh-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ssh-card-name{color:var(--ssh-text-1);font-size:15px;font-weight:700}.ssh-card-code{letter-spacing:.8px;background:var(--ssh-primary-bg);color:var(--ssh-primary);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}.ssh-card-night{color:var(--ssh-purple);background:var(--ssh-purple-bg);border-radius:5px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:flex}.ssh-status-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ssh-status-badge.active{background:var(--ssh-success-bg);color:var(--ssh-success)}.ssh-status-badge.inactive{color:var(--ssh-text-3);background:#f1f5f9}.ssh-card-time-block{background:var(--ssh-bg);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.ssh-time-side{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.ssh-time-label{color:var(--ssh-text-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.ssh-time-val{color:var(--ssh-text-1);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.ssh-time-sep{color:var(--ssh-text-3);flex-direction:column;align-items:center;gap:3px;display:flex}.ssh-time-sep-line{background:var(--ssh-border-md);width:1px;height:10px}.ssh-dur-badge{background:var(--ssh-primary-bg);color:var(--ssh-primary);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.ssh-card-meta{flex-wrap:wrap;gap:6px;display:flex}.ssh-meta-chip{color:var(--ssh-text-2);background:var(--ssh-bg);border:1px solid var(--ssh-border-md);border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:500}.ssh-card-remarks{color:var(--ssh-text-3);background:var(--ssh-bg);border-radius:8px;margin:0;padding:8px 10px;font-size:12px;font-style:italic;line-height:1.5}.ssh-card-foot{border-top:1px solid var(--ssh-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.ssh-btn-toggle{cursor:pointer;border:none;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600;transition:opacity .15s}.ssh-btn-toggle:hover{opacity:.8}.ssh-card-actions{gap:6px;display:flex}.ssh-icon-btn{border:1px solid var(--ssh-border-md);cursor:pointer;width:30px;height:30px;color:var(--ssh-text-2);background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:all .14s;display:flex}.ssh-icon-btn.edit:hover{background:var(--ssh-primary-bg);border-color:var(--ssh-primary);color:var(--ssh-primary)}.ssh-icon-btn.del:hover{background:var(--ssh-danger-bg);border-color:var(--ssh-danger);color:var(--ssh-danger)}.ssh-empty{color:var(--ssh-text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:72px 24px;display:flex}.ssh-empty h4{color:var(--ssh-text-2);margin:0;font-size:16px;font-weight:700}.ssh-empty p{margin:0;font-size:13px}.ssh-spinner{border:3px solid var(--ssh-border-md);border-top-color:var(--ssh-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite sshSpin}.ssh-spinning{animation:.7s linear infinite sshSpin}.ssh-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#11182770;position:fixed;inset:0}.ssh-panel{background:var(--ssh-card);border-left:1px solid var(--ssh-border);width:min(440px,100vw);height:100vh;box-shadow:var(--ssh-shadow-lg);z-index:201;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.ssh-panel.open{transition-delay:0s;transform:translate(0)}.ssh-panel-head{border-bottom:1px solid var(--ssh-border);background:#fafbfc;flex-shrink:0;align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.ssh-panel-icon{background:var(--ssh-primary-bg);width:40px;height:40px;color:var(--ssh-primary);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ssh-panel-titles{flex:1}.ssh-panel-title{color:var(--ssh-text-1);font-size:16px;font-weight:700}.ssh-panel-sub{color:var(--ssh-text-2);margin-top:2px;font-size:12px}.ssh-panel-close{background:var(--ssh-bg);width:32px;height:32px;color:var(--ssh-text-2);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.ssh-panel-close:hover{background:var(--ssh-border-md);color:var(--ssh-text-1)}.ssh-panel-body{flex-direction:column;flex:1;gap:16px;padding:22px 24px;display:flex;overflow-y:auto}.ssh-panel-body::-webkit-scrollbar{width:5px}.ssh-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.ssh-form-row{gap:14px;display:flex}.ssh-field{flex-direction:column;flex:1;gap:6px;display:flex}.ssh-field label{color:var(--ssh-text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.ssh-req{color:var(--ssh-danger);margin-left:2px}.ssh-input{border:1.5px solid var(--ssh-border-md);width:100%;height:40px;color:var(--ssh-text-1);background:var(--ssh-bg);box-sizing:border-box;border-radius:9px;outline:none;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.ssh-input:focus{border-color:var(--ssh-primary);box-shadow:0 0 0 3px var(--ssh-primary-ring);background:var(--ssh-card)}.ssh-textarea{resize:vertical;height:auto;min-height:72px;padding:10px 12px}.ssh-toggle-row{color:var(--ssh-text-1);border:1.5px solid var(--ssh-border-md);cursor:pointer;background:var(--ssh-bg);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:13.5px;font-weight:500;transition:border-color .15s;display:flex}.ssh-toggle-row:hover{border-color:var(--ssh-primary)}.ssh-toggle-row input{accent-color:var(--ssh-primary);cursor:pointer;width:16px;height:16px}.ssh-duration-preview{color:var(--ssh-primary);background:var(--ssh-primary-bg);border:1px solid #c7d2fe;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.ssh-form-err{background:var(--ssh-danger-bg);color:var(--ssh-danger);border:1px solid #fecaca;border-radius:9px;padding:10px 14px;font-size:13px}.ssh-panel-foot{border-top:1px solid var(--ssh-border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.ssh-btn-cancel{border:1.5px solid var(--ssh-border-md);background:var(--ssh-card);height:38px;color:var(--ssh-text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600;transition:border-color .15s}.ssh-btn-cancel:hover{border-color:var(--ssh-text-2)}.ssh-btn-save{background:linear-gradient(135deg, var(--ssh-primary), var(--ssh-primary-dk));color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:opacity .15s;display:flex;box-shadow:0 2px 8px #6366f147}.ssh-btn-save:hover{opacity:.9}.ssh-btn-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ssh-btn-save.saved{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 2px 8px #16a34a47}@media (width<=768px){.ssh-content{padding:18px 16px 50px}.ssh-stats{grid-template-columns:repeat(3,1fr)}.ssh-form-row{flex-direction:column}.ssh-grid{grid-template-columns:1fr}}@media (width<=480px){.ssh-filter-tabs{width:100%}.ssh-filter-tab{flex:1;justify-content:center;padding:0 8px}.ssh-stats{grid-template-columns:repeat(3,1fr);gap:8px}.ssh-stat{text-align:center;flex-direction:column;gap:8px;padding:12px}.ssh-stat-icon{width:36px;height:36px}}.sro-content{flex-direction:column;gap:16px;padding:24px 28px 60px;display:flex}.sro-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sro-title{color:#111827;letter-spacing:-.02em;font-size:22px;font-weight:800}.sro-sub{color:#6b7280;margin-top:3px;font-size:13px}.sro-head-actions{gap:8px;display:flex}.sro-tabs{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;width:max-content;padding:4px;display:inline-flex}.sro-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.sro-tab:hover{color:#4338ca;background:#eef2ff}.sro-tab.active{color:#3730a3;background:#fff;box-shadow:0 1px 4px #0f172a14}.sro-week-panel{flex-direction:column;gap:16px;display:none}.sro-week-panel.active{display:flex}.sro-btn-publish{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.sro-btn-publish:hover{opacity:.9}.sro-btn-publish:disabled{opacity:.6;cursor:not-allowed}.sro-nav-bar{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.sro-nav-arrow{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .14s;display:flex}.sro-nav-arrow:hover{background:#e2e8f0}.sro-week-label{color:#1e293b;align-items:center;gap:7px;min-width:200px;font-size:14px;font-weight:700;display:flex}.sro-action-spacer{flex:1}.sro-week-stats{gap:6px;display:flex}.sro-stat-chip{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.sro-stat-chip.draft{color:#d97706;background:#fef9c3}.sro-stat-chip.pub{color:#16a34a;background:#dcfce7}.sro-btn-ghost{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.sro-btn-ghost:hover{background:#f1f5f9}.sro-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.sro-legend{flex-wrap:wrap;gap:8px;display:flex}.sro-legend-item{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.sro-table-wrap{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;overflow:hidden}.sro-table-scroll{overflow-x:auto}.sro-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:842px}.sro-table th,.sro-table td{border-right:1px solid #f1f5f9}.sro-th-num,.sro-th-staff{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;z-index:3;vertical-align:bottom;background:#f8fafc;padding:10px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.sro-th-num{text-align:center;width:40px;left:0}.sro-th-staff{text-align:left;width:220px;left:40px}.sro-th-day{text-align:center;z-index:2;background:#f8fafc;padding:8px 4px;position:sticky;top:0}.sro-th-day.today{background:#eef2ff}.sro-th-day.wknd{background:#fafbfc}.sro-th-day-name{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:700}.sro-th-day-date{color:#374151;margin-top:2px;font-size:12px;font-weight:600}.sro-th-day.today .sro-th-day-date{color:#6366f1}.sro-table tr:hover td{background-color:#fafbfc}.sro-td-num{text-align:center;color:#94a3b8;z-index:1;background:#fff;padding:8px 4px;font-size:11px;font-weight:500;position:sticky;left:0}.sro-td-staff{z-index:1;background:#fff;padding:8px 12px;position:sticky;left:40px;overflow:hidden}.sro-staff-inner{align-items:center;gap:9px;min-width:0;display:flex}.sro-staff-inner>div:last-child{min-width:0}.sro-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.sro-staff-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sro-staff-id{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sro-td-cell{text-align:center;padding:4px;transition:background .12s}.sro-td-cell.today{background:#6366f10a}.sro-td-cell.wknd{background:#f8fafc}.sro-cell-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:58px;height:38px;margin:0 auto;font-size:11px;font-weight:700;transition:all .13s;display:flex;position:relative;overflow:hidden}.sro-cell-btn:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.sro-cell-btn.empty{color:#d1d5db;font-size:16px}.sro-cell-btn.empty:hover{color:#6366f1;font-size:14px}.sro-cell-btn.draft{opacity:.75}.sro-draft-dot{background:#f59e0b;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.sro-cell-btn.completed{cursor:not-allowed;color:#64748b!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.sro-cell-btn.completed:hover{color:#64748b!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.sro-lock-badge{color:#64748b;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;right:2px}.sro-th-chk,.sro-td-chk{text-align:center;z-index:3;background:#f8fafc;width:0;padding:0 4px;position:sticky;left:0}.sro-td-chk{z-index:1;background:#fff}.sro-th-num{left:30px!important}.sro-th-staff{left:35px!important}.sro-td-num{left:36px!important}.sro-td-staff{left:76px!important}.sro-chk{cursor:pointer;accent-color:#6366f1;flex-shrink:0;width:15px;height:15px}.sro-day-chk{margin:0 auto 4px;display:block}.sro-th-day-inner{flex-direction:column;align-items:center;gap:2px;display:flex}.sro-th-day.sel{background:#eef2ff!important}.sro-row-sel td{background:#faf9ff}.sro-row-sel .sro-td-staff,.sro-row-sel .sro-td-num,.sro-row-sel .sro-td-chk{background:#f5f3ff!important}.sro-td-cell.bulk-sel{background:#eef2ff!important}.sro-cell-btn.selected{color:#fff!important;background:#6366f1!important;border-color:#6366f1!important}.sro-sel-hint{text-align:center;color:#6366f1;background:#eef2ff;border:1.5px dashed #c7d2fe;border-radius:10px;padding:10px;font-size:13px;font-weight:500}.sro-legend-hint{color:#94a3b8;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.sro-bulk-bar{color:#fff;z-index:500;background:#1e293b;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 24px;transition:bottom .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:-100px;left:0;right:0;box-shadow:0 -4px 24px #0003}.sro-bulk-bar.visible{bottom:0}.sro-bulk-info{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.sro-bulk-total{color:#94a3b8;font-size:12px;font-weight:400}.sro-bulk-controls{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.sro-bulk-duties{flex-wrap:wrap;gap:5px;display:flex}.sro-bulk-duty-btn{color:#94a3b8;cursor:pointer;background:#334155;border:1.5px solid #334155;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .13s}.sro-bulk-duty-btn:hover:not(.active){color:#a5b4fc;border-color:#6366f1}.sro-bulk-duty-btn.active{font-weight:800}.sro-bulk-select,.sro-bulk-input{color:#e2e8f0;background:#334155;border:1.5px solid #334155;border-radius:8px;outline:none;min-width:150px;padding:7px 10px;font-size:13px}.sro-bulk-select:focus,.sro-bulk-input:focus{border-color:#6366f1}.sro-bulk-select option{background:#1e293b}.sro-bulk-actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.sro-bulk-clear{color:#94a3b8;cursor:pointer;background:0 0;border:1.5px solid #475569;border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.sro-bulk-clear:hover{color:#fca5a5;border-color:#dc2626}.sro-bulk-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;align-items:center;gap:5px;padding:8px 20px;font-size:13px;font-weight:700;transition:opacity .15s;display:inline-flex}.sro-bulk-save:hover{opacity:.9}.sro-bulk-save:disabled{opacity:.6;cursor:not-allowed}.sro-range-shell{background:#fff;border:1.5px solid #e9edf3;border-radius:16px;flex-direction:column;gap:18px;padding:20px;display:flex;box-shadow:0 1px 2px #0f172a0a,0 12px 28px -18px #0f172a2e}.sro-range-shell-head{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding-bottom:16px;display:flex}.sro-range-shell-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 6px 14px -4px #6366f180}.sro-range-shell-title{color:#111827;letter-spacing:-.01em;font-size:15px;font-weight:800}.sro-range-shell-sub{color:#94a3b8;margin-top:2px;font-size:12.5px}.sro-range-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;display:grid}.sro-range-main{flex-direction:column;gap:14px;min-width:0;display:flex}.sro-range-section{background:#fafbfc;border:1.5px solid #eef2f7;border-radius:12px;padding:16px;transition:border-color .15s,box-shadow .15s}.sro-range-section:hover{border-color:#e2e8f0;box-shadow:0 2px 10px -6px #0f172a1f}.sro-range-section-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:11.5px;font-weight:800;display:flex}.sro-range-icon-badge{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sro-range-icon-badge.i-date{color:#4338ca;background:#e0e7ff}.sro-range-icon-badge.i-days{color:#7e22ce;background:#f3e8ff}.sro-range-icon-badge.i-shift{color:#b45309;background:#fef3c7}.sro-range-icon-badge.i-staff{color:#15803d;background:#dcfce7}.sro-range-fields{grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;display:grid}.sro-range-field{flex-direction:column;gap:6px;min-width:0;display:flex}.sro-range-field.wide{grid-column:1/-1}.sro-range-main .sro-range-fields{grid-template-columns:1fr}.sro-range-field span{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.sro-range-field input,.sro-range-field select,.sro-range-search{box-sizing:border-box;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:10px 11px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.sro-range-field input:hover,.sro-range-field select:hover{border-color:#cbd5e1}.sro-range-field input:focus,.sro-range-field select:focus,.sro-range-search:focus{border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f124}.sro-range-days{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sro-range-day{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;min-width:72px;padding:9px 11px;font-size:13px;font-weight:700;transition:all .13s;display:inline-flex}.sro-range-day:hover{color:#4f46e5;border-color:#c7d2fe}.sro-range-day input{accent-color:#6366f1;width:14px;height:14px}.sro-range-day.active{color:#3730a3;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;box-shadow:0 2px 6px -2px #6366f159}.sro-range-duty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sro-range-duty-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:flex}.sro-range-duty-btn strong{font-size:12px;font-weight:800;line-height:1}.sro-range-duty-btn span{text-align:center;font-size:10.5px;font-weight:700;line-height:1.15}.sro-range-duty-btn:hover:not(.active){color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.sro-range-duty-btn.active{box-shadow:0 2px 7px -3px #0f172a47}.sro-range-link-btn{color:#4f46e5;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700;transition:all .15s}.sro-range-link-btn:hover{background:#eef2ff;border-color:#c7d2fe}.sro-range-staff{background:#fafbfc;border:1.5px solid #eef2f7;border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.sro-range-staff-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sro-range-count{color:#4f46e5;background:#eef2ff;border-radius:20px;margin-top:4px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-block}.sro-range-search-wrap{position:relative}.sro-range-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.sro-range-search-wrap .sro-range-search{padding-left:32px}.sro-range-staff-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;max-height:520px;padding-right:2px;display:grid;overflow:auto}.sro-range-staff-row{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;grid-template-columns:18px 28px minmax(0,1fr);align-items:center;gap:9px;padding:9px;transition:all .13s;display:grid}.sro-range-staff-row:hover{border-color:#c7d2fe;box-shadow:0 2px 8px -4px #6366f140}.sro-range-staff-row.selected{background:#eef2ff;border-color:#6366f1}.sro-range-staff-row input{accent-color:#6366f1;width:15px;height:15px}.sro-avatar.small{border-radius:8px;width:28px;height:28px;font-size:9px}.sro-range-staff-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.sro-range-staff-meta strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sro-range-staff-meta span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sro-range-empty{text-align:center;color:#94a3b8;padding:28px 8px;font-size:13px}.sro-range-footer{border-top:1px solid #eef2f7;flex-wrap:wrap;align-items:center;gap:12px;padding-top:16px;display:flex}.sro-range-summary{color:#475569;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.sro-range-stat{color:#475569}.sro-range-stat strong{color:#1e293b;font-weight:800}.sro-range-stat-x{color:#cbd5e1;font-weight:700}.sro-range-total-chip{color:#4338ca;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.sro-range-message{border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700}.sro-range-message.success{color:#15803d;background:#dcfce7;border:1px solid #86efac}.sro-range-message.error{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.sro-range-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.sro-range-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:130px;padding:9px 18px;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 6px 14px -6px #6366f18c}.sro-range-save:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.sro-range-save:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.sro-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.sro-empty h4{color:#374151;margin:0;font-size:16px;font-weight:700}.sro-empty p{margin:0;font-size:13px}.sro-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite sroSpin}.sro-spinning{animation:.7s linear infinite sroSpin}@keyframes sroSpin{to{transform:rotate(360deg)}}.sro-popup-backdrop{z-index:300;position:fixed;inset:0}.sro-popup{z-index:301;background:#fff;border:1.5px solid #e9edf3;border-radius:14px;flex-direction:column;width:280px;display:flex;position:fixed;box-shadow:0 8px 32px #00000026}.sro-popup-head{background:#fafbfc;border-bottom:1px solid #f1f5f9;border-radius:14px 14px 0 0;padding:14px 16px 10px}.sro-popup-staff{color:#111827;font-size:14px;font-weight:700}.sro-popup-date{color:#94a3b8;margin-top:2px;font-size:11px}.sro-popup-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.sro-pop-field{flex-direction:column;gap:6px;display:flex}.sro-pop-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.sro-duty-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.sro-duty-btn{color:#64748b;cursor:pointer;text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;flex-direction:column;align-items:center;gap:2px;padding:5px 4px;font-size:10px;font-weight:700;transition:all .13s;display:flex}.sro-duty-btn:hover:not(.active){color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.sro-duty-btn.active{font-weight:800}.sro-duty-label{opacity:.8;white-space:nowrap;font-size:9px;font-weight:500}.sro-pop-select,.sro-pop-input{color:#1e293b;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-size:13px}.sro-pop-select:focus,.sro-pop-input:focus{border-color:#6366f1}.sro-popup-foot{background:#fafbfc;border-top:1px solid #f1f5f9;border-radius:0 0 14px 14px;align-items:center;gap:8px;padding:10px 16px;display:flex}.sro-pop-del{color:#dc2626;cursor:pointer;background:#fee2e2;border:1.5px solid #fca5a5;border-radius:7px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.sro-pop-del:disabled{opacity:.5;cursor:not-allowed}.sro-pop-cancel{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600}.sro-pop-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.sro-pop-save:disabled{opacity:.6;cursor:not-allowed}.sro-saving-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sro-saving-panel{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;width:min(100%,360px);padding:18px;display:grid;box-shadow:0 18px 50px #0f172a40}.sro-saving-spinner{border:3px solid #e0e7ff;border-top-color:#4f46e5;border-radius:50%;width:34px;height:34px;animation:.7s linear infinite sroSpin}.sro-saving-title{color:#111827;font-size:15px;font-weight:800}.sro-saving-text{color:#64748b;margin-top:3px;font-size:12.5px;line-height:1.45}@media (width<=980px){.sro-range-grid{grid-template-columns:1fr}.sro-range-staff-list{max-height:300px}}@media (width<=640px){.sro-content{padding:18px 14px 60px}.sro-tabs{width:100%}.sro-tab{flex:1;justify-content:center;padding:8px 10px}.sro-range-fields,.sro-range-duty-grid{grid-template-columns:1fr}.sro-range-footer{align-items:stretch}.sro-range-summary,.sro-range-actions,.sro-range-message{width:100%}.sro-range-actions{justify-content:flex-end;margin-left:0}}.myatt-content{flex-direction:column;gap:16px;padding:24px 28px 60px;display:flex}.myatt-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.myatt-title{color:#111827;letter-spacing:-.02em;font-size:22px;font-weight:800}.myatt-sub{color:#6b7280;margin-top:3px;font-size:13px}.myatt-staff-select-wrap{background:#fff;border:1.5px solid #e9edf3;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;display:flex}.myatt-staff-select{color:#1e293b;cursor:pointer;background:0 0;border:none;outline:none;min-width:200px;font-size:13.5px}.myatt-profile{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex}.myatt-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.myatt-profile-name{color:#111827;font-size:16px;font-weight:700}.myatt-profile-meta{color:#6b7280;margin-top:2px;font-size:12.5px}.myatt-selfmark{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.myatt-selfmark-date{color:#374151;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.myatt-roster-line{color:#6366f1;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;font-weight:500;display:flex}.myatt-loc{color:#94a3b8;align-items:center;gap:3px;display:inline-flex}.myatt-grace{color:#d97706;background:#fef9c3;border-radius:5px;padding:1px 7px;font-size:11px;font-weight:600}.myatt-status-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.myatt-clock-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.myatt-clock-chip{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.myatt-clock-chip.in{color:#16a34a;background:#dcfce7;border-color:#86efac}.myatt-clock-chip.out{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.myatt-clock-chip.worked{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.myatt-clock-chip.live{color:#0284c7;background:#e0f2fe;border-color:#7dd3fc}.myatt-live-dot{background:#0284c7;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite myattPulse;box-shadow:0 0 0 3px #0284c733}@keyframes myattPulse{0%,to{box-shadow:0 0 0 3px #0284c740}50%{box-shadow:0 0 0 6px #0284c714}}.myatt-done-tag{color:#16a34a;background:#dcfce7;border:1.5px solid #86efac;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.myatt-pending{color:#94a3b8;margin-top:6px;font-size:12px;display:block}.myatt-no-roster{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:6px;margin-top:5px;padding:7px 11px;font-size:12.5px;font-weight:500;display:flex}.myatt-selfmark-err{color:#dc2626;margin-top:6px;font-size:12.5px;font-weight:500}.myatt-selfmark-btns{gap:8px;display:flex}.myatt-mark-btn{cursor:pointer;border:1.5px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.myatt-mark-btn.present{color:#16a34a;background:#dcfce7;border-color:#86efac}.myatt-mark-btn.present:hover{background:#bbf7d0}.myatt-mark-btn.late{color:#d97706;background:#fef9c3;border-color:#fcd34d}.myatt-mark-btn.late:hover{background:#fef08a}.myatt-mark-btn.out{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.myatt-mark-btn.out:hover{background:#fecaca}.myatt-mark-btn:disabled{opacity:.6;cursor:not-allowed}.myatt-stats{flex-wrap:wrap;gap:12px;display:flex}.myatt-stat{text-align:center;border-radius:12px;flex:1;min-width:90px;padding:14px}.myatt-stat-val{letter-spacing:-.02em;font-size:24px;font-weight:800}.myatt-stat-label{opacity:.85;margin-top:2px;font-size:11.5px;font-weight:500}.myatt-nav-bar{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.myatt-nav-arrow{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .14s;display:flex}.myatt-nav-arrow:hover{background:#e2e8f0}.myatt-nav-label{color:#1e293b;text-align:center;min-width:150px;font-size:15px;font-weight:700}.myatt-spacer{flex:1}.myatt-btn-ghost{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.myatt-btn-ghost:hover{background:#f1f5f9}.myatt-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.myatt-legend{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.myatt-legend-item{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.myatt-legend-sep{color:#d1d5db}.myatt-legend-hint{color:#94a3b8;align-items:center;gap:4px;font-size:11px;display:flex}.myatt-calendar{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.myatt-cal-hdr{text-align:center;color:#94a3b8;text-transform:uppercase;padding:4px 0;font-size:11px;font-weight:700}.myatt-cal-empty{min-height:78px}.myatt-cal-day{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;flex-direction:column;gap:6px;min-height:78px;padding:8px;transition:border-color .15s,box-shadow .15s;display:flex}.myatt-cal-day.today{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.myatt-cal-day.wknd{background:#f8fafc}.myatt-cal-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.myatt-cal-num{color:#374151;font-size:13px;font-weight:600}.myatt-cal-roster{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border-radius:5px;max-width:70%;padding:1px 5px;font-size:9px;font-weight:700;overflow:hidden}.myatt-cal-body{flex:1;justify-content:center;align-items:center;display:flex}.myatt-cal-status{border-radius:7px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;font-size:12px;font-weight:800;display:flex}.myatt-cal-pending{color:#cbd5e1;font-size:18px;font-weight:700}.myatt-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:70px 24px;display:flex}.myatt-empty h4{color:#374151;margin:0;font-size:16px;font-weight:700}.myatt-empty p{margin:0;font-size:13px}.myatt-loading{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:50px;display:flex}.myatt-loading p{font-size:13px}.myatt-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite myattSpin}.myatt-spin{animation:.7s linear infinite myattSpin}@keyframes myattSpin{to{transform:rotate(360deg)}}@media (width<=640px){.myatt-cal-day{min-height:64px;padding:5px}.myatt-cal-roster{font-size:8px}.myatt-stat{min-width:70px;padding:10px}.myatt-stat-val{font-size:20px}}.mysub-content{flex-direction:column;gap:16px;padding:24px 28px 60px;display:flex}.mysub-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mysub-title{color:#111827;letter-spacing:-.02em;font-size:22px;font-weight:800}.mysub-sub{color:#6b7280;margin-top:3px;font-size:13px}.mysub-refresh-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e9edf3;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.mysub-refresh-btn:hover:not(:disabled){background:#f8fafc}.mysub-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.mysub-spin{animation:.9s linear infinite mysub-spin}@keyframes mysub-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mysub-stats{flex-wrap:wrap;gap:14px;display:flex}.mysub-stat{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:200px;padding:14px 18px;display:flex}.mysub-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mysub-stat-value{font-size:18px;font-weight:800}.mysub-stat-label{color:#6b7280;margin-top:2px;font-size:12px}.mysub-error{color:#dc2626;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.mysub-group{flex-direction:column;gap:10px;display:flex}.mysub-group-head{color:#6366f1;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.mysub-group-title{color:#111827}.mysub-group-sep{color:#cbd5e1}.mysub-group-batch{color:#374151}.mysub-group-sem{color:#6b7280;font-weight:500}.mysub-group-count{color:#6366f1;background:#eef2ff;border-radius:20px;margin-left:auto;padding:3px 10px;font-size:11.5px;font-weight:700}.mysub-list{flex-direction:column;gap:10px;display:flex}.mysub-card{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex}.mysub-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mysub-card-name{color:#111827;font-size:14.5px;font-weight:700}.mysub-card-meta{color:#6b7280;margin-top:2px;font-size:12.5px}.mysub-empty{color:#94a3b8;background:#fff;border:1.5px dashed #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.mysub-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mysub-empty p{font-size:13.5px}.mysub-remarks{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;padding:14px 18px}.mysub-remarks-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:700}.mysub-remarks p{color:#374151;font-size:13.5px}.alv-content{flex-direction:column;gap:18px;padding:24px 28px 60px;display:flex}.alv-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.alv-title{color:#111827;letter-spacing:-.02em;font-size:22px;font-weight:800}.alv-sub{color:#6b7280;margin-top:3px;font-size:13px}.alv-btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.alv-btn-add:hover{opacity:.9}.alv-btn-add:disabled{opacity:.55;cursor:not-allowed}.alv-stats{flex-wrap:wrap;gap:12px;display:flex}.alv-stat{border-radius:12px;flex:1;min-width:110px;padding:16px 18px}.alv-stat-val{letter-spacing:-.02em;font-size:28px;font-weight:800}.alv-stat-label{color:#6b7280;font-size:12px;font-weight:500}.alv-staff-selector{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;padding:16px 18px}.alv-staff-field{max-width:520px}.alv-staff-field label{align-items:center;gap:6px;display:inline-flex}.alv-field-hint{color:#64748b;margin-top:2px;font-size:12px}.alv-balance-section{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.alv-balance-head{justify-content:space-between;align-items:center;display:flex}.alv-balance-title{color:#374151;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.alv-balance-loading{justify-content:center;padding:24px;display:flex}.alv-balance-warn{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.alv-balance-note{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.alv-balance-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.alv-balance-card{background:#fafbfc;border:1.5px solid #e9edf3;border-radius:12px;flex-direction:column;gap:9px;padding:14px;display:flex}.alv-balance-card.inactive{opacity:.65}.alv-balance-inactive-tag{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.alv-balance-card-head{align-items:center;gap:7px;display:flex}.alv-balance-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.alv-balance-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:700;overflow:hidden}.alv-balance-code{color:#6366f1;background:#eef2ff;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.alv-balance-avail{align-items:baseline;gap:6px;display:flex}.alv-balance-avail-num{letter-spacing:-.02em;font-size:26px;font-weight:800}.alv-balance-avail-label{color:#94a3b8;font-size:11px}.alv-balance-bar{background:#e9edf3;border-radius:4px;height:6px;overflow:hidden}.alv-balance-bar-fill{border-radius:4px;height:100%;transition:width .3s}.alv-balance-meta{color:#6b7280;flex-wrap:wrap;gap:10px;font-size:11.5px;display:flex}.alv-balance-meta strong{color:#374151}.alv-sel-balance{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-wrap:wrap;gap:10px;margin-top:6px;padding:8px 12px;display:flex}.alv-sel-balance-item{color:#6b7280;font-size:12px}.alv-sel-balance-item strong{font-size:14px}.alv-sel-balance-warn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:5px;margin-top:6px;padding:8px 12px;font-size:12px;display:flex}.alv-days-preview.insufficient{color:#dc2626;background:#fef2f2;border-color:#fecaca}.alv-days-warn{color:#dc2626;align-items:center;gap:4px;margin-left:auto;font-size:11.5px;display:inline-flex}.alv-toolbar{align-items:center;gap:10px;display:flex}.alv-filter-tabs{background:#f1f5f9;border-radius:8px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.alv-filter-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.alv-filter-tab:hover{color:#1e293b}.alv-filter-tab.active{color:#6366f1;background:#fff;font-weight:600;box-shadow:0 1px 4px #0000001a}.alv-btn-ghost{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;transition:all .15s;display:inline-flex}.alv-btn-ghost:hover{background:#f1f5f9}.alv-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.alv-list{flex-direction:column;gap:12px;display:flex}.alv-card{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;transition:box-shadow .18s;display:flex}.alv-card:hover{box-shadow:0 4px 18px #00000012}.alv-card-left{flex:1;gap:12px;display:flex}.alv-card-type-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.alv-card-type{color:#111827;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.alv-card-code{color:#6366f1;background:#eef2ff;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}.alv-half-pill{color:#7c3aed;text-transform:capitalize;background:#f5f3ff;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600}.alv-card-dates{color:#6b7280;align-items:center;gap:6px;margin-top:5px;font-size:12.5px;display:flex}.alv-card-days{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:1px 7px;font-size:11px}.alv-card-reason{color:#475569;margin-top:6px;font-size:13px}.alv-card-remarks{color:#94a3b8;align-items:center;gap:4px;margin-top:5px;font-size:12px;font-style:italic;display:flex}.alv-card-doc{color:#6366f1;align-items:center;gap:4px;margin-top:6px;font-size:12px;text-decoration:none;display:inline-flex}.alv-card-doc:hover{text-decoration:underline}.alv-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.alv-status-badge{border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.alv-card-applied{color:#94a3b8;font-size:11px}.alv-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 24px;display:flex}.alv-empty h4{color:#374151;margin:0;font-size:16px;font-weight:700}.alv-empty p{margin:0;font-size:13px}.alv-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite alvSpin}.alv-spin{animation:.7s linear infinite alvSpin}@keyframes alvSpin{to{transform:rotate(360deg)}}.alv-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;position:fixed;inset:0}.alv-panel{z-index:201;background:#fff;border-left:1.5px solid #e9edf3;flex-direction:column;width:min(440px,100vw);height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0000001f}.alv-panel.open{transition-delay:0s;transform:translate(0)}.alv-panel-head{background:#fafbfc;border-bottom:1.5px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.alv-panel-title{color:#111827;font-size:16px;font-weight:700}.alv-panel-sub{color:#6b7280;margin-top:2px;font-size:12px}.alv-panel-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;align-items:center;padding:6px;transition:background .15s;display:flex}.alv-panel-close:hover{background:#e2e8f0}.alv-panel-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.alv-field{flex-direction:column;gap:6px;display:flex}.alv-field-row{gap:12px;display:flex}.alv-field-row .alv-field{flex:1}.alv-field label{color:#374151;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.alv-req{color:#ef4444}.alv-optional{color:#94a3b8;text-transform:none;letter-spacing:0;font-weight:400}.alv-input{color:#1e293b;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e9edf3;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-size:13.5px;transition:border-color .15s}.alv-input:focus{background:#fff;border-color:#6366f1}.alv-input:disabled{opacity:.6;cursor:not-allowed}.alv-textarea{resize:vertical;min-height:80px}.alv-toggle{gap:6px;display:flex}.alv-toggle-btn{color:#6b7280;cursor:pointer;background:#f8fafc;border:1.5px solid #e9edf3;border-radius:8px;flex:1;padding:8px 0;font-size:13px;font-weight:600;transition:all .15s}.alv-toggle-btn.active{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.alv-toggle-btn:hover:not(.active){background:#f1f5f9}.alv-days-preview{color:#6366f1;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;display:flex}.alv-file-drop{color:#64748b;cursor:pointer;background:#fafbfc;border:1.5px dashed #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;transition:all .15s;display:flex}.alv-file-drop:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.alv-file-remove{color:#dc2626;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex}.alv-form-err{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px}.alv-form-ok{color:#16a34a;background:#dcfce7;border:1px solid #86efac;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.alv-panel-foot{background:#fafbfc;border-top:1.5px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 20px;display:flex}.alv-btn-cancel{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:600}.alv-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .15s;display:flex}.alv-btn-save:hover{opacity:.9}.alv-btn-save:disabled{opacity:.6;cursor:not-allowed}.lap-content{flex-direction:column;gap:18px;padding:24px 28px 60px;display:flex}.lap-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lap-title{color:#111827;letter-spacing:-.02em;font-size:22px;font-weight:800}.lap-sub{color:#6b7280;margin-top:3px;font-size:13px}.lap-stats{flex-wrap:wrap;gap:12px;display:flex}.lap-stat{border-radius:12px;flex:1;min-width:110px;padding:16px 18px}.lap-stat-val{letter-spacing:-.02em;font-size:28px;font-weight:800}.lap-stat-label{color:#6b7280;font-size:12px;font-weight:500}.lap-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lap-filter-tabs{background:#f1f5f9;border-radius:8px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.lap-filter-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.lap-filter-tab:hover{color:#1e293b}.lap-filter-tab.active{color:#6366f1;background:#fff;font-weight:600;box-shadow:0 1px 4px #0000001a}.lap-toolbar-right{align-items:center;gap:8px;display:flex}.lap-search{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;min-width:220px;padding:6px 10px;display:flex}.lap-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:13px}.lap-search button{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0;display:flex}.lap-btn-ghost{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;transition:all .15s;display:inline-flex}.lap-btn-ghost:hover{background:#f1f5f9}.lap-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.lap-list{flex-direction:column;gap:12px;display:flex}.lap-card{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;transition:box-shadow .18s;display:flex}.lap-card:hover{box-shadow:0 4px 18px #00000012}.lap-card-main{flex:1;gap:12px;display:flex}.lap-avatar{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.lap-card-info{flex:1}.lap-card-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lap-card-name{color:#111827;font-size:15px;font-weight:700}.lap-card-staffid{color:#6366f1;background:#eef2ff;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.lap-card-dept{color:#6b7280;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:2px 7px;font-size:11px}.lap-card-leave{align-items:center;gap:7px;margin-top:7px;display:flex}.lap-type-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.lap-type-name{color:#374151;font-size:13px;font-weight:600}.lap-type-code{color:#94a3b8;font-size:11px;font-weight:700}.lap-half-pill{color:#7c3aed;text-transform:capitalize;background:#f5f3ff;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600}.lap-card-dates{color:#6b7280;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:flex}.lap-days{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:1px 7px;font-size:11px}.lap-card-reason{color:#475569;margin-top:7px;font-size:13px}.lap-card-remarks{color:#94a3b8;align-items:center;gap:4px;margin-top:5px;font-size:12px;font-style:italic;display:flex}.lap-card-doc{color:#6366f1;align-items:center;gap:4px;margin-top:6px;font-size:12px;text-decoration:none;display:inline-flex}.lap-card-doc:hover{text-decoration:underline}.lap-card-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.lap-status-badge{border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.lap-applied{color:#94a3b8;font-size:11px}.lap-actions{gap:8px;margin-top:2px;display:flex}.lap-btn-approve{color:#16a34a;cursor:pointer;background:#dcfce7;border:1.5px solid #86efac;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.lap-btn-approve:hover{background:#bbf7d0}.lap-btn-reject{color:#dc2626;cursor:pointer;background:#fee2e2;border:1.5px solid #fca5a5;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.lap-btn-reject:hover{background:#fecaca}.lap-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 24px;display:flex}.lap-empty h4{color:#374151;margin:0;font-size:16px;font-weight:700}.lap-empty p{margin:0;font-size:13px}.lap-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite lapSpin}.lap-spin{animation:.7s linear infinite lapSpin}@keyframes lapSpin{to{transform:rotate(360deg)}}@keyframes lapBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes lapBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes lapModalIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes lapModalOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-52%)scale(.92)}}.lap-modal-backdrop{z-index:400;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;animation:.2s forwards lapBackdropIn;position:fixed;inset:0}.lap-modal-backdrop.closing{animation:.18s forwards lapBackdropOut}.lap-modal{z-index:401;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:8px;width:min(420px,100vw - 40px);padding:28px 24px 20px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards lapModalIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000040}.lap-modal.closing{animation:.18s cubic-bezier(.4,0,1,1) forwards lapModalOut}.lap-modal-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex}.lap-modal-icon.approve{color:#16a34a;background:#dcfce7}.lap-modal-icon.reject{color:#dc2626;background:#fee2e2}.lap-modal-title{color:#111827;font-size:18px;font-weight:800}.lap-modal-sub{color:#6b7280;text-align:center;font-size:13px;line-height:1.5}.lap-modal-note{color:#4338ca;box-sizing:border-box;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px 12px;font-size:12px;display:flex}.lap-modal-input{box-sizing:border-box;color:#1e293b;resize:vertical;background:#fafbfc;border:1.5px solid #e9edf3;border-radius:10px;outline:none;width:100%;min-height:70px;margin-top:8px;padding:10px 12px;font-size:13.5px}.lap-modal-input:focus{background:#fff;border-color:#6366f1}.lap-modal-err{box-sizing:border-box;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;width:100%;padding:8px 12px;font-size:12.5px}.lap-modal-foot{gap:10px;width:100%;margin-top:10px;display:flex}.lap-modal-cancel{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:600}.lap-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.lap-modal-confirm{color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:opacity .15s;display:inline-flex}.lap-modal-confirm.approve{background:linear-gradient(135deg,#16a34a,#15803d)}.lap-modal-confirm.reject{background:linear-gradient(135deg,#dc2626,#b91c1c)}.lap-modal-confirm:hover{opacity:.92}.lap-modal-confirm:disabled{opacity:.6;cursor:not-allowed}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--purple:#8b5cf6;--purple-bg:#f5f3ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}.hm-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.hm-layout{display:flex}.hm-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.hm-main.sidebar-collapsed{margin-left:58px}.hm-main::-webkit-scrollbar{width:5px}.hm-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.hm-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.hm-hamburger{cursor:pointer;width:34px;height:34px;color:var(--text-2);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:none}.hm-hamburger:hover{background:var(--bg)}@media (width<=768px){.hm-hamburger{display:flex}}.hm-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.hm-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.hm-sep{color:var(--text-3)}.hm-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.hm-icon-btn{border:1px solid var(--border-md);background:var(--card);cursor:pointer;width:34px;height:34px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.hm-icon-btn:hover{background:var(--bg);color:var(--text-1)}.hm-notif-btn{position:relative}.hm-notif-dot{border:1.5px solid var(--card);background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.hm-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.hm-content{flex-direction:column;gap:20px;padding:28px;display:flex}.hm-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hm-page-title{color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:700}.hm-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.hm-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 14px #6366f14d}.hm-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 6px 18px #6366f161}.hm-page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hm-btn-dept{background:var(--purple);box-shadow:0 4px 14px #8b5cf64d}.hm-btn-dept:hover{background:#7c3aed;box-shadow:0 6px 18px #8b5cf661}.hm-tabs{background:var(--card);border:1px solid var(--border-md);border-radius:12px;gap:4px;width:fit-content;padding:4px;display:flex}.hm-tab{height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:500;transition:all .18s;display:flex}.hm-tab:hover{color:var(--text-1);background:var(--bg)}.hm-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.hm-tab.active .hm-tab-badge{color:#fff;background:#ffffff40}.hm-tab-badge{background:var(--bg);min-width:20px;height:20px;color:var(--text-2);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.hm-stats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.hm-stat{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:16px;transition:box-shadow .18s;animation:.35s both fadeUp;display:flex}.hm-stat:hover{box-shadow:var(--shadow-md)}.hm-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.hm-stat-value{letter-spacing:-.4px;font-size:22px;font-weight:700}.hm-stat-label{color:var(--text-2);margin-top:2px;font-size:12px}.hm-toolbar{background:var(--card);border:1px solid var(--border-md);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.hm-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hm-filter-wrap{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.hm-select{color:var(--text-1);cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px;font-size:13px}.hm-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;min-width:240px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.hm-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.hm-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.hm-search-box input::placeholder{color:var(--text-3)}.hm-search-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;border-radius:4px;align-items:center;padding:0;transition:color .15s;display:flex}.hm-search-clear:hover{color:var(--text-1)}.hm-result-count{color:var(--text-2);white-space:nowrap;font-size:12px}.hm-table-wrap{background:var(--card);border:1px solid var(--border-md);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.hm-table{border-collapse:collapse;width:100%;font-size:13px}.hm-table thead tr{background:var(--bg);border-bottom:1px solid var(--border-md)}.hm-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:600}.hm-table td{color:var(--text-1);border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px}.hm-table tbody tr:last-child td{border-bottom:none}.hm-table tbody tr{transition:background .12s}.hm-table tbody tr:hover{background:#fafafe}.hm-td-num{color:var(--text-3);text-align:center;width:40px;font-size:12px}.hm-td-desc{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.hm-name-cell{align-items:center;gap:9px;display:flex}.hm-name-icon{background:var(--primary-bg);width:28px;height:28px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hm-dept-icon{background:var(--purple-bg);color:var(--purple)}.hm-name{color:var(--text-1);font-weight:500}.hm-code-badge{background:var(--purple-bg);color:var(--purple);letter-spacing:.4px;border:1px solid #e9d5ff;border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.hm-na{color:var(--text-3)}.hm-chip{letter-spacing:.3px;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.hm-chip-active{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.hm-chip-inactive{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.hm-table-acts{align-items:center;gap:8px;display:flex}.hm-act-btn{border:1px solid var(--border-md);background:var(--card);height:30px;color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.hm-act-btn.edit:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.hm-status-select{border:1px solid var(--border-md);cursor:pointer;border-radius:8px;outline:none;height:30px;padding:0 8px;font-size:12px;font-weight:500;transition:all .15s}.hm-ss-active{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.hm-ss-inactive{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.hm-table-empty{text-align:center;color:var(--text-3);padding:48px 16px}.hm-table-empty svg{color:var(--text-3);margin:0 auto 12px;display:block}.hm-table-empty p{margin-bottom:16px;font-size:14px}.hm-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000059;animation:.2s both overlayIn;position:fixed;inset:0}.hm-panel{z-index:110;background:var(--card);width:400px;max-width:100vw;box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.hm-panel.open{transition-delay:0s;transform:translate(0)}.hm-panel-head{border-bottom:1px solid var(--border-md);background:linear-gradient(135deg,#eef2ff,#f5f3ff);justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.hm-panel-head-left{align-items:center;gap:12px;display:flex}.hm-panel-icon{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hm-panel-icon.desig{background:linear-gradient(135deg,#6366f1,#818cf8)}.hm-panel-icon.dept{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.hm-panel-title{color:var(--text-1);font-size:15px;font-weight:700}.hm-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.hm-panel-close{border:1px solid var(--border-md);background:var(--card);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.hm-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.hm-panel-body{flex-direction:column;flex:1;gap:16px;padding:20px 22px;display:flex;overflow-y:auto}.hm-panel-body::-webkit-scrollbar{width:4px}.hm-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.hm-form-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px}.hm-form-section{flex-direction:column;gap:12px;display:flex}.hm-form-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.hm-form-field{flex-direction:column;gap:6px;display:flex}.hm-form-field label{color:var(--text-1);font-size:13px;font-weight:500}.hm-req{color:var(--danger)}.hm-input-wrap{position:relative}.hm-input-icon{color:var(--text-3);pointer-events:none;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.hm-ta-icon{top:11px;transform:none}.hm-input{border:1.5px solid var(--border-md);width:100%;color:var(--text-1);background:var(--card);font-size:13px;font-family:var(--font);border-radius:9px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.hm-input.hm-input-ic{padding-left:34px}.hm-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.hm-input::placeholder{color:var(--text-3)}.hm-textarea{resize:vertical;min-height:80px;line-height:1.5}.hm-status-chips{gap:8px;display:flex}.hm-schip{border:1.5px solid var(--border-md);background:var(--card);height:34px;color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;transition:all .18s;display:flex}.hm-schip-dot{opacity:.4;background:currentColor;border-radius:50%;width:7px;height:7px;transition:opacity .18s}.hm-schip.active .hm-schip-dot{opacity:1}.hm-schip-active.active{color:#15803d;background:#dcfce7;border-color:#86efac}.hm-schip-inactive.active{background:var(--bg);color:var(--text-2);border-color:var(--border-md)}.hm-panel-foot{border-top:1px solid var(--border-md);background:var(--card);justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.hm-btn-cancel{border:1.5px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s}.hm-btn-cancel:hover{border-color:var(--text-3);color:var(--text-1)}.hm-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 12px #6366f159}.hm-btn-save:hover{background:var(--primary-dk);transform:translateY(-1px)}.hm-btn-save.disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.hm-btn-save.saved{background:#10b981;box-shadow:0 4px 12px #10b98159}@media (width<=768px){.hm-content{padding:16px}.hm-panel{width:100vw}.hm-stats{grid-template-columns:1fr 1fr}.hm-search-box{width:100%;min-width:0}.hm-toolbar-left{width:100%}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#6366f124;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--danger-ring:#ef44441f;--warning:#f59e0b;--warning-bg:#fffbeb;--purple:#8b5cf6;--purple-bg:#f5f3ff;--earn-bg:#ecfdf5;--earn-color:#059669;--deduct-bg:#fef2f2;--deduct-color:#dc2626;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000029;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}.pay-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.pay-layout{display:flex}.pay-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.pay-main.sidebar-collapsed{margin-left:58px}.pay-main::-webkit-scrollbar{width:5px}.pay-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.pay-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.pay-menu-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.pay-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.pay-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.pay-sep{color:var(--text-3)}.pay-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.pay-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.pay-icon-btn:hover{background:var(--bg)}.pay-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.pay-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.pay-content{flex-direction:column;gap:22px;padding:26px 28px 60px;display:flex}.pay-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pay-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.pay-page-sub{color:var(--text-2);max-width:520px;margin-top:4px;font-size:13px}.pay-page-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.pay-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dk));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 20px;font-size:13.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #6366f147}.pay-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.pay-btn-primary:active{transform:translateY(0)}.pay-btn-ghost{border:1.5px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.pay-btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.pay-stats-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.pay-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:16px 18px;animation:.4s cubic-bezier(.22,1,.36,1) both cardIn;display:flex}.pay-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pay-stat-val{color:var(--text-1);font-size:20px;font-weight:800;line-height:1.1}.pay-stat-lbl{color:var(--text-2);margin-top:3px;font-size:12px}.pay-tabs{border-bottom:2px solid var(--border-md);gap:6px;padding-bottom:0;display:flex}.pay-tab{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:7px;margin-bottom:-2px;padding:10px 20px;font-size:13.5px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.pay-tab:hover{color:var(--text-1)}.pay-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.pay-tab-panel{flex-direction:column;gap:16px;animation:.3s both fadeUp;display:flex}.pay-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pay-search-box{background:var(--card);border:1px solid var(--border-md);border-radius:9px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:360px;height:38px;padding:0 12px;transition:border-color .15s;display:flex}.pay-search-box:focus-within{border-color:var(--primary)}.pay-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;width:100%;font-size:13px}.pay-search-box svg{color:var(--text-3);flex-shrink:0}.pay-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.pay-clear:hover{color:var(--text-1)}.pay-filters{flex-wrap:wrap;gap:8px;display:flex}.pay-count{color:var(--text-2);white-space:nowrap;margin-left:auto;font-size:12.5px}.pay-select-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pay-select-wrap:hover{background:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.pay-select-wrap:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.pay-select-wrap select,.pay-select{appearance:none;color:#111827;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:38px;padding:0 34px 0 12px;font-size:13px;font-weight:500}.pay-select-wrap>svg{pointer-events:none;color:#9ca3af;position:absolute;right:10px}.pay-combo{width:100%;min-width:220px;position:relative}.pay-combo-control{border:1px solid var(--border-md);background:var(--card);border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.pay-combo.open .pay-combo-control{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.pay-combo-control svg{color:var(--text-3);flex-shrink:0}.pay-combo-control input{min-width:0;color:var(--text-1);background:0 0;border:none;outline:none;flex:1;height:100%;font-size:13px}.pay-combo-control input::placeholder{color:var(--text-3)}.pay-combo-menu{z-index:90;background:var(--card);border:1px solid var(--border-md);max-height:240px;box-shadow:var(--shadow-md);border-radius:10px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto}.pay-combo-menu::-webkit-scrollbar{width:5px}.pay-combo-menu::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.pay-combo-option{text-align:left;cursor:pointer;width:100%;color:var(--text-1);background:0 0;border:none;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.pay-combo-option:hover,.pay-combo-option.active{background:var(--primary-bg)}.pay-combo-main{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.pay-combo-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;overflow:hidden}.pay-combo-empty{text-align:center;color:var(--text-3);padding:14px 10px;font-size:12.5px}.pay-table-wrap{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.pay-table{border-collapse:collapse;width:100%;font-size:13px}.pay-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-md);white-space:nowrap;background:#f9fafb;padding:11px 14px;font-size:11.5px;font-weight:700}.pay-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.pay-table tr:last-child td{border-bottom:none}.pay-table tbody tr:hover{background:#fafafa}.pay-empty{text-align:center;color:var(--text-3);padding:36px!important}.pay-staff-id{background:var(--primary-bg);color:var(--primary);letter-spacing:.02em;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-block}.pay-name-cell{color:var(--text-1);font-weight:600}.pay-desig{color:var(--text-2);font-size:12.5px}.pay-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.pay-earn{color:var(--earn-color);font-weight:600}.pay-deduct{color:var(--deduct-color);font-weight:600}.pay-net{color:var(--primary);font-weight:700}.pay-status-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.pay-row-actions{align-items:center;gap:6px;display:flex}.pay-act-btn{border:1px solid var(--border-md);background:var(--card);cursor:pointer;color:var(--text-2);border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.pay-act-btn:hover{background:var(--bg)}.pay-act-view:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.pay-act-dl:hover{border-color:var(--success);color:var(--success);background:var(--success-bg)}.pay-act-edit:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.pay-act-del:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.pay-gen-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:22px;padding:24px 28px;display:flex}.pay-gen-header{color:var(--primary);align-items:flex-start;gap:14px;display:flex}.pay-gen-title{color:var(--text-1);font-size:16px;font-weight:700}.pay-gen-sub{color:var(--text-2);margin-top:3px;font-size:13px}.pay-gen-form{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.pay-form-group{flex-direction:column;gap:6px;min-width:160px;display:flex}.pay-form-group label{color:var(--text-2);font-size:12.5px;font-weight:600}.pay-form-group--btn{justify-content:flex-end}.pay-opt{color:var(--text-3);font-weight:400}.pay-req{color:var(--danger)}.pay-form-group--full{flex:100%}.pay-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--card);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s}.pay-input:focus{border-color:var(--primary)}.pay-input::placeholder{color:var(--text-3)}.pay-gen-success{background:var(--success-bg);color:#065f46;border:1px solid #a7f3d0;border-radius:10px;align-items:center;gap:9px;padding:12px 16px;font-size:13.5px;font-weight:500;display:flex}.pay-gen-result{flex-direction:column;gap:14px;display:flex}.pay-heads-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.pay-head-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s;animation:.35s cubic-bezier(.22,1,.36,1) both cardIn;overflow:hidden}.pay-head-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pay-head-card.inactive{opacity:.6}.pay-head-top{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pay-head-top.earning{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.pay-head-top.deduction{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca)}.pay-head-code{letter-spacing:.04em;font-size:13px;font-weight:800}.pay-head-type-badge{background:#ffffff80;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}.pay-head-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.pay-head-name{color:var(--text-1);font-size:15px;font-weight:700}.pay-head-desc{color:var(--text-2);font-size:12.5px;line-height:1.5}.pay-head-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pay-head-calc{color:var(--text-1);font-size:12.5px;font-weight:600}.pay-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.pay-badge.active{background:var(--success-bg);color:var(--success)}.pay-badge.inactive{color:var(--text-2);background:#f3f4f6}.pay-head-actions{border-top:1px solid var(--border);align-items:center;gap:6px;padding-top:4px;display:flex}.pay-error{background:var(--danger-bg);color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:600}.pay-warning{background:var(--warning-bg);color:#92400e;border:1px solid #fde68a;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:600}.pay-overlay{z-index:100;background:#11182773;animation:.2s both overlayIn;position:fixed;inset:0}.pay-modal{background:var(--card);width:min(580px,100vw - 32px);max-height:90vh;box-shadow:var(--shadow-lg);z-index:101;border-radius:18px;flex-direction:column;animation:.25s cubic-bezier(.22,1,.36,1) both modalIn;display:flex;position:fixed;top:10%;left:30%;overflow:hidden;transform:translate(-50%,-50%)}.pay-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pay-modal-title{color:var(--text-1);font-size:16px;font-weight:800}.pay-modal-sub{color:var(--text-2);margin-top:3px;font-size:12.5px}.pay-modal-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.pay-modal-close:hover{background:var(--bg)}.pay-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.pay-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.pay-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pay-generate-modal{width:min(1120px,100vw - 32px);max-height:92vh;top:4%;left:15%;transform:translate(-50%)}.pay-generate-body{gap:14px}.pay-review-department{flex-direction:column;gap:14px;display:flex}.pay-review-table-wrap{max-height:58vh;overflow:auto}.pay-review-table{min-width:880px}.pay-day-input{border:1px solid var(--border-md);width:76px;height:32px;color:var(--text-1);border-radius:7px;outline:none;padding:0 8px;font-size:12.5px}.pay-day-input:focus{border-color:var(--primary)}.pay-review-staff{flex-direction:column;gap:14px;display:flex}.pay-review-profile{border:1px solid var(--border);background:#f9fafb;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.pay-review-name{color:var(--text-1);font-size:15px;font-weight:800}.pay-review-meta{color:var(--text-2);margin-top:3px;font-size:12.5px}.pay-review-net{color:var(--primary);white-space:nowrap;font-size:18px;font-weight:800}.pay-review-month{grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;display:grid}.pay-review-month div{border:1px solid var(--border);background:#f9fafb;border-radius:10px;flex-direction:column;gap:4px;padding:11px 13px;display:flex}.pay-review-month span{color:var(--text-2);text-transform:uppercase;font-size:11.5px;font-weight:700}.pay-review-month strong{color:var(--text-1);font-size:17px;font-weight:800}.pay-review-days{grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;display:grid}.pay-review-days label,.pay-line-edit{color:var(--text-2);flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.pay-review-days input,.pay-line-edit input{border:1px solid var(--border-md);height:36px;color:var(--text-1);background:var(--card);border-radius:8px;outline:none;padding:0 10px;font-size:13px}.pay-review-days input:focus,.pay-line-edit input:focus{border-color:var(--primary)}.pay-review-summary{background:var(--primary-bg);color:var(--text-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 13px;font-size:12.5px;display:flex}.pay-review-summary strong{color:var(--text-1)}.pay-head-edit-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pay-head-edit-box{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.pay-head-edit-title{color:var(--text-1);font-size:13px;font-weight:800}.pay-head-edit-empty{color:var(--text-3);padding:8px 0;font-size:12.5px}.pay-line-edit span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (width<=900px){.pay-stats-row{grid-template-columns:1fr 1fr}.pay-menu-btn{display:flex}.pay-gen-form{flex-direction:column;align-items:stretch}.pay-head-edit-grid{grid-template-columns:1fr}}@media (width<=600px){.pay-stats-row{grid-template-columns:1fr}.pay-content{padding:16px 14px 40px}.pay-topbar{padding:0 16px}.pay-form-row,.pay-review-month,.pay-review-days{grid-template-columns:1fr}.pay-tabs{overflow-x:auto}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#6366f124;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--danger-ring:#ef44441f;--warning:#f59e0b;--warning-bg:#fffbeb;--purple:#8b5cf6;--purple-bg:#f5f3ff;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000029;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}.ast-content{flex-direction:column;gap:22px;padding:26px 28px 60px;display:flex}.ast-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ast-page-title{color:var(--text-1);letter-spacing:0;font-size:22px;font-weight:800}.ast-page-sub{color:var(--text-2);max-width:520px;margin-top:4px;font-size:13px}.ast-page-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.ast-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dk));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 20px;font-size:13.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #6366f147}.ast-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.ast-btn-primary:active{transform:translateY(0)}.ast-btn-primary:disabled,.ast-btn-ghost:disabled,.ast-modal-close:disabled,.ast-act-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.ast-btn-ghost{border:1.5px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.ast-btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.ast-stats-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ast-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:16px 18px;animation:.4s cubic-bezier(.22,1,.36,1) both cardIn;display:flex}.ast-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ast-stat-val{color:var(--text-1);font-size:20px;font-weight:800;line-height:1.1}.ast-stat-lbl{color:var(--text-2);margin-top:3px;font-size:12px}.ast-tabs{border-bottom:2px solid var(--border-md);gap:6px;padding-bottom:0;display:flex}.ast-tab{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:7px;margin-bottom:-2px;padding:10px 20px;font-size:13.5px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.ast-tab:hover{color:var(--text-1)}.ast-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.ast-tab-panel{flex-direction:column;gap:16px;animation:.3s both fadeUp;display:flex}.ast-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ast-search-box{background:var(--card);border:1px solid var(--border-md);border-radius:9px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:360px;height:38px;padding:0 12px;transition:border-color .15s;display:flex}.ast-search-box:focus-within{border-color:var(--primary)}.ast-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;width:100%;font-size:13px}.ast-search-box svg{color:var(--text-3);flex-shrink:0}.ast-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.ast-clear:hover{color:var(--text-1)}.ast-count{color:var(--text-2);white-space:nowrap;margin-left:auto;font-size:12.5px}.ast-filter-toggle{border:1px solid var(--border-md);background:var(--card);border-radius:9px;gap:0;display:flex;overflow:hidden}.ast-ftoggle{height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.ast-ftoggle+.ast-ftoggle{border-left:1px solid var(--border-md)}.ast-ftoggle.active{background:var(--primary-bg);color:var(--primary);font-weight:700}.ast-select-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.ast-select-wrap:hover{background:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.ast-select-wrap:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.ast-select-wrap select,.ast-select{appearance:none;color:#111827;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:38px;padding:0 34px 0 12px;font-size:13px;font-weight:500}.ast-select-wrap>svg{pointer-events:none;color:#9ca3af;position:absolute;right:10px}.ast-page-error{background:var(--danger-bg);color:#b91c1c;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.ast-table-wrap{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}.ast-table{border-collapse:collapse;width:100%;min-width:980px;font-size:13px}.ast-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-md);white-space:nowrap;background:#f9fafb;padding:11px 14px;font-size:11.5px;font-weight:700}.ast-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.ast-table tr:last-child td{border-bottom:none}.ast-table tbody tr:hover{background:#fafafa}.ast-empty{text-align:center;color:var(--text-3);padding:36px!important}.ast-id-badge{background:var(--primary-bg);color:var(--primary);letter-spacing:.02em;white-space:nowrap;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-block}.ast-name-cell{color:var(--text-1);font-weight:600}.ast-type-cell{color:var(--text-2);font-size:12.5px}.ast-date{white-space:nowrap;color:var(--text-2);font-size:12.5px}.ast-remarks{color:var(--text-2);max-width:180px;font-size:12.5px}.ast-none{color:var(--text-3)}.ast-asset-cell{flex-direction:column;gap:2px;display:flex}.ast-asset-name{color:var(--text-1);font-size:13px;font-weight:600}.ast-asset-code{color:var(--text-3);font-size:11px}.ast-status-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.ast-stock-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.ast-stock-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:18px;transition:box-shadow .15s,transform .15s;animation:.35s cubic-bezier(.22,1,.36,1) both cardIn;display:flex}.ast-stock-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ast-stock-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ast-stock-name{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.3}.ast-type-pill{background:var(--primary-bg);color:var(--primary);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.ast-stock-counts{border:1px solid var(--border);border-radius:10px;gap:0;display:flex;overflow:hidden}.ast-count-item{text-align:center;border-right:1px solid var(--border);flex:1;padding:10px}.ast-count-item:last-child{border-right:none}.ast-count-val{color:var(--text-1);font-size:20px;font-weight:800;line-height:1}.ast-count-lbl{color:var(--text-2);margin-top:3px;font-size:11px}.ast-available .ast-count-val{color:var(--success)}.ast-assigned .ast-count-val{color:var(--primary)}.ast-progress-wrap{align-items:center;gap:10px;display:flex}.ast-progress-bar{background:var(--border-md);border-radius:99px;flex:1;height:6px;overflow:hidden}.ast-progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-lt));border-radius:99px;height:100%;transition:width .4s}.ast-progress-lbl{color:var(--text-2);white-space:nowrap;font-size:11.5px}.ast-stock-meta{flex-wrap:wrap;gap:10px;display:flex}.ast-meta-item{align-items:center;gap:5px;font-size:12px;display:flex}.ast-meta-lbl{color:var(--text-3)}.ast-meta-val{color:var(--text-1);font-weight:600}.ast-cond-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.ast-stock-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.ast-stock-card--maintenance{border-color:#fde68a}.ast-stock-card--retired{opacity:.72}.ast-empty-card{background:var(--card);border:1px dashed var(--border-md);text-align:center;color:var(--text-3);border-radius:12px;grid-column:1/-1;padding:34px;font-size:13px}.ast-type-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.ast-type-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s;animation:.35s cubic-bezier(.22,1,.36,1) both cardIn;overflow:hidden}.ast-type-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ast-type-card.inactive{opacity:.6}.ast-type-top{background:linear-gradient(135deg,var(--primary-bg),#ddd6fe22);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ast-badge-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.ast-type-code{color:var(--primary);letter-spacing:.04em;font-size:13px;font-weight:800}.ast-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.ast-badge.active{background:var(--success-bg);color:var(--success)}.ast-badge.inactive{color:var(--text-2);background:#f3f4f6}.ast-badge.serial{background:var(--primary-bg);color:var(--primary)}.ast-badge.bulk{background:var(--warning-bg);color:#d97706}.ast-type-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ast-type-name{color:var(--text-1);font-size:15px;font-weight:700}.ast-type-desc{color:var(--text-2);font-size:12.5px;line-height:1.5}.ast-type-stat{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.ast-type-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.ast-actions-cell{flex-wrap:wrap;gap:6px;display:flex}.ast-act-btn{border:1px solid var(--border-md);background:var(--card);cursor:pointer;color:var(--text-2);border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.ast-act-btn:hover{background:var(--bg)}.ast-act-edit:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.ast-act-del:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.ast-act-refresh:hover{border-color:var(--success);color:var(--success);background:var(--success-bg)}.ast-error{background:var(--danger-bg);color:#b91c1c;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin:0 24px;padding:11px 14px;font-size:13px;font-weight:600;display:flex}.ast-overlay{z-index:400;background:#11182773;justify-content:center;align-items:center;padding:16px;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.ast-modal{background:var(--card);width:min(600px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;flex-shrink:0;animation:.25s cubic-bezier(.22,1,.36,1) both modalIn;display:flex;overflow:hidden}.ast-modal--sm{width:min(480px,100%)}.ast-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ast-modal-title{color:var(--text-1);font-size:16px;font-weight:800}.ast-modal-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.ast-modal-close:hover{background:var(--bg)}.ast-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.ast-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.ast-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ast-form-group{flex-direction:column;gap:6px;display:flex}.ast-form-group label{color:var(--text-2);font-size:12.5px;font-weight:600}.ast-form-group--full{flex:100%}.ast-req{color:var(--danger)}.ast-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--card);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s}.ast-input:focus{border-color:var(--primary)}.ast-input::placeholder{color:var(--text-3)}.ast-input--readonly{color:var(--text-2);cursor:default;background:#f9fafb}.ast-textarea{resize:vertical;height:94px;padding-top:10px;line-height:1.45}@media (width<=900px){.ast-stats-row{grid-template-columns:1fr 1fr}}@media (width<=600px){.ast-stats-row{grid-template-columns:1fr}.ast-content{padding:16px 14px 40px}.ast-form-row{grid-template-columns:1fr}.ast-tabs{overflow-x:auto}.ast-toolbar{flex-wrap:wrap}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#6366f124;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--danger-ring:#ef44441f;--warning:#f59e0b;--warning-bg:#fffbeb;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}.str-content{flex-direction:column;gap:22px;padding:26px 28px 60px;display:flex}.str-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.str-page-title{color:var(--text-1);font-size:22px;font-weight:800}.str-page-sub{color:var(--text-2);max-width:520px;margin-top:4px;font-size:13px}.str-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dk));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 20px;font-size:13.5px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #6366f147}.str-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.str-btn-primary:active{transform:translateY(0)}.str-btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.str-tabs{border-bottom:2px solid var(--border-md);gap:6px;padding-bottom:0;display:flex}.str-tab{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:7px;margin-bottom:-2px;padding:10px 20px;font-size:13.5px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.str-tab:hover{color:var(--text-1)}.str-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.str-tab-panel{flex-direction:column;gap:16px;animation:.3s both fadeUp;display:flex}.str-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.str-search-box{background:var(--card);border:1px solid var(--border-md);border-radius:9px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:360px;height:38px;padding:0 12px;transition:border-color .15s;display:flex}.str-search-box:focus-within{border-color:var(--primary)}.str-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;width:100%;font-size:13px}.str-search-box svg{color:var(--text-3);flex-shrink:0}.str-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.str-clear:hover{color:var(--text-1)}.str-filter-toggle{border:1px solid var(--border-md);background:var(--card);border-radius:9px;display:flex;overflow:hidden}.str-ftoggle{height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.str-ftoggle+.str-ftoggle{border-left:1px solid var(--border-md)}.str-ftoggle.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.str-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.str-table{border-collapse:collapse;width:100%;font-size:13px}.str-table thead tr{background:var(--bg);border-bottom:1px solid var(--border-md)}.str-table th{text-align:left;color:var(--text-2);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;padding:11px 14px;font-size:12px;font-weight:600}.str-table td{border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle;padding:12px 14px}.str-table tbody tr:last-child td{border-bottom:none}.str-table tbody tr:hover{background:#fafbff}.str-empty-row{text-align:center;color:var(--text-3);font-size:13.5px;padding:40px 14px!important}.str-act-btn{border:1px solid var(--border-md);background:var(--card);cursor:pointer;color:var(--text-2);border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.str-act-btn:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.str-act-del:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.str-badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.str-badge.active{background:var(--success-bg);color:var(--success)}.str-badge.inactive{background:var(--danger-bg);color:var(--danger)}.str-page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.str-input--readonly{background:var(--bg);color:var(--text-2);cursor:default}.str-modal--sm{width:min(440px,100vw - 32px)}.str-modal--vendor{width:min(560px,100vw - 32px)}.str-modal-header--accent{background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%)}.str-modal-title-wrap{align-items:center;gap:10px;display:flex}.str-modal-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.str-modal-icon--vendor{color:#7c3aed;background:#ede9fe}.str-modal-icon--purchase{color:#2563eb;background:#dbeafe}.str-section-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.str-section-card--items{padding:14px 16px 0}.str-section-label{letter-spacing:.6px;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:700}.str-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.str-detail-field{flex-direction:column;gap:5px;min-width:0;display:flex}.str-detail-field span{letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}.str-detail-field strong{color:var(--text-1);overflow-wrap:anywhere;font-size:13px;font-weight:700;line-height:1.35}.str-purchase-view-note{background:var(--bg);border:1px solid var(--border);border-radius:10px;min-height:86px;padding:12px}.str-purchase-view-grid{min-width:1080px}.str-item-name-cell{color:var(--text-1);font-weight:600}.str-item-cell{flex-direction:column;gap:2px;display:flex}.str-item-name{font-size:13px;font-weight:600}.str-item-code{color:var(--text-3);font-size:11.5px}.str-date{white-space:nowrap;color:var(--text-2);font-size:12.5px}.str-remarks{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text-2);font-size:12.5px;overflow:hidden}.str-actions-cell{flex-wrap:wrap;gap:5px;display:flex}.str-code-badge{letter-spacing:.4px;background:var(--primary-bg);color:var(--primary);border-radius:5px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-block}.str-status-badge{color:#047857;text-transform:capitalize;background:#ecfdf5;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.str-stock-badge{background:var(--success-bg);color:var(--success);border-radius:12px;padding:2px 10px;font-size:12.5px;font-weight:700;display:inline-block}.str-stock-badge.str-stock-low{background:var(--danger-bg);color:var(--danger)}.str-count{color:var(--text-2);white-space:nowrap;margin-left:4px;font-size:12.5px}.str-page-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-size:13px;display:flex}.str-loc-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.str-empty-card{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-3);box-shadow:var(--shadow-sm);grid-column:1/-1;padding:48px 20px;font-size:13.5px}.str-loc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .18s,transform .18s;overflow:hidden}.str-loc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.str-loc-card.inactive{opacity:.72}.str-loc-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.str-loc-code{letter-spacing:.6px;text-transform:uppercase;color:var(--primary);background:var(--primary-bg);border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700}.str-loc-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.str-loc-name{color:var(--text-1);font-size:15px;font-weight:700}.str-loc-desc{color:var(--text-2);min-height:18px;font-size:12.5px}.str-loc-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.str-act-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.str-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;background:#11182761;justify-content:center;align-items:center;padding:16px;animation:.18s both fadeUp;display:flex;position:fixed;inset:0}.str-overlay--top{align-items:flex-start;padding-top:3vh}.str-modal{background:var(--card);border-radius:var(--radius);flex-direction:column;flex-shrink:0;width:min(480px,100%);max-height:calc(100vh - 32px);animation:.22s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.str-modal--purchase{width:min(1500px,100vw - 28px);max-height:94vh}.str-modal--purchase-view{width:min(1280px,100vw - 28px)}.str-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.str-modal-title{color:var(--text-1);font-size:16px;font-weight:700}.str-modal-close{border:1px solid var(--border-md);width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:background .15s;display:flex}.str-modal-close:hover{background:var(--bg)}.str-modal-body{flex-direction:column;gap:14px;padding:18px 22px;display:flex;overflow-y:auto}.str-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.str-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.str-form-row--four{grid-template-columns:repeat(4,minmax(0,1fr))}.str-form-group{flex-direction:column;gap:5px;display:flex}.str-form-group--full{grid-column:1/-1}.str-form-group label{color:var(--text-2);font-size:12.5px;font-weight:600}.str-req{color:var(--danger)}.str-input{border:1px solid var(--border-md);height:38px;color:var(--text-1);background:var(--card);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s}.str-input:focus{border-color:var(--primary)}.str-select-wrap{align-items:center;display:flex;position:relative}.str-select-wrap svg{pointer-events:none;color:var(--text-3);position:absolute;right:10px}.str-select{border:1px solid var(--border-md);width:100%;height:38px;color:var(--text-1);background:var(--card);appearance:none;cursor:pointer;border-radius:9px;outline:none;padding:0 30px 0 12px;font-size:13px;transition:border-color .15s}.str-select:focus{border-color:var(--primary)}.str-textarea{resize:vertical;height:auto;min-height:66px;padding-top:9px}.str-purchase-grid-wrap{border:1px solid var(--border-md);background:var(--card);border-radius:10px;overflow-x:auto}.str-purchase-grid{min-width:980px}.str-purchase-grid th{color:#fff;white-space:nowrap;letter-spacing:.3px;background:linear-gradient(135deg,#4338ca 0%,#6366f1 100%);border-bottom:none;padding:11px 10px;font-size:11px}.str-purchase-grid td{padding:8px 10px}.str-purchase-grid .str-req{color:#fecaca}.str-line-input{border-radius:7px;min-width:72px;height:36px;padding:0 9px}.str-line-select{border-radius:7px;min-width:180px;height:36px}.str-row-actions{align-items:center;gap:6px;display:flex}.str-line-btn{border:1px solid var(--border-md);cursor:pointer;background:var(--card);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.str-line-add{color:#047857;border-color:#10b981;box-shadow:0 2px 7px #10b98133}.str-line-add:hover{background:#ecfdf5}.str-line-remove{color:var(--danger);border-color:#fecaca}.str-line-remove:hover{background:var(--danger-bg)}.str-purchase-footer-grid{grid-template-columns:minmax(280px,1fr) minmax(320px,420px);align-items:start;gap:24px;display:grid}.str-purchase-notes{flex-direction:column;gap:10px;display:flex}.str-purchase-totals{flex-direction:column;gap:8px;display:flex}.str-purchase-totals label{color:#020266;grid-template-columns:150px 1fr;align-items:center;gap:10px;font-size:18px;font-weight:700;display:grid}.str-purchase-totals label span{white-space:nowrap}.str-discount-row{grid-template-columns:150px 88px 1fr!important}.str-total-row{border-top:2px solid var(--border-md);margin-top:2px;padding-top:8px;color:var(--primary-dk)!important}.str-total-row input{background:var(--primary-bg)!important;color:var(--primary-dk)!important;border-color:var(--primary-ring)!important;font-weight:700!important}.str-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;margin:0 22px;padding:9px 13px;font-size:12.5px;display:flex}.str-btn-ghost{border:1px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.str-btn-ghost:hover{background:var(--bg);color:var(--text-1)}.str-btn-ghost:disabled{opacity:.55;cursor:not-allowed}@media (width<=768px){.str-content{padding:16px 14px 40px}.str-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.str-table-wrap{overflow-x:auto}.str-form-row,.str-form-row--four,.str-detail-grid,.str-purchase-footer-grid{grid-template-columns:1fr}.str-purchase-totals label,.str-discount-row{grid-template-columns:1fr!important}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--danger-ring:#ef44441f;--warning:#f59e0b;--warning-bg:#fffbeb;--purple:#8b5cf6;--purple-bg:#f5f3ff;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000029;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}.exp-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.exp-layout{display:flex}.exp-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.exp-main.sidebar-collapsed{margin-left:58px}.exp-main::-webkit-scrollbar{width:5px}.exp-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.exp-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.exp-menu-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:none}@media (width<=768px){.exp-menu-btn{display:flex}}.exp-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.exp-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.exp-sep{color:var(--text-3)}.exp-topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.exp-icon-btn{border:1px solid var(--border-md);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.exp-notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.exp-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.exp-content{padding:28px 32px;animation:.35s both fadeUp}.exp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.exp-page-title{color:var(--text-1);letter-spacing:-.4px;font-size:22px;font-weight:700}.sl-btn-download{color:#059669;cursor:pointer;height:35px;font-size:13.5px;font-weight:600;font-family:var(--font);background:#fff;border:1.5px solid #10b981;border-radius:10px;align-items:center;gap:7px;padding:0 10px;transition:background .15s,box-shadow .15s,transform .12s,color .15s;display:inline-flex;box-shadow:0 2px 8px #10b98126}.sl-btn-download:hover:not(:disabled){background:#ecfdf5;transform:translateY(-1px);box-shadow:0 4px 14px #10b98147}.exp-proof-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sl-btn-download:disabled{opacity:.45;cursor:not-allowed;transform:none}.exp-page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.exp-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.exp-page-actions{gap:10px;display:flex}.exp-btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .18s,transform .12s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #6366f14d}.exp-btn-primary:hover{background:var(--primary-dk);box-shadow:0 4px 14px #6366f166}.exp-btn-primary:active{transform:scale(.97)}.exp-btn-ghost{color:var(--text-2);border:1px solid var(--border-md);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;transition:background .16s,color .16s;display:inline-flex}.exp-btn-ghost:hover{background:var(--bg);color:var(--text-1)}.exp-btn-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .18s;display:inline-flex;box-shadow:0 2px 8px #ef444440}.exp-btn-danger:hover{background:#dc2626}.exp-stats-row{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:24px;display:grid}.exp-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:16px 20px;transition:box-shadow .2s,transform .2s;display:flex}.exp-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.exp-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.exp-stat-val{color:var(--text-1);font-size:22px;font-weight:700}.exp-stat-lbl{color:var(--text-2);margin-top:2px;font-size:11.5px}.exp-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.exp-search-box{background:var(--card);border:1px solid var(--border-md);border-radius:9px;flex:1;align-items:center;gap:8px;min-width:240px;max-width:380px;height:38px;padding:0 12px;transition:border .18s,box-shadow .18s;display:flex}.exp-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.exp-search-box svg{color:var(--text-3);flex-shrink:0}.exp-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.exp-search-box input::placeholder{color:var(--text-3)}.exp-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:2px;display:flex}.exp-clear:hover{color:var(--text-1)}.exp-select-wrap{height:38px;position:relative}.exp-select-wrap select{color:#111827;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;height:38px;padding:0 32px 0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 3px #0000000d}.exp-select-wrap select:hover{background-color:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.exp-select-wrap select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.exp-sel-arrow{color:var(--text-3);pointer-events:none;display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.exp-count{color:var(--text-2);white-space:nowrap;margin-left:4px;font-size:12px;font-weight:500}.exp-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}.exp-table{border-collapse:collapse;width:100%;font-size:13px}.exp-table thead{background:#fafafe}.exp-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.exp-th-center,.exp-td-center{text-align:center!important}.exp-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.exp-table tbody tr:last-child{border-bottom:none}.exp-table tbody tr:hover{background:#fafafe}.exp-table td{vertical-align:middle;padding:13px 16px}.exp-staff-cell{align-items:center;gap:10px;display:flex}.exp-staff-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.exp-staff-av.lg{width:46px;height:46px;font-size:15px}.exp-staff-name{color:var(--text-1);font-size:13px;font-weight:600}.exp-staff-code{color:var(--text-3);font-size:11.5px}.exp-dept{color:var(--text-2);font-size:12.5px}.exp-desig-pill{color:#6366f1;white-space:nowrap;background:#eef2ff;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.exp-org{color:var(--text-1);align-items:center;gap:5px;font-size:13px;display:flex}.exp-org-icon{color:var(--text-3);flex-shrink:0}.exp-date{color:var(--text-2);white-space:nowrap;font-size:12.5px}.exp-duration-chip{color:#10b981;background:#ecfdf5;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.exp-proof-chip{color:#f59e0b;text-overflow:ellipsis;white-space:nowrap;background:#fffbeb;border-radius:20px;align-items:center;gap:4px;max-width:160px;padding:3px 10px;font-size:12px;display:inline-flex;overflow:hidden}.exp-nil{color:var(--text-3);font-size:13px}.exp-row-actions{justify-content:center;align-items:center;gap:4px;display:flex}.exp-icon-action{cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .16s,color .16s;display:flex}.exp-icon-action.view{color:#6366f1;background:#eef2ff}.exp-icon-action.view:hover{color:#fff;background:#6366f1}.exp-icon-action.edit{color:#10b981;background:#ecfdf5}.exp-icon-action.edit:hover{color:#fff;background:#10b981}.exp-icon-action.del{color:#ef4444;background:#fef2f2}.exp-icon-action.del:hover{color:#fff;background:#ef4444}.exp-empty{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.exp-empty p{color:var(--text-2);font-size:14px}.exp-form{flex-direction:column;gap:18px;padding:24px 28px;display:flex}.exp-form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.exp-form-group{flex-direction:column;gap:6px;display:flex}.exp-form-group label{color:var(--text-1);font-size:12.5px;font-weight:600}.exp-req{color:#ef4444;margin-left:2px}.exp-hint{color:var(--text-3);font-size:11.5px}.exp-input{border:1px solid var(--border-md);height:40px;color:var(--text-1);background:var(--card);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border .18s,box-shadow .18s}.exp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.exp-input::placeholder{color:var(--text-3)}.exp-select{appearance:none;cursor:pointer}.exp-select-wrap.full,.exp-select-wrap.full select{width:100%}.exp-exp-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.exp-file-wrap{border:1px solid var(--border-md);background:var(--card);border-radius:9px;align-items:center;display:flex;overflow:hidden}.exp-file-label{background:var(--bg);height:40px;color:var(--text-2);cursor:pointer;border-right:1px solid var(--border-md);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:background .16s;display:inline-flex}.exp-file-label:hover{background:var(--border-md);color:var(--text-1)}.exp-file-name{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 12px;font-size:13px;overflow:hidden}.exp-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f0f2373;justify-content:center;align-items:center;padding:20px;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.exp-modal{background:var(--card);width:100%;max-width:580px;box-shadow:var(--shadow-lg);border-radius:16px;max-height:92vh;animation:.25s cubic-bezier(.22,1,.36,1) both modalIn;overflow-y:auto}.exp-modal.exp-modal-wide{max-width:700px}.exp-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.exp-modal-title{color:var(--text-1);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.exp-modal-close{background:var(--bg);width:30px;height:30px;color:var(--text-2);cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .15s;display:flex}.exp-modal-close:hover{background:var(--border-md)}.exp-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.exp-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;display:flex}.exp-modal-staff-banner{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.exp-modal-staff-name{color:var(--text-1);font-size:15px;font-weight:700}.exp-modal-staff-meta{color:var(--text-2);margin-top:2px;font-size:12px}.exp-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.exp-detail-item{flex-direction:column;gap:3px;display:flex}.exp-detail-lbl{text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);font-size:11.5px;font-weight:600}.exp-detail-val{color:var(--text-1);font-size:13.5px;font-weight:500}.exp-confirm-modal{background:var(--card);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:16px;padding:32px 28px;animation:.25s cubic-bezier(.22,1,.36,1) both modalIn}.exp-confirm-icon{background:var(--danger-bg);width:56px;height:56px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.exp-confirm-modal h3{color:var(--text-1);margin-bottom:10px;font-size:18px;font-weight:700}.exp-confirm-modal p{color:var(--text-2);font-size:13.5px;line-height:1.55}.exp-confirm-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}@media (width<=640px){.exp-content{padding:20px 16px}.exp-form-row,.exp-detail-grid{grid-template-columns:1fr}.exp-stats-row{grid-template-columns:1fr 1fr}}.exp-table-loading{color:#6366f1;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.exp-spinner{border:2px solid #e0e7ff;border-top-color:#6366f1;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.exp-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 4px;display:flex}.exp-pagination-info{color:#6b7280;font-size:13px}.exp-pagination-controls{align-items:center;gap:4px;display:flex}.exp-page-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:13px;transition:all .15s;display:flex}.exp-page-btn:hover:not(:disabled){color:#6366f1;background:#f3f4f6;border-color:#6366f1}.exp-page-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.exp-page-btn:disabled{opacity:.4;cursor:not-allowed}.exp-page-ellipsis{color:#9ca3af;padding:0 4px;font-size:13px}.exp-scroll-pagination{color:#6b7280;justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.exp-pagination{display:none!important}.jt-name-cell{align-items:center;gap:8px;display:flex}.jt-icon{color:#6366f1;background:#eef2ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.jt-idx{color:#9ca3af;width:40px;font-size:12px;font-weight:600}.jt-status-chip{white-space:nowrap;text-transform:capitalize;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.jt-status-chip.active{color:#10b981;background:#ecfdf5}.jt-status-chip.inactive{color:#ef4444;background:#fef2f2}.sj-btn-manage-jt{color:#6366f1;cursor:pointer;background:#f5f3ff;border:1.5px solid #c7d2fe;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.sj-btn-manage-jt:hover{background:#eef2ff;border-color:#a5b4fc;box-shadow:0 2px 8px #6366f126}.sj-btn-jt-badge{color:#fff;background:#6366f1;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.sj-jt-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:480px;animation:.22s cubic-bezier(.22,1,.36,1) exp-modalIn;display:flex;box-shadow:0 20px 60px #00000029}.sj-jt-modal-head{border-bottom:1px solid #f0f0f5;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.sj-jt-modal-icon{color:#6366f1;background:#eef2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sj-jt-modal-title{color:#111827;font-size:15px;font-weight:700}.sj-jt-modal-sub{color:#6b7280;margin-top:2px;font-size:12px}.sj-jt-modal-head .exp-modal-close{flex-shrink:0;margin-left:auto}.sj-jt-list{flex-direction:column;gap:2px;max-height:280px;padding:10px 20px;display:flex;overflow-y:auto}.sj-jt-empty{text-align:center;color:#9ca3af;padding:18px 0;font-size:13px}.sj-jt-item{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;transition:background .12s;display:flex}.sj-jt-item:hover{background:#f8f9fc}.sj-jt-item-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sj-jt-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sj-jt-dot.inactive{background:#d1d5db}.sj-jt-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:500;overflow:hidden}.sj-jt-chip{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.sj-jt-chip.active{color:#059669;background:#ecfdf5}.sj-jt-chip.inactive{color:#9ca3af;background:#f3f4f6}.sj-jt-toggle{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:6px;padding:4px 12px;font-size:11.5px;font-weight:600;transition:background .13s}.sj-jt-toggle.deactivate{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.sj-jt-toggle.deactivate:hover{background:#fee2e2}.sj-jt-toggle.activate{color:#059669;background:#ecfdf5;border-color:#6ee7b7}.sj-jt-toggle.activate:hover{background:#d1fae5}.sj-jt-add-row{border-top:1px solid #f0f0f5;align-items:flex-start;gap:8px;padding:12px 20px 18px;display:flex}.sj-jt-input-wrap{flex:1}.sj-jt-add-btn{white-space:nowrap;flex-shrink:0}.sj-jt-err{color:#dc2626;margin-top:4px;font-size:11.5px}.sj-jt-input-err{border-color:#fca5a5!important}.sj-modal-xl{max-width:900px!important}.sj-grid-3{grid-template-columns:1fr 1fr 1fr!important}.sj-status-chip{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.sj-job-type-pill{color:#6366f1;background:#eef2ff;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.sj-file-input{cursor:pointer;padding:5px 8px!important}.sj-existing-file{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;display:block;overflow:hidden}.sj-textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.5}.sj-view-grid{grid-template-columns:1fr 1fr 1fr;gap:10px 16px;display:grid}@media (width<=640px){.sj-grid-3{grid-template-columns:1fr!important}.sj-view-grid{grid-template-columns:1fr}}.staff-autocomplete{width:100%}.staff-autocomplete-input{width:100%!important}.staff-autocomplete-panel.p-autocomplete-panel{border:1px solid #e5e7eb;border-radius:10px;min-width:340px;max-width:480px;overflow:hidden;box-shadow:0 10px 30px #0f172a1f,0 2px 8px #0f172a0f}.staff-autocomplete-panel .p-autocomplete-items{max-height:320px;padding:6px}.staff-autocomplete-panel .p-autocomplete-item{border-radius:8px;margin-bottom:2px;padding:0}.staff-autocomplete-panel .p-autocomplete-item:last-child{margin-bottom:0}.staff-autocomplete-panel .p-autocomplete-item:hover,.staff-autocomplete-panel .p-autocomplete-item.p-highlight{background:#eef2ff}.staff-ac-option{min-height:52px;padding:10px 12px!important}.staff-ac-option-name,.staff-ac-option-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jp-staff-dropdown .p-dropdown-label.p-placeholder,.jp-staff-dropdown .p-dropdown-trigger,.jp-staff-dropdown .p-dropdown-clear-icon{color:#64748b}.bp-modal-xl{max-width:820px!important}.bp-isbn-row{align-items:center;gap:8px;display:flex}.bp-isbn-row .exp-input{flex:1}.bp-add-chapter-btn{background:var(--primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .12s;display:flex;box-shadow:0 2px 8px #6366f14d}.bp-add-chapter-btn:hover{background:#4f46e5;transform:scale(1.05)}.bp-add-chapter-btn:active{transform:scale(.95)}.bp-chapters-list{flex-direction:column;gap:12px;display:flex}.bp-chapter-modal-row{background:#fafbff;border:1px solid #f0f0f5;border-radius:10px;padding:14px 14px 14px 16px;position:relative}.bp-chapter-row-label{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11.5px;font-weight:700}.bp-chapter-fields{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;display:grid}.bp-remove-ch-btn{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:10px;right:10px}.bp-remove-ch-btn:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.bp-chapter-detail-view{background:#fafbff;border:1px solid #f0f0f5;border-radius:8px;grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.bp-chapter-num-badge{color:#6366f1;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}@media (width<=700px){.bp-chapter-fields{grid-template-columns:1fr 1fr}.bp-chapter-detail-view{grid-template-columns:auto 1fr}}@media (width<=480px){.bp-chapter-fields{grid-template-columns:1fr}}.se-modal-xl{max-width:860px!important}.se-btn-degree{color:#6366f1;cursor:pointer;background:#fff;border:1.5px solid #6366f1;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .16s,color .16s;display:inline-flex}.se-btn-degree:hover{background:#eef2ff}.se-panel-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:300;background:#0f0f2359;justify-content:flex-end;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}@keyframes panelSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.se-panel{background:#fff;flex-direction:column;width:420px;max-width:95vw;height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both panelSlide;display:flex;overflow:hidden;box-shadow:-8px 0 40px #00000026}.se-panel-header{border-bottom:1px solid #f0f0f5;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.se-panel-title{color:#111827;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.se-panel-section{border-bottom:1px solid #f0f0f5;padding:18px 20px}.se-section-label{text-transform:uppercase;letter-spacing:.6px;color:#9ca3af;margin-bottom:10px;font-size:11.5px;font-weight:700}.se-add-row{gap:8px;display:flex}.se-degree-input{flex:1}.se-add-btn{border-radius:9px;flex-shrink:0;width:40px;height:40px;padding:0}.se-degree-list-section{border-bottom:none;flex:1;overflow-y:auto}.se-degree-list-section::-webkit-scrollbar{width:4px}.se-degree-list-section::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.se-no-degrees{color:#9ca3af;text-align:center;padding:24px 0;font-size:13px}.se-degree-list{flex-direction:column;gap:8px;display:flex}.se-degree-item{background:#fafbff;border:1px solid #f0f0f5;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:border-color .15s,opacity .15s;display:flex}.se-degree-item.inactive{opacity:.6;background:#fafafa}.se-degree-item:hover{border-color:#e0e7ff}.se-degree-name{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.se-degree-text{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.se-status-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-block}.se-status-badge.active{color:#10b981;background:#ecfdf5}.se-status-badge.inactive{color:#ef4444;background:#fef2f2}.se-degree-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.se-edit-row{flex:1;align-items:center;gap:6px;display:flex}.se-edit-input{flex:1;font-size:13px;height:36px!important}.se-action-btn{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s,border-color .15s;display:flex}.se-action-btn.edit:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.se-action-btn.save:hover{color:#10b981;background:#ecfdf5;border-color:#10b981}.se-action-btn.cancel:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.se-toggle-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:opacity .15s;display:flex}.se-toggle-btn.active{color:#10b981}.se-toggle-btn.inactive{color:#d1d5db}.se-toggle-btn:hover{opacity:.75}.se-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.se-entries-list{flex-direction:column;gap:16px;display:flex}.se-entry-block{background:#fafbff;border:1px solid #f0f0f5;border-radius:12px;flex-direction:column;gap:12px;padding:16px 16px 14px;display:flex}.se-entry-header{justify-content:space-between;align-items:center;display:flex}.se-entry-label{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.se-remove-entry{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,color .15s,border-color .15s;display:flex}.se-remove-entry:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.se-row-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;display:grid}.se-add-entry-btn{color:#6366f1;cursor:pointer;background:0 0;border:1.5px dashed #6366f1;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.se-add-entry-btn:hover{background:#eef2ff}.se-view-entry{background:#fafbff;border:1px solid #f0f0f5;border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.se-view-entry-title{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}@media (width<=700px){.se-row-4{grid-template-columns:1fr 1fr}}@media (width<=480px){.se-row-4{grid-template-columns:1fr}.se-panel{width:100vw}}.us-modal-xl{max-width:860px!important}.us-grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.us-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.us-entries-list{flex-direction:column;gap:14px;display:flex}.us-entry-block{background:#fafbff;border:1px solid #f0f0f5;border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.us-entry-header{justify-content:space-between;align-items:center;display:flex}.us-entry-label{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.us-view-entries{flex-direction:column;gap:10px;display:flex}.us-view-entries-title{color:#111827;border-bottom:1px solid #f0f0f5;padding-bottom:8px;font-size:13px;font-weight:700}.us-view-entry-row{background:#fafbff;border:1px solid #f0f0f5;border-radius:9px;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px 14px;display:grid}@media (width<=900px){.us-grid-4{grid-template-columns:1fr 1fr}}@media (width<=640px){.us-grid-4,.us-grid-3,.us-view-entry-row{grid-template-columns:1fr}}.pg-modal-xl{max-width:820px!important}.pg-title-row{align-items:center;gap:8px;display:flex}.pg-title-row .exp-input{flex:1}.pg-add-entry-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .12s;display:flex;box-shadow:0 2px 8px #6366f14d}.pg-add-entry-btn:hover{background:#4f46e5;transform:scale(1.05)}.pg-add-entry-btn:active{transform:scale(.95)}.pg-entries-list{flex-direction:column;gap:14px;display:flex}.pg-entry-block{background:#fafbff;border:1px solid #f0f0f5;border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.pg-entry-header{justify-content:space-between;align-items:center;display:flex}.pg-entry-label{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.pg-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pg-status-chip{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pg-td-title{white-space:nowrap;text-overflow:ellipsis;color:#111827;max-width:180px;font-weight:600;overflow:hidden}.pg-view-entries{flex-direction:column;gap:10px;display:flex}.pg-view-entries-title{color:#111827;border-bottom:1px solid #f0f0f5;padding-bottom:8px;font-size:13px;font-weight:700}.pg-view-entry-row{background:#fafbff;border:1px solid #f0f0f5;border-radius:9px;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px 14px;display:grid}@media (width<=700px){.pg-grid-3,.pg-view-entry-row{grid-template-columns:1fr 1fr}}@media (width<=480px){.pg-grid-3,.pg-view-entry-row{grid-template-columns:1fr}}.ps-modal-xl{max-width:780px!important}.ps-title-row{align-items:center;gap:8px;display:flex}.ps-title-row .exp-input{flex:1}.ps-add-entry-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .12s;display:flex;box-shadow:0 2px 8px #6366f14d}.ps-add-entry-btn:hover{background:#4f46e5;transform:scale(1.05)}.ps-add-entry-btn:active{transform:scale(.95)}.ps-entries-list{flex-direction:column;gap:12px;display:flex}.ps-entry-block{background:#fafbff;border:1px solid #f0f0f5;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ps-entry-header{justify-content:space-between;align-items:center;display:flex}.ps-entry-label{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.ps-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ps-view-entries{flex-direction:column;gap:10px;display:flex}.ps-view-entries-title{color:#111827;border-bottom:1px solid #f0f0f5;padding-bottom:8px;font-size:13px;font-weight:700}.ps-view-entry-row{background:#fafbff;border:1px solid #f0f0f5;border-radius:9px;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px 14px;display:grid}@media (width<=640px){.ps-grid-3,.ps-view-entry-row{grid-template-columns:1fr}}.pp-modal-xl{max-width:900px!important}.pp-venue-row{align-items:center;gap:8px;display:flex}.pp-venue-row .exp-input{flex:1}.pp-add-entry-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .12s;display:flex;box-shadow:0 2px 8px #6366f14d}.pp-add-entry-btn:hover{background:#4f46e5;transform:scale(1.05)}.pp-add-entry-btn:active{transform:scale(.95)}.pp-entries-list{flex-direction:column;gap:14px;display:flex}.pp-entry-block{background:#fafbff;border:1px solid #f0f0f5;border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.pp-entry-header{justify-content:space-between;align-items:center;display:flex}.pp-entry-label{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.pp-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pp-duration-input{cursor:default;color:#6b7280!important;background:#f3f4f6!important}.pp-td-topic{white-space:nowrap;text-overflow:ellipsis;color:#111827;max-width:160px;font-weight:600;overflow:hidden}.pp-view-entries{flex-direction:column;gap:10px;display:flex}.pp-view-entries-title{color:#111827;border-bottom:1px solid #f0f0f5;padding-bottom:8px;font-size:13px;font-weight:700}.pp-view-entry-block{background:#fafbff;border:1px solid #f0f0f5;border-radius:9px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.pp-view-entry-num{color:#6366f1;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.pp-view-entry-grid{flex:1;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;display:grid}@media (width<=1000px){.pp-grid-4,.pp-view-entry-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.pp-grid-4,.pp-view-entry-grid{grid-template-columns:1fr}}.ex-modal-xl{max-width:720px!important}.ex-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ex-grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.ex-view-grid{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.ex-view-grid .exp-detail-item:last-child{grid-column:1/-1}@media (width<=640px){.ex-grid-2,.ex-grid-3,.ex-view-grid{grid-template-columns:1fr}}.ase-modal-xl{max-width:720px!important}.ase-grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.ase-view-grid{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}@media (width<=640px){.ase-grid-3,.ase-view-grid{grid-template-columns:1fr}}.sp-modal-xl{max-width:760px!important}.sp-status-chip{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.sp-amount{color:#10b981;font-size:13px;font-weight:600}.sp-view-grid{grid-template-columns:1fr 1fr 1fr;gap:10px 16px;display:grid}@media (width<=640px){.sp-view-grid{grid-template-columns:1fr}}.jp-modal-xl{max-width:900px!important}.jp-row-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.jp-row-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:14px;display:grid}.jp-upload-label{align-items:center;gap:6px;display:inline-flex}.jp-file-uploaded-tick{color:#10b981;align-items:center;gap:2px;font-size:12px;font-weight:500;display:inline-flex}.jp-department-dropdown.p-dropdown{width:100%;height:38px;box-shadow:none;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s}.jp-department-dropdown.p-dropdown:not(.p-disabled):hover,.jp-department-dropdown.p-dropdown:not(.p-disabled).p-focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.jp-department-dropdown.p-dropdown.p-disabled{opacity:.5;cursor:not-allowed}.jp-department-dropdown .p-dropdown-label{color:#4338ca;align-items:center;padding:0 10px;font-size:13px;font-weight:600;line-height:36px;display:flex}.jp-department-dropdown .p-dropdown-label.p-placeholder{color:#64748b;font-weight:500}.jp-department-dropdown .p-dropdown-trigger,.jp-department-dropdown .p-dropdown-clear-icon{color:#6366f1}.jp-department-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:13px}.jp-department-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{color:#4338ca;background:#eef2ff}.jp-department-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter{font-size:13px}.jp-department-hint{color:#6366f1;margin-top:4px;font-size:11.5px;display:block}.jp-staff-dropdown.p-dropdown{width:100%;height:38px;box-shadow:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s}.jp-staff-dropdown.p-dropdown:not(.p-disabled):hover,.jp-staff-dropdown.p-dropdown:not(.p-disabled).p-focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.jp-staff-dropdown.p-dropdown.p-disabled{opacity:.5;cursor:not-allowed}.jp-staff-dropdown .p-dropdown-label{color:#1e293b;align-items:center;padding:0 10px;font-size:13px;line-height:36px;display:flex}.jp-staff-dropdown .p-dropdown-label.p-placeholder,.jp-staff-dropdown .p-dropdown-trigger,.jp-staff-dropdown .p-dropdown-clear-icon{color:#64748b}.jp-staff-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:13px}.jp-staff-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{color:#4338ca;background:#eef2ff}.jp-staff-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter{font-size:13px}.jp-ugc-pill{color:#6366f1;white-space:nowrap;background:#eef2ff;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}@media (width<=800px){.jp-row-3,.jp-row-4{grid-template-columns:1fr 1fr}}@media (width<=500px){.jp-row-3,.jp-row-4{grid-template-columns:1fr}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sad-root{background:var(--bg);color:var(--text-1);font-family:var(--font);animation:.48s cubic-bezier(.22,1,.36,1) forwards pageSlideIn}.sad-layout{display:flex}.sad-main{scroll-behavior:smooth;flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);overflow:hidden auto}.sad-main.sidebar-collapsed{margin-left:58px}.sad-main::-webkit-scrollbar{width:5px}.sad-main::-webkit-scrollbar-track{background:0 0}.sad-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.sad-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.sad-topbar-title{flex:1}.sad-topbar-title h1{color:var(--text-1);font-size:20px;font-weight:700;line-height:1.2;animation:.4s .1s both fadeUp}.sad-topbar-title p{color:var(--text-3);margin-top:1px;font-size:11.5px;animation:.4s .18s both fadeUp}.sad-search{background:var(--bg);border:1px solid var(--border-md);border-radius:10px;align-items:center;gap:8px;width:240px;padding:7px 14px;transition:border-color .2s,box-shadow .2s;animation:.4s .2s both fadeIn;display:flex}.sad-search:focus-within{border-color:var(--primary-ring);box-shadow:0 0 0 3px #6366f11a}.sad-search svg{color:var(--text-3);flex-shrink:0}.sad-search input{color:var(--text-1);background:0 0;border:none;outline:none;width:100%;font-size:13px}.sad-search input::placeholder{color:var(--text-3)}.sad-topbar-actions{align-items:center;gap:6px;animation:.4s .22s both fadeIn;display:flex}.sad-icon-btn{border:1px solid var(--border-md);background:var(--bg);width:36px;height:36px;color:var(--text-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.sad-icon-btn:hover{background:var(--primary-bg);border-color:var(--primary-ring);color:var(--primary)}.sad-notif-badge{color:#fff;border:2px solid var(--card);background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards badge-pop;display:flex;position:absolute;top:-5px;right:-5px}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.sad-notif-wrapper{position:relative}.sad-icon-btn.active{background:var(--primary-bg);border-color:var(--primary-ring);color:var(--primary)}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sad-notif-panel{background:var(--card);border:1px solid var(--border-md);z-index:200;border-radius:16px;width:360px;animation:.2s cubic-bezier(.22,1,.36,1) forwards notifSlideIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f}.sad-notif-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 18px 13px;display:flex}.sad-notif-hdr-left{align-items:center;gap:8px;display:flex}.sad-notif-hdr-title{color:var(--text-1);font-size:14px;font-weight:700}.sad-notif-hdr-count{background:var(--primary-bg);color:var(--primary);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.sad-notif-mark-read{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:background .15s}.sad-notif-mark-read:hover{background:var(--primary-bg)}.sad-notif-scroll{max-height:340px;overflow-y:auto}.sad-notif-scroll::-webkit-scrollbar{width:4px}.sad-notif-scroll::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.sad-notif-row{cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 18px;transition:background .12s;display:flex;position:relative}.sad-notif-row:last-child{border-bottom:none}.sad-notif-row:hover{background:#fafbff}.sad-notif-row.is-unread{background:#f7f8ff}.sad-notif-row.is-unread:hover{background:var(--primary-bg)}.sad-notif-ico{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.sad-notif-ico.academic{background:var(--primary-bg)}.sad-notif-ico.finance{background:var(--warning-bg)}.sad-notif-ico.event{background:var(--purple-bg)}.sad-notif-ico.system{background:var(--success-bg)}.sad-notif-body{flex:1;min-width:0}.sad-notif-row-title{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12.5px;font-weight:600;overflow:hidden}.sad-notif-row-desc{color:var(--text-2);margin-bottom:4px;font-size:11.5px;line-height:1.45}.sad-notif-row-time{color:var(--text-3);font-size:10.5px;font-weight:500}.sad-notif-pip{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.sad-notif-ftr{border-top:1px solid var(--border);padding:10px 18px}.sad-notif-view-all{width:100%;color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:600;transition:background .15s}.sad-notif-view-all:hover{background:var(--primary-bg)}@media (width<=480px){.sad-notif-panel{width:calc(100vw - 28px);right:-42px}}.sad-topbar-avatar{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.sad-content{padding:22px 24px 40px}.sad-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.sad-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:default;padding:18px 20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.sad-stat-card:first-child{animation:.45s cubic-bezier(.22,1,.36,1) .12s both fadeUp}.sad-stat-card:nth-child(2){animation:.45s cubic-bezier(.22,1,.36,1) .2s both fadeUp}.sad-stat-card:nth-child(3){animation:.45s cubic-bezier(.22,1,.36,1) .28s both fadeUp}.sad-stat-card:nth-child(4){animation:.45s cubic-bezier(.22,1,.36,1) .36s both fadeUp}.sad-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.sad-stat-card:after{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.sad-stat-card.c-indigo:after{background:linear-gradient(90deg,#6366f1,#818cf8)}.sad-stat-card.c-green:after{background:linear-gradient(90deg,#10b981,#34d399)}.sad-stat-card.c-amber:after{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.sad-stat-card.c-purple:after{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.sad-stat-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.sad-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sad-stat-card.c-indigo .sad-stat-icon{background:var(--primary-bg);color:var(--primary)}.sad-stat-card.c-green .sad-stat-icon{background:var(--success-bg);color:var(--success)}.sad-stat-card.c-amber .sad-stat-icon{background:var(--warning-bg);color:var(--warning)}.sad-stat-card.c-purple .sad-stat-icon{background:var(--purple-bg);color:var(--purple)}.sad-stat-badge{border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.sad-stat-badge.up{background:var(--success-bg);color:var(--success)}.sad-stat-badge.down{background:var(--danger-bg);color:var(--danger)}.sad-stat-value{color:var(--text-1);letter-spacing:-.02em;margin-bottom:3px;font-size:26px;font-weight:800;line-height:1}.sad-stat-label{color:var(--text-2);margin-bottom:10px;font-size:12px;font-weight:500}.sad-stat-spark{display:block}.sad-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sad-section-title{color:var(--text-1);font-size:15px;font-weight:700}.sad-section-sub{color:var(--text-3);margin-top:2px;font-size:11.5px}.sad-view-btn{color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-ring);cursor:pointer;border-radius:8px;padding:5px 13px;font-size:12px;font-weight:600;transition:background .15s,box-shadow .15s}.sad-view-btn:hover{background:#e0e7ff;box-shadow:0 0 0 3px #6366f11a}.sad-grid-main{grid-template-columns:1fr 300px;gap:18px;margin-bottom:18px;animation:.5s .35s both fadeUp;display:grid}.sad-grid-full{margin-bottom:18px;animation:.5s .42s both fadeUp}.sad-grid-bottom{grid-template-columns:1fr 300px;gap:18px;animation:.5s .48s both fadeUp;display:grid}.sad-grid-bottom3{grid-template-columns:1fr 260px 300px;gap:18px;animation:.5s .48s both fadeUp;display:grid}.sad-donut-wrap{flex-direction:column;gap:12px;display:flex}.sad-donut-chart{justify-content:center;align-items:center;height:150px;display:flex;position:relative}.sad-donut-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sad-donut-pct{color:var(--primary);font-size:22px;font-weight:800;line-height:1;display:block}.sad-donut-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px;display:block}.sad-donut-legend{flex-direction:column;gap:8px;display:flex}.sad-donut-row{align-items:center;gap:8px;font-size:12px;display:flex}.sad-donut-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sad-donut-row-label{color:var(--text-2);flex:1}.sad-donut-row-val{color:var(--text-1);font-size:12px;font-weight:700}.sad-dept-footer{color:var(--text-3);border-top:1px solid var(--border);justify-content:space-between;margin-top:14px;padding-top:14px;font-size:12px;display:flex}.sad-dept-count{color:var(--text-3);margin-right:8px;font-size:11px}.sad-sys-health{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.sad-sys-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11.5px;font-weight:700}.sad-sys-grid{flex-direction:column;gap:8px;display:flex}.sad-sys-item{background:var(--bg);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.sad-sys-icon{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sad-sys-icon.online{background:var(--success-bg);color:var(--success)}.sad-sys-icon.warning{background:var(--warning-bg);color:var(--warning)}.sad-sys-info{flex:1;justify-content:space-between;align-items:center;display:flex}.sad-sys-name{color:var(--text-1);font-size:11.5px;font-weight:600}.sad-sys-pct{color:var(--text-3);font-size:11px}.sad-sys-dot{border-radius:50%;width:7px;height:7px}.sad-sys-dot.online{background:var(--success)}.sad-sys-dot.warning{background:var(--warning);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sad-welcome-stat-divider{background:#fff3;align-self:center;width:1px;height:32px}.sad-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .2s}.sad-card:hover{box-shadow:var(--shadow-md)}.sad-chart-box{height:220px;position:relative}.sad-dept-list{flex-direction:column;gap:14px;display:flex}.sad-dept-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.sad-dept-num{color:var(--text-3);margin-right:10px;font-size:11px;font-weight:700}.sad-dept-name{color:var(--text-1);flex:1;font-size:12.5px;font-weight:600}.sad-dept-pct{color:var(--text-2);font-size:11.5px;font-weight:700}.sad-dept-track{background:var(--bg);border-radius:4px;height:6px;overflow:hidden}.sad-dept-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.sad-table-wrap{overflow-x:auto}.sad-table{border-collapse:collapse;width:100%;font-size:13px}.sad-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);background:#fafafa;padding:9px 14px;font-size:11px;font-weight:700}.sad-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:11px 14px}.sad-table tr:last-child td{border-bottom:none}.sad-table tbody tr{transition:background .12s}.sad-table tbody tr:hover td{background:#fafbff}.sad-student-info{align-items:center;gap:10px;display:flex}.sad-student-avatar{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11.5px;font-weight:700;display:flex}.sad-student-name{color:var(--text-1);font-size:13px;font-weight:600}.sad-student-id{color:var(--text-3);margin-top:1px;font-size:11px}.sad-chip{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.sad-chip.active{background:var(--success-bg);color:var(--success)}.sad-chip.pending{background:var(--warning-bg);color:var(--warning)}.sad-chip.new{background:var(--primary-bg);color:var(--primary)}.sad-gpa-bar{align-items:center;gap:8px;display:flex}.sad-gpa-track{background:var(--bg);border-radius:3px;flex:1;height:5px;overflow:hidden}.sad-gpa-fill{background:linear-gradient(90deg, var(--primary-lt), var(--primary));border-radius:3px;height:100%}.sad-ann-list{flex-direction:column;gap:10px;display:flex}.sad-ann-item{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;gap:11px;padding:11px 12px;transition:background .15s,border-color .15s;display:flex}.sad-ann-item:hover{background:var(--primary-bg);border-color:var(--primary-ring)}.sad-ann-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.sad-ann-icon.a-indigo{background:var(--primary-bg)}.sad-ann-icon.a-green{background:var(--success-bg)}.sad-ann-icon.a-amber{background:var(--warning-bg)}.sad-ann-icon.a-purple{background:var(--purple-bg)}.sad-ann-title{color:var(--text-1);margin-bottom:3px;font-size:12.5px;font-weight:600}.sad-ann-meta{color:var(--text-3);font-size:11px}.sad-quick-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;animation:.5s .3s both fadeUp;display:grid}.sad-quick-btn{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);cursor:pointer;color:var(--text-2);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex}.sad-quick-btn:hover{box-shadow:var(--shadow-md);border-color:var(--primary-ring);background:var(--primary-bg);color:var(--primary);transform:translateY(-3px)}.sad-quick-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.sad-quick-icon.q1{background:var(--primary-bg)}.sad-quick-icon.q2{background:var(--success-bg)}.sad-quick-icon.q3{background:var(--warning-bg)}.sad-quick-icon.q4{background:var(--purple-bg)}.sad-quick-label{text-align:center;font-size:11.5px;font-weight:600}.sad-welcome{border-radius:var(--radius);background:linear-gradient(120deg,#4f46e5 0%,#6366f1 55%,#818cf8 100%);justify-content:space-between;align-items:center;margin-bottom:18px;padding:20px 28px;animation:.45s cubic-bezier(.22,1,.36,1) 80ms both fadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #6366f14d}.sad-welcome:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;right:-50px}.sad-welcome-text h2{color:#fff;margin-bottom:4px;font-size:19px;font-weight:700}.sad-welcome-text p{color:#ffffffa6;font-size:12.5px}.sad-welcome-text span{color:#c7d2fe;font-weight:600}.sad-welcome-stats{z-index:1;gap:28px;display:flex;position:relative}.sad-welcome-stat{text-align:center}.sad-welcome-stat-n{color:#fff;font-size:22px;font-weight:800;line-height:1;display:block}.sad-welcome-stat-l{color:#ffffff8c;letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:10px;display:block}.sad-breadcrumb{color:var(--text-3);flex:1;align-items:center;gap:6px;font-size:12.5px;display:flex}.sad-breadcrumb-sep{color:var(--border-md)}.sad-breadcrumb span:last-child{color:var(--text-2);font-weight:600}.sad-chart-legend{align-items:center;gap:18px;margin-top:12px;display:flex}.sad-legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:11.5px;display:flex}.sad-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sad-legend-dot.primary{background:var(--primary)}.sad-legend-dot.secondary{background:var(--primary-ring)}.sad-legend-dot.muted{background:#d1d5db}.sad-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.sad-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1200px){.sad-stats-grid{grid-template-columns:repeat(2,1fr)}.sad-grid-main,.sad-grid-bottom{grid-template-columns:1fr}.sad-grid-bottom3{grid-template-columns:1fr 1fr}.sad-welcome{flex-direction:column;gap:14px}}@media (width<=900px){.sad-grid-bottom3{grid-template-columns:1fr}}@media (width<=768px){.sad-main{margin-left:0!important}.sad-stats-grid{grid-template-columns:1fr 1fr}.sad-quick-row{grid-template-columns:repeat(2,1fr)}.sad-content{padding:14px}.sad-search{display:none}.sad-hamburger{display:flex}.sad-welcome{padding:16px 18px}.sad-welcome-stats{gap:16px}.sad-topbar{gap:10px;padding:0 14px}}@media (width<=480px){.sad-stats-grid{grid-template-columns:1fr}.sad-quick-row{grid-template-columns:repeat(2,1fr)}.sad-welcome{flex-direction:column;gap:12px}.sad-welcome-stats{justify-content:center}}.sad-table-loading{text-align:center;color:#9ca3af;padding:24px;font-size:13px}@keyframes pageIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.std-content{background:#f8f9fc;min-height:100%;padding:22px 24px 40px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;animation:.45s cubic-bezier(.22,1,.36,1) both pageIn}.std-welcome{background:linear-gradient(130deg,#064e3b 0%,#065f46 40%,#047857 75%,#059669 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:22px 28px;animation:.45s cubic-bezier(.22,1,.36,1) 60ms both fadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #05966940}.std-welcome:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 65%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-60px}.std-welcome-left{align-items:center;gap:16px;display:flex}.std-welcome-avatar{color:#fff;background:#ffffff2e;border:2px solid #ffffff4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:flex}.std-welcome-text h2{color:#fff;margin-bottom:4px;font-size:20px;font-weight:700;line-height:1.2}.std-welcome-text p{color:#ffffffa6;font-size:12.5px;line-height:1.4}.std-welcome-text span{color:#a7f3d0;font-weight:600}.std-welcome-badges{z-index:1;align-items:center;gap:0;display:flex;position:relative}.std-welcome-badge{text-align:center;padding:0 20px}.std-wb-val{color:#fff;font-size:17px;font-weight:800;line-height:1.1;display:block}.std-wb-lbl{color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:10px;display:block}.std-welcome-divider{background:#fff3;width:1px;height:34px}.std-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.std-kpi-card{background:#fff;border:1px solid #f0f0f5;border-radius:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000f}.std-kpi-card:first-child{animation:.45s cubic-bezier(.22,1,.36,1) .12s both fadeUp}.std-kpi-card:nth-child(2){animation:.45s cubic-bezier(.22,1,.36,1) .2s both fadeUp}.std-kpi-card:nth-child(3){animation:.45s cubic-bezier(.22,1,.36,1) .28s both fadeUp}.std-kpi-card:nth-child(4){animation:.45s cubic-bezier(.22,1,.36,1) .36s both fadeUp}.std-kpi-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.std-kpi-card:after{content:"";border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.std-kpi-emerald:after{background:linear-gradient(90deg,#059669,#34d399)}.std-kpi-indigo:after{background:linear-gradient(90deg,#6366f1,#818cf8)}.std-kpi-amber:after{background:linear-gradient(90deg,#d97706,#f59e0b)}.std-kpi-purple:after{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.std-kpi-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.std-kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:700}.std-kpi-badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.std-badge-up{color:#059669;background:#ecfdf5}.std-badge-warn{color:#d97706;background:#fffbeb}.std-badge-danger{color:#ef4444;background:#fef2f2}.std-kpi-gauge{justify-content:center;padding:4px 0 6px;display:flex}.std-kpi-main{align-items:baseline;gap:4px;margin:8px 0 6px;display:flex}.std-kpi-big{color:#111827;font-size:32px;font-weight:800;line-height:1}.std-kpi-max{color:#9ca3af;font-size:14px}.std-kpi-sub{color:#9ca3af;margin-top:6px;font-size:11px}.std-chip-row,.std-kpi-chip-row{flex-wrap:wrap;gap:5px;margin:8px 0 4px;display:flex}.std-mini-chip{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.std-mini-chip.pending{color:#ef4444;background:#fef2f2}.std-mini-chip.submitted{color:#d97706;background:#fffbeb}.std-mini-chip.graded{color:#059669;background:#ecfdf5}.std-fee-progress{margin:8px 0 4px}.std-fee-bar{background:#f1f5f9;border-radius:4px;height:6px;margin-bottom:5px;overflow:hidden}.std-fee-fill{background:linear-gradient(90deg,#7c3aed,#8b5cf6);border-radius:4px;height:100%}.std-fee-info{color:#9ca3af;font-size:11px}.std-quick-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;animation:.5s .3s both fadeUp;display:grid}.std-quick-btn{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #f0f0f5;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font-size:11.5px;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex;box-shadow:0 1px 4px #0000000f}.std-quick-btn:hover{color:#059669;background:#ecfdf5;border-color:#a7f3d0;transform:translateY(-3px);box-shadow:0 6px 18px #00000017}.std-quick-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.std-q1{color:#059669;background:#ecfdf5}.std-q2{color:#6366f1;background:#eef2ff}.std-q3{color:#d97706;background:#fffbeb}.std-q4{color:#7c3aed;background:#f5f3ff}.std-card{background:#fff;border:1px solid #f0f0f5;border-radius:14px;padding:20px;transition:box-shadow .2s;box-shadow:0 1px 4px #0000000f}.std-card:hover{box-shadow:0 4px 16px #00000012}.std-card-full{margin-bottom:18px}.std-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.std-section-title{color:#111827;align-items:center;font-size:15px;font-weight:700;display:flex}.std-section-sub{color:#9ca3af;margin-top:2px;font-size:11.5px}.std-view-btn{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:5px 13px;font-size:12px;font-weight:600;transition:background .15s}.std-view-btn:hover{background:#d1fae5}.std-badge-count{color:#059669;background:#ecfdf5;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.std-grid-two{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;animation:.5s .32s both fadeUp;display:grid}.std-grid-main{grid-template-columns:1fr 340px;gap:18px;margin-bottom:18px;animation:.5s .38s both fadeUp;display:grid}.std-schedule-list{flex-direction:column;gap:10px;display:flex}.std-schedule-item{background:#fafafa;border:1px solid #f0f0f5;border-radius:10px;align-items:flex-start;gap:10px;padding:11px 13px;transition:background .15s,border-color .15s;display:flex}.std-schedule-item:hover{background:#f0fdf4;border-color:#a7f3d0}.std-schedule-time{text-align:right;flex-shrink:0;min-width:44px}.std-time-start{color:#111827;font-size:12.5px;font-weight:700;display:block}.std-time-end{color:#9ca3af;font-size:10px;display:block}.std-schedule-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.std-schedule-info{flex:1;min-width:0}.std-schedule-subj{color:#111827;margin-bottom:3px;font-size:13px;font-weight:600}.std-schedule-meta{color:#9ca3af;align-items:center;gap:2px;font-size:11px;display:flex}.std-cls-type{border-radius:8px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.std-cls-type.lab{color:#6366f1;background:#eef2ff}.std-cls-type.lecture{color:#059669;background:#f0fdf4}.std-exam-list{flex-direction:column;gap:10px;display:flex}.std-exam-item{background:#fafafa;border:1px solid #f0f0f5;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;transition:background .15s;display:flex}.std-exam-item:hover{background:#fef9f0}.std-exam-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.std-exam-info{flex:1;min-width:0}.std-exam-subj{color:#111827;margin-bottom:2px;font-size:13px;font-weight:600}.std-exam-date{color:#9ca3af;font-size:11px}.std-exam-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.std-exam-type{color:#9ca3af;font-size:10px}.std-days-badge{border-radius:8px;padding:2px 7px;font-size:11px;font-weight:700}.std-days-badge.urgent{color:#ef4444;background:#fef2f2}.std-days-badge.soon{color:#d97706;background:#fffbeb}.std-days-badge.normal{color:#059669;background:#ecfdf5}.std-chart-box{height:200px;margin-bottom:12px;position:relative}.std-cgpa-summary{border-top:1px solid #f0f0f5;gap:0;padding-top:14px;display:flex}.std-cgpa-stat{text-align:center;border-right:1px solid #f0f0f5;flex:1;padding:0 8px}.std-cgpa-stat:last-child{border-right:none}.std-cgpa-val{font-size:15px;font-weight:800;line-height:1.2;display:block}.std-cgpa-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:10px;display:block}.std-subj-att-list{flex-direction:column;gap:14px;display:flex}.std-subj-att-top{align-items:center;margin-bottom:5px;display:flex}.std-subj-name{color:#111827;flex:1;font-size:12.5px;font-weight:600}.std-subj-count{color:#9ca3af;margin-right:10px;font-size:11px}.std-subj-pct{text-align:right;min-width:36px;font-size:12px;font-weight:700}.std-subj-bar-track{background:#f1f5f9;border-radius:4px;height:6px;position:relative;overflow:hidden}.std-subj-bar-fill{border-radius:4px;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1)}.std-subj-bar-min{background:#ef444459;width:1.5px;position:absolute;top:0;bottom:0;left:75%}.std-subj-warn{color:#ef4444;margin-top:3px;font-size:10.5px}.std-table-wrap{overflow-x:auto}.std-table{border-collapse:collapse;width:100%;font-size:13px}.std-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;background:#fafafa;border-bottom:1px solid #f0f0f5;padding:8px 14px;font-size:11px;font-weight:700}.std-table td{border-bottom:1px solid #f0f0f5;padding:11px 14px}.std-table tr:last-child td{border-bottom:none}.std-table tbody tr{transition:background .12s}.std-table tbody tr:hover td{background:#f0fdf4}.std-status-chip{text-transform:capitalize;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.std-status-chip.pending{color:#ef4444;background:#fef2f2}.std-status-chip.submitted{color:#d97706;background:#fffbeb}.std-status-chip.graded{color:#059669;background:#ecfdf5}.std-ann-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.std-ann-item{cursor:pointer;background:#fafafa;border:1px solid #f0f0f5;border-radius:10px;gap:12px;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.std-ann-item:hover{background:#f0fdf4;border-color:#a7f3d0}.std-ann-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.std-ann-body{min-width:0}.std-ann-title{color:#111827;margin-bottom:3px;font-size:12.5px;font-weight:600;line-height:1.3}.std-ann-meta{color:#9ca3af;font-size:11px}@media (width<=1200px){.std-kpi-grid{grid-template-columns:repeat(2,1fr)}.std-grid-main{grid-template-columns:1fr}.std-welcome{flex-direction:column;align-items:flex-start}}@media (width<=900px){.std-grid-two,.std-ann-grid{grid-template-columns:1fr}}@media (width<=768px){.std-content{padding:14px}.std-kpi-grid{grid-template-columns:1fr 1fr}.std-quick-row{grid-template-columns:repeat(2,1fr)}.std-welcome{padding:16px 18px}.std-welcome-badges{flex-wrap:wrap}}@media (width<=480px){.std-kpi-grid{grid-template-columns:1fr}.std-cgpa-summary{flex-wrap:wrap}.std-cgpa-stat{border-bottom:1px solid #f0f0f5;flex:50%;margin-bottom:4px;padding-bottom:8px}}.std-empty-state{text-align:center;color:#9ca3af;padding:24px;font-size:13px}.sfd-content{background:#f8f9fc;min-height:100%;padding:22px 24px 40px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;animation:.45s cubic-bezier(.22,1,.36,1) both pageIn}.sfd-welcome{background:linear-gradient(130deg,#78350f 0%,#92400e 40%,#b45309 75%,#d97706 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:22px 28px;animation:.45s cubic-bezier(.22,1,.36,1) 60ms both fadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #d9770640}.sfd-welcome:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 65%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-60px}.sfd-welcome-left{align-items:center;gap:16px;display:flex}.sfd-welcome-avatar{color:#fff;background:#ffffff2e;border:2px solid #ffffff4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:flex}.sfd-welcome-text h2{color:#fff;margin-bottom:4px;font-size:20px;font-weight:700;line-height:1.2}.sfd-welcome-text p{color:#ffffffa6;font-size:12.5px;line-height:1.4}.sfd-welcome-text span{color:#fde68a;font-weight:600}.sfd-welcome-badges{z-index:1;align-items:center;gap:0;display:flex;position:relative}.sfd-welcome-badge{text-align:center;padding:0 20px}.sfd-wb-val{color:#fff;font-size:17px;font-weight:800;line-height:1.1;display:block}.sfd-wb-lbl{color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:10px;display:block}.sfd-welcome-divider{background:#fff3;width:1px;height:34px}.sfd-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.sfd-kpi-card{background:#fff;border:1px solid #f0f0f5;border-radius:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000f}.sfd-kpi-card:first-child{animation:.45s cubic-bezier(.22,1,.36,1) .12s both fadeUp}.sfd-kpi-card:nth-child(2){animation:.45s cubic-bezier(.22,1,.36,1) .2s both fadeUp}.sfd-kpi-card:nth-child(3){animation:.45s cubic-bezier(.22,1,.36,1) .28s both fadeUp}.sfd-kpi-card:nth-child(4){animation:.45s cubic-bezier(.22,1,.36,1) .36s both fadeUp}.sfd-kpi-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.sfd-kpi-card:after{content:"";border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.sfd-kpi-amber:after{background:linear-gradient(90deg,#d97706,#f59e0b)}.sfd-kpi-indigo:after{background:linear-gradient(90deg,#6366f1,#818cf8)}.sfd-kpi-rose:after{background:linear-gradient(90deg,#e11d48,#f43f5e)}.sfd-kpi-emerald:after{background:linear-gradient(90deg,#059669,#34d399)}.sfd-kpi-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sfd-kpi-icon-wrap{color:#d97706;background:#fffbeb;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sfd-kpi-badge{border-radius:20px;align-items:center;gap:2px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.sfd-kpi-badge.up{color:#059669;background:#ecfdf5}.sfd-kpi-badge.danger{color:#ef4444;background:#fef2f2}.sfd-kpi-badge.neutral{color:#6b7280;background:#f1f5f9}.sfd-kpi-main{align-items:baseline;gap:4px;margin:4px 0;display:flex}.sfd-kpi-big{color:#111827;font-size:32px;font-weight:800;line-height:1}.sfd-kpi-label{color:#6b7280;margin-bottom:8px;font-size:11.5px}.sfd-course-chips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.sfd-course-chip{color:#6366f1;background:#eef2ff;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:700}.sfd-pending-bar{background:#f1f5f9;border-radius:3px;height:5px;margin-top:8px;overflow:hidden}.sfd-pending-fill{background:linear-gradient(90deg,#e11d48,#f43f5e);border-radius:3px;height:100%;transition:width .7s}.sfd-quick-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;animation:.5s .3s both fadeUp;display:grid}.sfd-quick-btn{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #f0f0f5;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font-size:11.5px;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex;box-shadow:0 1px 4px #0000000f}.sfd-quick-btn:hover{color:#d97706;background:#fffbeb;border-color:#fde68a;transform:translateY(-3px);box-shadow:0 6px 18px #00000017}.sfd-quick-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sfd-q1{color:#d97706;background:#fffbeb}.sfd-q2{color:#6366f1;background:#eef2ff}.sfd-q3{color:#059669;background:#ecfdf5}.sfd-q4{color:#7c3aed;background:#f5f3ff}.sfd-card{background:#fff;border:1px solid #f0f0f5;border-radius:14px;padding:20px;transition:box-shadow .2s;box-shadow:0 1px 4px #0000000f}.sfd-card:hover{box-shadow:0 4px 16px #00000012}.sfd-card-full{margin-bottom:18px}.sfd-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sfd-section-title{color:#111827;align-items:center;font-size:15px;font-weight:700;display:flex}.sfd-section-sub{color:#9ca3af;margin-top:2px;font-size:11.5px}.sfd-view-btn{color:#d97706;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:5px 13px;font-size:12px;font-weight:600;transition:background .15s}.sfd-view-btn:hover{background:#fef3c7}.sfd-badge-count{color:#d97706;background:#fffbeb;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.sfd-grid-two{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;animation:.5s .32s both fadeUp;display:grid}.sfd-grid-bottom{grid-template-columns:1fr 1fr;gap:18px;animation:.5s .42s both fadeUp;display:grid}.sfd-class-list{flex-direction:column;gap:9px;display:flex}.sfd-class-item{background:#fafafa;border:1px solid #f0f0f5;border-radius:10px;align-items:flex-start;gap:10px;padding:11px 13px;transition:background .15s,border-color .15s;display:flex}.sfd-class-item.done{opacity:.65}.sfd-class-item.active{background:#fffbeb;border-color:#fde68a}.sfd-class-item:hover{background:#fef9f0;border-color:#fde68a}.sfd-class-time{text-align:right;flex-shrink:0;min-width:44px}.sfd-time-start{color:#111827;font-size:12.5px;font-weight:700;display:block}.sfd-time-end{color:#9ca3af;font-size:10px;display:block}.sfd-class-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.sfd-class-info{flex:1;min-width:0}.sfd-class-subj{color:#111827;margin-bottom:3px;font-size:13px;font-weight:600}.sfd-class-meta{color:#9ca3af;align-items:center;gap:2px;font-size:11px;display:flex}.sfd-cls-status{border-radius:8px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.sfd-cls-status.done{color:#9ca3af;background:#f1f5f9}.sfd-cls-status.active{color:#059669;background:#ecfdf5}.sfd-cls-status.upcoming{color:#d97706;background:#fffbeb}.sfd-att-list{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.sfd-att-top{align-items:center;margin-bottom:5px;display:flex}.sfd-att-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.sfd-att-count{color:#9ca3af;flex-shrink:0;margin-right:8px;font-size:11px}.sfd-att-pct{text-align:right;flex-shrink:0;min-width:38px;font-size:12px;font-weight:700}.sfd-att-track{background:#f1f5f9;border-radius:3px;height:5px;overflow:hidden}.sfd-att-fill{border-radius:3px;height:100%;transition:width .7s}.sfd-att-chart-wrap{border-top:1px solid #f0f0f5;margin-top:12px;padding-top:12px}.sfd-chart-box{height:160px;position:relative}.sfd-chart-legend{align-items:center;gap:14px;margin-top:8px;display:flex}.sfd-legend-item{color:#6b7280;align-items:center;gap:6px;font-size:11px;display:flex}.sfd-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sfd-table-wrap{overflow-x:auto}.sfd-table{border-collapse:collapse;width:100%;font-size:13px}.sfd-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;background:#fafafa;border-bottom:1px solid #f0f0f5;padding:8px 14px;font-size:11px;font-weight:700}.sfd-table td{border-bottom:1px solid #f0f0f5;padding:11px 14px}.sfd-table tr:last-child td{border-bottom:none}.sfd-table tbody tr{transition:background .12s}.sfd-table tbody tr:hover td{background:#fffbeb}.sfd-student-info{align-items:center;gap:9px;display:flex}.sfd-student-av{color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.sfd-student-name{color:#111827;font-size:13px;font-weight:600}.sfd-student-id{color:#9ca3af;font-size:11px}.sfd-priority{border-radius:12px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-block}.sfd-priority.high{color:#ef4444;background:#fef2f2}.sfd-priority.medium{color:#d97706;background:#fffbeb}.sfd-priority.low{color:#059669;background:#ecfdf5}.sfd-grade-btn{color:#d97706;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:7px;padding:4px 12px;font-size:11.5px;font-weight:600;transition:background .15s}.sfd-grade-btn:hover{background:#fef3c7}.sfd-event-list{flex-direction:column;gap:10px;display:flex}.sfd-event-item{background:#fafafa;border:1px solid #f0f0f5;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;transition:background .15s;display:flex}.sfd-event-item:hover{background:#fef9f0}.sfd-event-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sfd-event-info{flex:1;min-width:0}.sfd-event-title{color:#111827;margin-bottom:2px;font-size:13px;font-weight:600}.sfd-event-date{color:#9ca3af;font-size:11px}.sfd-event-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.sfd-event-type{color:#9ca3af;font-size:10px}.sfd-days-badge{border-radius:8px;padding:2px 7px;font-size:11px;font-weight:700}.sfd-days-badge.urgent{color:#ef4444;background:#fef2f2}.sfd-days-badge.soon{color:#d97706;background:#fffbeb}.sfd-days-badge.normal{color:#059669;background:#ecfdf5}.sfd-ann-list{flex-direction:column;gap:10px;display:flex}.sfd-ann-item{cursor:pointer;background:#fafafa;border:1px solid #f0f0f5;border-radius:10px;gap:11px;padding:11px 12px;transition:background .15s,border-color .15s;display:flex}.sfd-ann-item:hover{background:#fffbeb;border-color:#fde68a}.sfd-ann-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.sfd-ann-title{color:#111827;margin-bottom:3px;font-size:12.5px;font-weight:600}.sfd-ann-meta{color:#9ca3af;font-size:11px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#fde68a;border-radius:3px}@media (width<=1200px){.sfd-kpi-grid{grid-template-columns:repeat(2,1fr)}.sfd-grid-two,.sfd-grid-bottom{grid-template-columns:1fr}.sfd-welcome{flex-direction:column;align-items:flex-start}}@media (width<=768px){.sfd-content{padding:14px}.sfd-kpi-grid{grid-template-columns:1fr 1fr}.sfd-quick-row{grid-template-columns:repeat(2,1fr)}.sfd-welcome{padding:16px 18px}.sfd-welcome-badges{flex-wrap:wrap}}@media (width<=480px){.sfd-kpi-grid{grid-template-columns:1fr}}.sfd-empty-state{text-align:center;color:#9ca3af;padding:24px;font-size:13px}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--success:#10b981;--success-bg:#ecfdf5;--success-ring:#a7f3d0;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000012, 0 1px 4px #0000000a;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes spSlideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.sp-main::-webkit-scrollbar-track{background:0 0}.sp-breadcrumb-sep{color:var(--text-3)}.sp-search{background:var(--bg);border:1px solid var(--border-md);max-width:380px;height:36px;color:var(--text-3);border-radius:8px;flex:1;align-items:center;gap:8px;margin:0 auto;padding:0 12px;display:flex}.sp-search input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.sp-search input::placeholder{color:var(--text-3)}.sp-topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.sp-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.sp-topbar-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.sp-page-head{margin-bottom:4px}.sp-page-title{color:var(--text-1);font-size:22px;font-weight:700}.sp-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.sp-card-head{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:20px 24px;display:flex}.sp-card-icon{background:var(--primary-bg);width:40px;height:40px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-card-title{color:var(--text-1);font-size:15px;font-weight:700}.sp-card-sub{color:var(--text-2);margin-top:2px;font-size:12.5px}.sp-card-body{flex-direction:column;gap:26px;padding:24px;display:flex}.sp-card-footer{justify-content:flex-end;padding-top:4px;display:flex}.sp-field-row{flex-direction:column;gap:7px;display:flex}.sp-field-label{color:var(--text-1);font-size:12.5px;font-weight:600}.sp-field-hint{color:var(--text-3);margin-top:5px;font-size:11.5px;line-height:1.5}.sp-field-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (width<=820px){.sp-field-grid-3{grid-template-columns:1fr}}.sp-input-wrap{position:relative}.sp-input-wrap .sp-input{padding-right:50px}.sp-char-count{color:var(--primary);pointer-events:none;font-size:11.5px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sp-char-count span{color:var(--text-3);font-weight:400}.sp-field-group{grid-template-columns:1fr 1fr;gap:24px;display:grid}.sp-field{flex-direction:column;gap:7px;display:flex}.sp-field-wide{flex:2;grid-column:span 1}.sp-field-narrow{flex:1;grid-column:span 1}.sp-pass-wrap{position:relative}.sp-input-pass{padding-right:38px}.sp-eye-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:2px;transition:color .14s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sp-eye-btn:hover{color:var(--text-1)}.sp-upload-row{grid-template-columns:190px 1fr;align-items:start;gap:24px;display:grid}.sp-dz-wrap{flex-direction:column;gap:8px;display:flex}.sp-dz{border:2px dashed var(--border-md);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafbfc;border-radius:12px;justify-content:center;align-items:center;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.sp-dz:hover,.sp-dz.drag-over{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 3px #6366f11a}.sp-dz-sq{width:190px;height:190px}.sp-dz-wide{width:100%;min-height:190px}.sp-dz-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;display:flex}.sp-dz-icon{color:var(--text-3)}.sp-dz-text{color:var(--text-2);font-size:13px}.sp-dz-cta{color:var(--primary);font-weight:600}.sp-dz-hint{color:var(--text-3);font-size:11.5px}.sp-dz-img{object-fit:contain;width:100%;height:100%;padding:14px;display:block}.sp-dz-img.sq{padding:18px}.sp-dz-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.sp-dz:hover .sp-dz-overlay{opacity:1}.sp-dz-del{cursor:pointer;color:#fff;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .14s;display:flex}.sp-dz-del:hover{background:#dc2626}.sp-file-hidden{display:none}.sp-dz-name{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sp-enc-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-enc-label{color:var(--text-2);font-size:12.5px;font-weight:600}.sp-enc-chips{gap:6px;display:flex}.sp-enc-chip{font-size:12px;font-weight:600;font-family:var(--font);border:1px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;border-radius:7px;padding:5px 14px;transition:all .14s}.sp-enc-chip:hover:not(.active){border-color:var(--primary-lt);color:var(--primary)}.sp-enc-chip.active{background:var(--primary-bg);border-color:var(--primary-ring);color:var(--primary);box-shadow:0 0 0 1px var(--primary-ring)}.sp-toggle-row{background:var(--bg);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.sp-toggle-title{color:var(--text-1);font-size:13.5px;font-weight:600}.sp-toggle-sub{color:var(--text-2);margin-top:2px;font-size:12px}.sp-toggle{background:var(--border-md);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.sp-toggle.on{background:var(--primary)}.sp-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.sp-toggle.on .sp-toggle-thumb{transform:translate(20px)}.sp-divider{background:var(--border);height:1px}.sp-test-block{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex}.sp-test-title{color:var(--text-1);font-size:13.5px;font-weight:600}.sp-test-sub{color:var(--text-2);margin-top:2px;font-size:12px}.sp-test-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-test-input{flex:1;min-width:200px;max-width:340px}.sp-backup-panel{background:var(--bg);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.sp-backup-info{min-width:0}.sp-backup-title{color:var(--text-1);font-size:13.5px;font-weight:700}.sp-backup-sub{color:var(--text-2);margin-top:3px;font-size:12px}.sp-btn-backup{white-space:nowrap;flex-shrink:0}.sp-backup-create-actions{flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.sp-backup-format{color:var(--text-2);flex-direction:column;gap:5px;font-size:11px;font-weight:700;display:flex}.sp-backup-format select{border:1px solid var(--border-md);min-width:210px;height:40px;color:var(--text-1);font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:0 34px 0 11px;font-size:12.5px}.sp-backup-format select:focus{border-color:var(--primary);outline:3px solid var(--primary-ring)}.sp-backup-format select:disabled{cursor:not-allowed;opacity:.65}.sp-backup-restore,.sp-backup-list{border:1px solid var(--border-md);background:#fff;border-radius:10px;flex-direction:column;gap:14px;padding:18px;display:flex}.sp-backup-upload-row,.sp-backup-list-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-backup-file{border:1px dashed var(--border-md);min-width:0;height:40px;color:var(--text-2);cursor:pointer;background:#fafbfc;border-radius:9px;flex:1;align-items:center;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.sp-backup-file:hover{border-color:var(--primary-ring);color:var(--primary);background:var(--primary-bg)}.sp-backup-file input{display:none}.sp-backup-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-backup-table{border:1px solid var(--border-md);border-radius:10px;overflow:hidden}.sp-backup-table-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:480px;overflow-y:auto}.sp-backup-table-head,.sp-backup-row{grid-template-columns:minmax(200px,1.5fr) 110px minmax(150px,.9fr) 85px minmax(210px,.9fr);align-items:center;gap:12px;display:grid}.sp-backup-table-head{border-bottom:1px solid var(--border-md);color:var(--text-2);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(#f9fafb,#f3f4f6);padding:10px 14px;font-size:11px;font-weight:800}.sp-backup-row{border-bottom:1px solid var(--border);min-height:48px;color:var(--text-2);padding:10px 14px;font-size:12.5px}.sp-backup-row:last-child{border-bottom:0}.sp-backup-row:hover{background:#f5f7ff}.sp-backup-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);font-weight:700;overflow:hidden}.sp-backup-empty{color:var(--text-3);text-align:center;padding:30px 16px;font-size:13px}.sp-backup-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.sp-backup-migrate-btn{background:var(--success-bg);border-color:var(--success-ring);color:var(--success)}.sp-backup-migrate-btn:hover:not(:disabled){background:#d1fae5}@media (width<=760px){.sp-backup-panel,.sp-backup-create-actions,.sp-backup-upload-row{flex-direction:column;align-items:stretch}.sp-backup-format select,.sp-btn-backup{width:100%}}.sp-backup-table .exp-scroll-pagination{border-top:1px solid var(--border);min-height:44px;color:var(--text-3);justify-content:center;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.sp-backup-type{color:#4338ca;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;width:fit-content;padding:4px 8px;font-size:10.5px;font-weight:800}.sp-backup-type-group{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.sp-backup-reason{color:var(--text-2);white-space:nowrap;font-size:10.5px;font-weight:700}.sp-backup-reason-pre-restore{color:#b45309}.sp-backup-type-json{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.sp-backup-type-both{color:#a16207;background:#fffbeb;border-color:#fde68a}.sp-alert{border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.sp-alert-ok{background:var(--success-bg);color:#065f46;border:1px solid var(--success-ring)}.sp-alert-err{background:var(--danger-bg);color:#991b1b;border:1px solid #fecaca}.sp-btn-primary{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:9px;align-items:center;gap:7px;padding:0 22px;transition:background .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 2px 8px #6366f14d}.sp-btn-primary:hover{background:var(--primary-dk);box-shadow:0 4px 14px #6366f161}.sp-btn-primary:disabled{opacity:.7;cursor:not-allowed}.sp-btn-primary.loading{opacity:.8;cursor:not-allowed}.sp-btn-primary.saved{background:var(--success);box-shadow:0 2px 8px #10b9814d}.sp-btn-test{height:40px;color:var(--primary);border:1.5px solid var(--primary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:0 18px;transition:background .14s,color .14s;display:inline-flex}.sp-btn-test:hover{background:var(--primary-bg)}.sp-btn-test:disabled{opacity:.55;cursor:not-allowed}.sp-btn-test.success{background:var(--success-bg);color:var(--success);border-color:var(--success)}.sp-btn-test.fail{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.sp-btn-test.loading{opacity:.7;cursor:not-allowed}.sp-btn-secondary{height:40px;color:var(--text-2);border:1px solid var(--border-md);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:#fff;border-radius:9px;align-items:center;gap:7px;padding:0 16px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.sp-btn-secondary:hover{background:var(--bg);color:var(--text-1);border-color:#d1d5db}.sp-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.65s linear infinite spin;display:inline-block}.sp-spinner-outline{border-color:#6366f140;border-top-color:var(--primary)}.sp-ay-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-ay-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-ay-stat-pill{background:var(--bg);border:1px solid var(--border-md);color:var(--text-2);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.sp-ay-stat-num{color:var(--primary);font-size:14px;font-weight:800}.sp-ay-stat-pill.active .sp-ay-stat-num{color:var(--success)}.sp-ay-stat-pill.inactive .sp-ay-stat-num{color:var(--text-2)}.sp-ay-stat-pill.current .sp-ay-stat-num{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--primary);overflow:hidden}.sp-ay-stat-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sp-ay-stat-dot.active{background:var(--success)}.sp-ay-stat-dot.inactive{background:var(--text-3)}.sp-ay-stat-dot.current{background:var(--primary)}.sp-ay-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sp-ay-search{flex:0 280px;width:100%;max-width:280px;margin:0}.sp-ay-count{color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-ring);white-space:nowrap;border-radius:20px;padding:4px 11px;font-size:11.5px;font-weight:700}.sp-ay-table{border:1px solid var(--border-md);border-radius:12px;overflow:hidden}.sp-ay-table-head,.sp-ay-table-row{grid-template-columns:36px minmax(150px,1.3fr) minmax(170px,1.4fr) 132px 100px 200px;align-items:center;gap:12px;display:grid}.sp-ay-table-head{border-bottom:1px solid var(--border-md);text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);background:linear-gradient(#f9fafb,#f3f4f6);padding:11px 16px;font-size:11px;font-weight:800}.sp-ay-table-row{border-bottom:1px solid var(--border);padding:11px 16px;transition:background .13s}.sp-ay-table-row:last-child{border-bottom:none}.sp-ay-table-row:hover{background:#f5f7ff}.sp-ay-row-num{color:var(--text-3);text-align:center;font-size:12px;font-weight:700}.sp-ay-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.sp-ay-name-cell strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-1);font-size:13.5px;font-weight:700;overflow:hidden}.sp-ay-icon{background:var(--primary-bg);width:32px;height:32px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-ay-date-range{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.sp-ay-date-arrow{color:var(--text-3);font-size:12px}.sp-ay-status-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.sp-ay-badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sp-ay-status-badge.active{background:var(--success-bg);color:var(--success);border:1px solid var(--success-ring)}.sp-ay-status-badge.inactive{color:var(--text-2);border:1px solid var(--border-md);background:#f3f4f6}.sp-ay-current-toggle{border:1px solid var(--border-md);width:118px;height:30px;color:var(--text-2);cursor:pointer;font-family:var(--font);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 9px 0 5px;font-size:11.5px;font-weight:800;transition:background .14s,border-color .14s,color .14s,box-shadow .14s;display:inline-flex}.sp-ay-current-toggle:hover{border-color:var(--primary-ring);color:var(--primary);background:var(--primary-bg)}.sp-ay-current-toggle.on{background:var(--success-bg);border-color:var(--success-ring);color:var(--success)}.sp-ay-current-knob{border:1px solid var(--border-md);background:#f3f4f6;border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:background .14s,border-color .14s}.sp-ay-current-toggle.on .sp-ay-current-knob{background:var(--success);border-color:var(--success)}.sp-ay-current-text{text-overflow:ellipsis;overflow:hidden}.sp-ay-row-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.sp-ay-edit-btn{border:1px solid var(--primary-ring);background:var(--primary-bg);height:28px;color:var(--primary);cursor:pointer;font-family:var(--font);border-radius:7px;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:700;transition:background .14s;display:inline-flex}.sp-ay-edit-btn:hover{background:#dde5ff}.sp-ay-toggle-group{background:var(--border);border-radius:7px;padding:2px;display:inline-flex}.sp-ay-toggle{height:24px;color:var(--text-3);cursor:pointer;font-family:var(--font);background:0 0;border:none;border-radius:6px;padding:0 9px;font-size:11.5px;font-weight:700;transition:background .14s,color .14s}.sp-ay-toggle.selected{box-shadow:var(--shadow-sm);background:#fff}.sp-ay-toggle.active.selected{color:var(--success)}.sp-ay-toggle.inactive.selected{color:var(--text-2)}.sp-ay-empty{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.sp-ay-empty-icon{background:var(--primary-bg);width:48px;height:48px;color:var(--primary);opacity:.7;border-radius:12px;justify-content:center;align-items:center;display:flex}.sp-ay-empty p{color:var(--text-2);font-size:13.5px}.sp-ay-empty-btn{margin-top:4px}.sp-ay-status-chips{align-items:center;gap:8px;display:flex}.sp-ay-status-chip{border:1.5px solid var(--border-md);background:var(--bg);height:36px;color:var(--text-2);font-family:var(--font);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.sp-ay-status-chip span{background:currentColor;border-radius:50%;width:7px;height:7px}.sp-ay-status-chip.active.selected{background:var(--success-bg);border-color:var(--success-ring);color:var(--success)}.sp-ay-status-chip.inactive.selected{border-color:var(--border-md);color:var(--text-1);background:#f3f4f6}.sp-ay-status-chip:hover:not(.selected){border-color:var(--primary-ring);color:var(--primary)}.sp-ay-error{background:var(--danger-bg);color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.sp-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#11182780;justify-content:center;align-items:center;padding:20px;animation:.18s sp-fade-in;display:flex;position:fixed;inset:0}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}.sp-modal{background:var(--card);border-radius:16px;flex-direction:column;width:100%;max-width:520px;animation:.22s cubic-bezier(.34,1.56,.64,1) sp-modal-pop;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000029,0 4px 20px #00000014}@keyframes sp-modal-pop{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.sp-modal-sm{max-width:420px}.sp-migration-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;cursor:not-allowed;background:#111827b8;justify-content:center;align-items:center;padding:20px;animation:.18s sp-fade-in;display:flex;position:fixed;inset:0}.sp-migration-box{background:var(--card);text-align:center;cursor:default;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:440px;padding:36px 32px;animation:.22s cubic-bezier(.34,1.56,.64,1) sp-modal-pop;display:flex;box-shadow:0 24px 64px #00000047,0 4px 20px #0000001f}.sp-migration-spinner{border-width:4px;border-color:#6366f133;border-top-color:var(--primary);width:40px;height:40px;margin-bottom:6px}.sp-migration-success-icon{background:var(--success-bg,#22c55e1f);width:52px;height:52px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.sp-migration-title{color:var(--text-1);margin:0;font-size:18px;font-weight:800}.sp-migration-text{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.5}.sp-migration-alert{background:var(--danger-bg,#ef44441a);color:var(--danger,#dc2626);text-align:left;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:12.5px;font-weight:600;line-height:1.4;display:flex}.sp-migration-alert svg{flex-shrink:0}.sp-migration-alert-success{background:var(--success-bg,#22c55e1f);color:var(--success,#16a34a);text-align:center;justify-content:center}.sp-modal-icon-danger{background:var(--danger-bg);color:var(--danger)}.sp-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sp-modal-title-wrap{align-items:center;gap:12px;display:flex}.sp-modal-icon{background:var(--primary-bg);width:42px;height:42px;color:var(--primary);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-modal-title{color:var(--text-1);font-size:16px;font-weight:700}.sp-modal-sub{color:var(--text-2);margin-top:2px;font-size:12.5px}.sp-modal-close{border:1px solid var(--border-md);width:32px;height:32px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.sp-modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fca5a5}.sp-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.sp-modal-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sp-modal-footer{border-top:1px solid var(--border);background:#fafbfc;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}@media (width<=820px){.sp-content{padding:20px 18px 48px}.sp-field-group,.sp-upload-row{grid-template-columns:1fr}.sp-dz-sq{width:100%;height:160px}.sp-ay-table-head{display:none}.sp-ay-table-row{grid-template-columns:1fr;align-items:start;gap:8px;padding:14px 16px}.sp-ay-row-num{display:none}.sp-ay-row-actions{justify-content:flex-start}.sp-modal{border-radius:14px;max-width:100%}}@media (width<=768px){.sp-main{margin-left:0!important}.sp-hamburger{display:flex}.sp-topbar{gap:10px;padding:0 14px}.sp-search{display:none}}.sp-loc-table-head,.sp-loc-table-head~.sp-ay-table-row{grid-template-columns:36px minmax(180px,1.2fr) minmax(300px,1.8fr) 110px 210px 118px}.sp-loc-table-head{border-bottom:1px solid var(--border-md);text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);background:linear-gradient(#f9fafb,#f3f4f6);grid-template-columns:36px minmax(180px,1.2fr) minmax(300px,1.8fr) 110px 210px 118px;align-items:center;gap:12px;padding:11px 16px;font-size:11px;font-weight:800;display:grid}.sp-loc-coords{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:5px;font-size:12.5px;display:flex}.sp-loc-coord-label{color:var(--text-3);text-transform:uppercase;font-size:11px;font-weight:700}.sp-loc-coord-sep{background:var(--border-md);flex-shrink:0;width:1px;height:12px;margin:0 2px}.sp-loc-radius{color:var(--primary);font-size:13px;font-weight:700}.sp-loc-table .sp-ay-table-row{grid-template-columns:36px minmax(180px,1.2fr) minmax(300px,1.8fr) 110px 210px 118px;min-height:70px}.sp-loc-status-cell{justify-content:flex-start;align-items:center;min-width:0;display:flex}.sp-loc-status-actions{border:1px solid var(--border-md);background:#f8fafc;border-radius:9px;align-items:center;width:180px;height:36px;padding:3px;display:inline-flex}.sp-loc-status-actions .sp-ay-toggle{min-width:0;height:28px;box-shadow:none;text-transform:lowercase;background:0 0;border:0;border-radius:7px;flex:1;padding:0 8px}.sp-loc-status-actions .sp-ay-toggle.selected{background:#fff;box-shadow:0 1px 4px #0f172a14}.sp-loc-coord-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sp-loc-geo-btn{border:1.5px solid var(--primary-ring);background:var(--primary-bg);height:32px;color:var(--primary);cursor:pointer;font-family:var(--font);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:700;transition:background .14s,border-color .14s,opacity .14s;display:inline-flex}.sp-loc-geo-btn:hover:not(:disabled){border-color:var(--primary);background:#dde5ff}.sp-loc-geo-btn:disabled,.sp-loc-geo-btn.loading{opacity:.7;cursor:not-allowed}@media (width<=820px){.sp-loc-table-head{display:none}}@media (width<=540px){.sp-topbar{gap:10px;padding:0 12px}.sp-card-head{padding:16px 18px}.sp-card-body{padding:18px}.sp-test-input{max-width:100%}.sp-backup-panel,.sp-backup-upload-row,.sp-backup-list-head{flex-direction:column;align-items:stretch}.sp-btn-backup{justify-content:center;width:100%}.sp-backup-table-head{display:none}.sp-backup-row{grid-template-columns:1fr;align-items:start;gap:7px}.sp-backup-row .sp-ay-edit-btn{justify-content:center;width:100%}.sp-backup-actions{justify-content:stretch;width:100%}.sp-backup-actions .sp-ay-edit-btn{flex:1}.sp-ay-search{flex-basis:100%;max-width:none}.sp-modal-row{grid-template-columns:1fr}.sp-modal-footer .sp-btn-primary,.sp-modal-footer .sp-btn-secondary{flex:1;justify-content:center}}:root{--al-primary:#6366f1;--al-primary-bg:#eef2ff;--al-bg:#f8f9fc;--al-card:#fff;--al-text:#111827;--al-muted:#6b7280;--al-faint:#9ca3af;--al-border:#e5e7eb;--al-border-soft:#f0f0f5;--al-success:#059669;--al-success-bg:#ecfdf5;--al-danger:#dc2626;--al-danger-bg:#fef2f2;--al-warning:#d97706;--al-warning-bg:#fffbeb;--al-shadow:0 4px 20px #00000012;--al-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes alSpin{to{transform:rotate(360deg)}}.al-root{background:var(--al-bg);min-height:100vh;font-family:var(--al-font);color:var(--al-text);flex-direction:column;gap:16px;padding:26px 28px 56px;display:flex}.al-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.al-stat-card{background:var(--al-card);border:1px solid var(--al-border-soft);border-left:4px solid var(--al-primary);border-radius:10px;flex-direction:column;gap:3px;padding:15px 17px;display:flex;box-shadow:0 1px 3px #0000000a}.al-stat-card.success{border-left-color:var(--al-success)}.al-stat-card.failed{border-left-color:var(--al-danger)}.al-stat-value{color:var(--al-text);font-size:24px;font-weight:800}.al-stat-label{color:var(--al-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.al-toolbar{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.al-search{flex:1;min-width:240px}.al-search input{border:1.5px solid var(--al-border);background:var(--al-card);border-radius:9px;outline:none;width:100%;height:38px;padding:0 12px;font-size:13px}.al-search input:focus{border-color:var(--al-primary);box-shadow:0 0 0 3px #6366f11a}.al-dd,.al-dd .p-dropdown{min-width:136px;font-size:13px;border:1.5px solid var(--al-border)!important;background:var(--al-card)!important;border-radius:9px!important;height:38px!important}.al-action-dd,.al-action-dd .p-dropdown{min-width:170px}.al-dd .p-dropdown-label{padding:0 11px!important;font-size:13px!important;line-height:36px!important}.al-btn{border:1.5px solid var(--al-border);background:var(--al-card);height:38px;color:var(--al-muted);cursor:pointer;border-radius:9px;padding:0 15px;font-size:13px;font-weight:700}.al-btn.primary{border-color:var(--al-primary);background:var(--al-primary);color:#fff}.al-btn.refresh{align-items:center;gap:7px;display:inline-flex}.al-btn:hover:not(:disabled){box-shadow:0 2px 8px #00000014}.al-btn:disabled{opacity:.58;cursor:not-allowed}.al-spin{animation:.8s linear infinite alSpin}.al-list-shell{background:var(--al-card);border:1px solid var(--al-border-soft);box-shadow:var(--al-shadow);border-radius:12px;min-height:0;overflow:hidden}.al-list-head{border-bottom:1px solid var(--al-border-soft);color:var(--al-muted);text-transform:uppercase;letter-spacing:.04em;background:#fafbff;grid-template-columns:165px 150px 145px 1.4fr 210px 115px;gap:12px;padding:12px 16px;font-size:11px;font-weight:800;display:grid}.al-list{height:calc(100vh - 270px);min-height:360px;overflow:auto}.al-list::-webkit-scrollbar{width:6px}.al-list::-webkit-scrollbar-thumb{background:#dbe3ff;border-radius:4px}.al-row{border:none;border-bottom:1px solid var(--al-border-soft);text-align:left;cursor:pointer;width:100%;color:var(--al-text);background:#fff;grid-template-columns:165px 150px 145px 1.4fr 210px 115px;align-items:center;gap:12px;padding:13px 16px;transition:background .12s;display:grid}.al-row:hover{background:#fafbff}.al-row span{min-width:0}.al-time{color:var(--al-muted);font-size:12px;font-weight:650}.al-user,.al-client{flex-direction:column;gap:2px;display:flex}.al-user b,.al-client b{color:var(--al-text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.al-user small,.al-client small,.al-status+small{color:var(--al-faint);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.al-method{background:var(--al-primary-bg);min-width:43px;color:var(--al-primary);border-radius:6px;justify-content:center;margin-right:6px;padding:3px 5px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.al-method.post{background:var(--al-success-bg);color:var(--al-success)}.al-method.delete{background:var(--al-danger-bg);color:var(--al-danger)}.al-method.patch,.al-method.put{background:var(--al-warning-bg);color:var(--al-warning)}.al-action{font-size:12px}.al-endpoint{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.al-status{text-transform:uppercase;border-radius:20px;padding:3px 9px;font-size:10.5px;font-style:normal;font-weight:800;display:inline-flex}.al-status.success{background:var(--al-success-bg);color:var(--al-success)}.al-status.failed{background:var(--al-danger-bg);color:var(--al-danger)}.al-empty,.al-more{text-align:center;color:var(--al-muted);padding:38px 20px;font-size:13px;font-weight:650}.al-more{color:var(--al-faint);border-top:1px solid var(--al-border-soft);padding:14px 20px}.al-modal-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.al-modal{background:var(--al-card);border-radius:14px;flex-direction:column;width:min(920px,96vw);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 18px 60px #00000038}.al-modal-head{border-bottom:1px solid var(--al-border-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 20px;display:flex}.al-modal-title{font-size:17px;font-weight:800}.al-modal-sub{color:var(--al-muted);word-break:break-all;margin-top:3px;font-size:12px}.al-close{border:1.5px solid var(--al-border);height:32px;color:var(--al-muted);cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-size:12px;font-weight:700}.al-modal-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex;overflow:auto}.al-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.al-detail{border:1px solid var(--al-border-soft);background:#fafbff;border-radius:9px;flex-direction:column;gap:4px;padding:10px 11px;display:flex}.al-detail span{color:var(--al-faint);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:800}.al-detail b{color:var(--al-text);word-break:break-word;font-size:12.5px}.al-json-block{border:1px solid var(--al-border-soft);border-radius:10px;overflow:hidden}.al-json-block>div{border-bottom:1px solid var(--al-border-soft);color:var(--al-muted);text-transform:uppercase;letter-spacing:.04em;background:#fafbff;padding:9px 12px;font-size:11px;font-weight:800}.al-json-block pre{color:#e5e7eb;white-space:pre-wrap;word-break:break-word;background:#111827;max-height:220px;padding:12px;font-size:11.5px;line-height:1.55;overflow:auto}@media (width<=1100px){.al-list-head,.al-row{grid-template-columns:145px 130px 125px 1fr 170px 100px}.al-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.al-root{padding:18px 14px 40px}.al-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.al-list-head{display:none}.al-list{height:calc(100vh - 310px)}.al-row{grid-template-columns:1fr;gap:7px;padding:14px}.al-detail-grid{grid-template-columns:1fr}}:root{--rp-bg:#f0f4ff;--rp-card:#fff;--rp-text:#0f172a;--rp-muted:#64748b;--rp-faint:#94a3b8;--rp-border:#e2e8f0;--rp-soft:#f1f5f9;--rp-primary:#4f46e5;--rp-primary-hover:#4338ca;--rp-primary-bg:#eef2ff;--rp-primary-light:#c7d2fe;--rp-success:#059669;--rp-success-bg:#ecfdf5;--rp-warning:#d97706;--rp-warning-bg:#fffbeb;--rp-danger:#dc2626;--rp-danger-bg:#fef2f2;--rp-shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--rp-shadow:0 4px 16px #4f46e51a, 0 1px 4px #0f172a0f;--rp-shadow-lg:0 20px 48px #0f172a29, 0 4px 12px #0f172a14;--rp-radius:12px;--rp-radius-sm:8px}@keyframes rpSpin{to{transform:rotate(360deg)}}@keyframes rpFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rpShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.rp-root{background:var(--rp-bg);min-height:calc(100vh - 64px);color:var(--rp-text);flex-direction:column;gap:20px;padding:28px 32px 60px;animation:.3s both rpFadeUp;display:flex}.rp-root .rp-header{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 60%,#a855f7 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #4f46e547}.rp-root .rp-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 80%,#ffffff14 0%,#0000 60%);position:absolute;inset:0}.rp-root .rp-header h1{letter-spacing:-.3px;color:#fff;margin:0;font-size:22px;font-weight:800;line-height:1.2}.rp-root .rp-header p{color:#ffffffbf;margin:5px 0 0;font-size:13px;font-weight:500}.rp-root .rp-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rp-root .rp-btn,.rp-root .rp-icon-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:13px;font-weight:700;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.rp-root .rp-btn{padding:0 18px}.rp-root .rp-icon-btn{background:var(--rp-card);color:var(--rp-muted);border-color:var(--rp-border);box-shadow:var(--rp-shadow-sm);padding:0 12px}.rp-root .rp-btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#0000;box-shadow:0 4px 14px #4f46e54d}.rp-root .rp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566}.rp-root .rp-btn-primary.saved{background:linear-gradient(135deg,#059669,#10b981);border-color:#0000;box-shadow:0 4px 14px #0596694d}.rp-root .rp-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-color:#ffffff47}.rp-root .rp-btn-secondary:hover:not(:disabled){background:#ffffff42;border-color:#fff6;transform:translateY(-1px)}.rp-root .rp-panel-foot .rp-btn-secondary{color:#374151;background:#f1f5f9;border-color:#e2e8f0}.rp-root .rp-panel-foot .rp-btn-secondary:hover:not(:disabled){color:#111827;background:#e2e8f0;border-color:#d1d5db;transform:none}.rp-root .rp-panel-foot .rp-btn-primary{background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 8px #4f46e540}.rp-root .rp-panel-foot .rp-btn-primary:hover:not(:disabled){background:#4338ca;border-color:#4338ca}.rp-root .rp-icon-btn:hover{color:var(--rp-primary);border-color:var(--rp-primary-light);background:var(--rp-primary-bg);box-shadow:0 2px 8px #4f46e524}.rp-root .rp-btn:disabled,.rp-root .rp-icon-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.rp-root .rp-spin{animation:.8s linear infinite rpSpin}.rp-root .rp-tabs{border:1px solid var(--rp-border);border-radius:var(--rp-radius);background:var(--rp-card);width:fit-content;box-shadow:var(--rp-shadow-sm);gap:4px;padding:5px;display:flex}.rp-root .rp-tab{border-radius:var(--rp-radius-sm);height:36px;color:var(--rp-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.rp-root .rp-tab:hover{background:var(--rp-soft);color:var(--rp-text)}.rp-root .rp-tab.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 3px 10px #4f46e547}.rp-root .rp-tab span{background:#64748b1f;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.rp-root .rp-tab.active span{background:#ffffff38}.rp-root .rp-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.rp-root .rp-stat{border-radius:var(--rp-radius);background:var(--rp-card);border:1px solid var(--rp-border);box-shadow:var(--rp-shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.rp-root .rp-stat:after{content:"";opacity:.06;border-radius:50%;width:60px;height:60px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.rp-root .rp-stat:hover{box-shadow:var(--rp-shadow);transform:translateY(-2px)}.rp-root .rp-stat>span{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.rp-root .rp-stat.blue>span{color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.rp-root .rp-stat.green>span{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.rp-root .rp-stat.amber>span{color:#d97706;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.rp-root .rp-stat.gray>span{color:#475569;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.rp-root .rp-stat.blue:after{background:#4f46e5}.rp-root .rp-stat.green:after{background:#059669}.rp-root .rp-stat.amber:after{background:#d97706}.rp-root .rp-stat.gray:after{background:#475569}.rp-root .rp-stat strong{letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1;display:block}.rp-root .rp-stat small{color:var(--rp-muted);margin-top:4px;font-size:12px;font-weight:600;display:block}.rp-root .rp-toolbar{background:var(--rp-card);border:1px solid var(--rp-border);border-radius:var(--rp-radius);box-shadow:var(--rp-shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.rp-root .rp-filter,.rp-root .rp-search{border:1.5px solid var(--rp-border);background:var(--rp-bg);height:40px;color:var(--rp-faint);border-radius:10px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.rp-root .rp-filter:focus-within,.rp-root .rp-search:focus-within{border-color:var(--rp-primary-light);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.rp-root .rp-filter{gap:8px;padding:0 12px}.rp-root .rp-filter select{height:36px;color:var(--rp-text);cursor:pointer;background:0 0;border:0;outline:none;padding:0 4px;font-size:13px;font-weight:600}.rp-root .rp-search{flex:1;gap:8px;min-width:260px;padding:0 12px}.rp-root .rp-search input{width:100%;color:var(--rp-text);background:0 0;border:0;outline:none;font-size:13px;font-weight:500}.rp-root .rp-search input::placeholder{color:var(--rp-faint)}.rp-root .rp-search button{width:26px;height:26px;color:var(--rp-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.rp-root .rp-search button:hover{color:var(--rp-danger);background:var(--rp-danger-bg)}.rp-root .rp-result-count{color:var(--rp-primary);background:var(--rp-primary-bg);border:1px solid var(--rp-primary-light);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.rp-root .rp-table-wrap{border:1px solid var(--rp-border);border-radius:var(--rp-radius);background:var(--rp-card);box-shadow:var(--rp-shadow);overflow:hidden}.rp-root .rp-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13.5px}.rp-root .rp-table thead{background:linear-gradient(#f8faff 0%,#f1f5ff 100%)}.rp-root .rp-table th{text-align:left;border-bottom:2px solid var(--rp-border);color:var(--rp-muted);text-transform:uppercase;letter-spacing:.6px;padding:14px 16px;font-size:11px;font-weight:800}.rp-root .rp-table th:first-child{width:20%}.rp-root .rp-table th:nth-child(2){width:22%}.rp-root .rp-table th:nth-child(3){width:26%}.rp-root .rp-table th:nth-child(4){width:10%}.rp-root .rp-table th:nth-child(5){width:22%}.rp-root .rp-table td{vertical-align:middle;color:var(--rp-text);border-bottom:1px solid #f1f5fb;padding:14px 16px}.rp-root .rp-table tbody tr:last-child td{border-bottom:0}.rp-root .rp-table tbody tr{transition:background .14s}.rp-root .rp-table tbody tr:hover{background:linear-gradient(90deg,#f5f3ff 0%,#faf8ff 100%)}.rp-root .rp-name-cell,.rp-root .rp-permission-preview{align-items:center;gap:10px;min-width:0;display:flex}.rp-root .rp-name-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.rp-root .rp-name-icon{width:34px;height:34px;color:var(--rp-primary);background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #4f46e524}.rp-root .rp-muted{color:var(--rp-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rp-root .rp-count-pill,.rp-root .rp-mini-chip,.rp-root .rp-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.rp-root .rp-count-pill{color:#4338ca;background:linear-gradient(135deg,#eef2ff,#ddd6fe);min-width:30px;height:24px;padding:0 9px;font-size:12px;font-weight:800;box-shadow:0 1px 4px #4f46e52e}.rp-root .rp-mini-chip{color:#475569;text-overflow:ellipsis;background:#f8fafc;border:1px solid #e2e8f0;max-width:120px;height:24px;padding:0 9px;font-size:11px;font-weight:600;transition:all .14s;overflow:hidden}.rp-root .rp-mini-chip:not(.muted):hover{background:var(--rp-primary-bg);border-color:var(--rp-primary-light);color:var(--rp-primary)}.rp-root .rp-mini-chip.muted{color:var(--rp-faint)}.rp-root .rp-status{height:24px;padding:0 12px;font-size:11px;font-weight:700}.rp-root .rp-status-active{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 1px 4px #15803d2e}.rp-root .rp-status-inactive{color:#6b7280;background:#f3f4f6}.rp-root .rp-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rp-root .rp-icon-btn{border-radius:8px;height:32px;padding:0 10px;font-size:12px;font-weight:700}.rp-root .rp-action-btn{border:1.5px solid var(--rp-border);background:var(--rp-card);width:32px;height:32px;color:var(--rp-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex}.rp-root .rp-action-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.rp-root .rp-action-edit:hover{background:var(--rp-primary-bg);border-color:var(--rp-primary-light);color:var(--rp-primary);transform:translateY(-1px);box-shadow:0 2px 8px #4f46e529}.rp-root .rp-action-assign:hover{background:var(--rp-success-bg);color:var(--rp-success);border-color:#6ee7b7;transform:translateY(-1px);box-shadow:0 2px 8px #05966929}.rp-root .rp-action-status--active{background:var(--rp-success-bg);color:var(--rp-success);border-color:#6ee7b7}.rp-root .rp-action-status--active:hover{background:#d1fae5;border-color:#34d399;transform:translateY(-1px);box-shadow:0 2px 8px #0596692e}.rp-root .rp-action-status--inactive{color:#9ca3af;background:#f3f4f6;border-color:#d1d5db}.rp-root .rp-action-status--inactive:hover{color:#6b7280;background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.rp-root .rp-empty{text-align:center;color:var(--rp-muted);background:linear-gradient(#0000,#4f46e505);padding:56px 18px;font-size:14px;font-weight:600}.rp-root .rp-permission-list{flex-direction:column;gap:14px;display:flex}.rp-root .exp-scroll-pagination{min-height:44px;color:var(--rp-muted);justify-content:center;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.rp-root .rp-assign-modal-body .exp-scroll-pagination{background:#fafbfc;border-top:1px solid #f1f5f9}.rp-root .rp-permission-group{background:var(--rp-card);border:1px solid var(--rp-border);border-radius:var(--rp-radius);box-shadow:var(--rp-shadow-sm);transition:box-shadow .18s;overflow:hidden}.rp-root .rp-permission-group:hover{box-shadow:var(--rp-shadow)}.rp-root .rp-group-head{border-bottom:1px solid var(--rp-border);background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 100%);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.rp-root .rp-group-head h2{color:var(--rp-text);margin:0;font-size:15px;font-weight:800}.rp-root .rp-group-head span{color:var(--rp-muted);margin-top:3px;font-size:12px;font-weight:600;display:block}.rp-root .rp-permission-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0;display:grid}.rp-root .rp-permission-item{border-bottom:1px solid #f1f5fb;border-right:1px solid #f1f5fb;align-items:flex-start;gap:12px;min-height:100px;padding:16px 18px;transition:background .14s;display:flex}.rp-root .rp-permission-item:hover{background:linear-gradient(135deg,#fafaff,#f5f3ff)}.rp-root .rp-permission-icon{width:36px;height:36px;color:var(--rp-primary);background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #4f46e524}.rp-root .rp-permission-item strong,.rp-root .rp-permission-check strong{color:var(--rp-text);font-size:13px;font-weight:700;line-height:1.35;display:block}.rp-root .rp-permission-item p{color:var(--rp-muted);margin:5px 0 6px;font-size:12px;line-height:1.5}.rp-root .rp-permission-item>div>span{color:var(--rp-faint);background:var(--rp-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.rp-root .rp-overlay{z-index:850;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;position:fixed;inset:0}.rp-root .rp-panel{z-index:900;background:var(--rp-card);width:480px;max-width:100vw;box-shadow:var(--rp-shadow-lg);border-left:1px solid var(--rp-border);flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.rp-root .rp-panel.open{transition-delay:0s;transform:translate(0)}.rp-root .rp-panel-head{background:linear-gradient(135deg,#4f46e512 0%,#4f46e505 100%);border-bottom:2px solid #4f46e51a;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.rp-root .rp-panel-head-left{align-items:center;gap:13px;min-width:0;display:flex}.rp-root .rp-panel-head-icon{color:#fff;background:#4f46e5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #4f46e54d}.rp-root .rp-panel-head-icon--green{background:#059669;box-shadow:0 4px 14px #05966947}.rp-root .rp-panel-head .rp-panel-title{margin:0;font-size:17px;font-weight:800;color:#111827!important;justify-content:unset!important;background:0 0!important;border-bottom:none!important;padding:0!important;display:block!important}.rp-root .rp-panel-sub{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:12px;font-weight:500;overflow:hidden}.rp-root .rp-panel-close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.rp-root .rp-panel-close:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.rp-root .rp-panel-body{flex-direction:column;flex:1;gap:18px;padding:20px 22px 12px;display:flex;overflow-y:auto}.rp-root .rp-panel-body::-webkit-scrollbar{width:4px}.rp-root .rp-panel-body::-webkit-scrollbar-track{background:0 0}.rp-root .rp-panel-body::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:999px}.rp-root .rp-form-error{background:var(--rp-danger-bg);color:var(--rp-danger);border:1.5px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.rp-root .rp-assignment-summary{border:1.5px solid var(--rp-primary-light);background:var(--rp-primary-bg);border-radius:10px;align-items:center;gap:10px;min-height:50px;padding:10px 14px;display:flex}.rp-root .rp-assignment-summary strong{color:var(--rp-primary);font-size:13px;font-weight:700}.rp-root .rp-form-section{flex-direction:column;gap:12px;display:flex}.rp-root .rp-form-title{color:var(--rp-muted);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--rp-border);align-items:center;gap:7px;padding-bottom:8px;font-size:11px;font-weight:800;display:flex}.rp-root .rp-field{flex-direction:column;gap:7px;display:flex}.rp-root .rp-field span{color:var(--rp-text);font-size:13px;font-weight:700}.rp-root .rp-field b{color:var(--rp-danger)}.rp-root .rp-field input,.rp-root .rp-field textarea{border:1.5px solid var(--rp-border);width:100%;color:var(--rp-text);background:#fafbff;border-radius:10px;outline:none;padding:10px 13px;font-family:inherit;font-size:13.5px;transition:all .15s}.rp-root .rp-field input{height:42px}.rp-root .rp-field textarea{resize:vertical;min-height:88px;line-height:1.55}.rp-root .rp-field input:focus,.rp-root .rp-field textarea:focus{border-color:var(--rp-primary);background:#fff;box-shadow:0 0 0 3px #4f46e524}.rp-root .rp-status-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rp-root .rp-status-tab{border:1.5px solid var(--rp-border);height:42px;color:var(--rp-muted);cursor:pointer;background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.rp-root .rp-status-tab:hover{background:var(--rp-soft);color:var(--rp-text)}.rp-root .rp-status-tab span{background:currentColor;border-radius:999px;width:8px;height:8px}.rp-root .rp-status-tab.active.active{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;box-shadow:0 2px 8px #15803d2e}.rp-root .rp-status-tab.inactive.active{color:#6b7280;background:#f3f4f6;border-color:#d1d5db}.rp-root .rp-permission-selector{border:1.5px solid var(--rp-border);border-radius:var(--rp-radius);background:#fff;overflow:hidden}.rp-root .rp-selector-empty{text-align:center;color:var(--rp-muted);padding:28px 14px;font-size:13px;font-weight:600}.rp-root .rp-selector-group+.rp-selector-group{border-top:1px solid var(--rp-border)}.rp-root .rp-selector-group-head{background:linear-gradient(135deg,#f8faff,#f0f4ff);justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:10px 14px;display:flex}.rp-root .rp-selector-group-head strong{font-size:13px;font-weight:700}.rp-root .rp-selector-group-head span{color:var(--rp-muted);margin-top:2px;font-size:11px;font-weight:600;display:block}.rp-root .rp-selector-group-head label{color:var(--rp-primary);cursor:pointer;background:var(--rp-primary-bg);border:1px solid var(--rp-primary-light);border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex}.rp-root .rp-selector-group-head label:hover{background:var(--rp-primary);color:#fff;border-color:var(--rp-primary)}.rp-root .rp-selector-items{grid-template-columns:1fr;display:grid}.rp-root .rp-permission-check{cursor:pointer;border-top:1px solid #f1f5fb;grid-template-columns:18px 1fr;align-items:flex-start;gap:10px;min-height:54px;padding:10px 14px;transition:background .14s;display:grid}.rp-root .rp-permission-check:hover{background:#fafaff}.rp-root .rp-permission-check input,.rp-root .rp-selector-group-head input{width:16px;height:16px;accent-color:var(--rp-primary);cursor:pointer;margin-top:1px}.rp-root .rp-permission-check small{color:var(--rp-muted);margin-top:3px;font-size:11px;font-weight:500;line-height:1.4;display:block}.rp-root .rp-panel-foot{background:#fafbfc;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px 20px;display:flex}@media (width<=1100px){.rp-root .rp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-root .rp-table{min-width:900px}.rp-root .rp-table-wrap{overflow-x:auto}}@media (width<=760px){.rp-root{gap:16px;padding:18px 16px 48px}.rp-root .rp-header{padding:18px 20px}.rp-root .rp-header h1{font-size:18px}.rp-root .rp-header-actions{width:100%}.rp-root .rp-header-actions .rp-btn{flex:1}.rp-root .rp-tabs{width:100%}.rp-root .rp-tab{flex:1;justify-content:center}.rp-root .rp-stats{grid-template-columns:1fr 1fr}.rp-root .rp-toolbar{align-items:stretch;gap:8px}.rp-root .rp-filter,.rp-root .rp-search{width:100%}.rp-root .rp-search{min-width:0}.rp-root .rp-result-count{text-align:center}.rp-root .rp-panel{width:100vw}.rp-root .rp-assign-modal{border-radius:12px}.rp-root .rp-assign-grid{grid-template-columns:1fr 1fr}}@keyframes rpModalIn{0%{opacity:0;transform:scale(.97)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.rp-root .rp-assign-overlay{z-index:950;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a85;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rp-root .rp-assign-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(1120px,96vw);max-height:90vh;animation:.22s cubic-bezier(.22,1,.36,1) rpModalIn;display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a3d,0 0 0 1px #0f172a0f}.rp-root .rp-assign-modal-head{background:linear-gradient(135deg,#05966912 0%,#05966905 100%);border-bottom:2px solid #0596691f;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.rp-root .rp-assign-title{color:#111827;margin:0;font-size:17px;font-weight:800}.rp-root .rp-assign-modal-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.rp-root .rp-assign-badge{color:#059669;white-space:nowrap;background:#ecfdf5;border:1.5px solid #6ee7b7;border-radius:999px;padding:5px 16px;font-size:13px;font-weight:600}.rp-root .rp-assign-badge strong{font-size:15px;font-weight:800}.rp-root .rp-assign-toolbar{background:#fafbff;border-bottom:1px solid #f1f5f9;flex-shrink:0;align-items:center;gap:12px;padding:12px 24px;display:flex}.rp-root .rp-assign-search{flex:1;min-width:0;background:#fff!important;border-radius:10px!important;height:42px!important}.rp-root .rp-assign-error{flex-shrink:0;margin:12px 24px 0}.rp-root .rp-assign-modal-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.rp-root .rp-assign-modal-body::-webkit-scrollbar{width:5px}.rp-root .rp-assign-modal-body::-webkit-scrollbar-track{background:0 0}.rp-root .rp-assign-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.rp-root .rp-assign-group{border-bottom:1px solid #f1f5f9}.rp-root .rp-assign-group:last-child{border-bottom:0}.rp-root .rp-assign-group-head{z-index:10;background:linear-gradient(135deg,#f8faff,#f0f4ff);border-bottom:1px solid #e8ecf8;padding:10px 24px;position:sticky;top:0}.rp-root .rp-assign-group-label{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.rp-root .rp-assign-group-label input{accent-color:#4f46e5;cursor:pointer;flex-shrink:0;width:16px;height:16px}.rp-root .rp-assign-group-label strong{color:#111827;font-size:13.5px;font-weight:800}.rp-root .rp-assign-group-count{color:#6b7280;background:#e2e8f0;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.rp-root .rp-assign-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px;padding:8px 18px 14px;display:grid}.rp-root .rp-assign-item{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:background .13s,border-color .13s;display:flex}.rp-root .rp-assign-item:hover{background:#f5f3ff;border-color:#ddd6fe}.rp-root .rp-assign-item.checked{background:#eef2ff;border-color:#c7d2fe}.rp-root .rp-assign-item input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.rp-root .rp-assign-item-info strong{color:#111827;font-size:12.5px;font-weight:700;line-height:1.35;display:block}.rp-root .rp-assign-item-info small{color:#6b7280;margin-top:3px;font-size:11px;line-height:1.4;display:block}.rp-root .rp-assign-modal-foot{background:#fafbfc;border-top:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:10px;padding:14px 24px;display:flex}.rp-root .rp-assign-modal-foot .rp-btn-secondary{color:#374151;background:#f1f5f9;border-color:#e2e8f0}.rp-root .rp-assign-modal-foot .rp-btn-secondary:hover:not(:disabled){color:#111827;background:#e2e8f0;border-color:#d1d5db;transform:none}.rp-root .rp-assign-modal-foot .rp-btn-primary{background:#059669;border-color:#059669;box-shadow:0 2px 8px #05966940}.rp-root .rp-assign-modal-foot .rp-btn-primary:hover:not(:disabled){background:#047857;border-color:#047857;box-shadow:0 4px 14px #0596694d}.rp-root .rp-assign-modal-foot .rp-btn-primary.saved{background:linear-gradient(135deg,#059669,#10b981);border-color:#0000}@media (width<=760px){.rp-root .rp-assign-overlay{align-items:flex-end;padding:0}.rp-root .rp-assign-modal{border-radius:18px 18px 0 0;width:100vw;max-height:95vh}.rp-root .rp-assign-grid{grid-template-columns:1fr}}.ntp-page{background:#f8f9fc;min-height:calc(100vh - 64px);padding:24px}.ntp-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.ntp-head h1{color:#111827;margin:0;font-size:24px;line-height:1.2}.ntp-head p{color:#6b7280;margin:5px 0 0;font-size:13px}.ntp-head-actions,.ntp-toolbar,.ntp-row-actions{align-items:center;gap:8px;display:flex}.ntp-btn,.ntp-mark-btn,.ntp-icon-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d8dee9;font-size:12.5px;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.ntp-btn{border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 13px;display:inline-flex}.ntp-btn:hover,.ntp-mark-btn:hover,.ntp-icon-btn:hover{background:#f7f8ff;border-color:#bcc7dc}.ntp-btn.primary{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 3px 10px #4f46e533}.ntp-btn:disabled,.ntp-mark-btn:disabled{opacity:.65;cursor:not-allowed}.ntp-spin{animation:.8s linear infinite ntp-spin}@keyframes ntp-spin{to{transform:rotate(360deg)}}.ntp-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.ntp-stat{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;min-height:84px;padding:14px;display:grid}.ntp-stat svg{color:#2563eb;background:#eff6ff;border-radius:8px;grid-row:1/3;width:34px;height:34px;padding:8px}.ntp-stat.unread svg{color:#dc2626;background:#fef2f2}.ntp-stat span{color:#111827;font-size:22px;font-weight:800;line-height:1}.ntp-stat small{color:#6b7280;font-size:12px;font-weight:650}.ntp-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:10px}.ntp-toolbar select{color:#111827;background:#f8f9fc;border:1px solid #d8dee9;border-radius:8px;outline:none;width:170px;height:36px;padding:0 10px;font-size:12.5px;font-weight:650}.ntp-toolbar span{color:#6b7280;margin-left:auto;font-size:12px;font-weight:700}.ntp-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:12.5px;font-weight:700}.ntp-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.ntp-empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;font-size:13px;font-weight:700;display:flex}.ntp-row{background:#fff;border-bottom:1px solid #edf0f5;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0;display:grid}.ntp-row:last-child{border-bottom:0}.ntp-row.unread{background:#f7f8ff}.ntp-row-main{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 16px;display:grid}.ntp-row-main:hover .ntp-row-top strong{color:#4f46e5}.ntp-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.ntp-icon.notice{background:#2563eb}.ntp-icon.event{background:#7c3aed}.ntp-icon.system{background:#059669}.ntp-row-content{flex-direction:column;gap:4px;min-width:0;display:flex}.ntp-row-top{align-items:center;gap:10px;min-width:0;display:flex}.ntp-row-top strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:800;overflow:hidden}.ntp-row-top em{color:#475569;background:#f8fafc;border:1px solid #dbe3f0;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-style:normal;font-weight:800}.ntp-message{color:#4b5563;font-size:12.5px;line-height:1.45}.ntp-meta{color:#9ca3af;font-size:11px;font-weight:700}.ntp-row-actions{flex-shrink:0;padding-right:16px}.ntp-icon-btn{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.ntp-mark-btn{border-radius:8px;height:34px;padding:0 11px}@media (width<=900px){.ntp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ntp-row{grid-template-columns:1fr;gap:0}.ntp-row-actions{justify-content:flex-end;padding:0 16px 14px}}@media (width<=640px){.ntp-page{padding:16px}.ntp-head,.ntp-head-actions,.ntp-toolbar{flex-direction:column;align-items:stretch}.ntp-head-actions .ntp-btn,.ntp-toolbar select{width:100%}.ntp-stats{grid-template-columns:1fr}.ntp-toolbar span{margin-left:0}.ntp-row-main{grid-template-columns:34px minmax(0,1fr);padding:13px}.ntp-icon{width:34px;height:34px}.ntp-row-top{flex-direction:column;align-items:flex-start;gap:5px}}.fo-content{color:#111827;background:#f1f5f9;flex-direction:column;gap:20px;min-height:calc(100vh - 72px);padding:24px;display:flex}.fo-page-head{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex;box-shadow:0 1px 3px #0f172a12}.fo-page-head-info{align-items:center;gap:14px;min-width:0;display:flex}.fo-page-head-icon{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:10px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 1px 4px #2563eb26}.fo-page-head h1{margin:0;font-size:22px;font-weight:800}.fo-page-head p{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.45}.fo-refresh,.fo-primary,.fo-secondary,.fo-icon-btn{color:#334155;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .15s,box-shadow .18s;display:inline-flex}.fo-refresh,.fo-secondary{white-space:nowrap;min-height:38px;padding:0 14px}.fo-refresh:hover,.fo-secondary:hover{color:#2563eb;background:#f8fafc;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb1a}.fo-refresh:active,.fo-secondary:active{box-shadow:none;transform:translateY(0)}.fo-primary{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;min-height:42px;padding:0 18px;font-weight:700;box-shadow:0 2px 6px #2563eb40}.fo-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 5px 16px #2563eb61}.fo-primary:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb40}.fo-primary.full{width:100%;min-height:44px;margin-top:8px;font-size:14px}.fo-primary:disabled,.fo-secondary:disabled,.fo-refresh:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.fo-stats{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;display:grid}.fo-stat{cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0f172a0f}.fo-stat:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f172a1a}.fo-stat-icon{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:10px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.fo-stat.success .fo-stat-icon{color:#059669;background:linear-gradient(135deg,#a7f3d0,#d1fae5)}.fo-stat.warning .fo-stat-icon{color:#d97706;background:linear-gradient(135deg,#fde68a,#fef3c7)}.fo-stat.danger .fo-stat-icon{color:#dc2626;background:linear-gradient(135deg,#fecaca,#fee2e2)}.fo-stat.info .fo-stat-icon{color:#0e7490;background:linear-gradient(135deg,#a5f3fc,#e0f7fa)}.fo-stat.purple .fo-stat-icon{color:#7c3aed;background:linear-gradient(135deg,#ddd6fe,#ede9fe)}.fo-stat strong{color:#0f172a;letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1;display:block}.fo-stat span{color:#64748b;margin-top:5px;font-size:12px;font-weight:500;display:block}.fo-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(120px,160px)) auto;align-items:center;gap:10px;display:grid}.fo-search{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 1px 2px #0f172a0a}.fo-search svg{color:#94a3b8;flex:none}.fo-search input{color:#111827;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.fo-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.fo-toolbar select,.fo-toolbar input[type=date]{color:#334155;width:100%;min-width:0;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:0;padding:9px 11px;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s;box-shadow:0 1px 2px #0f172a0a}.fo-toolbar select:focus,.fo-toolbar input[type=date]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.fo-grid-layout{grid-template-columns:minmax(340px,460px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.fo-grid-layout.list-only{grid-template-columns:minmax(0,1fr)}.fo-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0f172a12}.fo-form-card .fo-section-head{background:linear-gradient(135deg,#1e40af 0%,#2563eb 100%);border-bottom:none;gap:10px;margin:0;padding:16px 20px}.fo-form-card .fo-section-head h2{color:#fff;font-size:15px;font-weight:700}.fo-form-card .fo-section-head .fo-secondary{color:#fff;background:#ffffff1f;border-color:#ffffff59;min-height:32px;padding:0 10px;font-size:12px}.fo-form-card .fo-section-head .fo-secondary:hover{color:#fff;box-shadow:none;background:#ffffff38;border-color:#ffffff80;transform:none}.fo-form-body{padding:20px}.fo-permission-note,.fo-access-panel{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;font-size:13px;line-height:1.5}.fo-permission-note{padding:26px 18px}.fo-access-panel{max-width:560px;margin:40px auto;padding:38px 28px}.fo-access-panel h1{color:#0f172a;margin:0;font-size:22px;font-weight:800}.fo-access-panel p{margin:8px 0 0}.fo-skeleton-head,.fo-skeleton-stat,.fo-skeleton-toolbar,.fo-skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0f}.fo-skeleton-head{align-items:center;gap:14px;min-height:88px;padding:18px 22px;display:flex}.fo-skeleton-avatar,.fo-skeleton-line,.fo-skeleton-card{background:linear-gradient(90deg,#e5e7eb 25%,#f8fafc 50%,#e5e7eb 75%) 0 0/600px 100%;animation:1.35s ease-in-out infinite fo-shimmer}.fo-skeleton-avatar{border-radius:10px;flex:none;width:48px;height:48px}.fo-skeleton-avatar.small{width:42px;height:42px}.fo-skeleton-copy{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.fo-skeleton-line{border-radius:7px;height:14px}.fo-skeleton-line.lg{width:min(260px,62%);height:18px}.fo-skeleton-line.md{width:min(420px,84%)}.fo-skeleton-line.sm{width:52%;height:18px}.fo-skeleton-line.xs{width:72%;height:12px}.fo-skeleton-line.wide,.fo-skeleton-line.field{width:100%;min-height:42px}.fo-skeleton-stats{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;display:grid}.fo-skeleton-stat{align-items:center;gap:14px;min-height:76px;padding:16px 18px;display:flex}.fo-skeleton-toolbar{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(120px,160px));gap:10px;padding:0;display:grid}.fo-skeleton-card{min-height:340px}.fo-skeleton-card.table{min-height:420px}.fo-form-section{grid-column:1/-1;align-items:center;gap:10px;margin-top:4px;display:flex}.fo-form-section-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;white-space:nowrap;font-size:10px;font-weight:800}.fo-form-section-line{background:#e2e8f0;flex:1;height:1px}.fo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.fo-field{flex-direction:column;gap:5px;display:flex}.fo-field.full{grid-column:1/-1}.fo-field>span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.fo-required{color:#ef4444;font-weight:700}.fo-field input,.fo-field select,.fo-field textarea{color:#0f172a;width:100%;min-width:0;min-height:42px;font:inherit;appearance:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:0;padding:9px 13px;font-size:13.5px;transition:border-color .18s,background .18s,box-shadow .18s}.fo-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.fo-field textarea{resize:vertical;min-height:82px;line-height:1.5}.fo-field input:focus,.fo-field select:focus,.fo-field textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.fo-field input:hover:not(:focus),.fo-field select:hover:not(:focus),.fo-field textarea:hover:not(:focus){background:#f8fafc;border-color:#cbd5e1}.fo-button-row{gap:10px;margin-top:6px;display:flex}.fo-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0f172a12}.fo-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.fo-list-card .fo-section-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;margin:0;padding:15px 20px}.fo-section-head h2{color:#0f172a;margin:0;font-size:15px;font-weight:700}.fo-list-card .fo-section-head span{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.fo-table-wrap{width:100%;overflow-x:auto}.fo-table{border-collapse:collapse;width:100%;min-width:860px}.fo-table thead tr{background:#f1f5f9}.fo-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:11px 16px;font-size:11px;font-weight:700}.fo-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px;font-size:13px}.fo-table tbody tr{transition:background .14s,box-shadow .14s}.fo-table tbody tr:nth-child(2n){background:#fafbff}.fo-table tbody tr:hover{background:#eff6ff;box-shadow:inset 3px 0 #2563eb}.fo-table tbody tr:last-child td{border-bottom:0}.fo-name-cell{align-items:center;gap:10px;display:flex}.fo-avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-flex}.fo-main-cell{flex-direction:column;gap:3px;min-width:0;display:flex}.fo-main-cell strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.fo-main-cell span,.fo-muted{color:#64748b;font-size:11.5px}.fo-inline{align-items:center;gap:4px;display:inline-flex}.fo-pass-no{color:#1e40af;white-space:nowrap;letter-spacing:.03em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;padding:3px 9px;font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:12px;font-weight:700;display:inline-flex}.fo-chip{color:#475569;text-transform:capitalize;white-space:nowrap;background:#f8fafc;border:1px solid #dbe3ef;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.fo-chip:hover{transform:scale(1.05);box-shadow:0 2px 6px #0f172a1a}.fo-chip.checked_in,.fo-chip.new,.fo-chip.open,.fo-chip.pending,.fo-chip.dispatched,.fo-chip.in_transit,.fo-chip.follow_up,.fo-chip.incoming{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.fo-chip.checked_out,.fo-chip.converted,.fo-chip.resolved,.fo-chip.received,.fo-chip.delivered{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.fo-chip.cancelled,.fo-chip.closed,.fo-chip.not_interested,.fo-chip.returned{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.fo-chip.walk_in{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.fo-chip.phone{color:#a16207;background:#fefce8;border-color:#fde68a}.fo-chip.website{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.fo-chip.referral{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.fo-chip.outgoing{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.fo-actions{align-items:center;gap:6px;display:flex}.fo-icon-btn{border-radius:8px;width:32px;height:32px;padding:0}.fo-icon-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:scale(1.12)}.fo-icon-btn:active{transform:scale(.94)}.fo-icon-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca;transform:scale(1.12)}.fo-icon-btn.success:hover{color:#059669;background:#ecfdf5;border-color:#a7f3d0;transform:scale(1.12)}.fo-empty{color:#94a3b8;text-align:center;padding:52px 20px;font-size:13px}.fo-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;display:flex}.fo-empty-label{color:#64748b;font-size:14px;font-weight:600}.fo-empty-sub{color:#94a3b8;margin-top:4px;font-size:13px}@media (width<=1280px){.fo-stats{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media (width<=1180px){.fo-stats{grid-template-columns:repeat(2,minmax(130px,1fr))}.fo-grid-layout{grid-template-columns:1fr}.fo-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.fo-search{grid-column:1/-1}}@media (width<=720px){.fo-content{padding:14px}.fo-page-head{flex-direction:column;align-items:stretch}.fo-page-head h1{font-size:19px}.fo-stats,.fo-toolbar,.fo-form-grid{grid-template-columns:1fr}.fo-search{grid-column:auto}.fo-button-row{flex-direction:column}}@keyframes fo-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fo-slide-left{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes fo-slide-right{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes fo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fo-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.fo-page-head{animation:.38s both fo-fade-up}.fo-stat:first-child{animation:.4s 60ms both fo-fade-in}.fo-stat:nth-child(2){animation:.4s .14s both fo-fade-in}.fo-stat:nth-child(3){animation:.4s .22s both fo-fade-in}.fo-stat:nth-child(4){animation:.4s .3s both fo-fade-in}.fo-stat:nth-child(5){animation:.4s .38s both fo-fade-in}.fo-toolbar{animation:.36s .15s both fo-fade-up}.fo-form-card{animation:.42s .2s both fo-slide-left}.fo-list-card{animation:.42s .22s both fo-slide-right}.fo-table tbody tr{animation:.3s both fo-fade-up}.fo-table tbody tr:first-child{animation-delay:40ms}.fo-table tbody tr:nth-child(2){animation-delay:80ms}.fo-table tbody tr:nth-child(3){animation-delay:.12s}.fo-table tbody tr:nth-child(4){animation-delay:.16s}.fo-table tbody tr:nth-child(5){animation-delay:.2s}.fo-table tbody tr:nth-child(6){animation-delay:.24s}.fo-table tbody tr:nth-child(7){animation-delay:.28s}.fo-table tbody tr:nth-child(8){animation-delay:.32s}.fo-table tbody tr:nth-child(9){animation-delay:.36s}.fo-table tbody tr:nth-child(n+10){animation-delay:.4s}.fo-spin-icon{animation:.75s linear infinite fo-spin;display:inline-flex}.fo-shimmer-cell{background:linear-gradient(90deg,#e5e7eb 25%,#f1f5f9 50%,#e5e7eb 75%) 0 0/600px 100%;border-radius:6px;height:14px;animation:1.4s ease-in-out infinite fo-shimmer}.fo-shimmer-row td{padding:16px}@keyframes cpViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cp-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.cp-layout{display:flex}.cp-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.cp-main.sidebar-collapsed{margin-left:58px}.cp-main::-webkit-scrollbar{width:5px}.cp-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.cp-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.cp-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.cp-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.cp-sep{color:var(--text-3)}.cp-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.cp-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.cp-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.cp-search-box input::placeholder{color:var(--text-3)}.cp-toolbar-search{flex-shrink:0;width:230px}.cp-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;margin:0;padding:0;transition:color .15s;display:flex}.cp-search-clear:hover{color:var(--text-1)}.cp-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.cp-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.cp-icon-btn:hover{background:var(--bg);color:var(--text-1)}.cp-notif-btn .cp-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.cp-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.cp-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.cp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.cp-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.cp-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.cp-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.cp-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cp-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both fadeUp;display:flex}.cp-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cp-stat:first-child{animation-delay:60ms}.cp-stat:nth-child(2){animation-delay:.12s}.cp-stat:nth-child(3){animation-delay:.18s}.cp-stat:nth-child(4){animation-delay:.24s}.cp-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cp-stat-value{font-size:24px;font-weight:800;line-height:1}.cp-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.cp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cp-select-wrap{position:relative}.cp-select-wrap.cp-full{width:100%}.cp-select{appearance:none;color:#111827;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;min-width:160px;height:38px;padding:0 32px 0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 3px #0000000d}.cp-select:hover{background-color:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.cp-select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.cp-select-arrow{display:none}.cp-result-count{background:var(--primary-bg);border:1px solid var(--primary-ring);color:var(--primary);border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.cp-view-toggle{background:var(--border);border-radius:9px;gap:2px;padding:3px;display:flex;position:relative}.cp-view-toggle-indicator{background:var(--card);width:32px;height:28px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:7px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.cp-view-toggle-indicator.list{transform:translate(34px)}.cp-view-btn{z-index:1;width:32px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:relative}.cp-view-btn:active{transform:scale(.88)}.cp-view-btn.active{color:var(--primary)}.cp-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both cpViewSwitch}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.cp-grid .cp-card:first-child{animation:.35s 40ms both cardIn}.cp-grid .cp-card:nth-child(2){animation:.35s 80ms both cardIn}.cp-grid .cp-card:nth-child(3){animation:.35s .12s both cardIn}.cp-grid .cp-card:nth-child(4){animation:.35s .16s both cardIn}.cp-grid .cp-card:nth-child(5){animation:.35s .2s both cardIn}.cp-grid .cp-card:nth-child(6){animation:.35s .24s both cardIn}.cp-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.cp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.cp-card-banner{border-bottom:1px solid;justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.cp-card-icon{color:#fff;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.cp-card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px;display:flex}.cp-card-code{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.cp-card-name{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.3}.cp-card-desc{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.cp-card-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.cp-card-meta span{align-items:center;gap:5px;display:flex}.cp-card-instructor{color:var(--text-2);align-items:center;gap:8px;margin-top:2px;font-size:12.5px;font-weight:500;display:flex}.cp-instr-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.cp-enroll{margin-top:auto;padding-top:12px}.cp-enroll-row{color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px;display:flex}.cp-enroll-label{align-items:center;gap:5px;display:flex}.cp-enroll-pct{font-size:11.5px;font-weight:700}.cp-enroll-track{background:var(--border-md);border-radius:3px;height:5px;overflow:hidden}.cp-enroll-fill{border-radius:3px;height:100%;transition:width .6s}.cp-card-actions{border-top:1px solid var(--border);display:flex;overflow:hidden}.cp-action-btn{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;transition:background .14s,color .14s;display:flex}.cp-action-btn.edit{color:var(--primary);background:0 0}.cp-action-btn.edit:hover{background:var(--primary-bg)}.cp-status-select{border:0;border-left:1px solid var(--border);min-width:0;color:var(--text-1);cursor:pointer;font-family:var(--font);background:0 0;outline:none;flex:1;padding:0 12px;font-size:12.5px;font-weight:600;transition:background .14s,color .14s}.cp-status-select:hover,.cp-status-select:focus{background:var(--primary-bg);color:var(--primary)}.cp-status-select.compact{border:1px solid var(--border-md);background:var(--bg);border-radius:8px;flex:none;width:112px;height:30px;padding:0 8px;font-size:12px}.cp-status-select.compact:hover,.cp-status-select.compact:focus{border-color:var(--primary-ring)}.cp-chip{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.cp-chip-active{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.cp-chip-inactive{color:var(--text-2);border:1px solid var(--border-md);background:#f3f4f6}.cp-empty{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:64px 24px;display:flex}.cp-empty-icon{background:var(--primary-bg);width:64px;height:64px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.cp-empty p{color:var(--text-2);font-size:15px}.cp-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.cp-table{border-collapse:collapse;width:100%}.cp-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.cp-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.cp-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.cp-table tbody tr:last-child{border-bottom:none}.cp-table tbody tr:hover{background:#fafbff}.cp-table td{color:var(--text-1);vertical-align:middle;padding:14px 16px;font-size:13.5px}.cp-table-empty{text-align:center;color:var(--text-3);padding:40px 0!important}.cp-table-course{align-items:center;gap:12px;display:flex}.cp-table-icon{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cp-table-name{color:var(--text-1);font-size:13.5px;font-weight:600}.cp-table-code{letter-spacing:.05em;text-transform:uppercase;margin-top:1px;font-size:11px;font-weight:700}.cp-table-instr,.cp-table-dur{color:var(--text-2);font-size:13px}.cp-na{color:var(--text-3)}.cp-table-enroll{flex-direction:column;gap:5px;min-width:110px;display:flex}.cp-table-enroll span{color:var(--text-2);font-size:12.5px}.cp-mini-track{background:var(--border-md);border-radius:2px;height:4px;overflow:hidden}.cp-mini-fill{border-radius:2px;height:100%;transition:width .5s}.cp-table-acts{gap:6px;display:flex}.cp-tbl-btn{border:1px solid var(--border-md);background:var(--bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,border-color .14s,color .14s;display:flex}.cp-tbl-btn.edit{color:var(--primary)}.cp-tbl-btn.edit:hover{background:var(--primary-bg);border-color:var(--primary-ring)}.cp-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;animation:.22s both overlayIn;position:fixed;inset:0}.cp-panel{background:var(--card);z-index:201;flex-direction:column;width:500px;transition:transform .36s cubic-bezier(.4,0,.2,1),visibility 0s linear .36s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.cp-panel.open{transition-delay:0s;transform:translate(0)}.cp-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 20px;transition:background .3s,border-color .3s;display:flex}.cp-panel-head-left{align-items:center;gap:14px;display:flex}.cp-panel-head-icon{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:background .3s;display:flex;box-shadow:0 4px 14px #0000002e}.cp-panel-title{color:var(--text-1);font-size:17px;font-weight:800}.cp-panel-sub{color:var(--text-2);margin-top:3px;font-size:12.5px}.cp-panel-close{border:1px solid var(--border-md);cursor:pointer;width:34px;height:34px;color:var(--text-2);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.cp-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.cp-panel-body{flex-direction:column;flex:1;gap:0;padding:20px 24px 8px;display:flex;overflow-y:auto}.cp-panel-body::-webkit-scrollbar{width:4px}.cp-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.cp-panel-foot{border-top:1px solid var(--border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.cp-form-section{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:18px 0;display:flex}.cp-form-section:last-child{border-bottom:none}.cp-form-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;padding-bottom:2px;font-size:11px;font-weight:700;display:flex}.cp-panel.open .cp-anim-1{animation:.35s 80ms both fieldIn}.cp-panel.open .cp-anim-2{animation:.35s .13s both fieldIn}.cp-panel.open .cp-anim-3{animation:.35s .18s both fieldIn}.cp-panel.open .cp-anim-4{animation:.35s .23s both fieldIn}.cp-panel.open .cp-anim-5{animation:.35s .28s both fieldIn}.cp-panel.open .cp-anim-6{animation:.35s .33s both fieldIn}.cp-panel.open .cp-anim-7{animation:.35s .38s both fieldIn}.cp-form-field{flex-direction:column;gap:7px;display:flex}.cp-form-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.cp-req{color:var(--danger);margin-left:2px}.cp-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cp-input-group{position:relative}.cp-input-icon-left{color:var(--text-3);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.cp-input-iconed{padding-left:38px!important}.cp-input{border:1.5px solid var(--border-md);width:100%;height:42px;color:var(--text-1);font-size:13.5px;font-family:var(--font);background:#fafbfc;border-radius:10px;outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s}.cp-input:hover{background:#fff;border-color:#c4c9d8}.cp-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.cp-input::placeholder{color:var(--text-3);font-size:13px}.cp-textarea{resize:vertical;height:auto;padding:11px 13px;line-height:1.6}.cp-palette{flex-wrap:wrap;gap:10px;padding:4px 0;display:flex}.cp-palette-dot{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .15s,box-shadow .15s}.cp-palette-dot:hover{transform:scale(1.18)}.cp-palette-dot.selected{transform:scale(1.12)}.cp-status-chips{flex-wrap:wrap;gap:8px;display:flex}.cp-status-chip{border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border-radius:9px;align-items:center;gap:7px;padding:8px 16px;transition:all .15s;display:inline-flex}.cp-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.cp-status-chip:hover:not(.active){border-color:var(--primary-lt);color:var(--primary)}.cp-status-chip.cp-schip-active.active{background:var(--success-bg);color:var(--success);border-color:#a7f3d0;box-shadow:0 2px 8px #10b98126}.cp-status-chip.cp-schip-inactive.active{color:var(--text-1);border-color:var(--border-md);background:#f3f4f6;box-shadow:0 2px 8px #0000000f}.cp-btn-cancel{border:1.5px solid var(--border-md);height:40px;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);background:0 0;border-radius:10px;padding:0 18px;transition:background .14s,color .14s,border-color .14s}.cp-btn-cancel:hover{background:var(--bg);color:var(--text-1);border-color:#c4c9d8}.cp-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 24px;transition:background .2s,box-shadow .2s,transform .12s,opacity .15s;display:inline-flex;box-shadow:0 2px 10px #6366f14d}.cp-btn-save:hover{filter:brightness(1.08);transform:translateY(-1px)}.cp-btn-save.disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.cp-btn-save.saved{background:var(--success);box-shadow:0 2px 10px #10b9814d}.cp-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.cp-modal{background:var(--card);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;padding:36px 32px;animation:.25s cubic-bezier(.4,0,.2,1) both modalIn}.cp-modal-icon{background:var(--danger-bg);width:56px;height:56px;color:var(--danger);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex;box-shadow:0 4px 16px #ef44442e}.cp-modal-title{color:var(--text-1);margin-bottom:10px;font-size:19px;font-weight:800}.cp-modal-msg{color:var(--text-2);margin-bottom:26px;font-size:13.5px;line-height:1.65}.cp-modal-actions{justify-content:center;gap:10px;display:flex}.cp-page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cp-hidden-file{display:none}.cp-excel-actions{border:1.5px solid var(--border-md);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.cp-btn-excel{border:none;border-right:1.5px solid var(--border-md);height:38px;color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 14px;transition:background .15s,color .15s;display:inline-flex}.cp-btn-excel:last-child{border-right:none}.cp-btn-excel:hover:not(:disabled){background:var(--primary-bg);color:var(--primary)}.cp-btn-excel:disabled{opacity:.55;cursor:not-allowed}.cp-btn-excel-export:hover:not(:disabled){background:var(--success-bg);color:var(--success)}.cp-btn-sem-master{border:1.5px solid var(--border-md);height:40px;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:0 16px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.cp-btn-sem-master:hover{background:var(--primary-bg);border-color:var(--primary-ring);color:var(--primary);box-shadow:0 2px 10px #6366f11f}.cp-btn-sem-badge{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.cp-sem-badges{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.cp-sem-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.cp-tbl-sem-wrap{flex-wrap:wrap;gap:4px;display:flex}.cp-sem-pill{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.cp-sem-count-badge{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-ring);border-radius:10px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:700}.cp-sem-hint{color:var(--text-3);margin-top:4px;font-size:12px}.cp-multiselect.p-multiselect{border:1.5px solid var(--border-md);width:100%;min-height:42px;font-family:var(--font);box-shadow:none;background:#fafbfc;border-radius:10px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.cp-multiselect.p-multiselect:not(.p-disabled):hover{background:#fff;border-color:#c4c9d8}.cp-multiselect.p-multiselect.p-focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3.5px #6366f124}.cp-multiselect .p-multiselect-label-container{padding:5px 8px}.cp-multiselect .p-multiselect-label{color:var(--text-1);font-size:13.5px;font-family:var(--font);flex-wrap:wrap;gap:5px;padding:0;display:flex}.cp-multiselect .p-multiselect-label.p-placeholder{color:var(--text-3);font-size:13px}.cp-multiselect .p-multiselect-trigger{color:var(--text-3);width:36px}.cp-multiselect .p-multiselect-clear-icon{color:var(--text-3)}.cp-multiselect .p-multiselect-token{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-ring);font-size:12px;font-weight:600;font-family:var(--font);border-radius:7px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.cp-multiselect .p-multiselect-token-icon{color:var(--primary);cursor:pointer;margin-left:3px;font-size:11px;transition:color .12s}.cp-multiselect .p-multiselect-token-icon:hover{color:var(--danger)}.cp-multiselect-panel.p-multiselect-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);border-radius:10px;margin-top:4px;overflow:hidden}.cp-multiselect-panel .p-multiselect-header{border-bottom:1px solid var(--border);background:#fafbfc;padding:10px 14px}.cp-multiselect-panel .p-multiselect-filter-container .p-inputtext{border:1.5px solid var(--border-md);font-size:13px;font-family:var(--font);border-radius:8px;padding:6px 10px;transition:border-color .15s}.cp-multiselect-panel .p-multiselect-filter-container .p-inputtext:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.cp-multiselect-panel .p-multiselect-items{padding:6px 0}.cp-multiselect-panel .p-multiselect-item{color:var(--text-1);font-size:13px;font-family:var(--font);gap:10px;padding:9px 14px;transition:background .12s}.cp-multiselect-panel .p-multiselect-item:hover,.cp-multiselect-panel .p-multiselect-item:focus{background:var(--primary-bg);outline:none}.cp-multiselect-panel .p-multiselect-item.p-highlight{background:var(--primary-bg);color:var(--primary)}.cp-multiselect-panel .p-checkbox .p-checkbox-box{border:1.5px solid var(--border-md);border-radius:5px;width:16px;height:16px;transition:all .15s}.cp-multiselect-panel .p-checkbox .p-checkbox-box.p-highlight{background:var(--primary);border-color:var(--primary)}.cp-multiselect-panel .p-multiselect-empty-message{color:var(--text-3);text-align:center;padding:20px 14px;font-size:12.5px}.cp-sem-modal{background:var(--card);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:.25s cubic-bezier(.4,0,.2,1) both modalIn;overflow:hidden}.cp-sem-modal-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eef2ff,#f5f3ff);align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.cp-sem-modal-icon{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #6366f14d}.cp-sem-modal-title{color:var(--text-1);font-size:16px;font-weight:800}.cp-sem-modal-sub{color:var(--text-2);margin-top:2px;font-size:12px}.cp-sem-list{max-height:320px;padding:10px 0;overflow-y:auto}.cp-sem-list::-webkit-scrollbar{width:4px}.cp-sem-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.cp-sem-empty{text-align:center;color:var(--text-3);padding:28px 20px;font-size:13px}.cp-sem-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 24px;transition:background .12s;display:flex}.cp-sem-item:last-child{border-bottom:none}.cp-sem-item:hover{background:#fafbff}.cp-sem-item-left{align-items:center;gap:10px;min-width:0;display:flex}.cp-sem-item-dot{background:linear-gradient(135deg,var(--primary),var(--purple));border-radius:50%;flex-shrink:0;width:8px;height:8px}.cp-sem-item-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.cp-sem-item-right{align-items:center;gap:8px;display:flex}.cp-sem-used-badge{color:var(--success);background:var(--success-bg);border:1px solid #a7f3d0;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.cp-sem-status-select{border:1px solid var(--border-md);background:var(--bg);height:30px;color:var(--text-1);cursor:pointer;font-family:var(--font);border-radius:8px;outline:none;padding:0 8px;font-size:12px;font-weight:600;transition:border-color .14s,background .14s}.cp-sem-status-select:hover,.cp-sem-status-select:focus{border-color:var(--primary-ring);background:#fff}.cp-sem-action-msg{border-radius:9px;margin:0 24px 12px;padding:10px 12px;font-size:12.5px;font-weight:600;line-height:1.45}.cp-sem-action-msg.error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.cp-sem-action-msg.success{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.cp-sem-add-row{border-top:1px solid var(--border);background:#fafbfc;align-items:flex-start;gap:10px;padding:16px 24px 20px;display:flex}.cp-sem-add-input-wrap{flex-direction:column;flex:1;gap:4px;display:flex}.cp-sem-add-input{flex:1}.cp-input-error{border-color:var(--danger)!important}.cp-input-error:focus{box-shadow:0 0 0 3.5px #ef444424!important}.cp-sem-err{color:var(--danger);font-size:12px}.cp-sem-add-btn{white-space:nowrap;flex-shrink:0;height:42px;padding:0 18px}.cp-dropdown.p-dropdown{border:1px solid var(--border-md);background:var(--card);font-family:var(--font);box-shadow:none;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:inline-flex}.cp-dropdown.p-dropdown:not(.p-disabled):hover{border-color:#c4c9d8}.cp-dropdown.p-dropdown.p-focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.cp-dropdown .p-dropdown-label{font-family:var(--font);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.cp-dropdown .p-dropdown-trigger{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cp-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);border-radius:10px;margin-top:4px;overflow:hidden}.cp-dropdown-panel .p-dropdown-items{padding:5px 0}.cp-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.cp-dropdown-panel .p-dropdown-item:hover,.cp-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.cp-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.cp-filter-dd.p-dropdown{min-width:150px;height:36px}.cp-filter-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:13px}.cp-filter-dd .p-dropdown-trigger{width:30px}.cp-card-status-dd.p-dropdown{border:none;border-left:1px solid var(--border);background:0 0;border-radius:0;flex:1;height:100%;min-height:40px}.cp-card-status-dd.p-dropdown:not(.p-disabled):hover{background:var(--bg)}.cp-card-status-dd.p-dropdown.p-focus{box-shadow:none;border-color:#0000;border-left-color:var(--border)}.cp-card-status-dd .p-dropdown-label{text-align:center;flex:1;padding:0 4px;font-size:12.5px;font-weight:700}.cp-card-status-dd .p-dropdown-trigger{width:24px;padding-right:6px}.cp-tbl-status-dd.p-dropdown{border-radius:8px;min-width:90px;height:30px}.cp-tbl-status-dd .p-dropdown-label{padding:0 4px 0 10px;font-size:12px;font-weight:600}.cp-tbl-status-dd .p-dropdown-trigger{width:24px}.cp-sem-status-dd.p-dropdown{background:var(--bg);border-radius:8px;min-width:100px;height:30px}.cp-sem-status-dd .p-dropdown-label{padding:0 4px 0 10px;font-size:12px;font-weight:600}.cp-sem-status-dd .p-dropdown-trigger{width:24px}.cp-status-active .p-dropdown-label{color:var(--success)}.cp-status-inactive .p-dropdown-label{color:var(--text-2)}.cp-th-center,.cp-td-center{text-align:center}.cp-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.cp-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.cp-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.cp-content{padding:18px 16px 40px}.cp-grid{grid-template-columns:1fr 1fr}.cp-stats{grid-template-columns:repeat(2,1fr)}.cp-panel{width:100%}}@media (width<=768px){.cp-main{margin-left:0!important}.cp-hamburger{display:flex}.cp-topbar{gap:10px;padding:0 14px}}@media (width<=560px){.cp-grid{grid-template-columns:1fr}.cp-stats{grid-template-columns:1fr 1fr}.cp-form-row,.cp-form-row-3{grid-template-columns:1fr}.cp-topbar{padding:0 12px}.cp-page-head-actions{width:100%}.cp-head-icon-actions{justify-content:flex-end;width:100%}.cp-btn-sem-master,.cp-btn-add{flex:1;justify-content:center}}@keyframes cbSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes cbFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cbOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes cbModalIn{0%{opacity:0;transform:scale(.94)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes cbCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cbFieldIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cbViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cb-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.cb-layout{display:flex}.cb-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both cbSlideIn;overflow:hidden auto}.cb-main.sidebar-collapsed{margin-left:58px}.cb-main::-webkit-scrollbar{width:5px}.cb-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.cb-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.cb-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.cb-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.cb-sep{color:var(--text-3)}.cb-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.cb-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.cb-icon-btn:hover{background:var(--bg);color:var(--text-1)}.cb-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.cb-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.cb-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.cb-hamburger:hover{background:var(--primary-bg);color:var(--primary)}.cb-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.cb-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cb-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.cb-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.cb-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.cb-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.cb-btn-add:disabled{opacity:.5;cursor:not-allowed;transform:none}.cb-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cb-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both cbFadeUp;display:flex}.cb-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cb-stat:first-child{animation-delay:50ms}.cb-stat:nth-child(2){animation-delay:.1s}.cb-stat:nth-child(3){animation-delay:.15s}.cb-stat:nth-child(4){animation-delay:.2s}.cb-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cb-stat-value{font-size:24px;font-weight:800;line-height:1}.cb-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.cb-filter-bar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.cb-filter-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cb-search-box{background:var(--bg);border:1.5px solid var(--border-md);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;height:38px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.cb-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.cb-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.cb-search-box input::placeholder{color:var(--text-3)}.cb-search-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;transition:color .15s;display:flex}.cb-search-clear:hover{color:var(--text-1)}.cb-filter-meta{align-items:center;gap:8px;margin-left:auto;display:flex}.cb-result-count{background:var(--primary-bg);border:1px solid var(--primary-ring);color:var(--primary);white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12.5px;font-weight:700}.cb-clear-btn{border:1px solid var(--border-md);color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:4px 12px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.cb-clear-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.cb-filter-row{flex-wrap:wrap;align-items:center;gap:0;display:flex}.cb-filter-group{flex-direction:column;gap:4px;padding:0 16px;display:flex}.cb-filter-group:first-child{padding-left:0}.cb-filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:11px;font-weight:700}.cb-filter-divider{background:var(--border-md);flex-shrink:0;width:1px;height:44px}.cb-view-toggle{background:var(--border);border-radius:9px;gap:2px;padding:3px;display:flex;position:relative}.cb-view-toggle-indicator{background:var(--card);width:32px;height:28px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:7px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.cb-view-toggle-indicator.list{transform:translate(34px)}.cb-view-btn{z-index:1;width:32px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:relative}.cb-view-btn:active{transform:scale(.88)}.cb-view-btn.active{color:var(--primary)}.cb-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both cbViewSwitch}.cb-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.cb-grid .cb-card:first-child{animation:.35s 40ms both cbCardIn}.cb-grid .cb-card:nth-child(2){animation:.35s 80ms both cbCardIn}.cb-grid .cb-card:nth-child(3){animation:.35s .12s both cbCardIn}.cb-grid .cb-card:nth-child(4){animation:.35s .16s both cbCardIn}.cb-grid .cb-card:nth-child(5){animation:.35s .2s both cbCardIn}.cb-grid .cb-card:nth-child(6){animation:.35s .24s both cbCardIn}.cb-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.cb-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.cb-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 14px;display:flex}.cb-card-header-left{align-items:center;gap:12px;min-width:0;display:flex}.cb-card-statuses{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.cb-card-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00000029}.cb-card-code{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.cb-card-name{color:var(--text-1);margin-top:2px;font-size:15px;font-weight:800;line-height:1.3}.cb-card-course{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;font-size:12px;display:flex}.cb-card-body{flex-direction:column;flex:1;gap:10px;padding:14px 18px;display:flex}.cb-card-meta-row{flex-wrap:wrap;gap:8px;display:flex}.cb-meta-item{color:var(--text-2);background:var(--bg);border:1px solid var(--border-md);border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.cb-sessions-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cb-sessions-label{color:var(--text-2);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.cb-sessions-count{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-ring);border-radius:12px;padding:2px 8px;font-size:11.5px;font-weight:700}.cb-manage-sessions-btn{border:1.5px solid var(--primary-ring);background:var(--primary-bg);color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:background .15s,transform .12s;display:inline-flex}.cb-manage-sessions-btn:hover{background:#e0e7ff;transform:translateY(-1px)}.cb-card-actions{border-top:1px solid var(--border);display:flex;overflow:hidden}.cb-action-btn{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;transition:background .14s,color .14s;display:flex}.cb-action-btn.edit{color:var(--primary)}.cb-action-btn.edit:hover{background:var(--primary-bg)}.cb-action-btn.status.active{color:var(--success)}.cb-action-btn.status.active:hover{background:var(--success-bg)}.cb-action-btn.status.inactive{color:var(--danger)}.cb-action-btn.status.inactive:hover{background:var(--danger-bg)}.cb-chip{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.cb-chip:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.cb-chip-active{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.cb-chip-inactive{color:var(--danger);background:#fef2f2;border:1px solid #fecaca}.cb-chip-running{background:var(--warning-bg);color:#b45309;border:1px solid #fde68a}.cb-chip-completed{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.cb-chip-cancelled{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.cb-sem-badges{flex-wrap:wrap;gap:5px;display:flex}.cb-sem-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.cb-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.cb-table{border-collapse:collapse;width:100%}.cb-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.cb-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.cb-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.cb-table tbody tr:last-child{border-bottom:none}.cb-table tbody tr:hover{background:#fafbff}.cb-table td{color:var(--text-1);vertical-align:middle;padding:13px 16px;font-size:13px}.cb-table-empty{text-align:center;color:var(--text-3);font-style:italic;padding:48px 0!important}.cb-th-center,.cb-td-center{text-align:center}.cb-tbl-muted{color:var(--text-2);font-size:12.5px}.cb-na{color:var(--text-3);font-style:italic}.cb-table-batch{align-items:center;gap:11px;display:flex}.cb-table-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #00000024}.cb-table-name{color:var(--text-1);font-size:13.5px;font-weight:700}.cb-table-code{letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:11.5px;font-weight:700}.cb-table-acts{justify-content:center;align-items:center;gap:6px;display:flex}.cb-tbl-btn{border:1px solid var(--border-md);background:var(--bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,border-color .14s,color .14s;display:flex}.cb-tbl-btn.edit{color:var(--primary)}.cb-tbl-btn.edit:hover{background:var(--primary-bg);border-color:var(--primary-ring)}.cb-tbl-btn.status.active{color:var(--success)}.cb-tbl-btn.status.active:hover{background:var(--success-bg);border-color:#a7f3d0}.cb-tbl-btn.status.inactive{color:var(--danger)}.cb-tbl-btn.status.inactive:hover{background:var(--danger-bg);border-color:#fecaca}.cb-tbl-sessions-btn{border:1px solid var(--primary-ring);background:var(--primary-bg);color:var(--primary);cursor:pointer;font-size:11.5px;font-weight:600;font-family:var(--font);border-radius:20px;align-items:center;gap:5px;padding:4px 10px;transition:opacity .15s;display:inline-flex}.cb-tbl-sessions-btn:hover{opacity:.75}.cb-empty{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:72px 24px;display:flex}.cb-empty-icon{background:linear-gradient(135deg,var(--primary-bg),var(--purple-bg));width:72px;height:72px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #6366f126}.cb-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;animation:.22s both cbOverlayIn;position:fixed;inset:0}.cb-panel{background:var(--card);z-index:201;flex-direction:column;width:500px;transition:transform .36s cubic-bezier(.4,0,.2,1),visibility 0s linear .36s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.cb-panel.open{transition-delay:0s;transform:translate(0)}.cb-panel-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.cb-panel-head-left{align-items:center;gap:14px;display:flex}.cb-panel-head-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #0000002e}.cb-panel-title{color:var(--text-1);font-size:17px;font-weight:800}.cb-panel-sub{color:var(--text-2);margin-top:3px;font-size:12.5px}.cb-panel-close{border:1px solid var(--border-md);cursor:pointer;width:34px;height:34px;color:var(--text-2);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.cb-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.cb-panel-body{flex:1;padding:20px 24px 8px;overflow-y:auto}.cb-panel-body::-webkit-scrollbar{width:4px}.cb-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.cb-panel-foot{border-top:1px solid var(--border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.cb-form-section{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:18px 0;display:flex}.cb-form-section:last-child{border-bottom:none;padding-bottom:8px}.cb-form-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.cb-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cb-form-field{flex-direction:column;gap:7px;display:flex}.cb-form-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.cb-req{color:var(--danger);margin-left:2px}.cb-panel.open .cb-anim-1{animation:.35s 60ms both cbFieldIn}.cb-panel.open .cb-anim-2{animation:.35s .11s both cbFieldIn}.cb-panel.open .cb-anim-3{animation:.35s .16s both cbFieldIn}.cb-panel.open .cb-anim-4{animation:.35s .21s both cbFieldIn}.cb-panel.open .cb-anim-5{animation:.35s .26s both cbFieldIn}.cb-input{border:1.5px solid var(--border-md);width:100%;height:42px;color:var(--text-1);font-size:13.5px;font-family:var(--font);background:#fafbfc;border-radius:10px;outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s}.cb-input:hover{background:#fff;border-color:#c4c9d8}.cb-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.cb-input::placeholder{color:var(--text-3);font-size:13px}.cb-status-chips{flex-wrap:wrap;gap:8px;display:flex}.cb-status-chip{border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:9px;align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:inline-flex}.cb-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.cb-status-chip:hover:not(.active){border-color:var(--primary-lt);color:var(--primary)}.cb-status-chip.cb-schip-active.active{background:var(--success-bg);color:var(--success);border-color:#6ee7b7;box-shadow:0 2px 8px #10b98126}.cb-status-chip.cb-schip-inactive.active{background:var(--danger-bg);color:var(--danger);border-color:#fca5a5;box-shadow:0 2px 8px #ef444426}.cb-status-chip.cb-schip-running.active{background:var(--warning-bg);color:#b45309;border-color:#fcd34d;box-shadow:0 2px 8px #f59e0b26}.cb-status-chip.cb-schip-completed.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd;box-shadow:0 2px 8px #2563eb26}.cb-status-chip.cb-schip-cancelled.active{background:var(--danger-bg);color:#dc2626;border-color:#fca5a5;box-shadow:0 2px 8px #dc262626}.cb-btn-cancel{border:1.5px solid var(--border-md);height:40px;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);background:0 0;border-radius:10px;padding:0 18px;transition:background .14s,color .14s,border-color .14s}.cb-btn-cancel:hover{background:var(--bg);color:var(--text-1);border-color:#c4c9d8}.cb-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 24px;transition:background .2s,box-shadow .2s,transform .12s,opacity .15s;display:inline-flex;box-shadow:0 2px 10px #6366f14d}.cb-btn-save:hover{filter:brightness(1.08);transform:translateY(-1px)}.cb-btn-save.disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.cb-btn-save.saved{background:var(--success);box-shadow:0 2px 10px #10b9814d}.cb-form-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:4px;padding:11px 13px;font-size:12.5px;font-weight:600}.cb-session-count-badge{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-ring);border-radius:10px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700}.cb-no-data{color:var(--text-3);padding:4px 0;font-size:12.5px;font-style:italic}.cb-session-cb-list{border:1.5px solid var(--border-md);background:#fafbfc;border-radius:10px;flex-direction:column;gap:6px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.cb-session-cb-list::-webkit-scrollbar{width:4px}.cb-session-cb-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.cb-session-cb-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .12s,border-color .12s;display:flex}.cb-session-cb-item:hover,.cb-session-cb-item.checked{background:var(--primary-bg);border-color:var(--primary-ring)}.cb-session-checkbox{align-items:center;display:flex}.cb-session-checkbox input{display:none}.cb-cb-box{border:1.5px solid var(--border-md);color:#fff;background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .12s,border-color .12s;display:flex}.cb-session-cb-item.checked .cb-cb-box{background:var(--primary);border-color:var(--primary)}.cb-session-cb-name{color:var(--text-1);flex:1;min-width:0;font-size:13px;font-weight:600}.cb-session-cb-status{border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.cb-session-cb-status.active{background:var(--success-bg);color:var(--success)}.cb-session-cb-status.inactive{background:var(--border);color:var(--text-3)}.cb-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a75;justify-content:center;align-items:center;animation:.2s both cbOverlayIn;display:flex;position:fixed;inset:0}.cb-sessions-modal{background:var(--card);border-radius:18px;flex-direction:column;width:min(580px,94vw);max-height:82vh;animation:.28s cubic-bezier(.22,1,.36,1) both cbModalIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000038}.cb-sessions-modal-head{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.cb-sessions-modal-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #0000002e}.cb-sessions-modal-info{flex:1;min-width:0}.cb-sessions-modal-title{color:var(--text-1);font-size:16px;font-weight:800}.cb-sessions-modal-sub{color:var(--text-2);margin-top:2px;font-size:12.5px}.cb-sessions-list{flex:1;padding:12px 24px;overflow-y:auto}.cb-sessions-list::-webkit-scrollbar{width:4px}.cb-sessions-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.cb-session-item{border:1px solid var(--border);background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.cb-session-item:hover{background:var(--primary-bg);border-color:var(--primary-ring)}.cb-session-item:last-child{margin-bottom:0}.cb-session-item-left{align-items:center;gap:10px;display:flex}.cb-session-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.cb-session-name{color:var(--text-1);font-size:13.5px;font-weight:600}.cb-session-remove-btn{border:1px solid var(--border-md);background:var(--card);cursor:pointer;width:28px;height:28px;color:var(--text-3);border-radius:7px;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.cb-session-remove-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.cb-sessions-empty{text-align:center;color:var(--text-3);padding:32px 0;font-size:13px}.cb-sessions-add-row{border-top:1px solid var(--border);background:#fafbfc;flex-direction:column;flex-shrink:0;gap:8px;padding:16px 24px 20px;display:flex}.cb-sessions-add-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:11.5px;font-weight:700}.cb-sessions-add-inner{align-items:center;gap:8px;display:flex}.cb-session-add-btn{background:var(--primary);color:#fff;cursor:pointer;height:42px;font-size:13px;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:0 18px;transition:background .15s,opacity .15s;display:inline-flex;box-shadow:0 2px 8px #6366f147}.cb-session-add-btn:hover{background:var(--primary-dk)}.cb-session-add-btn:disabled{opacity:.45;cursor:not-allowed}.cb-dropdown.p-dropdown{border:1.5px solid var(--border-md);font-family:var(--font);width:100%;box-shadow:none;background:#fafbfc;border-radius:10px;align-items:center;height:42px;transition:border-color .15s,box-shadow .15s;display:flex}.cb-dropdown.p-dropdown:not(.p-disabled):hover{background:#fff;border-color:#c4c9d8}.cb-dropdown.p-dropdown.p-focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3.5px #6366f124}.cb-dropdown .p-dropdown-label{font-family:var(--font);color:var(--text-1);padding:0 0 0 13px;font-size:13.5px;font-weight:500}.cb-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3);font-size:13px}.cb-dropdown .p-dropdown-trigger{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex}.cb-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);z-index:9999;border-radius:10px;margin-top:4px;overflow:hidden}.cb-dropdown-panel .p-dropdown-items{max-height:240px;padding:5px 0;overflow-y:auto}.cb-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.cb-dropdown-panel .p-dropdown-item:hover,.cb-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.cb-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.cb-filter-dd.p-dropdown{border:1px solid var(--border-md);background:var(--bg);border-radius:9px;min-width:140px;height:36px}.cb-filter-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:13px}.cb-filter-dd .p-dropdown-trigger{width:30px}.cb-filter-dd-wide.p-dropdown{min-width:190px}.cb-session-modal-dd.p-dropdown{border:1.5px solid var(--border-md);border-radius:10px;flex:1;height:42px}.cb-session-modal-dd .p-dropdown-label{padding:0 0 0 13px;font-size:13.5px}.cb-multiselect.p-multiselect{border:1.5px solid var(--border-md);width:100%;min-height:42px;font-family:var(--font);box-shadow:none;background:#fafbfc;border-radius:10px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.cb-multiselect.p-multiselect:not(.p-disabled):hover{background:#fff;border-color:#c4c9d8}.cb-multiselect.p-multiselect.p-focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3.5px #6366f124}.cb-multiselect .p-multiselect-label-container{padding:5px 8px}.cb-multiselect .p-multiselect-label{color:var(--text-1);font-size:13.5px;font-family:var(--font);flex-wrap:wrap;gap:5px;padding:0;display:flex}.cb-multiselect .p-multiselect-label.p-placeholder{color:var(--text-3);font-size:13px}.cb-multiselect .p-multiselect-trigger{color:var(--text-3);width:36px}.cb-multiselect .p-multiselect-clear-icon{color:var(--text-3)}.cb-multiselect .p-multiselect-token{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-ring);font-size:12px;font-weight:600;font-family:var(--font);border-radius:7px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.cb-multiselect .p-multiselect-token-icon{color:var(--primary);cursor:pointer;margin-left:3px;font-size:11px;transition:color .12s}.cb-multiselect .p-multiselect-token-icon:hover{color:var(--danger)}.cb-multiselect-panel.p-multiselect-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);z-index:9999;border-radius:10px;margin-top:4px;overflow:hidden}.cb-multiselect-panel .p-multiselect-header{border-bottom:1px solid var(--border);background:#fafbfc;padding:10px 14px}.cb-multiselect-panel .p-multiselect-filter-container .p-inputtext{border:1.5px solid var(--border-md);font-size:13px;font-family:var(--font);border-radius:8px;width:100%;padding:6px 10px;transition:border-color .15s}.cb-multiselect-panel .p-multiselect-filter-container .p-inputtext:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.cb-multiselect-panel .p-multiselect-items{padding:6px 0}.cb-multiselect-panel .p-multiselect-item{color:var(--text-1);font-size:13px;font-family:var(--font);gap:10px;padding:9px 14px;transition:background .12s}.cb-multiselect-panel .p-multiselect-item:hover,.cb-multiselect-panel .p-multiselect-item:focus{background:var(--primary-bg);outline:none}.cb-multiselect-panel .p-multiselect-item.p-highlight{background:var(--primary-bg);color:var(--primary)}.cb-multiselect-panel .p-checkbox .p-checkbox-box{border:1.5px solid var(--border-md);border-radius:5px;width:16px;height:16px;transition:all .15s}.cb-multiselect-panel .p-checkbox .p-checkbox-box.p-highlight{background:var(--primary);border-color:var(--primary)}.cb-multiselect-panel .p-multiselect-empty-message{color:var(--text-3);text-align:center;padding:20px 14px;font-size:12.5px}@media (width<=1100px){.cb-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.cb-content{padding:18px 16px 40px}.cb-grid{grid-template-columns:1fr 1fr}.cb-panel{width:100%}.cb-form-row{grid-template-columns:1fr}}@media (width<=768px){.cb-main{margin-left:0!important}.cb-hamburger{display:flex}.cb-topbar{gap:10px;padding:0 14px}}@media (width<=560px){.cb-grid{grid-template-columns:1fr}.cb-stats{grid-template-columns:1fr 1fr}.cb-btn-add{flex:1;justify-content:center}}@media (width<=400px){.p-toast{width:calc(100vw - 24px)!important}}@keyframes spViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sp-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.sp-layout{display:flex}.sp-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.sp-main.sidebar-collapsed{margin-left:58px}.sp-main::-webkit-scrollbar{width:5px}.sp-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.sp-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.sp-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.sp-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.sp-sep{color:var(--text-3)}.sp-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.sp-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.sp-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.sp-search-box input::placeholder{color:var(--text-3)}.sp-toolbar-search{flex-shrink:0;width:220px}.sp-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;margin:0;padding:0;transition:color .15s;display:flex}.sp-search-clear:hover{color:var(--text-1)}.sp-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.sp-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.sp-icon-btn:hover{background:var(--bg);color:var(--text-1)}.sp-notif-btn .sp-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.sp-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.sp-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.sp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.sp-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.sp-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.sp-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.sp-page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-hidden-file{display:none}.sp-excel-actions{border:1.5px solid var(--border-md);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.sp-btn-excel{border:none;border-right:1.5px solid var(--border-md);height:38px;color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 14px;transition:background .15s,color .15s;display:inline-flex}.sp-btn-excel:last-child{border-right:none}.sp-btn-excel:hover:not(:disabled){background:var(--primary-bg);color:var(--primary)}.sp-btn-excel:disabled{opacity:.55;cursor:not-allowed}.sp-btn-excel-export:hover:not(:disabled){background:var(--success-bg);color:var(--success)}.sp-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sp-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both fadeUp;display:flex}.sp-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sp-stat:first-child{animation-delay:60ms}.sp-stat:nth-child(2){animation-delay:.12s}.sp-stat:nth-child(3){animation-delay:.18s}.sp-stat:nth-child(4){animation-delay:.24s}.sp-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sp-stat-value{font-size:24px;font-weight:800;line-height:1}.sp-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.sp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sp-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-result-count{background:var(--primary-bg);border:1px solid var(--primary-ring);color:var(--primary);border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.sp-view-toggle{background:var(--border);border-radius:9px;gap:2px;padding:3px;display:flex;position:relative}.sp-view-toggle-indicator{background:var(--card);width:32px;height:28px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:7px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.sp-view-toggle-indicator.list{transform:translate(34px)}.sp-view-btn{z-index:1;width:32px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:relative}.sp-view-btn:active{transform:scale(.88)}.sp-view-btn.active{color:var(--primary)}.sp-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both spViewSwitch}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.sp-grid .sp-card:first-child{animation:.35s 40ms both cardIn}.sp-grid .sp-card:nth-child(2){animation:.35s 80ms both cardIn}.sp-grid .sp-card:nth-child(3){animation:.35s .12s both cardIn}.sp-grid .sp-card:nth-child(4){animation:.35s .16s both cardIn}.sp-grid .sp-card:nth-child(5){animation:.35s .2s both cardIn}.sp-grid .sp-card:nth-child(6){animation:.35s .24s both cardIn}.sp-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.sp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.sp-card-banner{border-bottom:1px solid;justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.sp-card-icon{color:#fff;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sp-card-badges{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.sp-type-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.sp-chip{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.sp-chip-active{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.sp-chip-inactive{color:var(--text-2);border:1px solid var(--border-md);background:#f3f4f6}.sp-card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px;display:flex}.sp-card-code{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.sp-card-name{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.3}.sp-card-desc{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.sp-card-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.sp-card-meta span{align-items:center;gap:5px;display:flex}.sp-credits-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.sp-card-actions{border-top:1px solid var(--border);display:flex;overflow:hidden}.sp-action-btn{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;transition:background .14s,color .14s;display:flex}.sp-action-btn.edit{color:var(--primary);background:0 0}.sp-action-btn.edit:hover{background:var(--primary-bg)}.sp-empty{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:64px 24px;display:flex}.sp-empty-icon{background:var(--primary-bg);width:64px;height:64px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.sp-empty p{color:var(--text-2);font-size:15px}.sp-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.sp-table{border-collapse:collapse;width:100%}.sp-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.sp-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.sp-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.sp-table tbody tr:last-child{border-bottom:none}.sp-table tbody tr:hover{background:#fafbff}.sp-table td{color:var(--text-1);vertical-align:middle;padding:14px 16px;font-size:13.5px}.sp-table-empty{text-align:center;color:var(--text-3);padding:40px 0!important}.sp-th-center,.sp-td-center{text-align:center}.sp-table-subj{align-items:center;gap:12px;display:flex}.sp-table-icon{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sp-table-name{color:var(--text-1);font-size:13.5px;font-weight:600}.sp-table-code{letter-spacing:.05em;text-transform:uppercase;margin-top:1px;font-size:11px;font-weight:700}.sp-na{color:var(--text-3)}.sp-table-acts{align-items:center;gap:6px;display:flex}.sp-tbl-btn{border:1px solid var(--border-md);background:var(--bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,border-color .14s,color .14s;display:flex}.sp-tbl-btn.edit{color:var(--primary)}.sp-tbl-btn.edit:hover{background:var(--primary-bg);border-color:var(--primary-ring)}.sp-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;animation:.22s both overlayIn;position:fixed;inset:0}.sp-panel{background:var(--card);z-index:201;flex-direction:column;width:500px;transition:transform .36s cubic-bezier(.4,0,.2,1),visibility 0s linear .36s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.sp-panel.open{transition-delay:0s;transform:translate(0)}.sp-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 20px;transition:background .3s,border-color .3s;display:flex}.sp-panel-head-left{align-items:center;gap:14px;display:flex}.sp-panel-head-icon{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:background .3s;display:flex;box-shadow:0 4px 14px #0000002e}.sp-panel-title{color:var(--text-1);font-size:17px;font-weight:800}.sp-panel-sub{color:var(--text-2);margin-top:3px;font-size:12.5px}.sp-panel-close{border:1px solid var(--border-md);cursor:pointer;width:34px;height:34px;color:var(--text-2);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.sp-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.sp-panel-body{flex-direction:column;flex:1;gap:0;padding:20px 24px 8px;display:flex;overflow-y:auto}.sp-panel-body::-webkit-scrollbar{width:4px}.sp-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.sp-panel-foot{border-top:1px solid var(--border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.sp-form-section{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:18px 0;display:flex}.sp-form-section:last-child{border-bottom:none}.sp-form-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;padding-bottom:2px;font-size:11px;font-weight:700;display:flex}.sp-panel.open .sp-anim-1{animation:.35s 80ms both fieldIn}.sp-panel.open .sp-anim-2{animation:.35s .13s both fieldIn}.sp-panel.open .sp-anim-3{animation:.35s .18s both fieldIn}.sp-panel.open .sp-anim-4{animation:.35s .23s both fieldIn}.sp-panel.open .sp-anim-5{animation:.35s .28s both fieldIn}.sp-panel.open .sp-anim-6{animation:.35s .33s both fieldIn}.sp-panel.open .sp-anim-7{animation:.35s .38s both fieldIn}.sp-form-field{flex-direction:column;gap:7px;display:flex}.sp-form-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.sp-req{color:var(--danger);margin-left:2px}.sp-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sp-input-group{position:relative}.sp-input-icon-left{color:var(--text-3);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.sp-input-iconed{padding-left:38px!important}.sp-input{border:1.5px solid var(--border-md);width:100%;height:42px;color:var(--text-1);font-size:13.5px;font-family:var(--font);background:#fafbfc;border-radius:10px;outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s}.sp-input:hover{background:#fff;border-color:#c4c9d8}.sp-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.sp-input::placeholder{color:var(--text-3);font-size:13px}.sp-textarea{resize:vertical;height:auto;padding:11px 13px;line-height:1.6}.sp-type-chips{flex-wrap:wrap;gap:8px;display:flex}.sp-type-chip{border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border-radius:9px;align-items:center;gap:6px;padding:8px 15px;transition:all .15s;display:inline-flex}.sp-type-chip:hover:not(.active){border-color:var(--primary-lt);color:var(--primary)}.sp-type-chip.active{border-width:1.5px}.sp-palette{flex-wrap:wrap;gap:10px;padding:4px 0;display:flex}.sp-palette-dot{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .15s,box-shadow .15s}.sp-palette-dot:hover{transform:scale(1.18)}.sp-palette-dot.selected{transform:scale(1.12)}.sp-status-chips{flex-wrap:wrap;gap:8px;display:flex}.sp-status-chip{border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border-radius:9px;align-items:center;gap:7px;padding:8px 16px;transition:all .15s;display:inline-flex}.sp-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.sp-status-chip:hover:not(.active){border-color:var(--primary-lt);color:var(--primary)}.sp-status-chip.sp-schip-active.active{background:var(--success-bg);color:var(--success);border-color:#a7f3d0;box-shadow:0 2px 8px #10b98126}.sp-status-chip.sp-schip-inactive.active{color:var(--text-1);border-color:var(--border-md);background:#f3f4f6;box-shadow:0 2px 8px #0000000f}.sp-btn-cancel{border:1.5px solid var(--border-md);height:40px;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);background:0 0;border-radius:10px;padding:0 18px;transition:background .14s,color .14s,border-color .14s}.sp-btn-cancel:hover{background:var(--bg);color:var(--text-1);border-color:#c4c9d8}.sp-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 24px;transition:background .2s,box-shadow .2s,transform .12s,opacity .15s;display:inline-flex;box-shadow:0 2px 10px #6366f14d}.sp-btn-save:hover{filter:brightness(1.08);transform:translateY(-1px)}.sp-btn-save.disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.sp-btn-save.saved{background:var(--success);box-shadow:0 2px 10px #10b9814d}.sp-dropdown.p-dropdown{border:1px solid var(--border-md);background:var(--card);font-family:var(--font);box-shadow:none;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:inline-flex}.sp-dropdown.p-dropdown:not(.p-disabled):hover{border-color:#c4c9d8}.sp-dropdown.p-dropdown.p-focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.sp-dropdown .p-dropdown-label{font-family:var(--font);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sp-dropdown .p-dropdown-trigger{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);border-radius:10px;margin-top:4px;overflow:hidden}.sp-dropdown-panel .p-dropdown-items{padding:5px 0}.sp-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.sp-dropdown-panel .p-dropdown-item:hover,.sp-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.sp-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.sp-filter-dd.p-dropdown{min-width:150px;height:36px}.sp-filter-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:13px}.sp-filter-dd .p-dropdown-trigger{width:30px}.sp-card-status-dd.p-dropdown{border:none;border-left:1px solid var(--border);background:0 0;border-radius:0;flex:1;height:100%;min-height:40px}.sp-card-status-dd.p-dropdown:not(.p-disabled):hover{background:var(--bg)}.sp-card-status-dd.p-dropdown.p-focus{box-shadow:none;border-color:#0000;border-left-color:var(--border)}.sp-card-status-dd .p-dropdown-label{text-align:center;flex:1;padding:0 4px;font-size:12.5px;font-weight:700}.sp-card-status-dd .p-dropdown-trigger{width:24px;padding-right:6px}.sp-tbl-status-dd.p-dropdown{border-radius:8px;min-width:90px;height:30px}.sp-tbl-status-dd .p-dropdown-label{padding:0 4px 0 10px;font-size:12px;font-weight:600}.sp-tbl-status-dd .p-dropdown-trigger{width:24px}.sp-status-active .p-dropdown-label{color:var(--success)}.sp-status-inactive .p-dropdown-label{color:var(--text-2)}.sp-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.sp-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.sp-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.sp-content{padding:18px 16px 40px}.sp-grid{grid-template-columns:1fr 1fr}.sp-stats{grid-template-columns:repeat(2,1fr)}.sp-panel{width:100%}}@media (width<=768px){.sp-main{margin-left:0!important}.sp-hamburger{display:flex}.sp-topbar{gap:10px;padding:0 14px}}@media (width<=560px){.sp-grid{grid-template-columns:1fr}.sp-stats{grid-template-columns:1fr 1fr}.sp-form-row{grid-template-columns:1fr}.sp-topbar{padding:0 12px}.sp-btn-add{flex:1;justify-content:center}.sp-type-chips{flex-direction:column}.sp-page-head-actions{width:100%}}.sicp-backdrop{z-index:1000;background:#0f172a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.sicp-toolbar{background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.sicp-toolbar-left{align-items:center;gap:14px;display:flex}.sicp-toolbar-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sicp-toolbar-title{color:#f1f5f9;margin:0 0 2px;font-size:15px;font-weight:700}.sicp-toolbar-sub{color:#94a3b8;margin:0;font-size:12px}.sicp-toolbar-actions{align-items:center;gap:10px;display:flex}.sicp-btn-close{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.sicp-btn-close:hover{background:#334155;border-color:#64748b}.sicp-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 2px 8px #6366f159}.sicp-btn-print:hover{opacity:.9;transform:translateY(-1px)}.sicp-btn-print:active{transform:translateY(0)}.sicp-preview{flex:1;padding:32px 24px;overflow-y:auto}.sicp-preview-inner{max-width:1100px;margin:0 auto}.sicp-card-grid{grid-template-columns:repeat(auto-fill,340px);justify-content:center;gap:24px;display:grid}.sicp-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;width:340px;font-family:Inter,Segoe UI,sans-serif;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000040}.sicp-card-header{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 50%,#818cf8 100%);align-items:center;gap:9px;padding:10px 12px;display:flex;position:relative}.sicp-card-logo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sicp-card-header-text{flex-direction:column;flex:1;gap:1px;display:flex}.sicp-college-name{color:#fff;letter-spacing:.2px;font-size:10.5px;font-weight:700;line-height:1.3}.sicp-card-label{color:#fffc;letter-spacing:.5px;text-transform:uppercase;font-size:8.5px;font-weight:500}.sicp-card-photo{color:#fff;letter-spacing:.5px;border:2.5px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.sicp-card-body{flex:1;padding:10px 12px 6px}.sicp-student-name{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700;line-height:1.25}.sicp-student-course{color:#4f46e5;margin-bottom:1px;font-size:10.5px;font-weight:600}.sicp-student-meta{color:#64748b;align-items:center;gap:5px;margin-bottom:8px;font-size:10px;display:flex}.sicp-dot{color:#cbd5e1;font-size:12px}.sicp-info-grid{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.sicp-info-item{flex-direction:column;gap:1px;display:flex}.sicp-info-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:8px;font-weight:600}.sicp-info-val{color:#1e293b;font-size:10px;font-weight:600}.sicp-blood{color:#ef4444}.sicp-card-footer{background:#fafafa;border-top:1px solid #f1f5f9;align-items:center;gap:10px;padding:6px 12px 8px;display:flex}.sicp-barcode-wrap{flex:1;align-items:center;display:flex;overflow:hidden}.sicp-barcode-svg{width:100%;max-height:42px}.sicp-valid{color:#64748b;white-space:nowrap;text-align:right;flex-shrink:0;font-size:8px;font-weight:500}@media print{.no-print{display:none!important}.print-only{display:block!important}.sicp-backdrop{background:#fff;position:static}.sicp-print-area{padding:8mm}.sicp-card-grid{grid-template-columns:repeat(2,85.6mm);justify-content:start;gap:6mm;display:grid}.sicp-card{width:85.6mm;height:54mm;box-shadow:none;page-break-inside:avoid;break-inside:avoid;border:.5pt solid #cbd5e1;border-radius:3mm}.sicp-card-header{padding:5px 8px}.sicp-card-logo{width:22px;height:22px}.sicp-card-photo{width:36px;height:36px;font-size:12px}.sicp-college-name{font-size:8px}.sicp-card-label{font-size:6.5px}.sicp-card-body{padding:6px 8px 4px}.sicp-student-name{font-size:10px}.sicp-student-course,.sicp-student-meta{font-size:8px}.sicp-info-lbl{font-size:6px}.sicp-info-val{font-size:8px}.sicp-card-footer{padding:3px 8px 4px}.sicp-valid{font-size:6.5px}.sicp-barcode-svg{max-height:32px}@page{size:A4 portrait;margin:0}}.sic-root{background:#f8fafc;min-height:100vh}.sic-layout{min-height:100vh;display:flex}.sic-main{flex-direction:column;flex:1;min-width:0;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.sic-main.sidebar-collapsed{margin-left:58px}.sic-topbar{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.sic-hamburger{cursor:pointer;color:#475569;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:none}.sic-breadcrumb{color:#94a3b8;flex:1;align-items:center;gap:6px;font-size:13px;display:flex}.sic-breadcrumb span:last-child{color:#1e293b;font-weight:600}.sic-sep{color:#cbd5e1}.sic-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.sic-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.sic-icon-btn:hover{background:#f1f5f9}.sic-notif-btn{position:relative}.sic-notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.sic-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.sic-content{flex-direction:column;flex:1;gap:20px;width:100%;min-width:0;padding:24px;display:flex}.sic-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sic-page-head-left{align-items:center;gap:14px;display:flex}.sic-page-icon{color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sic-page-title{color:#0f172a;margin:0 0 3px;font-size:20px;font-weight:700}.sic-page-sub{color:#64748b;margin:0;font-size:13px}.sic-page-actions{align-items:center;gap:10px;display:flex}.sic-btn-clear{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.sic-btn-clear:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.sic-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 2px 8px #6366f14d}.sic-btn-print:hover:not(.disabled){opacity:.9;transform:translateY(-1px)}.sic-btn-print:active:not(.disabled){transform:translateY(0)}.sic-btn-print.disabled{opacity:.5;cursor:not-allowed}.sic-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.sic-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;display:flex}.sic-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sic-stat-value{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.sic-stat-label{color:#64748b;font-size:12px;font-weight:500}.sic-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sic-search-wrap{flex:1;min-width:220px;max-width:380px;position:relative}.sic-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.sic-search{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:36px;padding:0 32px 0 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.sic-search::placeholder{color:#94a3b8}.sic-search:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sic-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.sic-search-clear:hover{background:#cbd5e1}.sic-filters{align-items:center;gap:8px;display:flex}.sic-filter-group{color:#64748b;align-items:center;gap:6px;display:flex}.sic-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:36px;padding:0 10px;font-size:13px;transition:border-color .15s}.sic-select:focus{border-color:#6366f1}.sic-dropdown.p-dropdown{width:180px;height:36px;box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .15s,box-shadow .15s}.sic-dropdown.p-dropdown:not(.p-disabled):hover{border-color:#c7d2fe}.sic-dropdown.p-dropdown:not(.p-disabled).p-focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.sic-dropdown .p-dropdown-label{color:#1e293b;padding:8px 10px;font-size:13px;line-height:18px}.sic-dropdown .p-dropdown-label.p-placeholder{color:#94a3b8}.sic-dropdown .p-dropdown-trigger{color:#64748b;width:32px}.sic-dropdown-panel .p-dropdown-item{font-size:13px}.sic-result-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:12px}.sic-body{flex-direction:column;align-items:stretch;gap:20px;width:100%;min-width:0;display:flex}.sic-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;min-width:0;overflow:hidden}.sic-table{border-collapse:collapse;width:100%;font-size:13px}.sic-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.sic-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:11px 14px;font-size:11.5px;font-weight:600}.sic-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.sic-table tbody tr:last-child td{border-bottom:none}.sic-table tbody tr:hover{background:#fafafa}.sic-row-selected>td{background:#eff6ff!important}.sic-row-previewed>td{background:#faf5ff!important}.sic-row-selected.sic-row-previewed>td{background:#f0f9ff!important}.sic-th-check,.sic-td-check{width:44px;text-align:center!important}.sic-check-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:background .12s;display:flex}.sic-check-btn:hover{background:#f1f5f9}.sic-check-on{color:#4f46e5}.sic-check-partial{color:#a5b4fc}.sic-check-off{color:#cbd5e1}.sic-student-cell{align-items:center;gap:10px;display:flex}.sic-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.sic-student-name{color:#0f172a;font-size:13px;font-weight:600}.sic-student-email{color:#94a3b8;margin-top:1px;font-size:11.5px}.sic-roll{color:#4f46e5;background:#eff6ff;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:600}.sic-course-cell{flex-direction:column;gap:2px;display:flex}.sic-course-tag{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.sic-branch{color:#64748b;font-size:11.5px}.sic-year-badge{color:#7c3aed;background:#faf5ff;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:600}.sic-section{color:#64748b;font-size:11.5px}.sic-blood{color:#ef4444;font-size:12px;font-weight:700}.sic-valid-cell{color:#64748b;font-size:12px}.sic-preview-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .12s,border-color .12s,color .12s;display:flex}.sic-preview-btn:hover{color:#7c3aed;background:#faf5ff;border-color:#c4b5fd}.sic-preview-btn.active{color:#7c3aed;background:#faf5ff;border-color:#8b5cf6}.sic-table-empty{padding:40px!important}.sic-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:10px;display:flex}.sic-empty p{margin:0;font-size:13px}@keyframes sicFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sicSlideUp{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.sic-modal-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.18s sicFadeIn;display:flex;position:fixed;inset:0}.sic-modal{background:#fff;border-radius:14px;flex-direction:column;width:380px;max-width:100%;animation:.22s cubic-bezier(.34,1.56,.64,1) sicSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000038,0 4px 16px #0000001a}.sic-modal-head{color:#1e293b;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.sic-preview-close{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s;display:flex}.sic-preview-close:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.sic-preview-card-wrap{background:#f8fafc;justify-content:center;align-items:center;padding:20px 24px;display:flex}.sic-preview-icard{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;font-family:Inter,Segoe UI,sans-serif;overflow:hidden;box-shadow:0 2px 12px #00000014}.sic-prev-header{background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);align-items:center;gap:7px;padding:8px 10px;display:flex}.sic-prev-logo{background:#fff3;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sic-prev-header-text{flex:1}.sic-prev-college{color:#fff;font-size:8.5px;font-weight:700;display:block}.sic-prev-card-lbl{color:#ffffffbf;text-transform:uppercase;letter-spacing:.3px;font-size:7px;font-weight:500;display:block}.sic-prev-photo{color:#fff;border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.sic-prev-body{padding:8px 10px 6px}.sic-prev-name{color:#0f172a;font-size:11px;font-weight:700}.sic-prev-course{color:#4f46e5;margin:1px 0;font-size:8.5px;font-weight:600}.sic-prev-meta{color:#64748b;margin-bottom:6px;font-size:8px}.sic-prev-grid{grid-template-columns:1fr 1fr;gap:3px 8px;display:grid}.sic-prev-item{flex-direction:column;display:flex}.sic-prev-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:6.5px;font-weight:600}.sic-prev-val{color:#1e293b;font-size:8.5px;font-weight:600}.sic-prev-blood{color:#ef4444}.sic-prev-footer{background:#fafafa;border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding:5px 10px 6px;display:flex}.sic-prev-barcode-placeholder{background:repeating-linear-gradient(90deg,#1e293b 0 2px,#fff 2px 3.5px,#1e293b 3.5px 5px,#fff 5px 7px,#1e293b 7px 8px,#fff 8px 10px,#1e293b 10px 12.5px,#fff 12.5px 14px);border-radius:2px;flex:1;height:28px;position:relative;overflow:hidden}.sic-prev-barcode-placeholder span{display:none}.sic-prev-valid{color:#64748b;white-space:nowrap;font-size:7px}.sic-preview-details{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.sic-detail-row{color:#475569;align-items:center;gap:8px;font-size:12.5px;display:flex}.sic-detail-row svg{color:#94a3b8;flex-shrink:0}.sic-preview-select-btn{color:#6366f1;cursor:pointer;background:#fff;border:1.5px solid #6366f1;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 28px);margin:0 14px 14px;padding:9px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.sic-preview-select-btn:hover{background:#eff6ff}@media (width<=1100px){.sic-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sic-main{margin-left:0!important}.sic-hamburger{display:flex}.sic-content{padding:16px}.sic-stats{grid-template-columns:repeat(2,1fr)}.sic-table th:nth-child(6),.sic-table td:nth-child(6),.sic-table th:nth-child(7),.sic-table td:nth-child(7){display:none}.sic-modal{width:100%}}@media (width<=480px){.sic-stats{grid-template-columns:1fr 1fr}.sic-toolbar{flex-direction:column;align-items:stretch}.sic-search-wrap{max-width:none}.sic-filters,.sic-filter-group,.sic-dropdown.p-dropdown{width:100%}}.dcp-backdrop{z-index:1100;color:#111827;background:#0f172a;flex-direction:column;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.dcp-toolbar{color:#f8fafc;background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.dcp-toolbar h2{letter-spacing:-.2px;margin:0 0 3px;font-size:16px;font-weight:800}.dcp-toolbar p{color:#94a3b8;margin:0;font-size:12px}.dcp-toolbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.dcp-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:36px;padding:0 18px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s}.dcp-btn-muted{color:#cbd5e1;background:0 0;border-color:#475569}.dcp-btn-muted:hover{background:#334155;border-color:#64748b}.dcp-btn-print{color:#fff;background:#2563eb;box-shadow:0 4px 14px #2563eb59}.dcp-btn-print:hover{background:#1d4ed8}.dcp-preview{background:#0f172a;flex:1;padding:32px;overflow:auto}.dcp-certificate{page-break-after:always;break-after:page;box-sizing:border-box;background:#fff;width:210mm;height:297mm;min-height:297mm;margin:0 auto 28px;position:relative;box-shadow:0 24px 64px #0009,0 4px 12px #0000004d}.dcp-certificate:last-child{page-break-after:auto;break-after:auto;margin-bottom:0}.dcp-border{box-sizing:border-box;border:3px solid #1e3a8a;flex-direction:column;height:281mm;min-height:0;margin:8mm;padding:10mm 12mm;display:flex;position:relative}.dcp-border:before{content:"";pointer-events:none;border:1px solid #93c5fd;position:absolute;inset:6px}.dcp-template-bonafide .dcp-border{border-color:#1e3a8a}.dcp-template-transfer .dcp-border{border-color:#7f1d1d}.dcp-template-character .dcp-border{border-color:#166534}.dcp-template-completion .dcp-border{border-color:#854d0e}.dcp-template-migration .dcp-border{border-color:#581c87}.dcp-template-transfer .dcp-border:before{border-color:#fca5a5}.dcp-template-character .dcp-border:before{border-color:#86efac}.dcp-template-completion .dcp-border:before{border-color:#fde68a}.dcp-template-migration .dcp-border:before{border-color:#d8b4fe}.dcp-header{border-bottom:2px solid #bfdbfe;grid-template-columns:62px 1fr;align-items:center;gap:18px;padding-bottom:14px;display:grid}.dcp-logo{color:#1e3a8a;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #93c5fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.dcp-header h1{color:#172554;letter-spacing:.3px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:800;line-height:1.2}.dcp-header p{color:#3d5a80;letter-spacing:.3px;margin:4px 0 0;font-size:11.5px;font-weight:600}.dcp-meta-row{color:#334155;letter-spacing:.2px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:7px 12px;font-size:11.5px;font-weight:700;display:flex}.dcp-title{color:#fff;letter-spacing:3.5px;text-align:center;text-transform:uppercase;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#1e3a8a;border-radius:2px;width:fit-content;margin:22px auto 20px;padding:10px 32px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:800}.dcp-template-transfer .dcp-title{background:#7f1d1d}.dcp-template-character .dcp-title{background:#166534}.dcp-template-completion .dcp-title{background:#854d0e}.dcp-template-migration .dcp-title{background:#581c87}.dcp-transfer-ribbon{color:#7f1d1d;text-transform:uppercase;letter-spacing:.7px;background:#fef2f2;border:1px solid #fecaca;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:7px 12px;font-size:11px;font-weight:800;display:flex}.dcp-transfer-ribbon strong{color:#450a0a;font-size:12px}.dcp-body{color:#1f2937;text-align:justify;font-family:Georgia,Times New Roman,serif;font-size:15.5px;line-height:2}.dcp-body p{text-indent:2.5em;margin:0}.dcp-body strong{color:#111827;font-weight:800}.dcp-student-grid{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:2px solid #1e3a8a;border-radius:3px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:24px;display:grid;overflow:hidden}.dcp-student-grid div{background:#fff;border-bottom:1px solid #bfdbfe;border-right:1px solid #bfdbfe;min-width:0;padding:9px 14px}.dcp-student-grid div:nth-child(2n){border-right:0}.dcp-student-grid div:nth-last-child(-n+2){border-bottom:0}.dcp-student-grid div:nth-child(-n+2){-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#eff6ff}.dcp-student-grid span{color:#1e3a8a;letter-spacing:.8px;text-transform:uppercase;margin-bottom:2px;font-size:9.5px;font-weight:800;display:block}.dcp-student-grid strong{overflow-wrap:anywhere;color:#1f2937;font-size:13px;font-weight:700;display:block}.dcp-transfer-table{border:2px solid #7f1d1d;border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;display:grid;overflow:hidden}.dcp-transfer-table div{background:snow;border-bottom:1px solid #fecaca;border-right:1px solid #fecaca;min-width:0;padding:9px 13px}.dcp-transfer-table div:nth-child(2n){border-right:0}.dcp-transfer-table div:nth-last-child(-n+2){border-bottom:0}.dcp-transfer-table span,.dcp-character-panel span,.dcp-completion-box span,.dcp-migration-panel span{letter-spacing:.7px;text-transform:uppercase;margin-bottom:3px;font-size:9.5px;font-weight:800;display:block}.dcp-transfer-table span{color:#991b1b}.dcp-transfer-table strong,.dcp-character-panel strong,.dcp-completion-box strong,.dcp-migration-panel strong{overflow-wrap:anywhere;color:#1f2937;font-size:13px;font-weight:800;display:block}.dcp-character-panel{background:#f0fdf4;border:2px solid #166534;border-radius:8px;grid-template-columns:1fr 1.3fr;gap:10px;margin-top:22px;padding:14px;display:grid}.dcp-character-panel span{color:#166534}.dcp-character-grade{text-align:center;background:#fff;border:2px solid #22c55e;border-radius:50%;flex-direction:column;grid-row:span 3;justify-content:center;align-items:center;min-height:128px;display:flex}.dcp-character-grade span{margin-bottom:7px}.dcp-character-grade strong{color:#166534;font-size:18px}.dcp-completion-box{background:#fffbeb;border:2px solid #854d0e;border-radius:8px;grid-template-columns:160px 1fr;gap:14px;margin-top:22px;padding:14px;display:grid}.dcp-completion-box span{color:#854d0e}.dcp-completion-status{color:#fff;text-align:center;background:#854d0e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:130px;display:flex}.dcp-completion-status span,.dcp-completion-status strong{color:#fff}.dcp-completion-status strong{letter-spacing:1px;text-transform:uppercase;font-size:19px}.dcp-completion-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dcp-completion-details div,.dcp-character-panel>div:not(.dcp-character-grade){background:#fff;border:1px solid #854d0e40;border-radius:6px;padding:10px}.dcp-character-panel>div:not(.dcp-character-grade){border-color:#16653440}.dcp-migration-panel{background:#faf5ff;border:2px solid #581c87;border-radius:8px;grid-template-columns:150px 1fr;gap:16px;margin-top:22px;padding:14px;display:grid}.dcp-migration-panel span{color:#581c87}.dcp-migration-stamp{text-align:center;background:#fff;border:2px dashed #9333ea;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-height:136px;display:flex}.dcp-migration-stamp strong{color:#581c87;text-transform:uppercase;font-size:17px;line-height:1.15}.dcp-migration-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dcp-migration-list div{background:#fff;border:1px solid #581c873d;border-radius:6px;padding:9px 10px}.dcp-remarks{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#eff6ff;border-left:4px solid #2563eb;border-radius:0 4px 4px 0;margin-top:16px;padding:12px 16px}.dcp-remarks span{color:#1e3a8a;letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;font-size:9.5px;font-weight:800;display:block}.dcp-remarks p{color:#1e293b;margin:0;font-size:13px;line-height:1.6}.dcp-footer{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:auto;padding-top:44px;display:flex}.dcp-seal{color:#3d5a80;text-align:center;text-transform:uppercase;letter-spacing:.5px;background:radial-gradient(circle,#f0f7ff 40%,#0000 100%);border:2px dashed #1e3a8a;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;font-size:10px;font-weight:800;line-height:1.4;display:flex}.dcp-signature{text-align:center;width:210px}.dcp-signature div{border-bottom:2px solid #1e3a8a;height:52px;margin-bottom:8px}.dcp-signature strong,.dcp-signature span{display:block}.dcp-signature strong{color:#172554;letter-spacing:.3px;font-size:13px;font-weight:800}.dcp-signature span{color:#64748b;letter-spacing:.6px;text-transform:uppercase;margin-top:3px;font-size:10.5px;font-weight:700}@media (width<=900px){.dcp-toolbar{flex-direction:column;align-items:flex-start}.dcp-preview{padding:16px}.dcp-certificate{width:100%;min-height:0}.dcp-certificate:last-child{page-break-after:auto;break-after:auto}.dcp-border{min-height:0;margin:12px;padding:20px}}@media print{body.dcp-print-ready>#root{background:#fff!important;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}body.dcp-print-ready .layout-root,body.dcp-print-ready .layout-main{background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;display:block!important;overflow:visible!important}body.dcp-print-ready .layout-root>:not(.layout-main),body.dcp-print-ready .layout-main>:not(.dcp-backdrop){display:none!important}.dcp-backdrop,.dcp-backdrop *{visibility:visible!important}.no-print{display:none!important}.print-only{display:block!important}.dcp-backdrop{background:#fff;display:block;position:static;inset:auto;overflow:visible}.dcp-print-area{background:#fff;display:block}.dcp-certificate{width:210mm;height:297mm;min-height:0;box-shadow:none;page-break-after:always;page-break-inside:avoid;break-after:page;break-inside:avoid;box-sizing:border-box;margin:0;overflow:hidden}.dcp-border{box-sizing:border-box;height:281mm;min-height:0;margin:8mm;padding:7mm 9mm}.dcp-header{grid-template-columns:48px 1fr;gap:12px;padding-bottom:8px}.dcp-logo{width:48px;height:48px}.dcp-logo svg{width:30px;height:30px}.dcp-header h1{font-size:21pt;line-height:1.1}.dcp-header p{margin-top:2px;font-size:8.5pt;line-height:1.25}.dcp-meta-row{margin-top:8px;padding:5px 9px;font-size:8.5pt}.dcp-title{letter-spacing:2.4px;margin:14px auto 13px;padding:7px 24px;font-size:14.5pt}.dcp-body{font-size:12.5pt;line-height:1.68}.dcp-body p{text-indent:1.8em}.dcp-student-grid{border-width:1.5px;margin-top:15px}.dcp-student-grid div,.dcp-transfer-table div{padding:6px 10px}.dcp-student-grid span,.dcp-remarks span,.dcp-transfer-table span,.dcp-character-panel span,.dcp-completion-box span,.dcp-migration-panel span{margin-bottom:1px;font-size:7.5pt}.dcp-student-grid strong,.dcp-transfer-table strong,.dcp-character-panel strong,.dcp-completion-box strong,.dcp-migration-panel strong{font-size:10pt}.dcp-transfer-ribbon{margin-top:7px;padding:4px 8px;font-size:7.5pt}.dcp-transfer-ribbon strong{font-size:8pt}.dcp-transfer-table,.dcp-character-panel,.dcp-completion-box,.dcp-migration-panel{border-width:1.5px;margin-top:13px}.dcp-character-panel,.dcp-completion-box,.dcp-migration-panel{gap:8px;padding:9px}.dcp-character-grade{min-height:94px}.dcp-character-grade strong,.dcp-completion-status strong,.dcp-migration-stamp strong{font-size:12pt}.dcp-completion-box{grid-template-columns:120px 1fr}.dcp-completion-status{min-height:96px}.dcp-completion-details{gap:7px}.dcp-completion-details div,.dcp-character-panel>div:not(.dcp-character-grade),.dcp-migration-list div{padding:6px 7px}.dcp-migration-panel{grid-template-columns:110px 1fr}.dcp-migration-stamp{min-height:100px}.dcp-migration-list{gap:7px}.dcp-remarks{margin-top:10px;padding:8px 10px}.dcp-remarks p{font-size:9.5pt;line-height:1.35}.dcp-footer{padding-top:22px}.dcp-seal{width:82px;height:82px;font-size:7.5pt}.dcp-signature{width:175px}.dcp-signature div{height:34px;margin-bottom:6px}.dcp-signature strong{font-size:10pt}.dcp-signature span{font-size:7.5pt}.dcp-title,.dcp-student-grid,.dcp-student-grid div:nth-child(-n+2),.dcp-remarks{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:0}}.dcm-content{color:#111827;background:#f0f4f8;min-height:calc(100vh - 70px);padding:24px}.dcm-page-head{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#3b82f6 100%);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:18px 22px;display:flex;box-shadow:0 4px 20px #2563eb4d}.dcm-page-head-left{align-items:center;gap:14px;min-width:0;display:flex}.dcm-page-icon{color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dcm-page-title{color:#fff;letter-spacing:-.2px;margin:0;font-size:20px;font-weight:800}.dcm-page-sub{color:#ffffffb8;margin:4px 0 0;font-size:13px}.dcm-print-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff73;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 20px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.dcm-print-btn:hover:not(:disabled){background:#ffffff47;border-color:#ffffffb3}.dcm-print-btn:disabled{cursor:not-allowed;opacity:.45}.dcm-row-print{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.dcm-row-print:hover{background:#dbeafe;border-color:#93c5fd}.dcm-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.dcm-error button{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.dcm-cert-types{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:16px;display:grid}.dcm-cert-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;min-height:120px;padding:16px 16px 16px 20px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000d}.dcm-cert-card:before{content:"";width:4px;transition:width .18s;position:absolute;top:0;bottom:0;left:0}.dcm-cert-card:first-child:before{background:#2563eb}.dcm-cert-card:nth-child(2):before{background:#7c3aed}.dcm-cert-card:nth-child(3):before{background:#059669}.dcm-cert-card:nth-child(4):before{background:#d97706}.dcm-cert-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.dcm-cert-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb33,0 6px 20px #2563eb1f}.dcm-cert-card:nth-child(2).active{background:#f5f3ff;border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed33,0 6px 20px #7c3aed1f}.dcm-cert-card:nth-child(3).active{background:#ecfdf5;border-color:#059669;box-shadow:0 0 0 1px #05966933,0 6px 20px #0596691f}.dcm-cert-card:nth-child(4).active{background:#fffbeb;border-color:#d97706;box-shadow:0 0 0 1px #d9770633,0 6px 20px #d977061f}.dcm-cert-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;display:flex}.dcm-cert-card:first-child .dcm-cert-icon{color:#2563eb;background:#dbeafe}.dcm-cert-card:nth-child(2) .dcm-cert-icon{color:#7c3aed;background:#ede9fe}.dcm-cert-card:nth-child(3) .dcm-cert-icon{color:#059669;background:#d1fae5}.dcm-cert-card:nth-child(4) .dcm-cert-icon{color:#d97706;background:#fef3c7}.dcm-cert-title,.dcm-cert-desc{display:block}.dcm-cert-title{color:#111827;font-size:13.5px;font-weight:800;line-height:1.3}.dcm-cert-desc{color:#64748b;margin-top:5px;font-size:12px;line-height:1.5}.dcm-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.2fr) minmax(140px,.7fr) minmax(190px,1fr);align-items:end;gap:14px;margin-bottom:16px;padding:18px 20px;display:grid;box-shadow:0 1px 4px #0000000d}.dcm-filter-field{flex-direction:column;gap:6px;min-width:0;display:flex}.dcm-filter-field label{color:#374151;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:800}.dcm-filter-field select,.dcm-filter-field input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s,background .15s}.dcm-filter-field select:disabled,.dcm-filter-field input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.dcm-filter-field select:focus,.dcm-filter-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dcm-filter-dd.p-dropdown{width:100%;height:40px;box-shadow:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;transition:border-color .15s,box-shadow .15s,background .15s}.dcm-filter-dd.p-dropdown:not(.p-disabled):hover{background:#fff;border-color:#cbd5e1}.dcm-filter-dd.p-dropdown:not(.p-disabled).p-focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dcm-filter-dd .p-dropdown-label{color:#0f172a;padding:10px 12px;font-size:13px;font-weight:600;line-height:18px}.dcm-filter-dd .p-dropdown-label.p-placeholder{color:#94a3b8}.dcm-filter-dd .p-dropdown-trigger,.dcm-filter-dd .p-dropdown-clear-icon{color:#64748b}.dcm-filter-dd-panel .p-dropdown-item{font-size:13px}.dcm-remarks-field{grid-column:span 2}.dcm-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.dcm-stat{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 1px 4px #0000000d}.dcm-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dcm-stat-icon.blue{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.dcm-stat-icon.green{color:#047857;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.dcm-stat-icon.violet{color:#6d28d9;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.dcm-stat-icon.amber{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a)}.dcm-stat strong,.dcm-stat span{display:block}.dcm-stat strong{color:#0f172a;font-size:22px;font-weight:850;line-height:1}.dcm-stat span{color:#64748b;margin-top:4px;font-size:12px;font-weight:700}.dcm-student-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.dcm-student-toolbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.dcm-student-toolbar h2{color:#111827;margin:0;font-size:15px;font-weight:800}.dcm-student-toolbar p{color:#64748b;margin:3px 0 0;font-size:12px;font-weight:600}.dcm-search{color:#64748b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:min(340px,100%);height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.dcm-search:focus-within{color:#334155;background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dcm-search input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px;font-weight:600}.dcm-search input:disabled{color:#94a3b8}.dcm-search button{color:#64748b;cursor:pointer;background:#e2e8f0;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex}.dcm-search button:hover{background:#cbd5e1}.dcm-table-wrap{overflow-x:auto}.dcm-table{border-collapse:collapse;width:100%;min-width:850px}.dcm-table th{color:#64748b;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:11px 14px;font-size:10.5px;font-weight:800}.dcm-table td{color:#374155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13px}.dcm-table tbody tr:last-child td{border-bottom:0}.dcm-table tbody tr:hover td{background:#fafbff}.dcm-table tr.selected td{background:#eff6ff}.dcm-table tr.selected:hover td{background:#dbeafe}.dcm-check-col{width:44px}.dcm-action-col{width:112px}.dcm-check-btn{color:#2563eb;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:inline-flex}.dcm-check-btn:disabled{color:#cbd5e1;cursor:not-allowed}.dcm-check-btn:hover:not(:disabled){background:#dbeafe}.dcm-student-cell{align-items:center;gap:10px;min-width:220px;display:flex}.dcm-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#7c3aed 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:850;display:flex}.dcm-student-cell strong,.dcm-student-cell span,.dcm-table td small,.dcm-table td strong{display:block}.dcm-student-cell strong,.dcm-table td strong{color:#111827;font-weight:700}.dcm-student-cell span,.dcm-table td small{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.dcm-id{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:22px;padding:0 9px;font-size:11.5px;font-weight:800;display:inline-flex}.dcm-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;padding:24px;display:flex}.dcm-empty strong{color:#334155;font-size:15px;font-weight:800}.dcm-empty span{color:#64748b;font-size:13px}@media (width<=1200px){.dcm-cert-types,.dcm-stats,.dcm-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.dcm-remarks-field{grid-column:span 1}}@media (width<=760px){.dcm-content{padding:14px}.dcm-page-head,.dcm-student-toolbar{flex-direction:column;align-items:stretch}.dcm-print-btn{justify-content:center;width:100%}.dcm-cert-types,.dcm-stats,.dcm-filter-panel{grid-template-columns:1fr}.dcm-search{width:100%}}.ms-content{--ms-primary:#4f46e5;--ms-primary-dark:#4338ca;--ms-primary-light:#6366f1;--ms-primary-soft:#eef2ff;--ms-primary-ring:#c7d2fe;--ms-accent:#0ea5e9;--ms-accent-soft:#e0f2fe;--ms-teal:#0d9488;--ms-teal-soft:#ccfbf1;--ms-success:#059669;--ms-success-soft:#ecfdf5;--ms-success-ring:#a7f3d0;--ms-warning:#d97706;--ms-warning-soft:#fffbeb;--ms-bg:#f1f5f9;--ms-card:#fff;--ms-text:#0f172a;--ms-text-2:#334155;--ms-muted:#64748b;--ms-faint:#94a3b8;--ms-border:#e2e8f0;--ms-border-soft:#f1f5f9;--ms-shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--ms-shadow:0 4px 16px #0f172a17, 0 2px 6px #0f172a0d;--ms-shadow-lg:0 12px 36px #0f172a21, 0 4px 12px #0f172a12;color:var(--ms-text);background:var(--ms-bg);flex-direction:column;gap:22px;min-height:100%;padding:28px 30px 72px;display:flex}.ms-hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 55%,#0ea5e9 100%);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #4f46e559}.ms-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff1f 0%,#0000 50%),radial-gradient(circle at 15% 80%,#ffffff14 0%,#0000 45%);position:absolute;inset:0}.ms-hero-dots{pointer-events:none;background-image:radial-gradient(#ffffff26 1.5px,#0000 1.5px);background-size:22px 22px;width:260px;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#0009,#0000);mask-image:linear-gradient(270deg,#0009,#0000)}.ms-hero-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:26px 30px;display:flex;position:relative}.ms-hero-left{align-items:center;gap:18px;display:flex}.ms-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff2e;border:1px solid #ffffff47;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #0000001f}.ms-page-title{color:#fff;letter-spacing:-.3px;text-shadow:0 1px 4px #00000026;margin:0;font-size:24px;font-weight:800}.ms-page-sub{color:#ffffffbf;margin:4px 0 0;font-size:13.5px;font-weight:500}.ms-head-actions{align-items:center;gap:10px;display:flex}.ms-btn-secondary{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border:1px solid #ffffff59;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.ms-btn-secondary:hover{background:#ffffff40;border-color:#ffffff8c;transform:translateY(-1px)}.ms-btn-save{cursor:pointer;height:40px;color:var(--ms-primary);background:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,color .15s,transform .12s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 4px 14px #0000002e}.ms-btn-save:hover:not(:disabled){background:#f0f0ff;transform:translateY(-1px);box-shadow:0 6px 20px #0003}.ms-btn-save:disabled{opacity:.45;cursor:not-allowed;transform:none}.ms-btn-save.saved{color:var(--ms-success);background:#fff;box-shadow:0 4px 14px #05966940}.ms-selector{background:var(--ms-card);box-shadow:var(--ms-shadow);border:1px solid var(--ms-border);border-radius:14px;overflow:hidden}.ms-selector-head{border-bottom:1px solid var(--ms-border);color:var(--ms-text-2);letter-spacing:.01em;background:linear-gradient(90deg,#f8f7ff 0%,#fff 100%);align-items:center;gap:10px;padding:16px 22px;font-size:13px;font-weight:700;display:flex}.ms-selector-head-icon{background:var(--ms-primary-soft);width:32px;height:32px;color:var(--ms-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ms-selector-body{padding:22px 22px 24px}.ms-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ms-field{flex-direction:column;gap:8px;display:flex}.ms-field label{color:var(--ms-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.ms-field label svg{color:var(--ms-primary)}.ms-dropdown.p-dropdown,.ms-multiselect.p-multiselect{border:1.5px solid var(--ms-border);width:100%;box-shadow:none;background:#fafbff;border-radius:10px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.ms-dropdown.p-dropdown{height:44px;overflow:hidden}.ms-multiselect.p-multiselect{height:auto!important;min-height:44px!important;max-height:none!important;overflow:visible!important}.ms-dropdown.p-dropdown:not(.p-disabled):hover,.ms-multiselect.p-multiselect:not(.p-disabled):hover{border-color:var(--ms-primary-ring);background:#fff}.ms-dropdown.p-dropdown.p-focus,.ms-multiselect.p-multiselect.p-focus{border-color:var(--ms-primary);background:#fff;box-shadow:0 0 0 3px #4f46e524}.ms-dropdown .p-dropdown-label{color:var(--ms-text);padding:0 0 0 14px;font-size:13.5px;font-weight:600;line-height:42px}.ms-dropdown .p-dropdown-label.p-placeholder,.ms-multiselect .p-multiselect-label.p-placeholder{color:var(--ms-faint);font-weight:500}.ms-dropdown .p-dropdown-trigger{color:var(--ms-faint);align-self:center;width:38px}.ms-multiselect .p-multiselect-trigger{color:var(--ms-faint);align-self:flex-start;width:38px;padding-top:12px}.ms-dropdown .p-dropdown-clear-icon{margin:0;position:absolute;top:50%;right:42px;transform:translateY(-50%)}.ms-dropdown-panel.p-dropdown-panel,.ms-multiselect-panel.p-multiselect-panel{border:1px solid var(--ms-border);border-radius:12px;font-family:inherit;overflow:hidden;box-shadow:0 12px 40px #0f172a26}.ms-dropdown-panel .p-dropdown-filter,.ms-multiselect-panel .p-multiselect-filter-container .p-inputtext{border:1.5px solid var(--ms-border);border-radius:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px}.ms-dropdown-panel .p-dropdown-item,.ms-multiselect-panel .p-multiselect-item{color:var(--ms-text);padding:10px 16px;font-size:13px;transition:background .1s}.ms-dropdown-panel .p-dropdown-item:hover,.ms-multiselect-panel .p-multiselect-item:hover{background:var(--ms-primary-soft);color:var(--ms-primary)}.ms-dropdown-panel .p-dropdown-item.p-highlight,.ms-multiselect-panel .p-multiselect-item.p-highlight{background:var(--ms-primary-soft);color:var(--ms-primary);font-weight:700}.ms-multiselect .p-multiselect-label-container{position:relative;flex:1!important;align-items:flex-start!important;min-width:0!important;height:auto!important;min-height:36px!important;padding:6px 8px!important;display:flex!important;overflow:visible!important}.ms-multiselect .p-multiselect-label{color:var(--ms-text);align-items:center;width:100%;font-size:13px;white-space:normal!important;flex-wrap:wrap!important;gap:5px!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.ms-multiselect .p-multiselect-token{background:var(--ms-primary-soft);color:var(--ms-primary);border:1px solid var(--ms-primary-ring);white-space:nowrap;border-radius:7px;font-size:12px;font-weight:700;flex-shrink:0!important;padding:3px 10px!important}.ms-multiselect .p-multiselect-token-label{text-overflow:ellipsis;max-width:160px;overflow:hidden}.ms-multiselect-panel .p-multiselect-header{border-bottom:1px solid var(--ms-border-soft);background:#f8f7ff;padding:12px 14px}.ms-multiselect-panel .p-checkbox .p-checkbox-box{border:1.5px solid var(--ms-border);border-radius:5px;width:17px;height:17px}.ms-multiselect-panel .p-checkbox .p-checkbox-box.p-highlight{background:var(--ms-primary);border-color:var(--ms-primary)}.ms-table-panel{background:var(--ms-card);border:1px solid var(--ms-border);box-shadow:var(--ms-shadow);border-radius:14px;overflow:hidden}.ms-context-bar{background:linear-gradient(90deg,#eef2ff 0%,#e0f2fe 100%);border-bottom:1px solid #c7d2fe;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.ms-context-items,.ms-context-counts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ms-context-badge{border:1px solid var(--ms-primary-ring);color:var(--ms-text);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #4f46e514}.ms-context-badge svg{color:var(--ms-primary)}.ms-context-stat{background:var(--ms-primary);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #4f46e547}.ms-context-stat.is-success{background:var(--ms-success);box-shadow:0 2px 8px #05966947}.ms-table-wrap{width:100%;overflow-x:auto}.ms-table{border-collapse:collapse;width:100%;min-width:760px}.ms-table thead{background:#f8f9fc}.ms-table th{text-align:left;border-bottom:2px solid var(--ms-border);color:var(--ms-muted);text-transform:uppercase;letter-spacing:.07em;padding:12px 18px;font-size:11px;font-weight:800}.ms-table td{border-bottom:1px solid var(--ms-border-soft);color:var(--ms-text);vertical-align:middle;height:68px;padding:12px 18px}.ms-table tbody tr{transition:background .12s;animation:.22s both msRowIn}.ms-table tbody tr:last-child td{border-bottom:none}.ms-table tbody tr:hover{background:#f8f7ff}.ms-th-count,.ms-td-count{text-align:center;width:110px}.ms-table-state{text-align:center;color:var(--ms-muted);font-size:14px;padding:56px 20px!important}.ms-semester-cell{align-items:center;gap:12px;min-width:190px;display:flex}.ms-semester-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #0000001a}.ms-semester-badge[data-idx="0"]{color:#4f46e5;background:#eef2ff;border:1.5px solid #c7d2fe}.ms-semester-badge[data-idx="1"]{color:#16a34a;background:#f0fdf4;border:1.5px solid #bbf7d0}.ms-semester-badge[data-idx="2"]{color:#ea580c;background:#fff7ed;border:1.5px solid #fed7aa}.ms-semester-badge[data-idx="3"]{color:#9333ea;background:#fdf4ff;border:1.5px solid #e9d5ff}.ms-semester-badge[data-idx="4"]{color:#0891b2;background:#ecfeff;border:1.5px solid #a5f3fc}.ms-semester-badge[data-idx="5"]{color:#e11d48;background:#fff1f2;border:1.5px solid #fecdd3}.ms-semester-badge[data-idx="6"]{color:#d97706;background:#fffbeb;border:1.5px solid #fde68a}.ms-semester-badge[data-idx="7"]{color:#0369a1;background:#f0f9ff;border:1.5px solid #bae6fd}.ms-semester-name{color:var(--ms-text);font-size:13.5px;font-weight:700}.ms-semester-status{color:var(--ms-muted);text-transform:capitalize;margin-top:2px;font-size:11.5px;font-weight:500}.ms-count-chip{border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:26px;padding:0 10px;font-size:12.5px;font-weight:800;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.ms-count-chip.is-empty{background:var(--ms-bg);border:1px solid var(--ms-border);color:var(--ms-faint)}.ms-count-chip.is-filled{background:var(--ms-success-soft);border:1px solid var(--ms-success-ring);color:var(--ms-success)}.ms-footer{border-top:1px solid var(--ms-border);background:#fafbff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.ms-footer-note{color:var(--ms-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.ms-footer-note svg{color:var(--ms-primary)}.ms-footer .ms-btn-save{background:linear-gradient(135deg, var(--ms-primary) 0%, var(--ms-primary-light) 100%);color:#fff;box-shadow:0 4px 14px #4f46e559}.ms-footer .ms-btn-save:hover:not(:disabled){background:linear-gradient(135deg, var(--ms-primary-dark) 0%, var(--ms-primary) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.ms-footer .ms-btn-save.saved{background:linear-gradient(135deg,#059669 0%,#34d399 100%);box-shadow:0 4px 14px #05966959}.ms-idle{background:var(--ms-card);border:1px solid var(--ms-border);box-shadow:var(--ms-shadow);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:340px;padding:52px 32px;display:flex}.ms-idle-icon{border:2px solid var(--ms-primary-ring);width:76px;height:76px;color:var(--ms-primary);background:linear-gradient(135deg,#eef2ff 0%,#e0f2fe 100%);border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;display:flex;box-shadow:0 4px 16px #4f46e524}.ms-idle h2{color:var(--ms-text);letter-spacing:-.2px;margin:0 0 8px;font-size:18px;font-weight:800}.ms-idle-desc{color:var(--ms-muted);max-width:380px;margin:0 0 28px;font-size:13.5px;line-height:1.6}.ms-idle-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ms-idle-step{background:var(--ms-bg);border:1px solid var(--ms-border);color:var(--ms-text-2);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.ms-idle-step-num{background:var(--ms-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.ms-idle-step-arrow{color:var(--ms-faint);font-size:16px;font-weight:300}@keyframes msRowIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.ms-content{gap:18px;padding:18px 16px 52px}.ms-hero-inner{padding:22px}.ms-selector-grid{grid-template-columns:1fr}}@media (width<=640px){.ms-hero-left{gap:13px}.ms-hero-icon{border-radius:11px;width:44px;height:44px}.ms-page-title{font-size:20px}.ms-head-actions{width:100%}.ms-btn-secondary,.ms-btn-save{flex:1}.ms-context-items,.ms-context-counts{width:100%}.ms-context-badge,.ms-context-stat{flex:1;justify-content:center}.ms-idle-steps{flex-direction:column;align-items:stretch}.ms-idle-step-arrow{display:none}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--success:#10b981;--success-bg:#ecfdf5;--success-ring:#a7f3d0;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#8b5cf6;--purple-bg:#f5f3ff;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes rowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes expandIn{0%{opacity:0;transform-origin:top;transform:scaleY(.92)}to{opacity:1;transform:scaleY(1)}}.syl-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.syl-layout{display:flex}.syl-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.syl-main.sidebar-collapsed{margin-left:58px}.syl-main::-webkit-scrollbar{width:5px}.syl-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.syl-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.syl-hamburger{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;display:none}.syl-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.syl-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.syl-sep{color:var(--text-3)}.syl-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.syl-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.syl-icon-btn:hover{background:var(--bg);color:var(--text-1)}.syl-notif-btn .syl-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.syl-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.syl-content{flex-direction:column;gap:22px;padding:26px 28px 60px;display:flex}.syl-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.syl-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.syl-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.syl-btn-secondary{background:var(--card);height:38px;color:var(--text-2);border:1.5px solid var(--border-md);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);border-radius:10px;align-items:center;gap:7px;padding:0 18px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.syl-btn-secondary:hover{background:var(--bg);color:var(--text-1);border-color:var(--primary-ring)}.syl-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 22px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.syl-btn-save:hover:not(:disabled){background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.syl-btn-save:disabled{opacity:.6;cursor:not-allowed}.syl-btn-save.saving{cursor:wait;background:#818cf8}.syl-btn-save.saved{background:var(--success);box-shadow:0 2px 10px #10b9814d}.syl-sel-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 24px 24px;animation:.4s 60ms both fadeUp}.syl-sel-card-head{color:var(--text-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;font-size:13px;font-weight:600;display:flex}.syl-sel-card-head svg{color:var(--primary)}.syl-steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:0;display:grid}.syl-step{background:var(--bg);border:1.5px solid var(--border-md);border-radius:12px;flex-direction:column;gap:14px;padding:16px 18px 18px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.syl-step.active{border-color:var(--primary-ring);background:#fafafe;box-shadow:0 0 0 3px #6366f114}.syl-step.done{border-color:var(--success-ring);background:var(--success-bg)}.syl-step.locked{opacity:.55;pointer-events:none}.syl-step-hd{align-items:flex-start;gap:12px;display:flex}.syl-step-num{border:2px solid var(--border-md);background:var(--card);width:28px;height:28px;color:var(--text-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:flex}.syl-step.active .syl-step-num{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.syl-step-num.done{border-color:var(--success);background:var(--success);color:#fff}.syl-step-num.locked{border-color:var(--border-md);background:var(--bg);color:var(--text-3)}.syl-step-labels{flex-direction:column;gap:2px;display:flex}.syl-step-title{color:var(--text-1);font-size:13.5px;font-weight:700}.syl-step.done .syl-step-title{color:#065f46}.syl-step-hint{color:var(--text-3);font-size:11.5px}.syl-step.active .syl-step-hint{color:var(--primary)}.syl-step.done .syl-step-hint{color:#059669}.syl-connector{color:var(--text-3);justify-content:center;align-items:center;margin-top:28px;padding:0 8px;transition:color .25s;display:flex}.syl-connector.lit{color:var(--primary)}.syl-dropdown.p-dropdown{border:1.5px solid var(--border-md);background:var(--card);width:100%;height:38px;font-size:13px;font-family:var(--font);border-radius:9px;transition:border-color .15s,box-shadow .15s}.syl-step.active .syl-dropdown.p-dropdown{border-color:var(--primary-ring)}.syl-step.done .syl-dropdown.p-dropdown{border-color:var(--success-ring)}.syl-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)}.syl-dropdown.p-dropdown.p-focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.syl-dropdown.p-dropdown .p-dropdown-label{color:var(--text-1);padding:0 12px;font-size:13px;line-height:36px}.syl-dropdown.p-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3)}.syl-dropdown.p-dropdown .p-dropdown-trigger{width:32px;color:var(--text-3)}.syl-dropdown.p-disabled{opacity:.5}.syl-dropdown-panel.p-dropdown-panel .p-dropdown-items-wrapper{max-height:240px}.syl-dropdown-panel .p-dropdown-item{color:var(--text-1);padding:10px 14px;font-size:13px}.syl-dropdown-panel .p-dropdown-item:hover{background:var(--primary-bg);color:var(--primary)}.syl-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.syl-dropdown-panel .p-dropdown-filter{border:1.5px solid var(--border-md);border-radius:8px;width:100%;padding:8px 12px;font-size:13px}.syl-dropdown-panel .p-dropdown-filter:focus{border-color:var(--primary);outline:none}.syl-dropdown-panel .p-dropdown-filter-container{padding:8px 10px}.syl-dropdown-panel .p-dropdown-empty-message{color:var(--text-3);padding:12px 14px;font-size:13px}.syl-idle{background:var(--card);border:1px dashed var(--border-md);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:52px 24px;animation:.4s .12s both fadeUp;display:flex}.syl-idle-icon{background:var(--primary-bg);width:72px;height:72px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.syl-idle-title{color:var(--text-1);font-size:17px;font-weight:700}.syl-idle-sub{color:var(--text-2);max-width:460px;font-size:13.5px;line-height:1.6}.syl-idle-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.syl-flow-chip{background:var(--bg);border:1.5px solid var(--border-md);color:var(--text-2);border-radius:20px;align-items:center;gap:5px;padding:6px 13px;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.syl-flow-chip.done{background:var(--success-bg);border-color:var(--success-ring);color:#065f46;font-weight:600}.syl-flow-chip-target{background:var(--primary-bg);border-color:var(--primary-ring);color:var(--primary);font-weight:600}.syl-flow-arrow{color:var(--text-3);font-size:16px;transition:color .2s}.syl-flow-arrow.lit{color:var(--primary)}.syl-form-area{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:.38s 80ms both fadeUp;overflow:hidden}.syl-ctx-bar{background:var(--primary-bg);border-bottom:1px solid var(--primary-ring);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 20px;display:flex}.syl-ctx-crumb{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.syl-ctx-item{align-items:center;gap:5px;font-size:13px;display:inline-flex}.syl-ctx-item svg{color:var(--primary);flex-shrink:0}.syl-ctx-lbl{color:var(--text-3);font-size:11.5px}.syl-ctx-val{color:var(--text-1);font-size:13px;font-weight:600}.syl-ctx-sep{color:var(--primary-lt);padding:0 2px;font-size:15px}.syl-ctx-badge{background:var(--primary);color:#fff;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.syl-state-box{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:12px;padding:52px 24px;font-size:14px;display:flex}.syl-spinner{border:3px solid var(--primary-bg);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.syl-table-legend{background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:18px;padding:10px 20px;font-size:12px;display:flex}.syl-legend-item{align-items:center;gap:6px;display:inline-flex}.syl-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.syl-legend-enabled{background:var(--primary);opacity:.8}.syl-legend-disabled{background:var(--border-md)}.syl-table-wrap{overflow-x:auto}.syl-table{border-collapse:collapse;width:100%;min-width:980px;font-size:13px}.syl-table thead{background:#fafafe}.syl-table th{text-align:left;color:var(--text-2);white-space:nowrap;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;font-size:11.5px;font-weight:700;line-height:1.35}.syl-th-subj{min-width:200px}.syl-th-num{text-align:center;min-width:80px}.syl-th-exp{width:44px}.syl-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.syl-tr{animation:.3s both rowIn}.syl-tr:hover{background:#fafafe}.syl-tr.syl-tr-open{background:var(--primary-bg)}.syl-tr.syl-tr-open td{border-bottom-color:#0000}.syl-td-subj{min-width:200px}.syl-subj-cell{align-items:center;gap:10px;display:flex}.syl-subj-dot{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.syl-subj-name{color:var(--text-1);font-size:13px;font-weight:600;line-height:1.2}.syl-subj-code{align-items:center;gap:5px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.syl-subj-cr{background:var(--bg);border:1px solid var(--border-md);color:var(--text-3);border-radius:10px;padding:1px 6px;font-size:10.5px;font-weight:500}.syl-type-badge{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.syl-ni{border:1.5px solid var(--border-md);background:var(--card);text-align:center;width:68px;height:32px;font-size:13px;font-family:var(--font);color:var(--text-1);border-radius:8px;padding:0 6px;transition:border-color .15s,box-shadow .15s}.syl-ni:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.syl-ni::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.syl-ni::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.syl-ni[type=number]{-moz-appearance:textfield}.syl-ni-dim{background:var(--bg);border-color:var(--border);color:var(--text-3);cursor:not-allowed;opacity:.55}.syl-ni-dim::placeholder{color:var(--border-md)}.syl-exp-btn{border:1.5px solid var(--border-md);background:var(--card);width:30px;height:30px;color:var(--text-3);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform .2s;display:flex}.syl-exp-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.syl-exp-btn.open{background:var(--primary);color:#fff;border-color:var(--primary);transform:rotate(180deg)}.syl-expand-row td{border-bottom:1px solid var(--border-md);padding:0}.syl-expand-body{border-top:2px solid var(--primary-ring);background:#f8f9ff;flex-direction:column;gap:0;animation:.2s both expandIn;display:flex}.syl-exp-field{border-bottom:1px solid var(--primary-ring);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.syl-exp-field:last-child{border-bottom:none}.syl-exp-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.syl-exp-opt{text-transform:none;color:var(--text-3);letter-spacing:0;font-size:11px;font-weight:400}.syl-textarea{border:1.5px solid var(--border-md);width:100%;font-size:13px;font-family:var(--font);color:var(--text-1);background:var(--card);resize:vertical;border-radius:9px;padding:10px 12px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.syl-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.syl-textarea::placeholder{color:var(--text-3)}.syl-footer{border-top:1px solid var(--border);background:var(--bg);justify-content:flex-end;align-items:center;gap:10px;padding:16px 20px;display:flex}@media (width<=768px){.syl-main{margin-left:0}.syl-hamburger{display:flex}.syl-content{padding:16px 16px 48px}.syl-steps{grid-template-columns:1fr;gap:8px}.syl-connector{margin-top:0;padding:4px 0;transform:rotate(90deg)}.syl-expand-body{flex-direction:column}.syl-ctx-crumb{flex-direction:column;align-items:flex-start;gap:4px}.syl-ctx-sep{display:none}}@media (width<=480px){.syl-page-title{font-size:18px}.syl-ni{width:54px}}.syl-ctx-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.syl-ctx-completion{color:var(--text-2);align-items:center;gap:7px;font-size:12px;display:flex}.syl-ctx-prog-track{background:#10b9812e;border-radius:4px;width:80px;height:6px;overflow:hidden}.syl-ctx-prog-fill{background:var(--success);border-radius:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.syl-ctx-prog-lbl{color:var(--success);white-space:nowrap;font-size:11.5px;font-weight:600}.syl-check-demo{border:1.5px solid var(--success);background:var(--success-bg);vertical-align:middle;border-radius:4px;width:14px;height:14px;display:inline-block}.syl-subj-prog{align-items:center;gap:6px;margin-top:5px;display:flex}.syl-prog-track{background:#6366f11f;border-radius:3px;flex:1;max-width:80px;height:5px;overflow:hidden}.syl-prog-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.syl-prog-lbl{color:var(--primary);white-space:nowrap;font-size:10.5px;font-weight:600}.syl-exp-label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.syl-exp-completion-badge{text-transform:none;letter-spacing:0;color:var(--success);background:var(--success-bg);border:1px solid var(--success-ring);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.syl-add-topic-btn{background:var(--primary-bg);height:28px;color:var(--primary);border:1.5px solid var(--primary-ring);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:4px 11px;transition:background .15s,transform .1s;display:inline-flex}.syl-add-topic-btn:hover{background:#e0e7ff;transform:translateY(-1px)}.syl-no-topics{color:var(--text-3);text-align:center;background:var(--bg);border:1.5px dashed var(--border-md);border-radius:10px;padding:18px 12px;font-size:12.5px}.syl-topics-list{flex-direction:column;gap:10px;display:flex}.syl-topic-item{border:1.5px solid var(--border-md);background:var(--card);border-radius:10px;overflow:hidden}.syl-topic-row{border-bottom:1px solid var(--border);background:#fafafe;align-items:flex-start;gap:7px;padding:8px 10px;display:flex}.syl-check-btn{border:1.5px solid var(--border-md);background:var(--card);cursor:pointer;color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:background .15s,border-color .15s,transform .1s;display:flex}.syl-check-btn:hover:not([style*="cursor: default"]){border-color:var(--success);background:var(--success-bg)}.syl-check-btn.done{background:var(--success);border-color:var(--success);transform:scale(1.05)}.syl-check-btn.sm{border-radius:4px;width:17px;height:17px}.syl-topic-input{border:1.5px solid var(--border-md);background:var(--card);font-size:13px;font-weight:600;font-family:var(--font);color:var(--text-1);resize:vertical;border-radius:7px;flex:1;padding:6px 9px;line-height:1.45;transition:border-color .15s,box-shadow .15s}.syl-topic-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.syl-topic-input.done{color:var(--text-3);background:var(--bg);text-decoration:line-through}.syl-topic-input::placeholder{color:var(--text-3);font-weight:400}.syl-del-btn{border:1.5px solid var(--border-md);background:var(--card);width:26px;height:26px;color:var(--text-3);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.syl-del-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:#fca5a5}.syl-del-btn.sm{border-radius:5px;width:22px;height:22px}.syl-subtopics-list{flex-direction:column;gap:5px;padding:8px 10px 10px;display:flex}.syl-subtopic-row{align-items:flex-start;gap:6px;display:flex}.syl-sub-indent{border-left:2px solid var(--border-md);border-bottom:2px solid var(--border-md);border-bottom-left-radius:4px;flex-shrink:0;width:14px;height:14px;margin-left:4px}.syl-subtopic-input{border:1.5px solid var(--border-md);background:var(--card);font-size:12.5px;font-family:var(--font);color:var(--text-1);resize:vertical;border-radius:6px;flex:1;padding:5px 8px;line-height:1.45;transition:border-color .15s,box-shadow .15s}.syl-subtopic-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f114}.syl-subtopic-input.done{color:var(--text-3);background:var(--bg);text-decoration:line-through}.syl-subtopic-input::placeholder{color:var(--text-3)}.syl-add-sub-btn{color:var(--text-3);border:1.5px dashed var(--border-md);cursor:pointer;font-size:11.5px;font-weight:500;font-family:var(--font);background:0 0;border-radius:6px;align-items:center;gap:4px;margin-top:4px;margin-left:24px;padding:3px 9px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.syl-add-sub-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring);border-style:solid}.syl-topics-col{flex-direction:column;gap:0;display:flex}.syl-topics-col .syl-exp-label{flex-wrap:wrap;align-items:center;gap:6px}@media (width<=768px){.syl-ctx-right{flex-direction:column;align-items:flex-start;gap:6px}.syl-ctx-completion{flex-wrap:wrap}}@media (width<=480px){.syl-prog-track{max-width:60px}.syl-ctx-prog-track{width:56px}}:root{--sm-primary:#6366f1;--sm-primary-lt:#818cf8;--sm-primary-dk:#4f46e5;--sm-primary-bg:#eef2ff;--sm-primary-ring:#c7d2fe;--sm-success:#10b981;--sm-success-bg:#ecfdf5;--sm-success-ring:#a7f3d0;--sm-danger:#ef4444;--sm-danger-bg:#fef2f2;--sm-danger-ring:#fecaca;--sm-bg:#f8f9fc;--sm-card:#fff;--sm-text:#111827;--sm-muted:#6b7280;--sm-soft:#9ca3af;--sm-border:#e5e7eb;--sm-border-soft:#f1f5f9;--sm-shadow:0 1px 3px #0000000f,0 4px 14px #0000000d;--sm-shadow-lg:0 8px 32px #0000001a;--sm-radius:14px;--sm-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes smFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes smCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes smRowIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes smSpin{to{transform:rotate(360deg)}}.smat-content{background:var(--sm-bg);min-height:calc(100vh - 64px);color:var(--sm-text);font-family:var(--sm-font);flex-direction:column;gap:22px;padding:26px 28px 60px;display:flex}.smat-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;animation:.4s both smFadeUp;display:flex}.smat-page-title{color:var(--sm-text);letter-spacing:-.025em;font-size:22px;font-weight:800}.smat-page-sub{color:var(--sm-muted);margin-top:3px;font-size:13px}.smat-filter-panel{background:var(--sm-card);border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);padding:0;animation:.4s 60ms both smFadeUp;overflow:hidden}.smat-filter-panel-inner{padding:20px 24px 24px}.smat-filter-bar{background:linear-gradient(90deg,var(--sm-primary),var(--sm-primary-lt),#a5b4fc);flex-shrink:0;height:3px}.smat-filter-head{border-bottom:1px solid var(--sm-border-soft);color:var(--sm-muted);align-items:center;gap:8px;padding-bottom:16px;font-size:13px;font-weight:600;display:flex}.smat-filter-head svg{color:var(--sm-primary)}.smat-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.smat-filter-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.smat-dropdown.p-dropdown{border:1.5px solid var(--sm-border);width:100%;height:40px;font:500 13px var(--sm-font);background:#fff;border-radius:10px;transition:border-color .15s,box-shadow .15s}.smat-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--sm-primary)}.smat-dropdown.p-dropdown.p-focus{border-color:var(--sm-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.smat-dropdown .p-dropdown-label{color:var(--sm-text);padding:0 12px;font-size:13px;line-height:38px}.smat-dropdown .p-dropdown-label.p-placeholder{color:var(--sm-soft)}.smat-dropdown .p-dropdown-trigger{width:34px;color:var(--sm-soft)}.smat-dropdown-panel .p-dropdown-item{color:var(--sm-text);padding:10px 14px;font-size:13px}.smat-dropdown-panel .p-dropdown-item:hover{background:var(--sm-primary-bg);color:var(--sm-primary)}.smat-dropdown-panel .p-dropdown-item.p-highlight{background:var(--sm-primary-bg);color:var(--sm-primary);font-weight:600}.smat-dropdown-panel .p-dropdown-filter{border:1.5px solid var(--sm-border);border-radius:8px;width:100%;padding:8px 12px;font-size:13px}.smat-dropdown-panel .p-dropdown-filter:focus{border-color:var(--sm-primary);outline:none}.smat-dropdown-panel .p-dropdown-filter-container{padding:8px 10px}.smat-dropdown-panel .p-dropdown-empty-message{color:var(--sm-soft);padding:12px 14px;font-size:13px}.smat-context-strip{border-top:1px solid var(--sm-border-soft);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.smat-context-strip span{border:1px solid var(--sm-primary-ring);background:var(--sm-primary-bg);color:#4f46e5;border-radius:20px;align-items:center;gap:5px;min-height:28px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.smat-idle{background:var(--sm-card);border:1px dashed var(--sm-border);border-radius:var(--sm-radius);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:64px 24px;animation:.4s .12s both smFadeUp;display:flex}.smat-idle-icon{background:var(--sm-primary-bg);width:76px;height:76px;color:var(--sm-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.smat-idle h2{color:var(--sm-text);letter-spacing:-.015em;font-size:18px;font-weight:700}.smat-idle p{max-width:440px;color:var(--sm-muted);font-size:13.5px;line-height:1.65}.smat-idle-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.smat-flow-chip{background:var(--sm-bg);border:1.5px solid var(--sm-border);color:var(--sm-muted);border-radius:20px;align-items:center;gap:5px;padding:6px 13px;font-size:12.5px;font-weight:500;display:inline-flex}.smat-flow-chip-target{background:var(--sm-primary-bg);border-color:var(--sm-primary-ring);color:var(--sm-primary);font-weight:600}.smat-flow-arrow{color:var(--sm-soft);font-size:15px;line-height:1}.smat-workspace{grid-template-columns:minmax(300px,400px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.smat-upload-panel{background:var(--sm-card);border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);flex-direction:column;animation:.38s 80ms both smCardIn;display:flex;overflow:hidden}.smat-upload-header{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid #d1fae5;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 16px;display:flex}.smat-assignment-head{background:linear-gradient(135deg,#fff7ed,#fffbeb);border-bottom-color:#fed7aa}.smat-upload-header h2{color:var(--sm-text);font-size:15px;font-weight:700}.smat-upload-header p{color:var(--sm-muted);margin-top:3px;font-size:12px}.smat-upload-header-icon{background:var(--sm-success-bg);width:42px;height:42px;color:var(--sm-success);border:1px solid var(--sm-success-ring);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.smat-upload-body{flex-direction:column;gap:16px;padding:20px;display:flex}.smat-input,.smat-textarea{border:1.5px solid var(--sm-border);width:100%;color:var(--sm-text);font:500 13px var(--sm-font);background:#fff;border-radius:10px;transition:border-color .15s,box-shadow .15s}.smat-input{height:40px;padding:0 12px}.smat-input::placeholder{color:var(--sm-soft)}.smat-textarea{resize:vertical;padding:11px 12px;line-height:1.5}.smat-textarea::placeholder{color:var(--sm-soft)}.smat-input:focus,.smat-textarea:focus{border-color:var(--sm-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.smat-drop-zone{border:2px dashed var(--sm-border);background:var(--sm-bg);text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:7px;padding:22px 16px;transition:border-color .2s,background .2s;display:flex;position:relative}.smat-drop-zone-compact{min-height:88px;padding:14px 12px}.smat-drop-zone:hover{border-color:var(--sm-primary-ring);background:var(--sm-primary-bg)}.smat-drop-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.smat-drop-zone-icon{background:var(--sm-primary-bg);width:44px;height:44px;color:var(--sm-primary);border:1px solid var(--sm-primary-ring);pointer-events:none;border-radius:12px;justify-content:center;align-items:center;display:flex}.smat-drop-zone-text{color:var(--sm-muted);pointer-events:none;font-size:13px;font-weight:500}.smat-drop-zone-hint{color:var(--sm-soft);pointer-events:none;font-size:11.5px}.smat-actions{justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.smat-list-panel{background:var(--sm-card);border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);flex-direction:column;animation:.38s .1s both smCardIn;display:flex;overflow:hidden}.smat-tabs{border:1px solid var(--sm-border);width:max-content;max-width:100%;box-shadow:var(--sm-shadow);background:#fff;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.smat-tabs button{height:36px;color:var(--sm-muted);font:700 13px var(--sm-font);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 16px;display:inline-flex}.smat-tabs button.active{background:var(--sm-primary);color:#fff;box-shadow:0 2px 10px #6366f140}.smat-assignment-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.smat-assignment-main{flex-direction:column;gap:20px;min-width:0;display:flex}.smat-file-input{height:auto;padding:9px 10px}.smat-type-pill,.smat-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 9px;font-size:11.5px;font-weight:800;display:inline-flex}.smat-type-pill{color:#0f766e;background:#ccfbf1;border:1px solid #99f6e4}.smat-status{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.smat-status.published,.smat-status.evaluated{color:#047857;background:#d1fae5;border-color:#a7f3d0}.smat-status.draft,.smat-status.submitted{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.smat-status.closed,.smat-status.returned{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.smat-status.late{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.smat-assignment-icon{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.smat-mini-stats{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.smat-mini-stats span{color:var(--sm-text);font-size:12.5px;font-weight:700}.smat-mini-stats small{color:var(--sm-muted);font-size:11.5px}.smat-selected-row{box-shadow:inset 3px 0 0 var(--sm-primary);background:#f8fafc}.smat-submission-panel{overflow:visible}@keyframes smat-fade-in{0%{opacity:0}to{opacity:1}}@keyframes smat-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.smat-selected-submission{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9px;align-items:center;min-height:34px;padding:0 10px;font-size:12.5px;font-weight:700;display:flex}.smat-compact-chip{padding:8px 10px}.smat-student-cell{flex-direction:column;gap:3px;min-width:150px;display:flex}.smat-student-cell strong{color:var(--sm-text);font-size:13px}.smat-student-cell small{color:var(--sm-muted);font-size:11.5px}.smat-list-header{border-bottom:1px solid var(--sm-border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.smat-list-header-title{color:var(--sm-text);font-size:15px;font-weight:700}.smat-list-header-sub{color:var(--sm-muted);margin-top:3px;font-size:12.5px}.smat-search{border:1.5px solid var(--sm-border);width:min(260px,100%);height:38px;color:var(--sm-soft);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.smat-search:focus-within{border-color:var(--sm-primary);color:var(--sm-primary);box-shadow:0 0 0 3px #6366f11a}.smat-search input{width:100%;min-width:0;color:var(--sm-text);font:500 13px var(--sm-font);background:0 0;border:0;outline:0}.smat-search input::placeholder{color:var(--sm-soft)}.smat-state{min-height:240px;color:var(--sm-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:52px 24px;font-size:13.5px;display:flex}.smat-state svg{color:var(--sm-soft)}.smat-spinner{border:3px solid var(--sm-primary-bg);border-top-color:var(--sm-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite smSpin}.smat-table-wrap{overflow-x:auto}.smat-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.smat-table thead{background:#fafafe}.smat-table th{text-align:left;color:var(--sm-muted);border-bottom:1px solid var(--sm-border);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:700}.smat-table td{border-bottom:1px solid var(--sm-border-soft);vertical-align:middle;color:var(--sm-text);padding:13px 14px}.smat-table tbody tr:last-child td{border-bottom:0}.smat-table tbody tr{transition:background .12s;animation:.28s both smRowIn}.smat-table tbody tr:hover{background:#fafafe}.smat-th-actions{text-align:right;width:100px}.smat-material-cell{align-items:center;gap:10px;min-width:0;display:flex}.smat-material-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.smat-material-cell-text{min-width:0}.smat-material-cell strong{color:var(--sm-text);font-size:13px;font-weight:600;display:block}.smat-material-cell small{color:var(--sm-muted);white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-top:3px;font-size:12px;display:block;overflow:hidden}.smat-file-meta span{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;font-weight:500;display:block;overflow:hidden}.smat-file-meta small{color:var(--sm-muted);margin-top:3px;font-size:11.5px;display:block}.smat-date-cell{color:var(--sm-muted);white-space:nowrap;font-size:12.5px}.smat-row-actions{justify-content:flex-end;gap:8px;display:flex}.smat-btn-primary,.smat-btn-secondary,.smat-icon-btn{font:600 13px var(--sm-font);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex}.smat-btn-primary:disabled,.smat-btn-secondary:disabled,.smat-icon-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.smat-icon-btn{border:1.5px solid var(--sm-border);width:34px;height:34px;color:var(--sm-primary);background:#fff}.smat-icon-btn:hover:not(:disabled){background:var(--sm-primary-bg);border-color:var(--sm-primary-ring)}.smat-icon-btn.smat-danger{color:var(--sm-danger)}.smat-icon-btn.smat-danger:hover:not(:disabled){background:var(--sm-danger-bg);border-color:var(--sm-danger-ring)}.smat-pagination{border-top:1px solid var(--sm-border-soft);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.smat-pagination span{color:var(--sm-muted);font-size:13px;font-weight:600}@media (width<=1100px){.smat-workspace,.smat-assignment-layout{grid-template-columns:1fr}}@media (width<=768px){.smat-content{padding:16px 16px 48px}.smat-page-head{align-items:flex-start}.smat-filter-grid,.smat-filter-grid-four,.smat-form-grid-two{grid-template-columns:1fr}.smat-tabs{width:100%}.smat-tabs button{flex:1}.smat-search{width:100%}.smat-list-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.smat-page-title{font-size:19px}}.smas-content{gap:20px}.smas-context-strip span{min-height:30px}.smas-context-skeleton{border-top:1px solid var(--sm-border-soft);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.smas-context-skeleton .sk-pill{height:30px}.smas-context-skeleton-name{width:150px}.smas-context-skeleton-course{width:210px}.smas-context-skeleton-semester{width:160px}.smas-layout{grid-template-columns:minmax(0,1fr) minmax(320px,390px);align-items:start;gap:20px;display:grid}.smas-submit-panel{position:sticky;top:18px}.smas-assignment-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:18px;display:grid}.smas-assignment-list-loading{align-items:stretch}.smas-assignment-card{border:1.5px solid var(--sm-border);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 2px #0f172a0a}.smas-assignment-card:hover,.smas-assignment-card.active{border-color:var(--sm-primary-ring);box-shadow:0 8px 24px #6366f11f}.smas-assignment-card.active{transform:translateY(-1px)}.smas-card-main{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0;display:flex}.smas-card-copy{min-width:0}.smas-card-copy strong{color:var(--sm-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;display:block;overflow:hidden}.smas-card-copy small{color:var(--sm-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;display:block;overflow:hidden}.smas-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.smas-card-meta>span:not(.smat-status){border:1px solid var(--sm-border);min-height:24px;color:var(--sm-muted);background:#f8fafc;border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.smas-card-note{color:var(--sm-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.smas-card-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;display:flex}.smas-selected-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.smas-selected-summary>span:not(.smat-status){border:1px solid var(--sm-border);min-height:26px;color:var(--sm-muted);background:#f8fafc;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.smas-submission-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.smas-submission-summary div{flex-direction:column;gap:2px;display:flex}.smas-submission-summary strong{color:#1e3a8a;font-size:12px}.smas-submission-summary span{color:#2563eb;font-size:12px;font-weight:700}.smas-submission-summary .smat-status{width:max-content}.smas-marks{background:#dbeafe;border-radius:999px;width:max-content;padding:4px 8px;color:#1d4ed8!important}.smat-status.pending{color:#475569;background:#f8fafc;border-color:#e2e8f0}.smas-upload-empty{min-height:300px}.smas-submit-skeleton{gap:16px}.smas-submit-skeleton-pills,.smas-submit-skeleton-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.smas-submit-skeleton-wide{width:130px}.smas-submit-skeleton-field{flex-direction:column;gap:9px;display:flex}.smas-submit-skeleton-field .sk-input{width:100%}.smas-submit-skeleton-textarea{height:118px}.smas-submit-skeleton-dropzone{height:132px}.smas-submit-skeleton-actions{justify-content:flex-end;padding-top:2px}.smas-submit-skeleton-button{width:150px}@media (width<=1100px){.smas-layout{grid-template-columns:1fr}.smas-submit-panel{position:static}}@media (width<=640px){.smas-assignment-list{grid-template-columns:1fr;padding:14px}.smas-card-actions{flex-wrap:wrap;justify-content:flex-start}}:root{--ssm-primary:#6366f1;--ssm-primary-lt:#818cf8;--ssm-primary-dk:#4f46e5;--ssm-primary-bg:#eef2ff;--ssm-primary-ring:#c7d2fe;--ssm-bg:#f8f9fc;--ssm-card:#fff;--ssm-text:#111827;--ssm-muted:#6b7280;--ssm-soft:#9ca3af;--ssm-border:#e5e7eb;--ssm-border-soft:#f1f5f9;--ssm-shadow:0 1px 3px #0000000f, 0 4px 14px #0000000d;--ssm-radius:14px;--ssm-font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes ssmFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ssmCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ssmSpin{to{transform:rotate(360deg)}}@keyframes ssmShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes ssmPulse{0%,to{opacity:1}50%{opacity:.5}}.ssm-page{background:var(--ssm-bg);min-height:calc(100vh - 64px);font-family:var(--ssm-font);color:var(--ssm-text);flex-direction:column;gap:20px;padding:26px 28px 60px;display:flex}.ssm-hero{border-radius:var(--ssm-radius);background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 60%,#a855f7 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;animation:.4s both ssmFadeUp;display:flex;position:relative;overflow:hidden}.ssm-hero-glow{pointer-events:none;background:#ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-40px}.ssm-hero:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-50px;left:-30px}.ssm-hero-left{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.ssm-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#fff3;border:1.5px solid #ffffff4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.ssm-hero-title{color:#fff;letter-spacing:-.025em;margin:0;font-size:22px;font-weight:800}.ssm-hero-sub{color:#ffffffbf;margin-top:4px;font-size:13px}.ssm-refresh-btn{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;height:38px;font:600 13px var(--ssm-font);cursor:pointer;white-space:nowrap;background:#ffffff26;border:1.5px solid #ffffff59;border-radius:10px;align-items:center;gap:7px;padding:0 18px;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.ssm-refresh-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.ssm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ssm-spin{animation:.7s linear infinite ssmSpin}.ssm-context-card{background:var(--ssm-card);border:1px solid var(--ssm-border);border-radius:var(--ssm-radius);box-shadow:var(--ssm-shadow);animation:.4s 60ms both ssmFadeUp;overflow:hidden}.ssm-context-bar{background:linear-gradient(90deg, var(--ssm-primary), var(--ssm-primary-lt), #a5b4fc);height:3px}.ssm-context-body{padding:16px 22px 18px}.ssm-context-head{color:var(--ssm-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;margin-bottom:12px;font-size:11.5px;font-weight:700;display:flex}.ssm-context-head svg{color:var(--ssm-primary)}.ssm-context-chips{flex-wrap:wrap;gap:8px;display:flex}.ssm-ctx-chip{border:1px solid var(--ssm-primary-ring);background:var(--ssm-primary-bg);color:#4f46e5;border-radius:999px;align-items:center;gap:5px;padding:5px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.ssm-ctx-name{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#0000}.ssm-stats-row{flex-wrap:wrap;gap:12px;animation:.4s .1s both ssmFadeUp;display:flex}.ssm-stat-card{background:var(--ssm-card);border:1px solid var(--ssm-border);box-shadow:var(--ssm-shadow);cursor:default;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;display:flex}.ssm-stat-typed{cursor:pointer;transition:transform .15s,box-shadow .15s}.ssm-stat-typed:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.ssm-stat-icon{align-items:center;display:flex}.ssm-stat-num{color:var(--ssm-text);font-size:18px;font-weight:800;line-height:1}.ssm-stat-label{color:var(--ssm-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.ssm-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;animation:.4s .12s both ssmFadeUp;display:flex}.ssm-type-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ssm-filter-pill{border:1.5px solid var(--ssm-border);height:36px;color:var(--ssm-muted);font:600 12.5px var(--ssm-font);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 16px;transition:all .15s;display:inline-flex}.ssm-filter-pill:hover{border-color:var(--ssm-primary-ring);color:var(--ssm-primary);background:var(--ssm-primary-bg)}.ssm-filter-pill.active{border-color:var(--ssm-primary);background:var(--ssm-primary);color:#fff;box-shadow:0 2px 10px #6366f14d}.ssm-search-box{border:1.5px solid var(--ssm-border);width:min(280px,100%);height:40px;color:var(--ssm-soft);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ssm-search-box:focus-within{border-color:var(--ssm-primary);color:var(--ssm-primary);box-shadow:0 0 0 3px #6366f11a}.ssm-search-box input{min-width:0;color:var(--ssm-text);font:500 13px var(--ssm-font);background:0 0;border:0;outline:0;flex:1}.ssm-search-box input::placeholder{color:var(--ssm-soft)}.ssm-search-clear{width:20px;height:20px;color:var(--ssm-soft);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;transition:color .15s;display:flex}.ssm-search-clear:hover{color:var(--ssm-text)}.ssm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;animation:.4s .14s both ssmFadeUp;display:grid}.ssm-card{background:var(--ssm-card);border:1px solid var(--ssm-border);border-radius:var(--ssm-radius);box-shadow:var(--ssm-shadow);flex-direction:column;gap:0;transition:transform .18s,box-shadow .18s;animation:.32s both ssmCardIn;display:flex;position:relative;overflow:hidden}.ssm-card:hover{border-color:var(--ssm-primary-ring);transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}.ssm-card-accent{flex-shrink:0;height:4px}.ssm-card-top{justify-content:space-between;align-items:center;padding:16px 16px 10px;display:flex}.ssm-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ssm-type-pill{text-transform:capitalize;letter-spacing:.02em;border-radius:999px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.ssm-card-body{flex:1;padding:4px 16px 12px}.ssm-card-title{color:var(--ssm-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.ssm-card-desc{color:var(--ssm-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.ssm-card-meta{flex-wrap:wrap;align-items:center;gap:6px;padding:0 16px 10px;display:flex}.ssm-subject-chip,.ssm-file-chip,.ssm-date-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ssm-subject-chip{background:var(--ssm-primary-bg);color:var(--ssm-primary);border:1px solid var(--ssm-primary-ring)}.ssm-file-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.ssm-date-chip{color:var(--ssm-muted);border:1px solid var(--ssm-border);background:#f9fafb}.ssm-card-filename{border:1px solid var(--ssm-border-soft);color:var(--ssm-muted);background:#f8fafc;border-radius:8px;align-items:center;gap:6px;margin:0 16px 10px;padding:7px 10px;font-size:11.5px;display:flex}.ssm-card-filename span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ssm-card-footer{border-top:1px solid var(--ssm-border-soft);margin-top:auto;padding:10px 16px 16px}.ssm-card-footer-actions{gap:8px;display:flex}.ssm-card-footer-actions>button{flex:1}.ssm-view-btn{height:36px;font:600 13px var(--ssm-font);cursor:pointer;border:1.5px solid var(--ssm-border);color:var(--ssm-muted);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 12px;transition:all .15s;display:inline-flex}.ssm-view-btn:hover{border-color:var(--ssm-primary-ring);color:var(--ssm-primary);background:var(--ssm-primary-bg)}.ssm-download-btn,.ssm-open-btn{width:100%;height:36px;font:600 13px var(--ssm-font);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 16px;transition:all .15s;display:inline-flex}.ssm-download-btn{border:1.5px solid var(--btn-color,var(--ssm-primary));background:var(--ssm-primary-bg);color:var(--btn-color,var(--ssm-primary))}.ssm-download-btn:hover:not(:disabled){background:var(--btn-color,var(--ssm-primary));color:#fff;box-shadow:0 4px 14px #6366f14d}.ssm-download-btn:disabled{opacity:.6;cursor:not-allowed}.ssm-open-btn{border:1.5px solid var(--btn-color,#16a34a);color:var(--btn-color,#16a34a);background:#f0fdf4}.ssm-open-btn:hover{background:var(--btn-color,#16a34a);color:#fff}.ssm-btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite ssmSpin}.ssm-card-skeleton{pointer-events:none}.ssm-sk{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf2 50%,#f1f5f9 75%) 0 0/400px 100%;border-radius:6px;animation:1.4s infinite ssmShimmer}.ssm-sk-icon{border-radius:12px;width:44px;height:44px}.ssm-sk-pill{border-radius:999px;width:52px;height:22px}.ssm-sk-title{width:75%;height:16px;margin:4px 16px 8px}.ssm-sk-desc{width:90%;height:12px;margin:0 16px 6px}.ssm-sk-desc-sm{width:60%;height:12px;margin:0 16px 12px}.ssm-sk-chip{border-radius:999px;width:80px;height:22px}.ssm-sk-btn{border-radius:9px;width:90px;height:36px}.ssm-empty{text-align:center;background:var(--ssm-card);border:1.5px dashed var(--ssm-border);border-radius:var(--ssm-radius);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;animation:.4s .14s both ssmFadeUp;display:flex}.ssm-empty-icon{background:var(--ssm-primary-bg);width:80px;height:80px;color:var(--ssm-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.ssm-empty h3{color:var(--ssm-text);margin:0;font-size:18px;font-weight:700}.ssm-empty p{max-width:420px;color:var(--ssm-muted);margin:0;font-size:13.5px;line-height:1.65}.ssm-clear-filters{border:1.5px solid var(--ssm-primary-ring);background:var(--ssm-primary-bg);height:36px;color:var(--ssm-primary);font:600 13px var(--ssm-font);cursor:pointer;border-radius:9px;margin-top:4px;padding:0 20px;transition:all .15s}.ssm-clear-filters:hover{background:var(--ssm-primary);color:#fff}.ssm-pagination{justify-content:center;align-items:center;gap:12px;padding:8px 0;display:flex}.ssm-page-btn{border:1.5px solid var(--ssm-border);height:38px;color:var(--ssm-muted);font:600 13px var(--ssm-font);cursor:pointer;background:#fff;border-radius:9px;padding:0 20px;transition:all .15s}.ssm-page-btn:hover:not(:disabled){border-color:var(--ssm-primary-ring);color:var(--ssm-primary);background:var(--ssm-primary-bg)}.ssm-page-btn:disabled{opacity:.4;cursor:not-allowed}.ssm-page-info{color:var(--ssm-muted);text-align:center;min-width:120px;font-size:13px}.ssm-page-info strong{color:var(--ssm-text)}.smat-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.15s smat-fade-in;display:flex;position:fixed;inset:0}.smat-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:480px;animation:.18s smat-slide-up;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a2e}.smat-modal-header{border-bottom:1px solid var(--ssm-border-soft);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.smat-modal-title{color:var(--ssm-text);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.smat-modal-close{border:1.5px solid var(--ssm-border);width:30px;height:30px;color:var(--ssm-muted);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.smat-modal-close:hover{background:var(--sm-danger-bg,#fef2f2);border-color:var(--sm-danger-ring,#fecaca);color:var(--sm-danger,#ef4444)}.smat-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.smat-modal-footer{border-top:1px solid var(--ssm-border-soft);background:#f8fafc;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.smat-field{flex-direction:column;gap:7px;display:flex}.smat-field-label{color:var(--ssm-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.smat-field-label svg{color:var(--ssm-primary)}.smat-form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.smat-file-chip{border:1px solid var(--ssm-success-ring,#a7f3d0);background:var(--ssm-success-bg,#ecfdf5);border-radius:10px;align-items:center;gap:10px;padding:11px 14px;display:flex}.smat-file-chip-icon{color:#059669;background:#bbf7d0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.smat-file-chip-info{flex:1;min-width:0}.smat-file-chip-name{color:#065f46;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.smat-file-chip-size{color:var(--ssm-success,#10b981);margin-top:2px;font-size:11.5px;font-weight:500}.smat-link-btn{color:var(--ssm-primary);font:700 12.5px var(--ssm-font);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.smat-btn-primary,.smat-btn-secondary{font:600 13px var(--ssm-font);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex}.smat-btn-primary{border:1px solid var(--ssm-primary);background:var(--ssm-primary);color:#fff;height:40px;padding:0 20px;box-shadow:0 2px 10px #6366f147}.smat-btn-primary:hover:not(:disabled){background:var(--ssm-primary-dk,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 16px #6366f161}.smat-btn-secondary{border:1.5px solid var(--ssm-border);height:38px;color:var(--ssm-muted);background:#fff;padding:0 16px}.smat-btn-secondary:hover:not(:disabled){color:var(--ssm-primary);border-color:var(--ssm-primary-ring);background:var(--ssm-primary-bg)}.smat-btn-primary:disabled,.smat-btn-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=1100px){.ssm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.ssm-page{gap:16px;padding:16px 16px 48px}.ssm-hero{padding:18px 20px}.ssm-hero-title{font-size:18px}.ssm-grid{grid-template-columns:1fr}.ssm-controls{flex-direction:column;align-items:stretch}.ssm-search-box{width:100%}.ssm-stats-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.ssm-stat-card{flex-shrink:0}}@media (width<=480px){.ssm-hero{flex-direction:column;align-items:flex-start}.ssm-refresh-btn{align-self:flex-start}}.sap-content{flex-direction:column;gap:18px;padding:24px 28px 60px;display:flex}.sap-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sap-title{color:#111827;letter-spacing:-.02em;font-size:22px;font-weight:800}.sap-sub{color:#6b7280;margin-top:3px;font-size:13px}.sap-mode-toggle{background:#f1f5f9;border-radius:10px;align-self:flex-start;gap:4px;padding:4px;display:flex}.sap-mode-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .18s;display:flex}.sap-mode-btn:hover{color:#1e293b}.sap-mode-btn.active{color:#6366f1;background:#fff;font-weight:600;box-shadow:0 1px 6px #0000001a}.sap-filters{background:#fff;border:1.5px solid #e9edf3;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.sap-filter-group{flex-direction:column;flex:1;gap:4px;min-width:160px;display:flex}.sap-filter-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sap-select{color:#1e293b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 10px;font-size:13px;transition:border-color .18s}.sap-select:focus{background:#fff;border-color:#6366f1}.sap-select:disabled{opacity:.5;cursor:not-allowed}.sap-dropdown.p-dropdown{width:100%;height:38px;box-shadow:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s}.sap-dropdown.p-dropdown:not(.p-disabled):hover,.sap-dropdown.p-dropdown:not(.p-disabled).p-focus{box-shadow:none;background:#fff;border-color:#6366f1}.sap-dropdown.p-dropdown.p-disabled{opacity:.5;cursor:not-allowed}.sap-dropdown .p-dropdown-label{color:#1e293b;align-items:center;padding:0 10px;font-size:13px;line-height:36px;display:flex}.sap-dropdown .p-dropdown-label.p-placeholder,.sap-dropdown .p-dropdown-trigger,.sap-dropdown .p-dropdown-clear-icon{color:#64748b}.sap-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:13px}.sap-filter-div{background:#e9edf3;align-self:stretch;width:1px;margin:0 4px}.sap-nav-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sap-nav-arrow{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.sap-nav-arrow:hover{color:#6366f1;background:#f0f0ff;border-color:#6366f1}.sap-nav-label{color:#1e293b;text-align:center;min-width:160px;font-size:14.5px;font-weight:700}.sap-date-input{color:#1e293b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;height:34px;padding:0 10px;font-size:13px;transition:border-color .18s}.sap-date-input:focus{background:#fff;border-color:#6366f1}.sap-today-btn{color:#6366f1;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;height:34px;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .15s}.sap-today-btn:hover{background:#f0f0ff;border-color:#6366f1}.sap-stats{flex-wrap:wrap;gap:10px;display:flex}.sap-stat-chip{white-space:nowrap;border:1.5px solid;border-radius:9px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.sap-stat-num{font-size:16px;font-weight:800}.sap-action-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sap-btn{cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.sap-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#0000;box-shadow:0 2px 8px #6366f140}.sap-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.sap-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.sap-btn-success{color:#16a34a;background:#fff;border-color:#bbf7d0}.sap-btn-success:hover{background:#f0fdf4;border-color:#16a34a}.sap-btn-danger{color:#dc2626;background:#fff;border-color:#fecaca}.sap-btn-danger:hover{background:#fef2f2;border-color:#dc2626}.sap-btn-ghost{color:#374151;background:#fff;border-color:#e2e8f0}.sap-btn-ghost:hover{color:#6366f1;background:#f8fafc;border-color:#6366f1}.sap-action-spacer{flex:1}.sap-saving-txt{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.sap-empty,.sap-loading{color:#94a3b8;text-align:center;background:#fff;border:1.5px solid #e9edf3;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.sap-empty svg{opacity:.35}.sap-empty p,.sap-loading p{color:#6b7280;margin:0;font-size:14px}.sap-empty h4{color:#374151;margin:0;font-size:15px;font-weight:600}.sap-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite sap-spin}@keyframes sap-spin{to{transform:rotate(360deg)}}.sap-mark-table-wrap{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;overflow:hidden}.sap-mark-header{background:#f8fafc;border-bottom:1.5px solid #e9edf3;grid-template-columns:44px 1fr 80px repeat(5,70px);align-items:center;gap:6px;padding:10px 16px;display:grid}.sap-mh-cell{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:11px;font-weight:700}.sap-mh-cell.left{text-align:left}.sap-mark-row{border-bottom:1px solid #f1f5f9;grid-template-columns:44px 1fr 80px repeat(5,70px);align-items:center;gap:6px;padding:10px 16px;transition:background .15s;display:grid}.sap-mark-row:last-child{border-bottom:none}.sap-mark-row:hover{background:#fafbff}.sap-row-num{color:#94a3b8;text-align:center;font-size:12px;font-weight:500}.sap-row-name{align-items:center;gap:10px;display:flex}.sap-row-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.sap-row-name-txt{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.sap-row-roll{color:#94a3b8;text-align:center;font-family:monospace;font-size:11.5px;font-weight:600}.sap-status-btn{cursor:pointer;text-align:center;border:1.5px solid;border-radius:6px;height:30px;font-size:12px;font-weight:700;transition:all .15s}.sap-status-btn:not(.active){color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.sap-status-btn:not(.active):hover{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.sap-report-wrap{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;overflow:hidden}.sap-report-scroll{max-height:calc(100vh - 340px);overflow:auto}.sap-report-scroll::-webkit-scrollbar{width:6px;height:6px}.sap-report-scroll::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.sap-grid-table{border-collapse:collapse;table-layout:fixed;min-width:100%}.sap-grid-table th,.sap-grid-table td{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;padding:0}.sap-col-num{width:44px}.sap-col-name{width:180px}.sap-col-roll{width:64px}.sap-col-day{width:38px}.sap-col-sum{width:44px}.sap-col-pct{width:52px}th.sap-th-num,td.sap-td-num,th.sap-th-name,td.sap-td-name,th.sap-th-roll,td.sap-td-roll{z-index:3;background:#fff;position:sticky;left:0}th.sap-th-num{left:0}th.sap-th-name{left:44px}th.sap-th-roll{left:224px}td.sap-td-num{left:0}td.sap-td-name{left:44px}td.sap-td-roll{left:224px}.sap-grid-table thead tr{z-index:5;position:sticky;top:0}.sap-grid-table th{color:#64748b;text-transform:uppercase;letter-spacing:.4px;text-align:center;white-space:nowrap;background:#f8fafc;padding:9px 4px;font-size:11px;font-weight:700}th.sap-th-name{text-align:left;padding-left:12px}th.sap-th-weekend{color:#92400e;background:#fef9c3}th.sap-th-today{color:#4f46e5;background:#eef2ff}.sap-td-num{color:#94a3b8;text-align:center;padding:0 4px;font-size:11.5px;font-weight:500}.sap-td-name-inner{align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.sap-td-name-txt{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.sap-td-roll-inner{color:#64748b;text-align:center;padding:4px;font-family:monospace;font-size:11px;font-weight:600}.sap-day-cell{background:0 0;justify-content:center;align-items:center;width:100%;height:38px;font-size:12px;font-weight:700;display:flex}.sap-day-cell.empty{color:#cbd5e1;font-size:11px;font-weight:400}.sap-day-cell.weekend{background:#fef9c310!important}.sap-day-td.clickable{cursor:pointer;outline:none;transition:box-shadow .15s,filter .15s}.sap-day-td.clickable:hover{filter:saturate(1.08);box-shadow:inset 0 0 0 2px #6366f140}.sap-day-td.clickable:focus-visible{box-shadow:inset 0 0 0 2px #6366f1}.sap-sum-cell{text-align:center;padding:4px;font-size:12px;font-weight:700}.sap-sum-btn{width:32px;min-height:28px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;transition:background .15s,border-color .15s,transform .15s}.sap-sum-btn.present:hover:not(:disabled){background:#f0fdf4;border-color:#86efac}.sap-sum-btn.absent:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.sap-sum-btn:disabled{cursor:default;opacity:.55}.sap-sum-hdr{background:#f8fafc}.sap-pct-cell{text-align:center;padding:4px;font-size:12px;font-weight:700}.sap-detail-overlay{z-index:1200;animation:.18s ease-out both sapDetailOverlayIn}.sap-detail-overlay.closing{pointer-events:none;animation:.16s ease-in both sapDetailOverlayOut}.sap-detail-modal{z-index:1201;transform-origin:50%;background:#fff;border:1.5px solid #e9edf3;border-radius:14px;flex-direction:column;width:min(980px,100vw - 32px);max-height:min(720px,100vh - 42px);animation:.18s cubic-bezier(.16,1,.3,1) both sapDetailModalIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0f172a3d}.sap-detail-modal.closing{pointer-events:none;animation:.16s cubic-bezier(.7,0,.84,0) both sapDetailModalOut}@keyframes sapDetailOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes sapDetailOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes sapDetailModalIn{0%{opacity:0;transform:translate(-50%,-47%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes sapDetailModalOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-47%)scale(.97)}}@media (prefers-reduced-motion:reduce){.sap-detail-overlay,.sap-detail-overlay.closing,.sap-detail-modal,.sap-detail-modal.closing{animation-duration:1ms}}.sap-detail-head{background:#fafbfc;border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.sap-detail-title{color:#111827;font-size:17px;font-weight:800}.sap-detail-sub{color:#64748b;margin-top:3px;font-size:12.5px}.sap-detail-body{padding:14px;overflow:auto}.sap-detail-table-wrap{border:1px solid #edf2f7;border-radius:10px;overflow:auto}.sap-detail-table{border-collapse:collapse;width:100%;min-width:820px}.sap-detail-table th,.sap-detail-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:10px 12px}.sap-detail-table th{z-index:1;color:#64748b;letter-spacing:.4px;text-transform:uppercase;background:#f8fafc;font-size:11px;font-weight:800;position:sticky;top:0}.sap-detail-table td{color:#1e293b;font-size:12.5px}.sap-detail-date{color:#374151;white-space:nowrap;font-weight:700}.sap-detail-main{align-items:center;gap:7px;min-width:0;font-weight:600;display:flex}.sap-detail-main svg{color:#6366f1;flex-shrink:0}.sap-detail-main.muted{color:#64748b;font-weight:500}.sap-detail-main span,.sap-detail-topic{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sap-detail-topic{color:#475569;max-width:190px;display:inline-block}.sap-detail-status{white-space:nowrap;border:1px solid;border-radius:999px;justify-content:center;align-items:center;min-width:74px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.sap-popup-backdrop{z-index:200;position:fixed;inset:0}.sap-popup{z-index:201;background:#fff;border:1.5px solid #e9edf3;border-radius:12px;min-width:200px;padding:14px;position:fixed;box-shadow:0 8px 40px #0000002e}.sap-popup-head{color:#374151;border-bottom:1px solid #f1f5f9;margin-bottom:10px;padding-bottom:8px;font-size:12px;font-weight:700}.sap-popup-date{color:#94a3b8;margin-bottom:10px;font-size:11px;font-weight:500}.sap-popup-opts{flex-direction:column;gap:5px;display:flex}.sap-popup-opt{cursor:pointer;text-align:left;background:0 0;border:1.5px solid;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;font-weight:600;transition:all .12s;display:flex}.sap-popup-opt:hover{filter:brightness(.95)}.sap-popup-opt.selected{font-weight:700}.sap-popup-opt-code{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.sap-popup-clear{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:1px dashed #e2e8f0;border-radius:6px;width:100%;margin-top:8px;padding:6px 10px;font-size:11.5px;font-weight:500;transition:all .12s}.sap-popup-clear:hover{color:#374151;border-color:#94a3b8}@media (width<=768px){.sap-content{gap:14px;padding:14px 14px 60px}.sap-mark-header,.sap-mark-row{grid-template-columns:36px 1fr 60px repeat(5,52px);gap:4px;padding:8px 10px}.sap-status-btn{font-size:10.5px}.sap-filter-group{min-width:120px}}@media (width<=500px){.sap-mark-header{display:none}.sap-mark-row{grid-template-columns:1fr;gap:8px}.sap-row-name-wrap{align-items:center;gap:8px;display:flex}.sap-status-btns-wrap{gap:4px;display:flex}}.sap-sessions-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sap-sessions-toolbar-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sap-sessions-toolbar-right{align-items:center;gap:8px;display:flex}.sap-sessions-date-label{color:#374151;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.sap-sessions-count{color:#6b7280;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500}.sap-sessions-list{flex-direction:column;gap:12px;display:flex}.sap-session-card{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;transition:box-shadow .18s,border-color .18s;display:flex}.sap-session-card:hover{box-shadow:0 4px 18px #00000012}.sap-session-card.ongoing{background:linear-gradient(135deg,#f0fdf4 0%,#fff 60%);border-color:#86efac;box-shadow:0 0 0 3px #16a34a14}.sap-session-hd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sap-session-hd-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sap-session-subject{color:#111827;font-size:15px;font-weight:700}.sap-session-code{color:#6b7280;font-size:13px;font-weight:500}.sap-type-pill{text-transform:capitalize;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.sap-class-badge{white-space:nowrap;letter-spacing:.02em;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.sap-session-meta{flex-wrap:wrap;gap:14px;display:flex}.sap-session-meta-item{color:#6b7280;align-items:center;gap:5px;font-size:12.5px;display:flex}.sap-session-dur{color:#94a3b8;font-size:11px}.sap-session-topic{color:#94a3b8;font-style:italic}.sap-session-foot{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;display:flex}.sap-sess-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.sap-sess-start{color:#16a34a;background:#dcfce7;border-color:#86efac}.sap-sess-start:hover{background:#bbf7d0}.sap-sess-end{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.sap-sess-end:hover{background:#fecaca}.sap-sess-view{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.sap-sess-view:hover{background:#e0e7ff}.sap-sess-cancel{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.sap-sess-cancel:hover{color:#64748b;background:#f1f5f9}.sap-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;position:fixed;inset:0}.sap-att-panel{z-index:201;background:#fff;border-left:1.5px solid #e9edf3;flex-direction:column;width:min(520px,100vw);height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 32px #0000001f}.sap-att-panel.open{transition-delay:0s;transform:translate(0)}.sap-att-head{background:#fafbfc;border-bottom:1.5px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.sap-att-head-title{color:#111827;font-size:16px;font-weight:700}.sap-att-head-meta{color:#6b7280;margin-top:3px;font-size:12px}.sap-att-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:6px;transition:background .15s;display:flex}.sap-att-close:hover{background:#e2e8f0}.sap-att-close:disabled{opacity:.5;cursor:not-allowed}.sap-att-close:disabled:hover{background:#f1f5f9}.sap-spinning{animation:.7s linear infinite sapSpin}@keyframes sapSpin{to{transform:rotate(360deg)}}.sap-att-stats{background:#fafbfc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;flex-shrink:0;gap:10px;padding:12px 20px;display:flex}.sap-att-stat{background:#fff;border:1px solid #e9edf3;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:flex}.sap-att-body{flex:1;padding:12px 0;overflow-y:auto}.sap-att-table-wrap{padding:0 8px}.sap-att-table-hdr,.sap-att-row{grid-template-columns:32px 1fr repeat(5,36px) 36px;align-items:center;gap:4px;padding:0 8px;display:grid}.sap-att-table-hdr{border-bottom:1.5px solid #f1f5f9;margin-bottom:4px;padding-bottom:8px}.sap-att-hcell{color:#94a3b8;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.sap-att-hcell-name{text-align:left}.sap-att-row{border-radius:8px;padding:7px 8px;transition:background .12s}.sap-att-row:hover{background:#f8fafc}.sap-att-cell{justify-content:center;align-items:center;display:flex}.sap-att-num{color:#94a3b8;font-size:11px;font-weight:500}.sap-att-name{justify-content:flex-start;gap:8px;overflow:hidden}.sap-att-name-txt{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.sap-att-status-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1.5px solid #e9edf3;border-radius:6px;justify-content:center;align-items:center;width:30px;height:26px;font-size:10px;font-weight:700;transition:all .14s;display:flex}.sap-att-status-btn:hover:not(:disabled){color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.sap-att-status-btn.active{font-weight:800;box-shadow:0 1px 4px #0000001f}.sap-att-status-btn:disabled{opacity:.6;cursor:not-allowed}.sap-source-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.sap-att-foot{background:#f8fafc;border-top:1.5px solid #f1f5f9;flex-shrink:0;padding:12px 20px}.sap-att-live-note{color:#16a34a;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.sap-live-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite sapPulse;box-shadow:0 0 0 3px #16a34a40}@keyframes sapPulse{0%,to{box-shadow:0 0 0 3px #16a34a40}50%{box-shadow:0 0 0 6px #16a34a1a}}.sap-form-panel{z-index:201;background:#fff;border-left:1.5px solid #e9edf3;flex-direction:column;width:min(420px,100vw);height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0000001f}.sap-form-panel.open{transition-delay:0s;transform:translate(0)}.sap-form-head{background:#fafbfc;border-bottom:1.5px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}.sap-form-title{color:#111827;font-size:16px;font-weight:700}.sap-form-sub{color:#6b7280;margin-top:2px;font-size:12px}.sap-form-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.sap-form-field{flex-direction:column;gap:6px;display:flex}.sap-form-label{color:#374151;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.sap-form-input{color:#1e293b;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e9edf3;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-size:13.5px;transition:border-color .15s}.sap-form-input:focus{background:#fff;border-color:#6366f1}.sap-type-toggle{gap:6px;display:flex}.sap-type-btn{color:#6b7280;cursor:pointer;background:#f8fafc;border:1.5px solid #e9edf3;border-radius:8px;flex:1;padding:8px 0;font-size:13px;font-weight:600;transition:all .15s}.sap-type-btn.active{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.sap-type-btn:hover:not(.active){background:#f1f5f9}.sap-form-err{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.sap-form-foot{background:#fafbfc;border-top:1.5px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 20px;display:flex}.sap-row-avatar{color:#fff;letter-spacing:.03em;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.smc-content{flex-direction:column;gap:16px;max-width:700px;margin:0 auto;padding:20px 16px 80px;display:flex}.smc-head{align-items:center;gap:14px;display:flex}.smc-head-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.smc-title{color:#111827;letter-spacing:-.02em;font-size:20px;font-weight:800}.smc-sub{color:#6b7280;margin-top:2px;font-size:12.5px}.smc-search-card{background:#fff;border:1.5px solid #e9edf3;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.smc-search-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.smc-search-wrap{position:relative}.smc-search-box{background:#f8fafc;border:1.5px solid #e9edf3;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;transition:border-color .15s;display:flex}.smc-search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.smc-search-icon{color:#94a3b8;flex-shrink:0}.smc-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:14px}.smc-search-input::placeholder{color:#94a3b8}.smc-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0;display:flex}.smc-search-clear:hover{color:#64748b}.smc-search-dropdown{z-index:100;background:#fff;border:1.5px solid #e9edf3;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 28px #0000001f}.smc-search-result{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 14px;transition:background .12s;display:flex}.smc-search-result:hover{background:#f8fafc}.smc-result-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.smc-result-name{color:#1e293b;font-size:13.5px;font-weight:600}.smc-result-id{color:#94a3b8;margin-top:1px;font-size:11px}.smc-no-results{color:#94a3b8;text-align:center;padding:14px;font-size:13px}.smc-search-hint{color:#94a3b8;align-items:center;gap:6px;font-size:12px;display:flex}.smc-student-card{background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border:1.5px solid #c7d2fe;border-radius:16px;align-items:flex-start;gap:14px;padding:16px;display:flex}.smc-student-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #6366f14d}.smc-student-info{flex:1;min-width:0}.smc-student-name{color:#1e293b;font-size:16px;font-weight:700}.smc-student-id{color:#6b7280;margin-top:1px;font-size:12px}.smc-enroll-loading{color:#94a3b8;margin-top:6px;font-size:12px}.smc-no-enroll{color:#ef4444;margin-top:6px;font-size:12px;font-weight:500}.smc-student-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.smc-meta-chip{color:#4338ca;background:#fff;border:1px solid #e0e7ff;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.smc-enroll-select{color:#1e293b;background:#fff;border:1.5px solid #c7d2fe;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:6px 10px;font-size:12px}.smc-change-btn{cursor:pointer;color:#6b7280;background:#ffffffb3;border:1px solid #c7d2fe;border-radius:8px;flex-shrink:0;align-items:center;padding:6px;transition:background .14s;display:flex}.smc-change-btn:hover{color:#374151;background:#fff}.smc-date-nav{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;align-items:center;gap:8px;padding:12px 14px;display:flex}.smc-nav-arrow{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:6px;transition:background .14s;display:flex}.smc-nav-arrow:hover{color:#1e293b;background:#e2e8f0}.smc-date-label{color:#374151;flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;font-size:13.5px;font-weight:600;display:flex}.smc-today-badge{color:#16a34a;background:#dcfce7;border:1px solid #86efac;border-radius:20px;padding:1px 8px;font-size:10px;font-weight:700}.smc-date-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.smc-today-btn{color:#6366f1;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .14s}.smc-today-btn:hover{background:#e0e7ff}.smc-refresh-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;padding:6px;transition:background .14s;display:flex}.smc-refresh-btn:hover{background:#e2e8f0}.smc-error-banner{color:#dc2626;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.smc-sessions{flex-direction:column;gap:14px;display:flex}.smc-session-card{background:#fff;border:1.5px solid #e9edf3;border-radius:18px;transition:box-shadow .18s,border-color .18s;overflow:hidden}.smc-session-card:hover{box-shadow:0 4px 20px #00000014}.smc-session-card.ongoing{border-color:#86efac;box-shadow:0 0 0 3px #16a34a1a}.smc-session-top{justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 16px 12px;display:flex}.smc-session-top-left{flex:1;min-width:0}.smc-session-subject{color:#111827;font-size:16px;font-weight:700;line-height:1.3}.smc-session-sub-row{align-items:center;gap:8px;margin-top:4px;display:flex}.smc-type-pill{text-transform:capitalize;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:2px 8px;font-size:10px;font-weight:700}.smc-subject-code{color:#94a3b8;font-size:11px}.smc-status-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.smc-live-dot{background:#16a34a;border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite smcPulse}@keyframes smcPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.smc-session-meta{flex-direction:column;gap:5px;padding:0 16px 12px;display:flex}.smc-meta-item{color:#64748b;align-items:center;gap:6px;font-size:12.5px;display:flex}.smc-topic{color:#94a3b8;font-style:italic}.smc-att-section{background:#fafbfc;border-top:1.5px solid #f1f5f9;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.smc-att-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:11px;font-weight:700}.smc-att-loading{color:#94a3b8;font-size:12px}.smc-att-status{border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.smc-att-not-marked{color:#94a3b8;background:#f1f5f9;border:1.5px solid #e2e8f0}.smc-marked-by{opacity:.75;font-size:11px;font-weight:400}.smc-mark-btns{flex-wrap:wrap;gap:10px;display:flex}.smc-mark-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:130px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.smc-mark-present{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 3px 10px #16a34a4d}.smc-mark-present:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #16a34a66}.smc-mark-late{color:#d97706;background:#fff;border:1.5px solid #fcd34d!important}.smc-mark-late:hover:not(:disabled){background:#fef9c3}.smc-mark-btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.smc-btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite smcSpin}@keyframes smcSpin{to{transform:rotate(360deg)}}.smc-already-marked{color:#16a34a;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.smc-att-hint{color:#94a3b8;align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;display:flex}.smc-att-missed{color:#ef4444}.smc-loading{color:#6b7280;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;font-size:14px;display:flex}.smc-spinner{border:3px solid #e9edf3;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite smcSpin}.smc-empty{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}.smc-empty h4{color:#374151;margin:0;font-size:16px;font-weight:700}.smc-empty p{color:#6b7280;margin:0;font-size:13px}.smc-info-box{background:#fff;border:1.5px solid #e9edf3;border-radius:16px;align-items:flex-start;gap:14px;padding:18px;display:flex}.smc-info-icon{color:#6366f1;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.smc-info-title{color:#1e293b;margin-bottom:8px;font-size:14px;font-weight:700}.smc-info-steps{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.smc-info-steps li{color:#6b7280;font-size:13px;line-height:1.5}@media (width>=640px){.smc-content{padding:24px 28px 60px}.smc-mark-btns{flex-wrap:nowrap}.smc-mark-btn{flex:0 auto}}.oc-page{color:#16213d;max-width:1180px;margin:0 auto;padding:24px}body.oc-classroom-active .sb-root,body.oc-classroom-active .tb-topbar{display:none!important}body.oc-classroom-active .layout-main{height:100vh;margin-left:0!important}body.oc-classroom-active .oc-page{max-width:none;height:100vh;padding:0}body.oc-classroom-active .oc-native-room{border-radius:0;min-height:100vh}.oc-hero{background:linear-gradient(120deg,#eef2ff,#f8faff 55%,#e8fbf6);border-radius:24px;justify-content:space-between;align-items:center;min-height:238px;padding:38px 46px;display:flex;overflow:hidden}.oc-hero-copy{max-width:600px}.oc-live-pill{color:#dc3545;letter-spacing:.08em;background:#fff;border-radius:20px;align-items:center;gap:8px;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.oc-live-pill span{background:#ef3340;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ef33401c}.oc-hero h1{color:#17264d;margin:18px 0 10px;font-size:36px;line-height:1.12}.oc-hero p{color:#61708f;margin:0;font-size:16px;line-height:1.65}.oc-hero-art{grid-template-columns:repeat(2,92px);gap:12px;display:grid;transform:rotate(3deg)}.oc-person{color:#5268cf;background:#fff;border-radius:18px;place-items:center;height:82px;display:grid;box-shadow:0 14px 35px #233b7a18}.oc-person-main{color:#fff;background:linear-gradient(145deg,#5268cf,#7768d7);grid-row:span 2;height:176px}.oc-join-card{background:#fff;border:1px solid #e5eaf3;border-radius:20px;max-width:760px;margin:-24px auto 0;padding:28px;position:relative;box-shadow:0 16px 50px #24345a15}.oc-section-title{color:#5268cf;align-items:center;gap:12px;margin-bottom:22px;display:flex}.oc-section-title h2{color:#17264d;margin:0 0 3px;font-size:18px}.oc-section-title p{color:#8090ad;margin:0;font-size:12px}.oc-label{color:#53627e;margin:14px 0 7px;font-size:12px;font-weight:700;display:block}.oc-input,.oc-input-icon{background:#fbfcfe;border:1px solid #dbe2ee;border-radius:10px;height:45px}.oc-input{box-sizing:border-box;outline:none;width:100%;padding:0 14px}.oc-input:focus,.oc-input-icon:focus-within{border-color:#6479dd;box-shadow:0 0 0 3px #6479dd19}.oc-room-row{grid-template-columns:1fr auto;gap:10px;display:grid}.oc-input-icon{color:#8090ad;align-items:center;padding:0 13px;display:flex}.oc-input-icon input{background:0 0;border:0;outline:0;width:100%;height:100%;padding-left:10px}.oc-btn{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:0 20px;font-weight:700;display:inline-flex}.oc-btn:disabled{opacity:.45;cursor:not-allowed}.oc-btn-dark{color:#fff;background:#17264d}.oc-btn-primary{color:#fff;background:#5e6fd3;width:100%}.oc-divider{color:#a1acc0;align-items:center;height:30px;font-size:11px;display:flex}.oc-divider:before,.oc-divider:after{content:"";background:#edf0f5;flex:1;height:1px}.oc-divider span{padding:0 12px}.oc-audio-toggle{color:#63718c;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.oc-features{grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:22px auto;display:grid}.oc-features>div{background:#fff;border:1px solid #e8ecf3;border-radius:14px;grid-template-columns:32px 1fr;column-gap:6px;padding:17px;display:grid}.oc-features svg{color:#5e6fd3;grid-row:span 2;font-size:21px}.oc-features strong{font-size:12px}.oc-features span{color:#8a97ad;font-size:11px}.oc-meeting-shell{background:#fff;border:1px solid #e5eaf2;border-radius:18px;overflow:hidden}.oc-meeting-head{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.oc-meeting-head h1{margin:5px 0 2px;font-size:18px}.oc-meeting-head p{color:#8190aa;margin:0;font-size:11px}.oc-back{color:#5e6fd3;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;display:flex}.oc-btn-copy{color:#4d60c5;background:#eef1ff;min-height:38px}.oc-frame-wrap{background:#171923;height:calc(100vh - 235px);min-height:560px}.oc-frame-wrap iframe{border:0;width:100%;height:100%;display:block}.oc-privacy{color:#74819a;justify-content:center;align-items:center;gap:6px;margin:11px;font-size:11px;display:flex}.oc-privacy svg{color:#20a578}@media (width<=720px){.oc-page{padding:12px}.oc-hero{padding:28px 22px}.oc-hero h1{font-size:28px}.oc-hero-art{display:none}.oc-join-card{margin:-12px 10px 0;padding:20px}.oc-room-row{grid-template-columns:1fr}.oc-features{grid-template-columns:1fr;margin:14px 10px}.oc-meeting-head{align-items:flex-end}.oc-meeting-head h1{font-size:15px}.oc-btn-copy{padding:0 11px;font-size:11px}.oc-frame-wrap{height:calc(100vh - 205px);min-height:500px}}.oc-created{background:#f8f9ff;border:1px solid #cfd8ff;border-radius:14px;padding:16px}.oc-created-title{align-items:center;gap:10px;display:flex}.oc-created-title>span{color:#159565;background:#dff7ec;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.oc-created-title strong,.oc-created-title small{display:block}.oc-created-title strong{font-size:13px}.oc-created-title small{color:#7a879e;margin-top:2px;font-size:11px}.oc-created-link{color:#64728e;background:#fff;border:1px solid #dce2f5;border-radius:9px;align-items:center;gap:8px;margin:13px 0;padding:10px 12px;display:flex}.oc-created-link span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.oc-created-link button{color:#5268cf;cursor:pointer;background:0 0;border:0;padding:3px}.oc-created-actions{grid-template-columns:auto 1fr;gap:9px;display:grid}.oc-btn-light{color:#52617d;background:#fff;border:1px solid #d6ddef}.oc-start-btn{background:#19a66f}.oc-new-link{color:#6878ce;cursor:pointer;background:0 0;border:0;margin:11px auto 0;font-size:11px;display:block}.oc-host-badge{vertical-align:middle;color:#12835c;background:#ddf8ed;border-radius:12px;margin-left:7px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.oc-host-badge:before{content:"";background:#19a66f;border-radius:50%;width:6px;height:6px;margin-right:5px}@media (width<=720px){.oc-created-actions{grid-template-columns:1fr}.oc-host-badge{width:max-content;margin:5px 0 0;display:flex}}.oc-native-room{color:#fff;background:#111827;border-radius:18px;min-height:calc(100vh - 150px);position:relative;overflow:hidden}.oc-native-head{background:#172033;justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex}.oc-native-head h1{margin:0 0 5px;font-size:18px}.oc-native-head p{color:#aeb9cb;align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.oc-native-head p svg{margin-left:5px}.oc-online-dot{background:#20c986;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #20c98625}.oc-video-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:center;gap:12px;min-height:calc(100vh - 320px);padding:18px;display:grid}.oc-video-grid.solo{grid-template-columns:minmax(300px,650px) minmax(220px,340px);justify-content:center}.oc-video-tile{aspect-ratio:16/9;background:#222c3d;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12}.oc-video-tile video{object-fit:cover;width:100%;height:100%;display:block}.oc-video-tile>span{background:#0b1020aa;border-radius:6px;padding:5px 8px;font-size:11px;position:absolute;bottom:9px;left:10px}.oc-waiting{text-align:center;color:#c4ccda;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.oc-waiting svg{color:#6476da;font-size:35px}.oc-waiting strong{font-size:14px}.oc-waiting span{color:#8996aa;font-size:11px}.oc-controls{background:linear-gradient(#0000,#101827 30%);justify-content:center;gap:10px;padding:15px;display:flex;position:sticky;bottom:0}.oc-controls button{color:#fff;cursor:pointer;background:#354057;border:0;border-radius:50%;place-items:center;width:46px;height:46px;font-size:19px;display:grid}.oc-controls button:hover{background:#46536e}.oc-controls button.off,.oc-controls button.hangup{background:#e5484d}.oc-controls button.active{background:#596bd0}@media (width<=720px){.oc-native-room{min-height:calc(100vh - 100px)}.oc-native-head{padding:0 12px}.oc-native-head h1{font-size:15px}.oc-video-grid.solo{grid-template-columns:1fr}.oc-video-grid{grid-template-columns:1fr;min-height:calc(100vh - 270px);padding:10px}.oc-waiting{min-height:130px}}.oc-live-info{min-width:190px}.oc-join-code{background:#0d1423;border:1px solid #ffffff1c;border-radius:10px;grid-template-columns:auto auto;align-items:center;column-gap:9px;padding:8px 12px;display:grid}.oc-join-code>span{text-transform:uppercase;letter-spacing:.08em;color:#93a0b4;font-size:9px}.oc-join-code>strong{color:#fff;text-overflow:ellipsis;grid-row:2;max-width:310px;font-size:12px;overflow:hidden}.oc-join-code>button{color:#cbd5e5;cursor:pointer;background:#27344c;border:0;border-radius:7px;grid-area:1/2/3;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:flex}@media (width<=850px){.oc-native-head{flex-wrap:wrap;gap:9px;height:auto;min-height:72px;padding-top:10px;padding-bottom:10px}.oc-join-code{box-sizing:border-box;order:3;width:100%}.oc-join-code>strong{max-width:calc(100vw - 150px)}}.oc-native-room:fullscreen{border-radius:0;width:100vw;height:100vh}.oc-native-room:fullscreen .oc-video-grid{min-height:calc(100vh - 190px)}.oc-controls button.recording{background:#e5484d;animation:1.4s infinite oc-record-pulse}.oc-controls button:disabled{opacity:.4;cursor:not-allowed}.oc-recording-status{color:#cdd6e5;z-index:3;background:#263248ef;border-radius:9px;align-items:center;gap:8px;max-width:90%;padding:9px 13px;font-size:10px;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.oc-recording-status.live{color:#fff;background:#531f27f2}.oc-recording-status>span{background:#ff5860;border-radius:50%;width:8px;height:8px}.oc-recording-status strong{font-weight:500}.oc-recording-status a{color:#9cafff;white-space:nowrap;font-weight:700}@keyframes oc-record-pulse{50%{box-shadow:0 0 0 7px #e5484d33}}.oc-controls button.oc-record-btn{color:#27344c;background:#fff;border-radius:24px;gap:7px;width:auto;padding:0 16px;font-size:12px;font-weight:700;display:flex}.oc-controls button.oc-record-btn.recording{color:#fff;background:#e5484d}@media (width<=520px){.oc-controls button.oc-record-btn{width:46px;padding:0;font-size:0}.oc-controls button.oc-record-btn svg{font-size:19px}}.oc-waiting-room{z-index:4;text-align:center;background:#111827ee;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:72px 0 76px}.oc-waiting-room svg{color:#7c8bea;font-size:42px}.oc-waiting-room strong{font-size:17px}.oc-waiting-room span{color:#9ca8ba;font-size:11px}.oc-admission-panel{z-index:6;color:#26334b;background:#fff;border-radius:13px;width:310px;padding:14px;position:absolute;top:84px;right:14px;box-shadow:0 16px 45px #0007}.oc-admission-panel>strong{margin-bottom:10px;font-size:12px;display:block}.oc-admission-panel>div{border-top:1px solid #edf0f5;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:9px 0;display:grid}.oc-admission-panel span{text-overflow:ellipsis;font-size:12px;overflow:hidden}.oc-admission-panel button{color:#556178;cursor:pointer;background:#edf0f5;border:0;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.oc-admission-panel button.allow{color:#fff;background:#20a578}@media (width<=520px){.oc-admission-panel{width:auto;top:82px;left:10px;right:10px}}.oc-chat-button{position:relative}.oc-chat-button>span{box-sizing:border-box;color:#fff;background:#e5484d;border:2px solid #111827;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-5px;right:-4px}.oc-chat{z-index:5;color:#1d2942;background:#fff;border-radius:14px;flex-direction:column;width:340px;display:flex;position:absolute;top:84px;bottom:76px;right:14px;overflow:hidden;box-shadow:0 18px 55px #0008}.oc-chat-head{border-bottom:1px solid #e8ecf3;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.oc-chat-head>div{grid-template-columns:auto 1fr;align-items:center;column-gap:9px;display:grid}.oc-chat-head>div>svg{color:#596bd0;grid-row:1/3;font-size:20px}.oc-chat-head strong{font-size:13px}.oc-chat-head span{color:#8793a8;font-size:10px}.oc-chat-head button{color:#66738b;cursor:pointer;background:#f0f2f6;border:0;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.oc-chat-messages{background:#f7f8fb;flex:1;padding:14px;overflow-y:auto}.oc-chat-empty{text-align:center;color:#8793a8;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.oc-chat-empty svg{color:#aab4c5;font-size:32px}.oc-chat-empty strong{color:#58657c;font-size:12px}.oc-chat-empty span{font-size:10px}.oc-chat-message{max-width:88%;margin-bottom:13px}.oc-chat-message.own{margin-left:auto}.oc-chat-message>div{align-items:center;gap:7px;margin:0 4px 4px;display:flex}.oc-chat-message strong{color:#59677e;font-size:10px}.oc-chat-message time{color:#9ba5b6;font-size:9px}.oc-chat-message p{overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border-radius:4px 12px 12px;margin:0;padding:9px 11px;font-size:12px;line-height:1.4;display:inline-block;box-shadow:0 1px 3px #1a2b4a12}.oc-chat-message.own>div{justify-content:flex-end}.oc-chat-message.own p{color:#fff;background:#596bd0;border-radius:12px 4px 12px 12px;display:block}.oc-chat-compose{border-top:1px solid #e8ecf3;grid-template-columns:1fr 38px;gap:8px;padding:12px;display:grid}.oc-chat-compose input{border:1px solid #dce2ec;border-radius:9px;outline:0;height:38px;padding:0 11px;font-size:12px}.oc-chat-compose input:focus{border-color:#596bd0}.oc-chat-compose button{color:#fff;cursor:pointer;background:#596bd0;border:0;border-radius:9px;place-items:center;display:grid}.oc-chat-compose button:disabled{opacity:.45;cursor:not-allowed}@media (width<=520px){.oc-chat{border-radius:0;width:100%;top:0;bottom:0;right:0}.oc-chat-compose{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.oc-meeting-hero-icon{color:#6375d5;opacity:.2;margin-right:50px;font-size:110px}.oc-meeting-create .oc-room-row{grid-template-columns:1fr 170px}.oc-meeting-error{color:#c43c46;margin:10px 0 0;font-size:11px}.oc-meeting-list{max-width:900px;margin:28px auto}.oc-meeting-list h2{font-size:17px}.oc-meeting-list article{background:#fff;border:1px solid #e3e8f1;border-radius:13px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:10px;padding:15px;display:grid}.oc-meeting-list article>div{min-width:0}.oc-meeting-list strong,.oc-meeting-list span,.oc-meeting-list small{display:block}.oc-meeting-list strong{font-size:13px}.oc-meeting-list span{color:#8b97aa;margin:3px 0;font-size:10px}.oc-meeting-list small{color:#65738d;text-overflow:ellipsis;font-size:10px;overflow:hidden}.oc-meeting-list a{text-decoration:none}.oc-meeting-empty{text-align:center;color:#8490a4;border:1px dashed #ccd4e2;border-radius:13px;padding:30px;font-size:12px}@media (width<=650px){.oc-meeting-hero-icon{display:none}.oc-meeting-create .oc-room-row{grid-template-columns:1fr}.oc-meeting-list article{grid-template-columns:1fr 1fr}.oc-meeting-list article>div{grid-column:1/3}.oc-meeting-list .oc-btn{padding:0 10px}}.oc-meeting-form{grid-template-columns:1fr 220px;gap:14px;display:grid}.oc-meeting-form label>span{color:#53627e;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.oc-meeting-form select{appearance:auto}.oc-meeting-form>button,.oc-teacher-select{grid-column:1/3}.oc-teacher-select select{background:#fbfcfe;border:1px solid #dbe2ee;border-radius:10px;width:100%;min-height:110px;padding:7px}.oc-teacher-select small{color:#8a96a9;margin-top:5px;font-size:9px;display:block}.oc-meeting-list article{grid-template-columns:1fr auto auto auto}.oc-meeting-list strong em{color:#5669ca;background:#eef1ff;border-radius:8px;padding:3px 6px;font-size:8px;font-style:normal;display:inline-block}.oc-icon-btn{color:#596bd0;cursor:pointer;background:#fff;border:1px solid #dce2ed;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:relative}.oc-icon-btn i{color:#fff;background:#26334b;border-radius:4px;padding:3px 5px;font-size:8px;font-style:normal;position:absolute;top:-19px}.oc-chat-modal{z-index:1000;background:#11182799;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.oc-chat-modal>section{background:#fff;border-radius:16px;flex-direction:column;width:min(560px,100%);height:min(650px,85vh);display:flex;overflow:hidden;box-shadow:0 25px 80px #0006}.oc-chat-modal header{border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.oc-chat-modal header>div{grid-template-columns:auto 1fr;align-items:center;column-gap:9px;display:grid}.oc-chat-modal header svg{color:#596bd0;grid-row:1/3}.oc-chat-modal header strong{font-size:13px}.oc-chat-modal header span{color:#8792a5;font-size:9px}.oc-chat-modal header button{cursor:pointer;background:#eef1f5;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.oc-chat-history{background:#f7f8fb;flex:1;padding:16px;overflow:auto}.oc-chat-history>p{text-align:center;color:#8894a7;font-size:11px}.oc-chat-history article{margin-bottom:13px}.oc-chat-history article>div{align-items:center;gap:8px;display:flex}.oc-chat-history article strong{font-size:10px}.oc-chat-history time{color:#929dae;font-size:8px}.oc-chat-history article p{white-space:pre-wrap;background:#fff;border-radius:4px 12px 12px;margin:4px 0 0;padding:9px 11px;font-size:11px;display:inline-block;box-shadow:0 1px 3px #17213a12}@media (width<=650px){.oc-meeting-form{grid-template-columns:1fr}.oc-meeting-form>button,.oc-teacher-select{grid-column:1}.oc-meeting-list article{grid-template-columns:1fr auto auto}.oc-meeting-list article>div{grid-column:1/4}.oc-meeting-list article .oc-btn{grid-column:auto}.oc-chat-modal{padding:0}.oc-chat-modal>section{border-radius:0;height:100%}}@keyframes omOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes omFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.om-content{color:#111827;flex-direction:column;gap:22px;padding:24px 28px 56px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;display:flex}.om-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.om-page-title{color:#111827;font-size:22px;font-weight:800}.om-page-sub{color:#6b7280;margin-top:3px;font-size:13px}.om-btn-add{cursor:pointer;color:#fff;background:#6366f1;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 20px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #6366f152}.om-btn-add:hover{background:#4f46e5;box-shadow:0 4px 16px #6366f166}.om-form-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:11px 13px;font-size:12.5px;font-weight:700}.om-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.om-stat{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:14px;padding:18px 20px;animation:.4s both omFadeUp;display:flex;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.om-stat:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.om-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.om-stat-value{font-size:24px;font-weight:800;line-height:1}.om-stat-label{color:#6b7280;margin-top:4px;font-size:12px;font-weight:500}.om-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.om-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.om-search-box{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;min-width:240px;max-width:320px;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.om-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.om-search-box input{color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.om-search-box input::placeholder{color:#9ca3af}.om-search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.om-search-clear:hover{color:#111827}.om-select{color:#111827;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;min-width:148px;height:38px;padding:0 32px 0 12px;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 3px #0000000d}.om-select:hover{background-color:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.om-select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.om-result-count{color:#6366f1;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.om-list-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:auto;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.om-table{border-collapse:collapse;width:100%;min-width:860px}.om-table thead tr{background:#fafbfc;border-bottom:1px solid #e5e7eb}.om-table th{text-align:left;color:#6b7280;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:800}.om-table tbody tr{border-bottom:1px solid #f0f0f5;transition:background .12s}.om-table tbody tr:last-child{border-bottom:none}.om-table tbody tr:hover{background:#fafbff}.om-table td{vertical-align:middle;padding:14px 16px;font-size:13.5px}.om-table-empty{text-align:center;color:#9ca3af;padding:40px 0!important}.om-table-meeting{align-items:center;gap:12px;display:flex}.om-table-icon{color:#fff;background:#6366f1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.om-table-title{color:#111827;margin-bottom:4px;font-size:13.5px;font-weight:800}.om-table-muted{color:#6b7280;font-size:13px}.om-capitalize{text-transform:capitalize}.om-inline-icon{vertical-align:-2px;margin-right:4px}.om-th-center,.om-td-center{text-align:center}.om-chip{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.om-chip-host{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.om-chip-invited{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.om-chip-active{color:#10b981;background:#ecfdf5;border-color:#a7f3d0}.om-chip-ended{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.om-table-actions{align-items:center;gap:6px;display:flex}.om-tbl-btn{color:#6366f1;cursor:pointer;background:#f8f9fc;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative}.om-tbl-btn:hover{background:#eef2ff;border-color:#c7d2fe}.om-tbl-btn i{color:#fff;white-space:nowrap;background:#26334b;border-radius:4px;padding:3px 5px;font-size:8px;font-style:normal;position:absolute;top:-19px}.om-btn-join{cursor:pointer;color:#fff;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.om-btn-join:hover{background:#4f46e5}.om-btn-join.om-btn-hosted{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0}.om-btn-join.om-btn-hosted:hover{background:#d1fae5}.om-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;animation:.22s both omOverlayIn;position:fixed;inset:0}.om-panel{z-index:201;background:#fff;flex-direction:column;width:460px;transition:transform .36s cubic-bezier(.4,0,.2,1),visibility 0s linear .36s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.om-panel.open{transition-delay:0s;transform:translate(0)}.om-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:24px 24px 20px;display:flex}.om-panel-head-left{align-items:center;gap:14px;min-width:0;display:flex}.om-panel-head-icon{color:#fff;background:#6366f1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex}.om-panel-title{color:#111827;font-size:17px;font-weight:800}.om-panel-sub{color:#6b7280;margin-top:3px;font-size:12.5px}.om-panel-close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.om-panel-close:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.om-panel-body{flex-direction:column;flex:1;padding:20px 24px 8px;display:flex;overflow-y:auto}.om-panel-foot{background:#fafbfc;border-top:1px solid #f0f0f5;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.om-form-section{border-bottom:1px solid #f0f0f5;flex-direction:column;gap:14px;padding:18px 0;display:flex}.om-form-section:last-child{border-bottom:none}.om-form-section-label{letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;font-size:11px;font-weight:800}.om-form-field{color:#111827;flex-direction:column;gap:7px;font-size:12.5px;font-weight:700;display:flex}.om-form-hint{color:#9ca3af;margin-top:2px;font-size:11px;font-style:italic}.om-input{color:#111827;background:#fafbfc;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;height:42px;padding:0 13px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.om-input:hover{background:#fff;border-color:#c4c9d8}.om-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f124}.om-input::placeholder{color:#9ca3af}.om-dropdown.p-dropdown{width:100%;height:42px;box-shadow:none;background:#fafbfc;border:1.5px solid #e5e7eb;border-radius:8px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s;overflow:hidden}.om-dropdown.p-dropdown:not(.p-disabled):hover{background:#fff;border-color:#c7d2fe}.om-dropdown.p-dropdown.p-focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f124}.om-dropdown.p-disabled{background:#f3f4f6}.om-dropdown .p-dropdown-label{color:#111827;padding:0 0 0 13px;font-size:13.5px;line-height:40px}.om-dropdown .p-dropdown-label.p-placeholder{color:#9ca3af}.om-dropdown .p-dropdown-trigger{color:#9ca3af;width:36px}.om-dropdown .p-dropdown-clear-icon{color:#9ca3af;margin:0;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.om-dropdown-panel.p-dropdown-panel{border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;overflow:hidden;box-shadow:0 12px 40px #0f172a26}.om-dropdown-panel .p-dropdown-filter-container .p-inputtext,.om-dropdown-panel .p-dropdown-filter{border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:8px 30px 8px 11px;font-family:inherit;font-size:13px}.om-dropdown-panel .p-dropdown-items-wrapper{max-height:240px}.om-dropdown-panel .p-dropdown-item{color:#111827;padding:9px 14px;font-size:13px;transition:background .1s}.om-dropdown-panel .p-dropdown-item:hover{color:#6366f1;background:#eef2ff}.om-dropdown-panel .p-dropdown-item.p-highlight{color:#6366f1;background:#eef2ff;font-weight:700}.om-dropdown-panel .p-dropdown-header{background:#f8f9fc;border-bottom:1px solid #f0f0f5;padding:10px 12px}.om-multiselect.p-multiselect{width:100%;box-shadow:none;background:#fafbfc;border:1.5px solid #e5e7eb;border-radius:8px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s;height:auto!important;min-height:42px!important;max-height:none!important;overflow:visible!important}.om-multiselect.p-multiselect:not(.p-disabled):hover{background:#fff;border-color:#c7d2fe}.om-multiselect.p-multiselect.p-focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f124}.om-multiselect .p-multiselect-label-container{flex:1!important;align-items:center!important;min-width:0!important;height:auto!important;min-height:38px!important;padding:5px 8px!important;display:flex!important;overflow:visible!important}.om-multiselect .p-multiselect-label{color:#111827;font-size:13px;white-space:normal!important;flex-wrap:wrap!important;gap:5px!important;margin:0!important;padding:0!important;display:flex!important}.om-multiselect .p-multiselect-label.p-placeholder{color:#9ca3af}.om-multiselect .p-multiselect-token{color:#6366f1;background:#eef2ff;border:1px solid #c7d2fe;border-radius:7px;font-size:12px;font-weight:700;flex-shrink:0!important;padding:3px 9px!important}.om-multiselect .p-multiselect-token-label{text-overflow:ellipsis;max-width:160px;overflow:hidden}.om-multiselect .p-multiselect-trigger{color:#9ca3af;align-self:center;width:36px}.om-multiselect.p-disabled{background:#f3f4f6}.om-multiselect-panel.p-multiselect-panel{border:1px solid #e5e7eb;border-radius:10px;font-family:inherit;overflow:hidden;box-shadow:0 12px 40px #0f172a26}.om-multiselect-panel .p-multiselect-header{background:#f8f9fc;border-bottom:1px solid #f0f0f5;padding:10px 12px}.om-multiselect-panel .p-multiselect-filter-container .p-inputtext{border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:8px 11px;font-family:inherit;font-size:13px}.om-multiselect-panel .p-multiselect-items-wrapper{max-height:240px}.om-multiselect-panel .p-multiselect-item{color:#111827;padding:9px 14px;font-size:13px;transition:background .1s}.om-multiselect-panel .p-multiselect-item:hover{color:#6366f1;background:#eef2ff}.om-multiselect-panel .p-multiselect-item.p-highlight{color:#6366f1;background:#eef2ff;font-weight:700}.om-multiselect-panel .p-checkbox .p-checkbox-box{border:1.5px solid #e5e7eb;border-radius:5px;width:17px;height:17px}.om-multiselect-panel .p-checkbox .p-checkbox-box.p-highlight{background:#6366f1;border-color:#6366f1}.om-btn-cancel,.om-btn-save{cursor:pointer;border-radius:8px;height:40px;font-size:13.5px;font-weight:700}.om-btn-cancel{color:#6b7280;background:0 0;border:1.5px solid #e5e7eb;padding:0 18px}.om-btn-cancel:hover{color:#111827;background:#f8f9fc}.om-btn-save{color:#fff;background:#6366f1;border:none;justify-content:center;align-items:center;gap:7px;padding:0 24px;display:inline-flex}.om-btn-save:hover{transform:translateY(-1px)}.om-btn-save.disabled{opacity:.5;cursor:not-allowed;transform:none}.om-chat-modal{z-index:1000;background:#11182799;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.om-chat-modal>section{background:#fff;border-radius:16px;flex-direction:column;width:min(560px,100%);height:min(650px,85vh);display:flex;overflow:hidden;box-shadow:0 25px 80px #0006}.om-chat-modal header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.om-chat-modal header>div{grid-template-columns:auto 1fr;align-items:center;column-gap:9px;display:grid}.om-chat-modal header svg{color:#6366f1;grid-row:1/3}.om-chat-modal header strong{font-size:13px}.om-chat-modal header span{color:#8792a5;font-size:9px}.om-chat-modal header button{cursor:pointer;background:#eef1f5;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.om-chat-history{background:#f7f8fb;flex:1;padding:16px;overflow:auto}.om-chat-history>p{text-align:center;color:#8894a7;font-size:11px}.om-chat-history article{margin-bottom:13px}.om-chat-history article>div{align-items:center;gap:8px;display:flex}.om-chat-history article strong{font-size:10px}.om-chat-history time{color:#929dae;font-size:8px}.om-chat-history article p{white-space:pre-wrap;background:#fff;border-radius:4px 12px 12px;margin:4px 0 0;padding:9px 11px;font-size:11px;display:inline-block;box-shadow:0 1px 3px #17213a12}@media (width<=1100px){.om-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.om-content{padding:18px 16px 40px}.om-panel{width:100%}.om-search-box{max-width:none}}@media (width<=650px){.om-stats{grid-template-columns:1fr 1fr}.om-toolbar-left,.om-select,.om-btn-add{width:100%}.om-chat-modal{padding:0}.om-chat-modal>section{border-radius:0;height:100%}}:root{--sme-primary:#6366f1;--sme-primary-dk:#4f46e5;--sme-primary-bg:#eef2ff;--sme-success:#10b981;--sme-success-bg:#ecfdf5;--sme-warning:#f59e0b;--sme-warning-bg:#fffbeb;--sme-danger:#ef4444;--sme-danger-bg:#fef2f2;--sme-bg:#f8f9fc;--sme-card:#fff;--sme-text-1:#111827;--sme-text-2:#6b7280;--sme-text-3:#9ca3af;--sme-border:#f0f0f5;--sme-border-md:#e5e7eb;--sme-shadow-sm:0 1px 3px #0000000f;--sme-radius:14px;--sme-font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes smeFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.sme-root{background:var(--sme-bg);min-height:100vh;font-family:var(--sme-font);color:var(--sme-text-1);flex-direction:column;gap:18px;padding:26px 28px 56px;animation:.35s smeFadeUp;display:flex}.sme-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sme-head h1{letter-spacing:-.03em;color:var(--sme-text-1);font-size:24px;font-weight:800}.sme-head p{color:var(--sme-text-2);margin-top:4px;font-size:13px}.sme-autosave{border:1px solid var(--sme-border-md);background:var(--sme-card);height:32px;color:var(--sme-text-2);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:flex}.sme-autosave-dirty,.sme-autosave-saving{background:var(--sme-warning-bg);color:#92400e;border-color:#f59e0b59}.sme-autosave-saved{background:var(--sme-success-bg);color:#065f46;border-color:#10b9814d}.sme-autosave-error{background:var(--sme-danger-bg);color:#991b1b;border-color:#ef444447}.sme-selector{background:var(--sme-card);border:1px solid var(--sme-border);border-radius:var(--sme-radius);box-shadow:var(--sme-shadow-sm);grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;padding:16px;display:grid}.sme-field{flex-direction:column;gap:6px;min-width:0;display:flex}.sme-field label{color:var(--sme-text-2);font-size:12px;font-weight:700}.sme-dd,.sme-dd .p-dropdown{font-size:13px;border:1.5px solid var(--sme-border-md)!important;background:var(--sme-card)!important;border-radius:10px!important;width:100%!important;height:40px!important}.sme-dd .p-dropdown-label{color:var(--sme-text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:38px!important}.sme-student-card{background:var(--sme-card);border:1px solid var(--sme-border);box-shadow:var(--sme-shadow-sm);border-radius:var(--sme-radius);align-items:center;gap:12px;padding:14px 16px;display:flex}.sme-avatar{background:var(--sme-primary-bg);width:42px;height:42px;color:var(--sme-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.sme-student-card b{font-size:15px;display:block}.sme-student-card span{color:var(--sme-text-2);margin-top:2px;font-size:12px;display:block}.sme-actions{gap:10px;margin-left:auto;display:flex}.sme-btn{background:var(--sme-primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:36px;padding:0 16px;font-size:13px;font-weight:700;transition:background .15s;box-shadow:0 2px 8px #6366f14d}.sme-btn:hover{background:var(--sme-primary-dk)}.sme-btn:disabled{opacity:.55;cursor:not-allowed}.sme-btn-light{background:var(--sme-primary-bg);box-shadow:none;color:var(--sme-primary)}.sme-btn-light:hover{background:#e0e7ff}.sme-empty{background:var(--sme-card);border-radius:var(--sme-radius);border:1.5px dashed var(--sme-border-md);color:var(--sme-text-3);justify-content:center;align-items:center;padding:72px 20px;display:flex}.sme-empty p{color:var(--sme-text-2);font-size:15px;font-weight:700}.sme-semesters{flex-direction:column;gap:12px;display:flex}.sme-sem-card{background:var(--sme-card);border:1px solid var(--sme-border);border-radius:var(--sme-radius);box-shadow:var(--sme-shadow-sm);overflow:hidden}.sme-sem-locked{opacity:.88}.sme-sem-head{border:none;border-bottom:1px solid var(--sme-border);text-align:left;cursor:pointer;background:#fafbff;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.sme-sem-head b{color:var(--sme-text-1);font-size:15px;font-weight:800}.sme-sem-head span{color:var(--sme-text-2);margin-top:2px;font-size:12px;display:block}.sme-sem-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.sme-total{color:var(--sme-text-1)!important;margin:0!important;font-size:13px!important;font-weight:800!important}.sme-pct{color:var(--sme-primary)!important;margin:0!important;font-size:12px!important;font-weight:800!important}.sme-chevron{color:var(--sme-text-3)!important;margin:0!important;font-size:18px!important}.sme-chip{text-transform:capitalize;background:#f1f5f9;border-radius:999px;align-items:center;height:24px;padding:0 9px;color:#64748b!important;margin:0!important;font-size:11px!important;font-weight:800!important;display:inline-flex!important}.sme-chip-draft{background:var(--sme-warning-bg);color:#92400e!important}.sme-chip-submitted{background:var(--sme-success-bg);color:#065f46!important}.sme-chip-locked{background:#f1f5f9;color:#475569!important}.sme-chip-not_started{background:#f8fafc;color:var(--sme-text-3)!important}.sme-chip-dirty{background:var(--sme-primary-bg);color:var(--sme-primary)!important}.sme-sem-body{padding:0}.sme-setup-missing{border:1px dashed var(--sme-border-md);background:var(--sme-bg);border-radius:12px;flex-direction:column;gap:4px;margin:16px;padding:16px;display:flex}.sme-setup-missing b{font-size:14px}.sme-setup-missing span{color:var(--sme-text-2);font-size:12px}.sme-table-wrap{overflow-x:auto}.sme-table{border-collapse:collapse;width:100%;font-size:13px}.sme-table thead tr{border-bottom:2px solid var(--sme-border-md);background:#fff}.sme-table th{text-align:left;color:var(--sme-text-2);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:800}.sme-table td{border-bottom:1px solid var(--sme-border);vertical-align:top;padding:12px 14px}.sme-table tr:last-child td{border-bottom:none}.sme-subject{min-width:160px}.sme-subject b{color:var(--sme-text-1);font-size:13px;font-weight:800;display:block}.sme-subject span{color:var(--sme-text-2);margin-top:3px;font-size:12px;display:block}.sme-components{flex-wrap:wrap;gap:10px;display:flex}.sme-comp{border:1px solid var(--sme-border-md);background:var(--sme-bg);border-radius:12px;width:258px;padding:10px}.sme-comp-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.sme-comp-top span{color:var(--sme-text-1);font-size:12px;font-weight:800}.sme-comp-top small{color:var(--sme-text-3);white-space:nowrap;font-size:10px;font-weight:700}.sme-comp-entry{grid-template-columns:70px 52px 1fr;align-items:center;gap:6px;display:grid}.sme-comp-entry input[type=number]{border:1.5px solid var(--sme-border-md);text-align:center;background:#fff;border-radius:8px;outline:none;height:32px;padding:0 8px;font-size:13px}.sme-comp-entry input[type=number]:focus{border-color:var(--sme-primary)}.sme-comp-entry input:disabled{opacity:.55;cursor:not-allowed;background:var(--sme-border)}.sme-ab{border:1px solid var(--sme-border-md);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:4px;height:32px;color:var(--sme-danger)!important;font-size:11px!important;font-weight:800!important;display:flex!important}.sme-ab input{accent-color:var(--sme-danger)}.sme-remarks{border:1.5px solid var(--sme-border-md);background:#fff;border-radius:8px;outline:none;min-width:0;height:32px;padding:0 8px;font-size:12px}.sme-remarks:focus{border-color:var(--sme-primary)}.sme-result{border-radius:999px;align-items:center;height:24px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.sme-result-pass{background:var(--sme-success-bg);color:#065f46}.sme-result-fail,.sme-result-absent{background:var(--sme-danger-bg);color:#991b1b}.sme-result-pending{background:var(--sme-warning-bg);color:#92400e}@media (width<=1120px){.sme-selector{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=720px){.sme-root{padding:18px 14px 40px}.sme-head,.sme-student-card{flex-direction:column;align-items:stretch}.sme-actions{margin-left:0}.sme-selector{grid-template-columns:1fr}.sme-sem-head{flex-direction:column;align-items:flex-start}.sme-sem-meta{justify-content:flex-start}.sme-comp{width:100%}.sme-comp-entry{grid-template-columns:70px 52px 1fr}}.fcc-content{flex-direction:column;gap:20px;min-height:100%;padding:24px;display:flex}.fcc-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fcc-page-title{color:#1e293b;letter-spacing:-.3px;margin:0 0 4px;font-size:1.35rem;font-weight:700}.fcc-page-sub{color:#94a3b8;margin:0;font-size:.82rem}.fcc-page-sub em{color:#6366f1;font-style:italic}.fcc-refresh-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.fcc-refresh-btn:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.fcc-refresh-btn:disabled{opacity:.5;cursor:default}.fcc-filter-card{background:#fff;border:1px solid #e9eef4;border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 4px #0000000a}.fcc-filter-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.fcc-filter-row{grid-template-columns:1fr}}.fcc-filter-group{flex-direction:column;gap:6px;display:flex}.fcc-filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.fcc-req{color:#ef4444}.fcc-dropdown{width:100%!important}.fcc-dropdown .p-dropdown{border-radius:8px;width:100%;font-size:.85rem}.fcc-dropdown-panel .p-dropdown-item{font-size:.85rem}.fcc-search-wrap{align-items:center;display:flex;position:relative}.fcc-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.fcc-search-input{color:#334155;width:100%;height:42px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:0 38px 0 36px;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.fcc-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f}.fcc-search-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.fcc-search-input::placeholder{color:#94a3b8}.fcc-search-input::-webkit-search-cancel-button{display:none}.fcc-search-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex;position:absolute;right:9px}.fcc-search-clear:hover{color:#334155;background:#e2e8f0}.fcc-filter-summary{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.fcc-summary-pill{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;display:flex}.fcc-sp-dot{border-radius:50%;width:6px;height:6px}.fcc-sp-sep{opacity:.4}.fcc-summary-stats{align-items:center;gap:12px;margin-left:auto;display:flex}.fcc-ss-item{color:#64748b;align-items:center;gap:4px;font-size:.78rem;display:flex}.fcc-ss-ok{color:#16a34a;font-weight:600}.fcc-table-wrap{background:#fff;border:1px solid #e9eef4;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.fcc-table{border-collapse:collapse;width:100%;font-size:.83rem}.fcc-table thead tr{background:#f8fafc;border-bottom:1px solid #e9eef4}.fcc-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;padding:11px 14px;font-size:.72rem;font-weight:700}.fcc-th-c,.fcc-td-c{text-align:center!important}.fcc-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.fcc-table tbody tr:last-child{border-bottom:none}.fcc-table tbody tr:hover{background:#fafbff}.fcc-table td{color:#334155;vertical-align:middle;padding:11px 14px}.fcc-student-cell{align-items:center;gap:10px;display:flex}.fcc-student-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:700;display:flex}.fcc-student-name{color:#1e293b;font-weight:600;line-height:1.3}.fcc-student-email{color:#94a3b8;margin-top:1px;font-size:.74rem}.fcc-roll-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.76rem;font-weight:600;display:inline-flex}.fcc-reg-no{color:#475569;font-family:monospace;font-size:.78rem}.fcc-na{color:#cbd5e1;font-size:.78rem}.fcc-enrol-chip{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.fcc-chip-pursuing{color:#1d4ed8;background:#dbeafe}.fcc-chip-passout{color:#15803d;background:#dcfce7}.fcc-chip-dropout{color:#dc2626;background:#fee2e2}.fcc-fees-ok{color:#16a34a;align-items:center;gap:4px;font-size:.76rem;font-weight:600;display:inline-flex}.fcc-fees-no{color:#94a3b8;align-items:center;gap:4px;font-size:.76rem;font-weight:600;display:inline-flex}.fcc-action-btn{border:1px solid var(--btn-clr,#6366f1);color:var(--btn-clr,#6366f1);cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:6px 13px;font-size:.77rem;font-weight:600;transition:all .15s;display:inline-flex}.fcc-action-btn:hover{background:var(--btn-clr,#6366f1);color:#fff}.fcc-table-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px;display:flex}.fcc-table-empty p{margin:0;font-size:.85rem}.fcc-load-more{color:#94a3b8;background:#fff;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:.78rem;display:flex}.fcc-idle-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.fcc-idle-icon{border-radius:18px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:4px;display:flex}.fcc-idle-title{color:#334155;margin:0;font-size:1rem;font-weight:700}.fcc-idle-sub{color:#94a3b8;max-width:380px;margin:0;font-size:.83rem;line-height:1.6}.fcc-idle-sub em{color:#6366f1;font-style:italic}@keyframes fccSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fcc-spin{animation:.9s linear infinite fccSpin}.fcc-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.18s fccOverlayIn;display:flex;position:fixed;inset:0}@keyframes fccOverlayIn{0%{opacity:0}to{opacity:1}}.fcc-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:.22s cubic-bezier(.34,1.4,.64,1) fccModalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0003}@keyframes fccModalIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fcc-modal-head{border-top:4px solid #6366f1;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 16px;display:flex}.fcc-modal-head-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.fcc-modal-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:700;display:flex}.fcc-modal-name{color:#1e293b;font-size:1rem;font-weight:700;line-height:1.3}.fcc-modal-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:.74rem;display:flex}.fcc-modal-meta span{align-items:center;gap:3px;display:flex}.fcc-modal-close-x{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .12s;display:flex}.fcc-modal-close-x:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.fcc-hstepper{background:#fafbff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:center;align-items:flex-start;padding:20px 16px 14px;display:flex;overflow-x:auto}.fcc-hstep-wrap{flex:1;align-items:flex-start;min-width:0;display:flex}.fcc-hstep-line{background:#e2e8f0;flex:1;height:2px;margin-top:19px;transition:background .4s}.fcc-hsl-done{background:#a5b4fc}.fcc-hstep{flex-direction:column;align-items:center;gap:6px;min-width:72px;display:flex;position:relative}.fcc-hstep-circle{z-index:1;background:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.fcc-hstep-active .fcc-hstep-circle{box-shadow:0 0 0 4px #6366f126}.fcc-hsc-num{color:#94a3b8;font-size:.82rem;font-weight:700}.fcc-hstep-label{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.fcc-hstep-name{color:#64748b;white-space:nowrap;font-size:.7rem;font-weight:700;line-height:1.2;transition:color .3s}.fcc-hstep-status{white-space:nowrap;border-radius:10px;padding:2px 6px;font-size:.65rem;font-weight:500}.fcc-hss-idle{color:#94a3b8;background:#f1f5f9}.fcc-hss-checking{color:#7c3aed;background:#ede9fe}.fcc-hss-cleared{color:#15803d;background:#dcfce7;font-weight:700}.fcc-hss-due{color:#dc2626;background:#fee2e2;font-weight:700}.fcc-hss-not_assigned{color:#64748b;background:#f1f5f9}.fcc-hss-error{color:#d97706;background:#fef3c7}.fcc-hstep-active .fcc-hstep-name{color:#4f46e5}.fcc-modal-body{flex-direction:column;flex:1;gap:10px;padding:16px 20px;display:flex;overflow-y:auto}.fcc-modal-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;padding:32px;font-size:.85rem;display:flex}.fcc-loading-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite fccSpin}@keyframes fccFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fcc-step-details{flex-direction:column;gap:8px;display:flex}.fcc-sd-card{border:1px solid #e9eef4;border-radius:12px;transition:box-shadow .2s;animation:.25s both fccFadeUp;overflow:hidden}.fcc-sd-active{box-shadow:0 0 0 2px #c7d2fe,0 4px 12px #6366f11f}.fcc-sd-cleared{border-color:#bbf7d0}.fcc-sd-due{border-color:#fecaca}.fcc-sd-head{align-items:center;gap:10px;padding:11px 14px;display:flex}.fcc-sd-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fcc-sd-info{flex:1;min-width:0}.fcc-sd-title{color:#1e293b;font-size:.82rem;font-weight:700}.fcc-sd-detail{color:#64748b;margin-top:2px;font-size:.75rem}.fcc-sd-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.fcc-sdb-cleared{color:#15803d;background:#dcfce7}.fcc-sdb-due{color:#dc2626;background:#fee2e2}.fcc-sdb-checking{color:#7c3aed;background:#ede9fe}.fcc-sdb-not_assigned{color:#64748b;background:#f1f5f9}.fcc-sdb-error{color:#d97706;background:#fef3c7}.fcc-sd-items{flex-direction:column;gap:5px;padding:0 14px 11px;display:flex}.fcc-sd-item-row{background:#f8fafc;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.76rem;display:flex}.fcc-sd-item-label{color:#334155;flex:1;font-weight:500}.fcc-sd-item-paid{color:#64748b;font-family:monospace}.fcc-sd-item-due{color:#dc2626;font-family:monospace;font-weight:700}.fcc-sd-item-nil{color:#15803d;font-weight:700}.fcc-result-banner{border-radius:12px;align-items:center;gap:14px;margin-top:4px;padding:14px 16px;animation:.3s both fccFadeUp;display:flex}.fcc-rb-ok{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.fcc-rb-fail{background:linear-gradient(135deg,#fff7f7,#fee2e2);border:1px solid #fca5a5}.fcc-rb-icon{font-size:24px}.fcc-rb-ok .fcc-rb-icon{color:#16a34a}.fcc-rb-fail .fcc-rb-icon{color:#dc2626}.fcc-rb-body{flex:1;min-width:0}.fcc-rb-title{color:#1e293b;font-size:.88rem;font-weight:700}.fcc-rb-sub{color:#64748b;margin-top:3px;font-size:.76rem;line-height:1.4}.fcc-rb-amounts{text-align:right;flex-direction:column;flex-shrink:0;gap:4px;display:flex}.fcc-rb-amt{flex-direction:column;font-size:.7rem;display:flex}.fcc-rb-amt span{color:#94a3b8}.fcc-rb-amt strong{font-size:.82rem;font-weight:700}.fcc-c-green{color:#16a34a!important}.fcc-c-red{color:#dc2626!important}.fcc-modal-foot{background:#fafbff;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.fcc-foot-close{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:all .12s}.fcc-foot-close:hover{background:#f8fafc;border-color:#cbd5e1}.fcc-foot-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 20px;font-size:.82rem;font-weight:700;transition:all .15s;animation:.25s fccFadeUp;display:flex;box-shadow:0 2px 8px #6366f14d}.fcc-foot-print:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.fcc-print-only{display:none}@media print{body>*,.fcc-modal-backdrop{display:none!important}.fcc-print-only{z-index:99999;background:#fff;position:fixed;inset:0;display:block!important}}.fcc-cert{color:#1e293b;box-sizing:border-box;width:210mm;min-height:148mm;margin:0 auto;padding:32px 36px 24px;font-family:Segoe UI,Arial,sans-serif;position:relative;overflow:hidden}.fcc-cert-hd{border-bottom:3px solid #6366f1;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;display:flex}.fcc-cert-logo{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.fcc-cert-org{flex:1}.fcc-cert-org-name{font-size:1.05rem;font-weight:800}.fcc-cert-org-sub{color:#64748b;margin-top:2px;font-size:.75rem}.fcc-cert-stamp{letter-spacing:2px;border:2px solid #6366f1;border-radius:6px;padding:5px 14px;font-size:.75rem;font-weight:800}.fcc-cert-title-blk{text-align:center;margin-bottom:14px}.fcc-cert-h1{letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;font-size:1.15rem;font-weight:800}.fcc-cert-h2{color:#64748b;font-size:.77rem}.fcc-cert-divider{border-radius:2px;height:2px;margin:12px 0}.fcc-cert-divider-lt{height:1px}.fcc-cert-para{color:#334155;margin-bottom:14px;font-size:.83rem;line-height:1.7}.fcc-cert-table{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:.8rem}.fcc-cert-row{grid-template-columns:160px 1fr;display:grid}.fcc-cert-row span{border-bottom:1px solid #f1f5f9;padding:5px 10px}.fcc-cert-row span:first-child{color:#475569;background:#f8fafc;font-weight:700}.fcc-cert-row span:last-child{color:#1e293b}.fcc-cert-green{font-weight:700;color:#15803d!important}.fcc-cert-na{font-style:italic;color:#94a3b8!important}.fcc-cert-ft{justify-content:space-between;align-items:flex-end;margin-top:16px;display:flex}.fcc-cert-seal{border:1.5px solid #6366f1;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:700;display:flex}.fcc-cert-sign{text-align:center;min-width:130px}.fcc-cert-sign-line{background:#1e293b;height:1px;margin-bottom:4px}.fcc-cert-sign-lbl{color:#475569;font-size:.72rem}.fcc-cert-watermark{opacity:.04;letter-spacing:8px;pointer-events:none;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-size:5rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}@keyframes fpViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fp-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.fp-layout{display:flex}.fp-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.fp-main.sidebar-collapsed{margin-left:58px}.fp-main::-webkit-scrollbar{width:5px}.fp-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.fp-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.fp-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.fp-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.fp-sep{color:var(--text-3)}.fp-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.fp-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.fp-icon-btn:hover{background:var(--bg);color:var(--text-1)}.fp-notif-btn .fp-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.fp-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.fp-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.fp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.fp-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.fp-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.fp-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.fp-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.fp-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.fp-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both fadeUp;display:flex}.fp-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fp-stat:first-child{animation-delay:60ms}.fp-stat:nth-child(2){animation-delay:.12s}.fp-stat:nth-child(3){animation-delay:.18s}.fp-stat:nth-child(4){animation-delay:.24s}.fp-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.fp-stat-value{font-size:24px;font-weight:800;line-height:1}.fp-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.fp-revenue-banner{border:1px solid var(--primary-ring);border-radius:var(--radius);background:linear-gradient(135deg,#eef2ff,#f5f3ff);flex-wrap:wrap;align-items:center;gap:16px;padding:18px 24px;animation:.4s .3s both fadeUp;display:flex}.fp-revenue-icon{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #6366f14d}.fp-revenue-label{color:var(--text-2);font-size:12px;font-weight:500}.fp-revenue-value{color:var(--primary);letter-spacing:-.02em;margin-top:1px;font-size:24px;font-weight:800}.fp-revenue-hint{color:var(--text-3);text-align:right;max-width:260px;margin-left:auto;font-size:12px;line-height:1.5}.fp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.fp-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fp-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.fp-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.fp-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.fp-search-box input::placeholder{color:var(--text-3)}.fp-toolbar-search{flex-shrink:0;width:280px}.fp-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex}.fp-search-clear:hover{color:var(--text-1)}.fp-result-count{background:var(--primary-bg);border:1px solid var(--primary-ring);color:var(--primary);border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.fp-view-toggle{background:var(--border);border-radius:9px;gap:2px;padding:3px;display:flex;position:relative}.fp-view-toggle-indicator{background:var(--card);width:32px;height:28px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:7px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.fp-view-toggle-indicator.list{transform:translate(34px)}.fp-view-btn{z-index:1;width:32px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:relative}.fp-view-btn:active{transform:scale(.88)}.fp-view-btn.active{color:var(--primary)}.fp-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both fpViewSwitch}.fp-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.fp-grid .fp-card:first-child{animation:.35s 40ms both cardIn}.fp-grid .fp-card:nth-child(2){animation:.35s 80ms both cardIn}.fp-grid .fp-card:nth-child(3){animation:.35s .12s both cardIn}.fp-grid .fp-card:nth-child(4){animation:.35s .16s both cardIn}.fp-grid .fp-card:nth-child(5){animation:.35s .2s both cardIn}.fp-grid .fp-card:nth-child(6){animation:.35s .24s both cardIn}.fp-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.fp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.fp-card-banner{border-bottom:1px solid;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px;display:flex}.fp-card-banner-left{align-items:center;gap:12px;display:flex}.fp-card-icon{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.fp-card-code{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.fp-card-course{color:var(--text-2);margin-top:2px;font-size:12px;line-height:1.3}.fp-card-banner-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.fp-sem-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.fp-card-body{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex}.fp-card-name{color:var(--text-1);font-size:13.5px;font-weight:700;line-height:1.35}.fp-card-meta-row{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.fp-card-meta-row span{align-items:center;gap:5px;display:flex}.fp-breakup-list{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.fp-bl-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.fp-bl-row:last-child{border-bottom:none}.fp-bl-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.fp-bl-type{color:var(--text-2);flex:1}.fp-bl-amount{color:var(--text-1);white-space:nowrap;font-size:13px;font-weight:700}.fp-bl-total{border-top:1.5px solid var(--primary-ring);background:linear-gradient(90deg,#f8f9ff,#f5f3ff);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.fp-bl-total span:first-child{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.fp-bl-total span:last-child{font-size:16px;font-weight:800}.fp-card-actions{border-top:1px solid var(--border);display:flex;overflow:hidden}.fp-action-btn{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 0;transition:background .14s,color .14s;display:flex}.fp-action-btn.edit{color:var(--primary);background:0 0}.fp-action-btn.edit:hover{background:var(--primary-bg)}.fp-action-btn.view{background:0 0}.fp-action-btn.view:hover{background:#0000000a}.fp-chip{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.fp-chip-active{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.fp-chip-inactive{color:var(--text-2);border:1px solid var(--border-md);background:#f3f4f6}.fp-loading{color:var(--text-2);justify-content:center;align-items:center;gap:12px;padding:48px 0;font-size:14px;font-weight:500;display:flex}.fp-loading-spinner{border:2.5px solid var(--border-md);border-top-color:var(--primary,#6366f1);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.fp-empty{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:64px 24px;display:flex}.fp-empty-icon{background:var(--primary-bg);width:64px;height:64px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.fp-empty p{color:var(--text-2);font-size:15px}.fp-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.fp-table{border-collapse:collapse;width:100%}.fp-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.fp-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.fp-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.fp-table tbody tr:last-child{border-bottom:none}.fp-table tbody tr:hover{background:#fafbff}.fp-table td{color:var(--text-1);vertical-align:middle;padding:14px 16px;font-size:13px}.fp-table-empty{text-align:center;color:var(--text-3);padding:40px 0!important}.fp-tbl-course{align-items:center;gap:10px;display:flex}.fp-tbl-icon{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.fp-tbl-name{color:var(--text-1);font-size:13px;font-weight:600}.fp-tbl-code{letter-spacing:.05em;text-transform:uppercase;margin-top:1px;font-size:11px;font-weight:700}.fp-sem-pill{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.fp-tbl-struct-name{color:var(--text-2);max-width:260px;font-size:13px}.fp-item-count{color:var(--text-3);background:var(--bg);border:1px solid var(--border-md);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.fp-tbl-amount{font-size:14px;font-weight:700}.fp-tbl-acts{align-items:center;gap:6px;display:flex}.fp-tbl-btn{border:1px solid var(--border-md);background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;transition:background .14s,border-color .14s;display:flex}.fp-tbl-btn:hover{background:var(--primary-bg);border-color:var(--primary-ring)}.fp-tbl-btn-status:hover{background:var(--bg);border-color:var(--primary-lt);color:var(--primary)}.fp-th-center,.fp-td-center{text-align:center}.fp-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0f2385;justify-content:center;align-items:center;padding:24px;animation:.22s both overlayIn;display:flex;position:fixed;inset:0}.fp-add-modal{background:var(--card);width:100%;max-width:680px;max-height:88vh;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;animation:.3s cubic-bezier(.4,0,.2,1) both modalIn;display:flex;overflow:hidden}.fp-modal-head{background:linear-gradient(135deg,#f8f9ff,#faf5ff);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 12px;display:flex}.fp-modal-head-left{align-items:center;gap:12px;display:flex}.fp-modal-icon{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;box-shadow:0 4px 12px #0000002e}.fp-modal-title{color:var(--text-1);letter-spacing:-.02em;font-size:15px;font-weight:800}.fp-modal-sub{color:var(--text-2);margin-top:2px;font-size:11.5px}.fp-modal-close{border:1.5px solid var(--border-md);cursor:pointer;width:30px;height:30px;color:var(--text-2);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.fp-modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.fp-modal-body{flex:1;padding:0;overflow-y:auto}.fp-modal-body::-webkit-scrollbar{width:5px}.fp-modal-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.fp-modal-section{border-bottom:1px solid var(--border-md);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.fp-modal-section:last-child{border-bottom:none}.fp-ms-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:flex}.fp-ms-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.fp-modal-foot{border-top:1px solid var(--border-md);background:#fafbfc;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px 12px;display:flex}.fp-modal-foot-info{color:var(--text-3);font-size:12px;font-weight:500}.fp-modal-foot-actions{align-items:center;gap:10px;display:flex}.fp-form-field{flex-direction:column;gap:5px;display:flex}.fp-form-field label{color:var(--text-1);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.fp-req{color:var(--danger);margin-left:2px}.fp-form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fp-input{border:1.5px solid var(--border-md);width:100%;height:36px;color:var(--text-1);font-size:13px;font-family:var(--font);background:#fafbfc;border-radius:9px;outline:none;padding:0 11px;transition:border-color .15s,box-shadow .15s,background .15s}.fp-input:hover{background:#fff;border-color:#c4c9d8}.fp-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.fp-input::placeholder{color:var(--text-3)}.fp-palette{flex-wrap:wrap;gap:8px;padding:1px 0;display:flex}.fp-palette-dot{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:transform .15s,box-shadow .15s}.fp-palette-dot:hover{transform:scale(1.18)}.fp-palette-dot.selected{transform:scale(1.12)}.fp-status-chips{flex-wrap:wrap;gap:6px;display:flex}.fp-status-chip{border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);border-radius:7px;align-items:center;gap:5px;padding:5px 12px;transition:all .15s;display:inline-flex}.fp-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.fp-status-chip:hover:not(.active){border-color:var(--primary-lt);color:var(--primary)}.fp-status-chip.fp-schip-active.active{background:var(--success-bg);color:var(--success);border-color:#a7f3d0;box-shadow:0 2px 8px #10b98126}.fp-status-chip.fp-schip-inactive.active{color:var(--text-1);border-color:var(--border-md);background:#f3f4f6}.fp-breakup-section{background:#fafbff}.fp-btn-add-row{background:var(--primary-bg);border:1.5px solid var(--primary-ring);height:34px;color:var(--primary);cursor:pointer;font-size:12.5px;font-weight:700;font-family:var(--font);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;transition:background .14s,border-color .14s,transform .12s;display:inline-flex}.fp-btn-add-row:hover{border-color:var(--primary-lt);background:#e0e7ff;transform:translateY(-1px)}.fp-bk-head{background:var(--card);border:1px solid var(--border-md);border-bottom:none;border-radius:9px 9px 0 0;grid-template-columns:30px 1fr 150px 38px;align-items:center;gap:8px;padding:6px 10px;display:grid}.fp-bk-head span{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:700}.fp-bk-h-amt{text-align:right;padding-right:10px}.fp-bk-rows{border:1px solid var(--border-md);background:var(--card);border-top:none;border-radius:0 0 9px 9px;flex-direction:column;display:flex;overflow:visible}.fp-bk-row:last-child{border-radius:0 0 9px 9px}.fp-bk-row{border-bottom:1px solid var(--border);grid-template-columns:30px 1fr 150px 38px;align-items:center;gap:8px;padding:7px 10px;transition:background .12s;animation:.2s both rowIn;display:grid}.fp-bk-row:last-child{border-bottom:none}.fp-bk-row:hover{background:#fafbff}.fp-bk-num{background:var(--primary-bg);width:22px;height:22px;color:var(--primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.fp-bk-amt-wrap{align-items:center;display:flex;position:relative}.fp-bk-rupee{color:var(--text-3);pointer-events:none;z-index:1;font-size:12px;font-weight:600;position:absolute;left:9px}.fp-bk-input{border:1.5px solid var(--border-md);height:33px;color:var(--text-1);font-size:13px;font-family:var(--font);background:#fafbfc;border-radius:8px;outline:none;width:100%;padding:0 10px 0 24px;transition:border-color .15s,box-shadow .15s}.fp-bk-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.fp-bk-input.fp-bk-empty{border-color:var(--border-md)}.fp-bk-input:hover{border-color:#c4c9d8}.fp-bk-input::-webkit-inner-spin-button{-webkit-appearance:none}.fp-bk-input::-webkit-outer-spin-button{-webkit-appearance:none}.fp-bk-del{border:1.5px solid var(--border-md);background:var(--bg);width:30px;height:30px;color:var(--text-3);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.fp-bk-del:hover:not(:disabled){background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.fp-bk-del:disabled{opacity:.35;cursor:not-allowed}.fp-bk-total{border:1.5px solid var(--primary-ring);background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:10px;justify-content:space-between;align-items:center;margin-top:2px;padding:10px 14px;display:flex}.fp-bk-total-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.fp-bk-total-value{letter-spacing:-.02em;font-size:18px;font-weight:800}.fp-bk-hint{color:var(--warning);background:var(--warning-bg);border:1px solid #fde68a;border-radius:7px;padding:6px 10px;font-size:11.5px}.fp-btn-cancel{border:1.5px solid var(--border-md);height:36px;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border-radius:9px;padding:0 16px;transition:background .14s,color .14s,border-color .14s}.fp-btn-cancel:hover{background:var(--bg);color:var(--text-1);border-color:#c4c9d8}.fp-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:36px;font-size:13px;font-weight:700;font-family:var(--font);border:none;border-radius:9px;align-items:center;gap:7px;padding:0 22px;transition:background .2s,box-shadow .2s,transform .12s,opacity .15s;display:inline-flex;box-shadow:0 2px 10px #6366f14d}.fp-btn-save:hover{filter:brightness(1.08);transform:translateY(-1px)}.fp-btn-save.disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.fp-dropdown.p-dropdown{border:1px solid var(--border-md);background:var(--card);font-family:var(--font);box-shadow:none;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:inline-flex}.fp-dropdown.p-dropdown:not(.p-disabled):hover{border-color:#c4c9d8}.fp-dropdown.p-dropdown.p-focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.fp-dropdown .p-dropdown-label{font-family:var(--font);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.fp-dropdown .p-dropdown-trigger{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fp-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);border-radius:10px;margin-top:4px;overflow:hidden}.fp-dropdown-panel .p-dropdown-items{padding:5px 0}.fp-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.fp-dropdown-panel .p-dropdown-item:hover,.fp-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.fp-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.fp-dropdown-panel .p-dropdown-filter-container{border-bottom:1px solid var(--border-md);padding:8px 10px}.fp-dropdown-panel .p-dropdown-filter{border:1.5px solid var(--border-md);width:100%;height:32px;color:var(--text-1);font-size:13px;font-family:var(--font);background:#fafbfc;border-radius:8px;outline:none;padding:0 10px;transition:border-color .15s,box-shadow .15s}.fp-dropdown-panel .p-dropdown-filter:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.fp-dropdown-panel .p-dropdown-filter-icon{display:none}.fp-filter-dd.p-dropdown{min-width:140px;height:36px}.fp-filter-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:13px}.fp-filter-dd .p-dropdown-trigger{width:30px}.fp-modal-dd.p-dropdown{border:1.5px solid var(--border-md);background:#fafbfc;border-radius:9px;width:100%;height:36px}.fp-modal-dd.p-dropdown:not(.p-disabled):hover{background:#fff;border-color:#c4c9d8}.fp-modal-dd.p-dropdown.p-focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f124}.fp-modal-dd .p-dropdown-label{color:var(--text-1);padding:0 11px;font-size:13px}.fp-modal-dd .p-dropdown-placeholder{color:var(--text-3)!important}.fp-bk-dd.p-dropdown{border:1.5px solid var(--border-md);background:#fafbfc;border-radius:8px;width:100%;height:33px}.fp-bk-dd.p-dropdown:not(.p-disabled):hover{background:#fff;border-color:#c4c9d8}.fp-bk-dd.p-dropdown.p-focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.fp-bk-dd .p-dropdown-label{padding:0 9px;font-size:13px}.fp-bk-dd .p-dropdown-trigger{width:26px}.fp-card-status-dd.p-dropdown{border:none;border-left:1px solid var(--border);background:0 0;border-radius:0;flex:1;height:100%;min-height:42px}.fp-card-status-dd.p-dropdown:not(.p-disabled):hover{background:var(--bg)}.fp-card-status-dd.p-dropdown.p-focus{box-shadow:none;border-color:#0000;border-left-color:var(--border)}.fp-card-status-dd .p-dropdown-label{text-align:center;flex:1;padding:0 4px;font-size:12.5px;font-weight:700}.fp-card-status-dd .p-dropdown-trigger{width:24px;padding-right:6px}.fp-tbl-status-dd.p-dropdown{border-radius:8px;min-width:90px;height:30px}.fp-tbl-status-dd .p-dropdown-label{padding:0 4px 0 10px;font-size:12px;font-weight:600}.fp-tbl-status-dd .p-dropdown-trigger{width:24px}.fp-status-active .p-dropdown-label{color:var(--success)}.fp-status-inactive .p-dropdown-label{color:var(--text-2)}.fp-page-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fp-btn-manage-ft{border:1.5px solid var(--border-md);height:40px;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:0 16px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.fp-btn-manage-ft:hover{background:var(--primary-bg);border-color:var(--primary-ring);color:var(--primary);box-shadow:0 2px 10px #6366f11f}.fp-btn-ft-badge{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.fp-ft-modal{background:var(--card);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:85vh;animation:.25s cubic-bezier(.4,0,.2,1) both modalIn;display:flex;overflow:hidden}.fp-ft-modal-head{border-bottom:1px solid var(--border-md);background:linear-gradient(135deg,#eef2ff,#f5f3ff);flex-shrink:0;align-items:center;gap:14px;padding:20px 22px 16px;display:flex}.fp-ft-modal-icon{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #6366f14d}.fp-ft-modal-title{color:var(--text-1);font-size:16px;font-weight:800}.fp-ft-modal-sub{color:var(--text-2);margin-top:2px;font-size:12px}.fp-ft-list{flex:1;padding:6px 0;overflow-y:auto}.fp-ft-list::-webkit-scrollbar{width:4px}.fp-ft-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.fp-ft-empty{text-align:center;color:var(--text-3);padding:28px 20px;font-size:13px}.fp-ft-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:11px 20px;transition:background .12s;display:flex}.fp-ft-item:last-child{border-bottom:none}.fp-ft-item:hover{background:#fafbff}.fp-ft-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.fp-ft-dot{background:linear-gradient(135deg,var(--primary),var(--purple));border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s}.fp-ft-dot.inactive{background:var(--border-md)}.fp-ft-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.fp-ft-toggle{height:28px;font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:1.5px solid;border-radius:7px;flex-shrink:0;padding:0 12px;transition:all .15s}.fp-ft-toggle.deactivate{color:var(--danger);background:0 0;border-color:#fecaca}.fp-ft-toggle.deactivate:hover{background:var(--danger-bg)}.fp-ft-toggle.activate{color:var(--success);background:0 0;border-color:#a7f3d0}.fp-ft-toggle.activate:hover{background:var(--success-bg)}.fp-ft-add-row{border-top:1px solid var(--border-md);background:#fafbfc;flex-shrink:0;align-items:flex-start;gap:10px;padding:14px 20px 18px;display:flex}.fp-ft-input-wrap{flex-direction:column;flex:1;gap:4px;display:flex}.fp-ft-input{flex:1}.fp-input-err{border-color:var(--danger)!important}.fp-input-err:focus{box-shadow:0 0 0 3.5px #ef444424!important}.fp-ft-err{color:var(--danger);font-size:12px}.fp-ft-add-btn{white-space:nowrap;flex-shrink:0;height:44px;padding:0 18px}.fp-detail-modal{background:var(--card);width:100%;max-width:960px;max-height:92vh;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;animation:.3s cubic-bezier(.4,0,.2,1) both modalIn;display:flex;overflow:hidden}.fp-detail-statsbar{border-bottom:1px solid var(--border-md);background:#fafbfc;flex-shrink:0;align-items:center;gap:0;display:flex;overflow-x:auto}.fp-detail-stat{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:12px 22px;display:flex}.fp-detail-stat-clickable{cursor:pointer;transition:background .15s}.fp-detail-stat-clickable:hover{background:var(--bg,#f8fafc)}.fp-detail-stat-pool{border-right:none;border-left:1px solid var(--border);margin-left:auto}.fp-detail-stat-val{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1}.fp-detail-stat-lbl{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.fp-detail-body{background:var(--bg);flex:1;padding:20px 24px 24px;overflow-y:auto}.fp-detail-body::-webkit-scrollbar{width:5px}.fp-detail-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.fp-dsem-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.fp-dsem-card{background:var(--card);border:1px solid var(--border-md);box-shadow:var(--shadow-sm);border-left:4px solid #0000;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.fp-dsem-card:not(.fp-dsem-empty):hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fp-dsem-head{border-bottom:1px solid var(--border);background:#fafbfc;flex-shrink:0;align-items:center;gap:8px;padding:11px 14px;display:flex}.fp-dsem-label{letter-spacing:.03em;flex:1;align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:700;display:inline-flex}.fp-dsem-actions{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;display:flex}.fp-dsem-body{flex-direction:column;flex:1;padding:0 14px;display:flex}.fp-dsem-fee-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;font-size:12.5px;display:flex}.fp-dsem-fee-row:last-child{border-bottom:none}.fp-dsem-fee-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.fp-dsem-fee-name{color:var(--text-2);flex:1}.fp-dsem-fee-amt{color:var(--text-1);white-space:nowrap;font-size:13px;font-weight:700}.fp-dsem-total{background:linear-gradient(90deg,#f8f9ff,#f5f3ff);border-top:1.5px solid;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.fp-dsem-total span:first-child{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.fp-dsem-total span:last-child{font-size:16px;font-weight:800}.fp-dsem-due{border-top:1px solid var(--border);color:var(--text-2);background:#f8f9fc;align-items:center;gap:5px;padding:7px 14px;font-size:11.5px;display:flex}.fp-dsem-due svg{opacity:.6;flex-shrink:0}.fp-dsem-due span:nth-child(2){font-weight:600}.fp-dsem-due-val{color:var(--text-1);margin-left:2px;font-weight:700}.fp-dsem-empty{border:1.5px dashed var(--border-md);border-left:1.5px dashed var(--border-md);cursor:pointer;background:#fafbfc;min-height:140px;transition:border-color .2s,background .2s,box-shadow .2s}.fp-dsem-empty:hover{border-color:var(--primary-ring);background:var(--primary-bg);box-shadow:0 2px 12px #6366f11a}.fp-dsem-empty-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px 16px;display:flex}.fp-dsem-empty-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.fp-dsem-empty-sem{color:var(--text-2);font-size:13px;font-weight:700}.fp-dsem-empty-hint{color:var(--text-3);font-size:11.5px}.fp-dsem-add-btn{cursor:pointer;height:32px;font-size:12px;font-weight:600;font-family:var(--font);white-space:nowrap;border:1.5px solid;border-radius:8px;align-items:center;gap:5px;margin-top:2px;padding:0 14px;transition:background .14s,transform .12s;display:inline-flex}.fp-dsem-add-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.fp-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.fp-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.fp-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.fp-add-modal{max-width:100%}.fp-bk-head,.fp-bk-row{grid-template-columns:32px 1fr 140px 40px}}@media (width<=820px){.fp-content{padding:18px 16px 40px}.fp-grid{grid-template-columns:1fr 1fr}.fp-stats{grid-template-columns:repeat(2,1fr)}.fp-dsem-grid{grid-template-columns:1fr}}@media (width<=640px){.fp-modal-backdrop{padding:0}.fp-add-modal,.fp-detail-modal{border-radius:0;height:100dvh;max-height:100dvh}.fp-detail-body{padding:12px}.fp-dsem-grid,.fp-form-row-2{grid-template-columns:1fr}.fp-bk-head,.fp-bk-row{grid-template-columns:28px 1fr 120px 38px;gap:6px}.fp-modal-section{gap:14px;padding:18px 16px}.fp-modal-head{padding:18px 16px 14px}.fp-modal-foot{flex-direction:column;align-items:stretch;padding:14px 16px}.fp-modal-foot-actions{justify-content:flex-end}}@media (width<=768px){.fp-main{margin-left:0!important}.fp-hamburger{display:flex}.fp-topbar{gap:10px;padding:0 14px}}@media (width<=560px){.fp-grid{grid-template-columns:1fr}.fp-stats{grid-template-columns:1fr 1fr}.fp-revenue-hint{display:none}.fp-page-head-actions{width:100%}.fp-btn-manage-ft,.fp-btn-add{flex:1;justify-content:center}}.frc-backdrop{z-index:1000;background:#0f172a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.frc-toolbar{background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.frc-toolbar-left{align-items:center;gap:14px;display:flex}.frc-toolbar-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.frc-toolbar-title{color:#f1f5f9;margin:0 0 2px;font-size:15px;font-weight:700}.frc-toolbar-sub{color:#94a3b8;margin:0;font-size:12px}.frc-toolbar-actions{align-items:center;gap:10px;display:flex}.frc-btn-close{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.frc-btn-close:hover{background:#334155;border-color:#64748b}.frc-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 2px 8px #6366f159}.frc-btn-print:hover{opacity:.9;transform:translateY(-1px)}.frc-btn-print:active{transform:translateY(0)}.frc-preview{background:#0f172a;flex:1;padding:28px 16px;overflow-y:auto}.frc-preview::-webkit-scrollbar{width:6px}.frc-preview::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.frc-preview-inner{max-width:980px;margin:0 auto}.frc-challan-page{color:#000;background:#fff;border:1.5px solid #000;grid-template-columns:1fr 1fr;min-height:420px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.3;display:grid}.frc-copy{box-sizing:border-box;border-right:2px dashed #888;flex-direction:column;gap:2px;height:100%;padding:8px 10px 6px;display:flex}.frc-copy:last-child{border-right:none}.frc-top-bar{justify-content:space-between;align-items:flex-end;margin-bottom:3px;display:flex}.frc-copy-label{font-size:10px;font-style:italic}.frc-challan-no-wrap{white-space:nowrap;border-bottom:1.5px dotted #000;padding-bottom:1px;font-size:10px;font-weight:600}.frc-challan-no-val{font-weight:900}.frc-college-name{text-align:center;letter-spacing:.3px;margin:1px 0;font-size:15px;font-weight:900;line-height:1.15}.frc-college-inst{text-align:center;color:#111;margin:1px 0;font-size:10px;font-style:italic}.frc-college-addr{text-align:center;margin-bottom:5px;font-size:10px}.frc-info-row{border-bottom:1.5px dotted #000;align-items:baseline;gap:3px;margin-bottom:1px;padding-bottom:1px;display:flex}.frc-info-key{white-space:nowrap;flex-shrink:0;font-size:10px}.frc-info-val{flex:1;padding-left:3px;font-size:11px;font-weight:700}.frc-course-bar{text-align:center;border-bottom:1.5px dotted #000;margin-bottom:1px;padding-bottom:1px;font-size:11px;font-weight:700}.frc-id-bar{border-bottom:1.5px dotted #000;flex-wrap:wrap;align-items:baseline;gap:2px;margin-bottom:3px;padding-bottom:1px;font-size:10px;display:flex}.frc-id-val{border-bottom:1.5px dotted #000;min-width:60px;padding:0 2px;font-size:11px;font-weight:700}.frc-session-key{white-space:nowrap;margin-left:8px}.frc-session-val{border-bottom:1.5px dotted #000;min-width:40px;padding:0 2px;font-size:11px;font-weight:700}.frc-tables-wrap{border:1px solid #000;flex:1 0 auto;grid-template-columns:1fr 1fr;margin-bottom:3px;display:grid}.frc-tbl{border-collapse:collapse;width:100%;font-size:10.5px}.frc-tbl-left{border-right:1px solid #000}.frc-tbl thead th{text-align:center;border:1px solid #000;padding:3px 4px;font-size:10.5px;font-weight:700}.frc-th-amt{min-width:38px;text-align:right!important}.frc-tbl tbody td{border:1px solid #000;padding:2px 4px;font-size:10.5px}.frc-td-amt{text-align:right;min-width:38px}.frc-subtotal-row td{background:#f0f0f0;font-style:italic;font-weight:700}.frc-total-row td{background:#e8e8e8;font-weight:900;border-top:1.5px solid #000!important}.frc-tfw-row td{font-style:italic;font-weight:600}.frc-tfw-amt{color:#166534}.frc-tfw-inline{color:#166534;margin-left:2px;font-size:.78em;font-weight:400}.frc-grand-total{border-bottom:1.5px dotted #000;align-items:baseline;gap:4px;padding:2px 0 1px;font-size:11.5px;font-weight:700;display:flex}.frc-gt-val{font-size:12px;font-weight:900}.frc-words-row{border-bottom:1.5px dotted #000;margin-bottom:8px;padding:2px 0 1px;font-size:10px}.frc-words-val{font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.frc-pay-row{border-bottom:1.5px dotted #000;align-items:baseline;gap:4px;margin-bottom:1px;padding-bottom:2px;font-size:10px;display:flex}.frc-pay-row-split{flex-wrap:wrap;justify-content:flex-start;gap:16px}.frc-dotfield{border-bottom:1.5px dotted #000;min-width:48px;margin-left:4px;padding:0 2px;font-size:10.5px;font-weight:700;display:inline-block}.frc-received-block{border:1px solid #000;min-height:42px;margin:3px 0 2px;display:flex}.frc-received-inner{border-right:1px solid #000;flex-direction:column;flex:1;gap:4px;padding:4px 5px;display:flex}.frc-rec-top{border-bottom:1px solid #000;align-items:center;gap:8px;padding-bottom:3px;font-size:10px;display:flex}.frc-rec-amt{font-size:13px;font-weight:900}.frc-branch-row{align-items:center;gap:4px;font-size:10px;display:flex}.frc-branch-line{border-bottom:1.5px dotted #000;flex:1;height:0}.frc-office-use{cursor:default;background:#f5f5f5;justify-content:center;align-items:center;width:22px;padding:4px 0;display:flex;overflow:hidden}.frc-office-use-text{writing-mode:vertical-rl;text-orientation:mixed;color:#c0392b;letter-spacing:.5px;white-space:nowrap;text-align:center;font-size:7.5px;font-weight:700;transform:rotate(180deg)}.frc-sig-row{border-bottom:1.5px dotted #000;justify-content:space-between;align-items:flex-end;gap:8px;padding-bottom:22px;font-size:10px;display:flex}.frc-sig-left{flex:1;align-items:baseline;gap:4px;display:flex}.frc-sig-line{border-bottom:1.5px dotted #000;flex:1;min-width:60px;height:0;margin-left:4px;display:inline-block}.frc-date-row{border-bottom:1.5px dotted #000;align-items:baseline;gap:4px;margin-bottom:3px;padding-bottom:3px;font-size:10px;display:flex}.frc-date-line{flex:1;min-width:80px}.frc-note{color:#222;margin-top:3px;font-size:9px;line-height:1.55}.frc-note-label{font-weight:700}.frc-system-copy{text-align:center;margin-top:4px;padding:2px 0;font-size:9px;font-style:italic;font-weight:700}@media print{body.frc-print-ready{background:#fff!important;margin:0!important}body.frc-print-ready .layout-root{background:#fff!important;min-height:0!important;display:block!important}body.frc-print-ready .layout-root>:not(.layout-main),body.frc-print-ready .layout-main>:not(.frc-backdrop){display:none!important}body.frc-print-ready .layout-main{background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;display:block!important;overflow:visible!important}.frc-backdrop,.frc-backdrop *{visibility:visible!important}.frc-backdrop{background:0 0!important;height:auto!important;min-height:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.frc-toolbar,.frc-preview{display:none!important}.frc-print-area{visibility:visible!important;padding:0!important;display:block!important;overflow:visible!important}.frc-challan-page{page-break-inside:avoid;break-inside:avoid;border:1.5px solid #000;width:100%;height:194mm;font-size:9pt}.frc-copy{box-sizing:border-box;height:100%;padding:3mm 3mm 2mm}.frc-tables-wrap{flex:1 0 auto}.frc-college-name{font-size:12pt}.frc-college-inst,.frc-college-addr{font-size:7.5pt}.frc-info-val,.frc-course-bar,.frc-id-val,.frc-session-val{font-size:9pt}.frc-tbl thead th,.frc-tbl tbody td{padding:1px 2px;font-size:8pt}.frc-subtotal-row td,.frc-total-row td{-webkit-print-color-adjust:exact;print-color-adjust:exact}.frc-tfw-row td{font-style:italic;font-weight:600}.frc-tfw-amt{color:#166534}.frc-tfw-inline{color:#166534;font-size:.78em}.frc-grand-total{font-size:9pt}.frc-words-row{margin-bottom:4px;font-size:8pt}.frc-pay-row{font-size:8pt}.frc-sig-row{padding-bottom:12px;font-size:8pt}.frc-date-row{font-size:8pt}.frc-note{font-size:6.5pt;line-height:1.35}.frc-system-copy{font-size:6.5pt}.frc-received-block{min-height:32px}.frc-office-use{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 landscape;margin:8mm}}.cf-content{padding:28px 28px 48px}.cf-page-title{color:#111827;margin:0;font-size:22px;font-weight:700}.cf-page-sub{color:#6b7280;margin:4px 0 0;font-size:13px}.cf-stats{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px;display:grid}.cf-stat{background:#fff;border:1px solid #e8eaf0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.cf-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cf-stat-value{font-size:16px;font-weight:700;line-height:1.2}.cf-stat-label{color:#6b7280;margin-top:2px;font-size:11px}.cf-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cf-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cf-search-box{color:#9ca3af;background:#fff;border:1px solid #e8eaf0;border-radius:8px;align-items:center;gap:8px;min-width:280px;height:38px;padding:0 12px;transition:border-color .15s;display:flex}.cf-search-box:focus-within{color:#6366f1;border-color:#6366f1;box-shadow:0 0 0 3px #6366f115}.cf-search-box input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:13px}.cf-search-box input::placeholder{color:#9ca3af}.cf-search-clear{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:2px;display:flex}.cf-search-clear:hover{color:#6b7280}.cf-result-count{color:#6b7280;background:#f3f4f6;border-radius:6px;padding:4px 10px;font-size:12px}.cf-dropdown.p-dropdown{height:38px;box-shadow:none;background:#fff;border:1px solid #e8eaf0;border-radius:8px;align-items:center;display:flex}.cf-dropdown.p-dropdown:not(.p-disabled):hover{border-color:#c7c9d1}.cf-dropdown.p-dropdown.p-focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f115}.cf-filter-dd{min-width:160px}.cf-dropdown .p-dropdown-label{color:#111827;padding:0 12px;font-size:13px}.cf-dropdown .p-dropdown-trigger{color:#6b7280;width:32px}.cf-dropdown-panel .p-dropdown-item{padding:8px 14px;font-size:13px}.cf-dropdown-panel .p-dropdown-item:hover{background:#f3f4f6}.cf-dropdown-panel .p-dropdown-item.p-highlight{color:#4f46e5;background:#eef2ff}.cf-table-wrap{background:#fff;border:1px solid #e8eaf0;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.cf-table{border-collapse:collapse;width:100%}.cf-table thead tr{background:#f9fafb;border-bottom:1px solid #e8eaf0}.cf-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.cf-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:13px}.cf-table tbody tr:last-child td{border-bottom:none}.cf-table tbody tr:hover td{background:#fafafa}.cf-row-overdue td{background:#fff5f5}.cf-row-overdue:hover td{background:#fff0f0}.cf-table-empty{text-align:center;padding:48px!important}.cf-empty-inner{color:#9ca3af;flex-direction:column;align-items:center;gap:10px;display:flex}.cf-empty-inner svg{opacity:.4;width:32px;height:32px}.cf-empty-inner p{margin:0;font-size:14px}.cf-student-cell{align-items:center;gap:10px;display:flex}.cf-student-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}.cf-student-name{color:#111827;font-size:13px;font-weight:600}.cf-name-link{cursor:pointer;transition:color .15s}.cf-name-link:hover{color:#4f46e5;text-decoration:underline}.cf-student-roll{color:#6b7280;align-items:center;gap:5px;margin-top:1px;font-size:11px;display:flex}.cf-hostel-badge{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.cf-course-badge{border:1px solid;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.cf-sem-info{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.cf-sem-pending{color:#d97706;background:#fef3c7;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.cf-amt-col{white-space:nowrap;font-size:13px;font-weight:500}.cf-chip{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.cf-chip-paid{color:#059669;background:#ecfdf5}.cf-chip-partial{color:#d97706;background:#fffbeb}.cf-chip-pending{color:#2563eb;background:#eff6ff}.cf-chip-overdue{color:#dc2626;background:#fef2f2}.cf-tbl-acts{align-items:center;gap:6px;display:flex}.cf-act-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.cf-act-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.cf-act-btn:hover{opacity:.85}.cf-act-profile{color:#059669;background:#f0fdf4;border-color:#a7f3d0}.cf-act-profile:hover{background:#dcfce7}.cf-act-view{color:#6366f1;background:#f8faff;border-color:#c7d2fe}.cf-act-view:hover{background:#eef2ff}.cf-act-collect{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.cf-act-collect:hover{background:#e0e7ff}.cf-act-history{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb;padding:5px 8px}.cf-act-history:hover{background:#e5e7eb}.cf-act-receipt{color:#059669;background:#f0fdf4;border-color:#a7f3d0}.cf-act-receipt:hover{background:#dcfce7}.cf-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000007a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cfc-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(1040px,100vw - 32px);max-height:calc(100vh - 32px);animation:.18s cfc-slide-in;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000038,0 0 0 1px #0000000f}@keyframes cfc-slide-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cfc-head{border-bottom:2px solid #f0f0f5;flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.cfc-head-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:flex}.cfc-head-info{flex:1;min-width:0}.cfc-head-name{color:#111827;font-size:15px;font-weight:700}.cfc-head-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.cfc-dot{background:#d1d5db;border-radius:50%;width:3px;height:3px;display:inline-block}.cfc-head-chips{flex-shrink:0;gap:6px;display:flex}.cfc-hc{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;min-width:78px;padding:5px 12px;display:flex}.cfc-hc-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.cfc-hc-val{color:#111827;margin-top:1px;font-size:13px;font-weight:700}.cfc-hc-paid{background:#f0fdf4;border-color:#bbf7d0}.cfc-hc-paid .cfc-hc-val{color:#16a34a}.cfc-close-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.cfc-close-btn:hover{color:#111827;background:#e5e7eb}.cfc-body{flex:1;min-height:0;display:flex}.cfc-left{border-right:1px solid #f0f0f5;flex-direction:column;flex:0 0 58%;min-width:0;display:flex}.cfc-sem-section{border-bottom:1px solid #f0f0f5;flex-shrink:0;padding:10px 16px 12px}.cfc-sem-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.cfc-section-lbl{text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;flex-shrink:0;font-size:10px;font-weight:700}.cfc-sem-progress{flex:1;justify-content:flex-end;align-items:center;gap:7px;display:flex}.cfc-prog-track{background:#e5e7eb;border-radius:2px;width:80px;height:4px;overflow:hidden}.cfc-prog-fill{border-radius:2px;height:100%;transition:width .3s}.cfc-prog-pct{white-space:nowrap;font-size:11px;font-weight:700}.cfc-due-date{color:#9ca3af;white-space:nowrap;font-size:11px}.cfc-overdue-pill{color:#dc2626;background:#fef2f2;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.cfc-sem-pills{flex-wrap:wrap;gap:6px;display:flex}.cfc-sem-pill{cursor:pointer;color:#374151;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.cfc-sem-pill:hover{background:#fafafa;border-color:#c7c9d1}.cfc-sem-pill.on{border-width:2px}.cfc-sdot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.cfc-sdot-paid{background:#10b981}.cfc-sdot-partial{background:#f59e0b}.cfc-sdot-pending{background:#3b82f6}.cfc-sdot-overdue{background:#ef4444}.cfc-pill-name{font-weight:600}.cfc-pill-yr{color:#9ca3af;font-size:10px}.cfc-pill-due{font-size:11px;font-weight:700}.cfc-pill-paid{color:#059669;background:#ecfdf5;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.cfc-fee-section{flex-direction:column;flex:1;min-height:0;display:flex}.cfc-fee-section-head{border-bottom:1px solid #f4f4f8;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.cfc-pay-all-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;transition:background .15s}.cfc-pay-all-btn:hover{background:#f3f4f6;border-color:#d1d5db}.cfc-fee-tbl{border-collapse:collapse;width:100%;font-size:12px}.cfc-fee-tbl thead tr{background:#f9fafb}.cfc-fee-tbl th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #f0f0f5;padding:6px 12px;font-size:10px;font-weight:600}.cfc-fee-tbl td{vertical-align:middle;border-bottom:1px solid #f5f5f9;padding:8px 12px}.cfc-fee-tbl tbody tr:last-child td{border-bottom:none}.cfc-th-chk{width:30px}.cfc-th-r{width:88px;text-align:right!important}.cfc-th-pay{width:156px}.cfc-fee-tr.cfc-tr-on{background:#fdfdff}.cfc-fee-tr.cfc-tr-off{opacity:.72;background:#fafafa}.cfc-fee-tr.cfc-tr-done{background:#fafffe}.cfc-fee-tr.cfc-tr-done td{color:#9ca3af}.cfc-td-chk{width:30px}.cfc-td-r{text-align:right;color:#374151;white-space:nowrap;font-weight:500}.cfc-td-paid{color:#10b981!important}.cfc-dash{color:#d1d5db}.cfc-ft-name{color:#111827;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.cfc-ft-name.done{color:#9ca3af}.cfc-ft-name svg{opacity:.6}.cfc-done-icon{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.cfc-paid-tag{color:#059669;background:#ecfdf5;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.cfc-pay-row{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.cfc-pay-row.err{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444418!important}.cfc-rupee{color:#6b7280;flex-shrink:0;padding:0 4px 0 8px;font-size:12px;font-weight:700}.cfc-amt-inp{color:#111827;background:0 0;border:none;outline:none;flex:1;width:55px;min-width:0;padding:7px 4px;font-size:13px;font-weight:600}.cfc-amt-inp:disabled{color:#c4c9d4}.cfc-max-btn{cursor:pointer;white-space:nowrap;background:#f9fafb;border:none;border-left:1.5px solid #e5e7eb;flex-shrink:0;padding:7px 8px;font-size:10px;font-weight:800;transition:background .15s}.cfc-max-btn:hover:not(:disabled){background:#f3f4f6}.cfc-max-btn:disabled{opacity:.35;cursor:not-allowed}.cfc-collect-bar{background:#fafafa;border-top:2px solid;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.cfc-cb-label{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;flex-direction:column;gap:2px;font-size:11px;font-weight:700;display:flex}.cfc-cb-count{text-transform:none;letter-spacing:0;color:#6b7280;font-size:11px;font-weight:400}.cfc-cb-amount{font-size:22px;font-weight:800}.cfc-right{background:#fafbfc;flex-direction:column;flex:1;min-width:0;display:flex}.cfc-rb{border-bottom:1px solid #f0f0f5;flex-shrink:0;padding:10px 16px}.cfc-rb-2col{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.cfc-field{flex-direction:column;gap:4px;display:flex}.cfc-field label{color:#374151;font-size:11px;font-weight:600}.cf-req{color:#ef4444}.cfc-input{color:#111827;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;outline:none;width:100%;height:36px;padding:0 10px;font-size:12px;transition:border-color .15s,box-shadow .15s}.cfc-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f115}.cfc-input.warn{border-color:#f59e0b}.cfc-input-readonly{color:#4b5563;cursor:default;background:#f9fafb}.cfc-fine-note{color:#6b7280;margin-top:3px;font-size:10.5px;line-height:1.35}.cfc-methods{gap:6px;margin-top:7px;display:flex}.cfc-m-btn{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.cfc-m-btn:hover{background:#f9fafb;border-color:#c7c9d1}.cfc-m-btn.on{border-width:2px}.cfc-m-icon{justify-content:center;align-items:center;display:flex}.cfc-m-icon svg{width:16px;height:16px}.cfc-m-label{color:inherit;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.2}.cfc-summary-box{border:1.5px solid;border-radius:10px;flex-direction:column;margin:10px 14px;display:flex;overflow:hidden}.cfc-sum-head{background:#f9fafb;border-bottom:1px solid #f0f0f5;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.cfc-sum-title{color:#374151;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.cfc-sum-sem{font-size:11px;font-weight:700}.cfc-sum-body{background:#fff;flex:1;padding:4px 0}.cfc-sum-empty{text-align:center;color:#c4c9d4;padding:16px 12px;font-size:11px}.cfc-sum-row{justify-content:space-between;align-items:center;padding:5px 12px;display:flex}.cfc-sum-row:hover{background:#fafafa}.cfc-sum-fee{color:#374151;font-size:12px}.cfc-sum-amt{font-size:12px;font-weight:700}.cfc-sum-total{background:#fff;border-top:1.5px solid;flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.cfc-sum-total span:first-child{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.cfc-sum-total-amt{font-size:18px;font-weight:800}.cfc-footer{background:#fff;border-top:1px solid #e8eaf0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.cfc-footer-info{font-size:12px}.cfc-footer-acts{flex-shrink:0;align-items:center;gap:8px;display:flex}.cf-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .15s}.cf-btn-cancel:hover{background:#f3f4f6}.cfc-btn-collect{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 22px;font-size:13px;font-weight:700;transition:opacity .15s;display:flex}.cfc-btn-collect:hover:not(.off){opacity:.9}.cfc-btn-collect.off{cursor:not-allowed;color:#9ca3af!important;box-shadow:none!important;background:#e5e7eb!important}.cf-history-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}.cf-modal-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.cf-modal-head-left{align-items:center;gap:12px;display:flex}.cf-modal-icon{color:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cf-modal-title{color:#111827;margin:0;font-size:16px;font-weight:700}.cf-modal-sub{color:#6b7280;margin:2px 0 0;font-size:12px}.cf-modal-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.cf-modal-close:hover{color:#111827;background:#e5e7eb}.cf-history-summary{background:#fafafa;border-top:1px solid #f0f0f5;border-bottom:1px solid #f0f0f5;flex-shrink:0;display:flex}.cf-history-stat{border-right:1px solid #f0f0f5;flex-direction:column;flex:1;align-items:center;padding:14px 0;display:flex}.cf-history-stat:last-child{border-right:none}.cf-history-stat-val{font-size:16px;font-weight:700}.cf-history-stat-lbl{color:#9ca3af;margin-top:2px;font-size:11px}.cf-history-body{flex:1;padding:6px 0;overflow-y:auto}.cf-history-empty{text-align:center;color:#9ca3af;padding:32px;font-size:13px}.cf-history-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:12px 22px;display:flex}.cf-history-row:last-child{border-bottom:none}.cf-history-row:hover{background:#fafafa}.cf-history-row-left{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.cf-history-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.cf-history-receipt{color:#111827;font-size:13px;font-weight:600}.cf-history-meta{color:#9ca3af;margin-top:2px;font-size:11px;line-height:1.5}.cf-txn-id{color:#6b7280;font-family:monospace;font-size:11px}.cf-history-alloc-row{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.cf-alloc-chip{color:#374151;background:#f3f4f6;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:500}.cf-history-row-right{flex-shrink:0;align-items:center;gap:8px;margin-left:12px;display:flex}.cf-history-amount{white-space:nowrap;font-size:14px;font-weight:700}.cf-modal-foot{border-top:1px solid #f0f0f5;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.cf-modal-foot-info{color:#6b7280;font-size:12px}.cf-modal-foot-acts{gap:8px;display:flex}.cf-receipt-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}.cf-receipt{flex:1;overflow-y:auto}.cf-receipt-header{border-bottom:2px solid;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cf-receipt-logo{align-items:center;gap:12px;display:flex}.cf-receipt-logo-icon{color:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cf-receipt-school{color:#111827;font-size:15px;font-weight:700}.cf-receipt-school-sub{color:#6b7280;font-size:11px}.cf-receipt-title-block{text-align:right}.cf-receipt-title{color:#374151;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}.cf-receipt-no{margin-top:2px;font-size:15px;font-weight:700}.cf-receipt-section{padding:14px 24px}.cf-receipt-row{justify-content:space-between;align-items:baseline;padding:5px 0;font-size:13px;display:flex}.cf-receipt-row span:first-child{color:#6b7280}.cf-receipt-row span:last-child{color:#111827;font-weight:500}.cf-receipt-txn{font-family:monospace;font-size:12px}.cf-receipt-alloc-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px dashed #e5e7eb;margin-bottom:2px;padding-bottom:4px;font-size:11px;font-weight:700}.cf-receipt-alloc-row span:first-child{color:#374151!important}.cf-receipt-total-row{border-top:1px solid #e5e7eb;margin-top:4px;padding-top:8px!important}.cf-receipt-total-row span:last-child{font-size:15px!important}.cf-receipt-divider{border:none;border-top:1px dashed #e5e7eb;margin:0 24px}.cf-receipt-footer{background:#fafafa;border-top:1px dashed;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.cf-receipt-stamp{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.cf-receipt-gen{color:#9ca3af;font-size:11px}.cf-receipt-actions{border-top:1px solid #f0f0f5;flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.cf-btn-print{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.cf-btn-print:hover{background:#f3f4f6}.cf-tabs{background:#f1f3f8;border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.cf-tab-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 20px;font-size:13.5px;font-weight:500;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.cf-tab-btn:hover{color:#374151;background:#fff}.cf-tab-btn.active{color:#4f46e5;background:#fff;font-weight:600;box-shadow:0 1px 4px #0000001a}.cf-records-wrap{flex-direction:column;gap:16px;display:flex}.cf-rec-filters{background:#fff;border:1px solid #e8eaf0;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 4px #0000000a}.cf-rec-filter-group{flex-direction:column;gap:5px;display:flex}.cf-rec-filter-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.cf-rec-date-input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;min-width:145px;padding:8px 12px;font-size:13px;transition:border-color .15s}.cf-rec-date-input:focus{background:#fff;border-color:#6366f1}.cf-rec-date-input.warn{background:#fff7f7;border-color:#dc2626}.cf-rec-date-error{color:#b91c1c;flex-basis:100%;margin-top:-8px;font-size:12px;font-weight:600}.cf-rec-search-group{flex:1;min-width:200px}.cf-rec-search{flex:1}.cf-rec-clear-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-self:flex-end;align-items:center;gap:5px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:background .15s;display:inline-flex}.cf-rec-clear-btn:hover{background:#fee2e2}.cf-rec-summary{flex-wrap:wrap;gap:12px;display:flex}.cf-rec-sum-chip{background:#fff;border:1px solid #e8eaf0;border-radius:10px;flex-direction:column;gap:2px;min-width:150px;padding:12px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.cf-rec-sum-val{font-size:20px;font-weight:800;line-height:1.2}.cf-rec-sum-lbl{color:#9ca3af;font-size:11.5px;font-weight:500}.cf-rec-date-cell{flex-direction:column;gap:2px;display:flex}.cf-rec-date-main{color:#374151;font-size:13px;font-weight:600}.cf-rec-sem{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:5px;padding:2px 7px;font-size:12px}.cf-rec-receipt{color:#4f46e5;font-size:12.5px;font-weight:600}.cf-rec-method{color:#374151;align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.cf-rec-method-icon{opacity:.6;display:flex}@media (width<=1200px){.cf-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.cf-stats{grid-template-columns:repeat(2,1fr)}.cfc-body{flex-direction:column}.cfc-left{border-bottom:1px solid #f0f0f5;border-right:none;flex:none}.cfc-head-chips{display:none}}@media (width<=768px){.cf-content{padding:16px 14px 40px}}@media (width<=600px){.cfc-sem-pills{gap:5px}.cfc-sem-pill{padding:4px 8px}.cfc-rb-2col{grid-template-columns:1fr}.cfc-methods{flex-wrap:wrap}.cfc-m-btn{min-width:28%}}@media print{.cf-root>*{display:none!important}.cf-receipt-modal{box-shadow:none!important;border-radius:0!important;max-height:none!important;display:block!important}.cf-receipt{overflow:visible!important}.cf-receipt-actions{display:none!important}}.cf-page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.cf-btn-refresh{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:500;transition:background .15s;display:inline-flex}.cf-btn-refresh:hover:not(:disabled){background:#f3f4f6}.cf-btn-refresh:disabled{opacity:.5;cursor:not-allowed}@keyframes cf-spin{to{transform:rotate(360deg)}}.cf-spin{animation:.7s linear infinite cf-spin}.cf-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.cf-toolbar-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cf-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cf-filter-meta{align-items:center;gap:8px;display:flex}.cf-filter-dd-wide{min-width:200px!important}.cf-clear-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.cf-clear-btn:hover{background:#fee2e2}.cf-th-center,.cf-td-center{text-align:center!important}.cf-th-right{text-align:right!important}.cf-na{color:#d1d5db;font-size:13px}.cf-course-cell{align-items:center;gap:8px;display:flex}.cf-course-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cf-course-name{color:#111827;font-size:13px;font-weight:600}.cf-course-code{margin-top:1px;font-size:11px;font-weight:600}.cf-batch-name{color:#374151;font-size:13px;font-weight:500}.cf-batch-code{color:#6b7280;margin-top:1px;font-size:11px}.cf-roll-badge{color:#374151;background:#f3f4f6;border-radius:5px;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:700;display:inline-block}.cf-fees-badge{border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.cf-fees-badge.assigned{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.cf-fees-badge.pending{color:#d97706;background:#fffbeb;border-color:#fde68a}.cf-chip-pursuing{color:#0369a1;background:#e0f2fe}.cf-chip-passout{color:#16a34a;background:#dcfce7}.cf-chip-dropout{color:#dc2626;background:#fee2e2}.cf-chip-xs{white-space:nowrap;border:1px solid;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.cf-pay-none{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.cf-pay-due{color:#b45309;background:#fffbeb;border-color:#fde68a}.cf-pay-paid{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.cf-pay-cancelled{color:#dc2626;background:#fef2f2;border-color:#fecaca}.cf-pagination{background:#fafafa;border-top:1px solid #f0f0f5;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cf-page-info{color:#6b7280;font-size:12px}.cf-page-btns{gap:6px;display:flex}.cf-page-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.cf-page-btn:hover:not(:disabled){background:#f3f4f6}.cf-page-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes cf-rotate{to{transform:rotate(360deg)}}.cf-spinner{border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.7s linear infinite cf-rotate}.cf-rec-date-cell{color:#374151;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.cf-rec-fs{color:#374151;font-size:12px;font-weight:500}.cf-rec-breakdowns{flex-wrap:wrap;gap:4px;display:flex}.cf-rec-method-chip{color:#374151;background:#f3f4f6;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.cfc-modal-tabs{background:#fafafa;border-bottom:1.5px solid #f0f0f5;flex-shrink:0;gap:0;display:flex}.cfc-modal-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1.5px;padding:10px 18px;font-size:12.5px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.cfc-modal-tab:hover{color:#374151}.cfc-modal-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.cfc-tab-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.cfc-modal-loading{color:#9ca3af;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px;font-size:13px;display:flex}.cfc-empty-state{color:#c4c9d4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px;display:flex}.cfc-empty-state p{color:#9ca3af;margin:0;font-size:13px}.cfc-fs-list{border-bottom:1px solid #f0f0f5;flex-direction:column;flex-shrink:0;gap:0;max-height:200px;display:flex;overflow-y:auto}.cfc-fs-card{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f4f4f8;flex-direction:column;gap:4px;width:100%;padding:10px 16px;transition:background .12s;display:flex}.cfc-fs-card:hover{background:#fafafa}.cfc-fs-card:last-child{border-bottom:none}.cfc-fs-card.on{background:#fafbff}.cfc-fs-card.done{opacity:.7}.cfc-fs-card-top{align-items:center;gap:8px;display:flex}.cfc-fs-card-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cfc-fs-card-info{flex:1;min-width:0}.cfc-fs-card-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.cfc-fs-card-sub{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:8px;margin-top:1px;font-size:10.5px;display:flex}.cfc-fs-card-amounts{color:#6b7280;align-items:center;gap:12px;padding-left:16px;font-size:11px;display:flex}.cfc-fs-card-amounts strong{font-weight:700}.cfc-paid-amt strong{color:#059669}.cfc-due-amt strong{color:#d97706}.cfc-fine-amt strong{color:#dc2626}.cfc-section-lbl-pad{padding:8px 16px 4px;display:block}.cfc-right-foot{background:#fff;border-top:1px solid #f0f0f5;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.cfc-fi{font-size:11.5px}.cfc-fi-ready{color:#374151}.cfc-fi-pending{color:#9ca3af}.cfc-right-acts{flex-shrink:0;align-items:center;gap:8px;display:flex}.cfc-sum-adj{border-top:none!important}.cfc-sum-adj-val{font-size:12px;font-weight:600}.cfc-btn-collect.loading{opacity:.75;cursor:wait}.cfc-history-body{flex:1;padding:6px 0;overflow-y:auto}.cfc-concession-block{flex-direction:column;gap:8px;display:flex}.cfc-concession-header{justify-content:space-between;align-items:center;display:flex}.cfc-con-clear-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:5px;padding:2px 10px;font-size:11px;font-weight:600;line-height:1.6;transition:background .15s}.cfc-con-clear-btn:hover{background:#fee2e2}.cfc-con-none{color:#c4c9d4;text-align:center;padding:10px 0 4px;font-size:12px}.cfc-con-list{flex-direction:column;gap:6px;display:flex}.cfc-con-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:4px;width:100%;padding:8px 11px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.cfc-con-card:hover{background:#fafafa;border-color:#c7c9d1}.cfc-con-card.on{border-width:2px;box-shadow:0 0 0 3px #6366f114}.cfc-con-card.used{opacity:.55;cursor:not-allowed;background:#f9fafb;border-color:#e5e7eb}.cfc-con-card.used:hover{background:#f9fafb;border-color:#e5e7eb}.cfc-con-card-name{color:#111827;font-size:12.5px;font-weight:600;line-height:1.3}.cfc-con-card-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.cfc-con-type{border:1px solid;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.cfc-con-type.flat{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.cfc-con-type.percentage{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.cfc-con-avail{color:#6b7280;font-size:11px;font-weight:500}.cfc-con-used{color:#9ca3af;background:#f3f4f6;border:1px solid #d1d5db;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.cfc-con-partial{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.cfc-con-amt-field{margin-top:2px}.cfc-right-scroll,.cfc-fee-tbl-wrap{flex:1;min-height:0;overflow-y:auto}.cfc-tfw-badge{color:#7c3aed;vertical-align:middle;letter-spacing:.02em;background:#ede9fe;border-radius:99px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.cfc-tfw-label{align-items:center;gap:4px;display:inline-flex}.cfc-tfw-label:before{content:"";background:#8b5cf6;border-radius:50%;width:8px;height:8px;display:inline-block}.cf-act-revert{color:#f59e0b;background:#fffbeb;border-color:#fef3c7}.cf-act-revert:hover{color:#d97706;background:#fef3c7;border-color:#f59e0b}.cf-history-reverted-badge{color:#9ca3af;letter-spacing:.02em;background:#f3f4f6;border-radius:99px;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.cf-revert-backdrop{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cf-revert-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #0000002e}.cf-revert-head{border-bottom:1.5px solid #f3f4f6;align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.cf-revert-icon{color:#d97706;background:#fef3c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cf-revert-title{color:var(--text-1,#111827);font-size:15px;font-weight:700}.cf-revert-sub{color:var(--text-3,#6b7280);margin-top:1px;font-size:12.5px}.cf-revert-warn{color:#92400e;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:9px;margin:14px 22px 0;padding:10px 14px;font-size:12.5px;line-height:1.5}.cf-revert-field{padding:14px 22px 0}.cf-revert-label{color:var(--text-2,#374151);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.cf-revert-textarea{border:1.5px solid var(--border-md,#e5e7eb);width:100%;font-size:13px;font-family:var(--font,inherit);color:var(--text-1,#111827);resize:vertical;box-sizing:border-box;border-radius:9px;outline:none;padding:10px 12px;transition:border-color .15s}.cf-revert-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.cf-revert-textarea:disabled{color:#9ca3af;background:#f9fafb}.cf-revert-foot{justify-content:flex-end;gap:10px;padding:16px 22px 20px;display:flex}.cf-revert-btn-confirm{color:#fff;cursor:pointer;font-size:13.5px;font-weight:700;font-family:var(--font,inherit);background:#f59e0b;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;transition:all .15s;display:inline-flex}.cf-revert-btn-confirm:hover:not(:disabled){background:#d97706}.cf-revert-btn-confirm:disabled{opacity:.55;cursor:not-allowed}.cf-revert-btn-confirm.loading{background:#fbbf24}@keyframes afSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes afFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes afOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes afModalIn{0%{opacity:0;transform:scale(.95)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes afSpin{to{transform:rotate(360deg)}}.af-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.af-layout{display:flex}.af-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both afSlideIn;overflow:hidden auto}.af-main.sidebar-collapsed{margin-left:58px}.af-main::-webkit-scrollbar{width:5px}.af-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.af-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.af-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.af-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.af-sep{color:var(--text-3)}.af-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.af-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.af-icon-btn:hover{background:var(--bg);color:var(--text-1)}.af-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.af-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.af-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.af-hamburger:hover{background:var(--primary-bg);color:var(--primary)}.af-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.af-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.af-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.af-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.af-btn-refresh{border:1.5px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border-radius:10px;align-items:center;gap:7px;padding:0 18px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.af-btn-refresh:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.af-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.af-spin{animation:.8s linear infinite afSpin}.af-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.af-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both afFadeUp;display:flex}.af-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.af-stat:first-child{animation-delay:50ms}.af-stat:nth-child(2){animation-delay:.1s}.af-stat:nth-child(3){animation-delay:.15s}.af-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.af-stat-value{font-size:26px;font-weight:800;line-height:1}.af-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.af-filter-bar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.af-filter-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.af-search-box{background:var(--bg);border:1.5px solid var(--border-md);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;height:38px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.af-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.af-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.af-search-box input::placeholder{color:var(--text-3)}.af-search-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;transition:color .15s;display:flex}.af-search-clear:hover{color:var(--text-1)}.af-filter-meta{align-items:center;gap:8px;margin-left:auto;display:flex}.af-result-count{background:var(--primary-bg);border:1px solid var(--primary-ring);color:var(--primary);white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12.5px;font-weight:700}.af-clear-btn{border:1px solid var(--border-md);color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:4px 12px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.af-clear-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.af-filter-row{flex-wrap:wrap;align-items:center;gap:0;display:flex}.af-filter-group{flex-direction:column;gap:4px;padding:0 16px;display:flex}.af-filter-group:first-child{padding-left:0}.af-filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:11px;font-weight:700}.af-filter-divider{background:var(--border-md);flex-shrink:0;width:1px;height:44px}.af-table-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.af-table{border-collapse:collapse;width:100%}.af-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.af-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.af-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.af-table tbody tr:last-child{border-bottom:none}.af-table tbody tr:hover{background:#fafbff}.af-table td{color:var(--text-1);vertical-align:middle;padding:13px 16px;font-size:13px}.af-th-center,.af-td-center{text-align:center}.af-na{color:var(--text-3);font-style:italic}.af-roll-td{text-align:center}.af-student-cell{align-items:center;gap:10px;display:flex}.af-student-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #00000024}.af-student-name{color:var(--text-1);font-size:13.5px;font-weight:700}.af-name-link{cursor:pointer;transition:color .15s}.af-name-link:hover{color:#4f46e5;text-decoration:underline}.af-student-email{color:var(--text-3);margin-top:1px;font-size:11.5px}.af-course-cell{align-items:center;gap:9px;display:flex}.af-course-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.af-course-name{color:var(--text-1);font-size:13px;font-weight:600}.af-course-code{letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:11px;font-weight:700}.af-batch-name{color:var(--text-1);font-size:13px;font-weight:600}.af-batch-code{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-top:1px;font-size:11px;font-weight:700}.af-roll-badge{background:var(--bg);border:1px solid var(--border-md);min-width:44px;color:var(--text-2);border-radius:20px;justify-content:center;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.af-chip{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.af-chip:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.af-chip-pursuing{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.af-chip-passout{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.af-chip-dropout{color:var(--danger);background:#fef2f2;border:1px solid #fecaca}.af-fees-badge{border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.af-fees-badge.assigned{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.af-fees-badge.pending{background:var(--warning-bg);color:var(--warning);border-color:#fde68a}.af-act-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.af-view-btn{border:1.5px solid var(--primary-ring);background:var(--primary-bg);color:var(--primary);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;transition:background .14s,transform .12s;display:inline-flex}.af-view-btn:hover{background:#e0e7ff;transform:translateY(-1px)}.af-profile-btn{color:#059669;cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);background:#f0fdf4;border:1.5px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;transition:background .14s,transform .12s;display:inline-flex}.af-profile-btn:hover{background:#dcfce7;transform:translateY(-1px)}.af-table-empty{padding:0!important}.af-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.af-empty-icon{background:linear-gradient(135deg,var(--primary-bg),var(--purple-bg));width:64px;height:64px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #6366f126}.af-empty p{color:var(--text-2);font-size:14px}.af-pagination{border-top:1px solid var(--border);background:#fafbfc;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.af-page-info{color:var(--text-2);font-size:12.5px}.af-page-btns{gap:6px;display:flex}.af-page-btn{border:1px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:8px;align-items:center;gap:5px;padding:6px 14px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.af-page-btn:hover:not(:disabled){background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.af-page-btn:disabled{opacity:.4;cursor:not-allowed}.af-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;animation:.2s both afOverlayIn;display:flex;position:fixed;inset:0}.af-modal{background:var(--card);border-radius:18px;flex-direction:column;width:100%;max-width:660px;max-height:88vh;animation:.28s cubic-bezier(.22,1,.36,1) both afModalIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000038}.af-modal-head{border-bottom:1px solid var(--border);border-top:4px solid #0000;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.af-modal-head-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.af-modal-avatar{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 14px #0003}.af-modal-student-name{color:var(--text-1);font-size:17px;font-weight:800}.af-modal-meta-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.af-modal-meta-pill{border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.af-modal-meta-pill.neutral{background:var(--bg);color:var(--text-2);border-color:var(--border-md)}.af-modal-close{border:1px solid var(--border-md);cursor:pointer;width:34px;height:34px;color:var(--text-2);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.af-modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.af-assign-batch-row{align-items:center;gap:10px;margin-top:10px;display:flex}.af-assign-batch-label{color:var(--text-2,#4b5563);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.af-assign-batch-dd{flex:1;max-width:280px}.af-summary-strip{border-bottom:1px solid var(--border);background:#fafbff;flex-shrink:0;align-items:stretch;display:flex}.af-summary-item{flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 8px;display:flex}.af-summary-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:10.5px;font-weight:700}.af-summary-val{font-size:16px;font-weight:800}.af-summary-val.total{color:var(--primary)}.af-summary-val.paid{color:var(--success)}.af-summary-val.rem{color:var(--warning)}.af-summary-val.neutral{color:var(--text-1)}.af-summary-divider{background:var(--border);flex-shrink:0;width:1px;margin:10px 0}.af-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.af-modal-body::-webkit-scrollbar{width:4px}.af-modal-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.af-modal-loading{color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 0;font-size:13px;display:flex}.af-spinner{border:3px solid var(--border-md);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite afSpin}.af-assign-banner{background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1.5px solid #fde68a;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:20px;padding:18px 20px;display:flex}.af-assign-banner-icon{color:#d97706;background:#fef3c7;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.af-assign-banner-text{flex:1;min-width:0}.af-assign-banner-text strong{color:#92400e;margin-bottom:5px;font-size:14px;font-weight:700;display:block}.af-assign-banner-text p{color:#78350f;font-size:12.5px;line-height:1.55}.af-assign-btn{background:var(--primary);color:#fff;cursor:pointer;height:42px;font-size:13.5px;font-weight:700;font-family:var(--font);white-space:nowrap;border:none;border-radius:11px;flex-shrink:0;align-self:center;align-items:center;gap:8px;padding:0 20px;transition:background .15s,transform .12s,opacity .15s;display:inline-flex;box-shadow:0 4px 14px #6366f161}.af-assign-btn:hover{background:var(--primary-dk);transform:translateY(-1px)}.af-assign-btn.loading{opacity:.65;cursor:not-allowed;transform:none}.af-info-row{color:var(--success);background:var(--success-bg);border:1px solid #a7f3d0;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.af-assigns-list{flex-direction:column;gap:14px;display:flex}.af-assigns-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.af-assign-card{border:1px solid var(--border-md);background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.af-assign-card-head{border-bottom:1px solid var(--border);background:#fafbfc;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.af-assign-card-left{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.af-assign-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.af-assign-card-title{color:var(--text-1);font-size:14px;font-weight:700}.af-assign-card-sub{color:var(--text-3);flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11.5px;display:flex}.af-assign-card-sub span{align-items:center;gap:4px;display:flex}.af-pay-chip{white-space:nowrap;border:1px solid;border-radius:20px;flex-shrink:0;align-items:center;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.af-pay-none{color:var(--text-2);border-color:var(--border-md);background:#f3f4f6}.af-pay-due{background:var(--warning-bg);color:#b45309;border-color:#fde68a}.af-pay-paid{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.af-pay-cancelled{color:var(--danger);background:#fef2f2;border-color:#fecaca}.af-pay-unassigned{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0;font-style:italic}.af-pay-inactive{color:#6b7280;background:#f3f4f6;border-color:#d1d5db}.af-assign-card-unassigned{opacity:.72;background:#fafbfc;border:1.5px dashed #e2e8f0}.af-unassigned-title{color:var(--text-2)}.af-breakup-table-dim thead th,.af-breakup-table-dim tbody td{color:var(--text-3)}.af-breakup-table-wrap{overflow-x:auto}.af-breakup-table{border-collapse:collapse;width:100%}.af-breakup-table thead tr{background:#f8f9ff}.af-breakup-table th{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:700}.af-breakup-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.af-breakup-table tbody tr:last-child{border-bottom:none}.af-breakup-table tbody tr:hover{background:#fafbff}.af-breakup-table td{color:var(--text-1);padding:10px 14px;font-size:13px}.af-bk-right{text-align:right}.af-bk-total{color:var(--text-1);font-weight:600}.af-bk-paid{color:var(--success);font-weight:600}.af-bk-due{color:#b45309;font-weight:700}.af-bk-zero{color:var(--text-3)}.af-modal-foot{border-top:1px solid var(--border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px 18px;display:flex}.af-modal-assigned-tag{color:var(--success);background:var(--success-bg);border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:6px;margin-right:auto;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.af-modal-close-btn{border:1.5px solid var(--border-md);height:38px;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);background:0 0;border-radius:10px;padding:0 20px;transition:background .14s,color .14s,border-color .14s}.af-modal-close-btn:hover{background:var(--bg);color:var(--text-1);border-color:#c4c9d8}.af-dropdown.p-dropdown{border:1.5px solid var(--border-md);font-family:var(--font);width:100%;box-shadow:none;background:#fafbfc;border-radius:10px;align-items:center;height:38px;transition:border-color .15s,box-shadow .15s;display:flex}.af-dropdown.p-dropdown:not(.p-disabled):hover{background:#fff;border-color:#c4c9d8}.af-dropdown.p-dropdown.p-focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #6366f11f}.af-dropdown .p-dropdown-label{font-family:var(--font);color:var(--text-1);padding:0 0 0 12px;font-size:13px;font-weight:500}.af-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3);font-size:12.5px}.af-dropdown .p-dropdown-trigger{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.af-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);z-index:9999;border-radius:10px;margin-top:4px;overflow:hidden}.af-dropdown-panel .p-dropdown-items{max-height:240px;padding:5px 0;overflow-y:auto}.af-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.af-dropdown-panel .p-dropdown-item:hover,.af-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.af-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.af-filter-dd.p-dropdown{border:1px solid var(--border-md);background:var(--bg);border-radius:9px;min-width:130px;height:34px}.af-filter-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:12.5px}.af-filter-dd .p-dropdown-trigger{width:28px}.af-filter-dd-wide.p-dropdown{min-width:180px}@media (width<=900px){.af-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.af-content{padding:18px 16px 40px}.af-modal{max-width:100%}.af-assign-banner{flex-direction:column}.af-assign-btn{justify-content:center;width:100%}}@media (width<=768px){.af-main{margin-left:0!important}.af-hamburger{display:flex}.af-topbar{gap:10px;padding:0 14px}}@media (width<=600px){.af-stats{grid-template-columns:1fr}.af-summary-strip{flex-wrap:wrap}.af-summary-item{min-width:50%}}@media (width<=400px){.p-toast{width:calc(100vw - 24px)!important}}.sf-root{background:#f8f9fc;height:100%}.sf-layout{height:100%;display:flex}.sf-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .25s;overflow:hidden auto}.sf-main.sidebar-collapsed{margin-left:58px}.sf-topbar{z-index:50;background:#fff;border-bottom:1px solid #e8eaf0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000a}.sf-hamburger{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:none}.sf-breadcrumb{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.sf-breadcrumb span:last-child{color:#111827;font-weight:600}.sf-sep{color:#d1d5db}.sf-bc-link{cursor:pointer;color:#6366f1}.sf-bc-link:hover{text-decoration:underline}.sf-topbar-right{align-items:center;gap:10px;display:flex}.sf-icon-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.sf-icon-btn:hover{background:#e5e7eb}.sf-notif-btn{position:relative}.sf-notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.sf-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.sf-content{flex-direction:column;gap:20px;padding:28px 28px 56px;display:flex}.sf-page-head{flex-direction:column;gap:14px;display:flex}.sf-back-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.sf-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.sf-hero{background:#fff;border:1px solid #e8eaf0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 2px 8px #0000000a}.sf-hero-avatar{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:700;display:flex}.sf-hero-info{flex:1;min-width:0}.sf-hero-name{color:#111827;font-size:17px;font-weight:700}.sf-hero-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;font-size:12px;display:flex}.sf-hero-meta span{align-items:center;gap:4px;display:flex}.sf-roll-pill{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600}.sf-enroll-chip{border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:11.5px;font-weight:600}.sf-es-pursuing{color:#059669;background:#ecfdf5}.sf-es-passout{color:#4f46e5;background:#eef2ff}.sf-es-dropout{color:#dc2626;background:#fef2f2}.sf-refresh-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.sf-refresh-btn:hover:not(:disabled){color:#374151;background:#f3f4f6}.sf-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-spin{animation:.8s linear infinite sf-spin}.sf-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.sf-sum-card{background:#fff;border:1px solid #e8eaf0;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.sf-sum-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sf-si-total{color:#4f46e5;background:#eef2ff}.sf-si-paid{color:#059669;background:#ecfdf5}.sf-si-due{color:#d97706;background:#fff7ed}.sf-si-clear{color:#059669;background:#ecfdf5}.sf-si-receipts{color:#7c3aed;background:#f5f3ff}.sf-sum-label{color:#6b7280;font-size:11.5px;font-weight:500}.sf-sum-val{color:#111827;margin-top:2px;font-size:17px;font-weight:700}.sf-val-green{color:#059669}.sf-val-orange{color:#d97706}.sf-tabs{background:#fff;border:1px solid #e8eaf0;border-radius:12px;gap:0;width:fit-content;padding:4px;display:flex;overflow:hidden}.sf-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.sf-tab:hover{color:#374151;background:#f3f4f6}.sf-tab.active{color:#4f46e5;background:#eef2ff;font-weight:600}.sf-tab-badge{color:#4f46e5;background:#e0e7ff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.sf-tab.active .sf-tab-badge{background:#c7d2fe}.sf-loading-box{color:#9ca3af;background:#fff;border:1px solid #e8eaf0;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:60px;font-size:13px;display:flex}@keyframes sf-rot{to{transform:rotate(360deg)}}.sf-spinner{border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.7s linear infinite sf-rot}.sf-empty-state{color:#c4c9d4;text-align:center;background:#fff;border:1px solid #e8eaf0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:72px 24px;display:flex}.sf-empty-state p{color:#9ca3af;margin:0;font-size:13.5px}.sf-structures-wrap{flex-direction:column;gap:14px;display:flex}.sf-fa-card{background:#fff;border:1px solid #e8eaf0;border-radius:14px;transition:box-shadow .15s;overflow:hidden;box-shadow:0 2px 8px #0000000a}.sf-fa-card:hover{box-shadow:0 4px 16px #00000014}.sf-fa-head{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:4px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.sf-fa-head:hover{background:#fafbff}.sf-fa-hl{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sf-fa-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sf-fa-title-wrap{flex:1;min-width:0}.sf-fa-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sf-fa-sub{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;font-size:11.5px;display:flex}.sf-fa-sub span{align-items:center;gap:4px;display:flex}.sf-fa-hr{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.sf-fa-amts{color:#6b7280;align-items:center;gap:12px;font-size:12px;display:flex}.sf-fa-amts strong{font-weight:700}.sf-fa-amt-paid strong{color:#059669}.sf-fa-amt-due strong{color:#d97706}.sf-expand-icon{color:#9ca3af;flex-shrink:0;align-items:center;display:flex}.sf-ps-chip{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.sf-ps-none{color:#6b7280;background:#f3f4f6}.sf-ps-due{color:#d97706;background:#fff7ed}.sf-ps-paid{color:#059669;background:#ecfdf5}.sf-ps-cancelled{color:#dc2626;background:#fef2f2}.sf-progress-row{align-items:center;gap:10px;padding:0 20px 14px;display:flex}.sf-prog-bar{background:#f0f0f5;border-radius:999px;flex:1;height:6px;overflow:hidden}.sf-prog-fill{border-radius:999px;height:100%;transition:width .4s}.sf-prog-pct{white-space:nowrap;flex-shrink:0;font-size:11.5px;font-weight:600}.sf-breakup{border-top:1px solid #f0f0f5;overflow-x:auto}.sf-bk-tbl{border-collapse:collapse;width:100%;font-size:13px}.sf-bk-tbl thead th{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#fafafa;border-bottom:1px solid #f0f0f5;padding:10px 16px;font-size:11px;font-weight:700}.sf-th-r{text-align:right!important}.sf-th-c{text-align:center!important}.sf-bk-tbl tbody tr{border-bottom:1px solid #f7f7fb;transition:background .1s}.sf-bk-tbl tbody tr:last-child{border-bottom:none}.sf-bk-tbl tbody tr:hover{background:#fafafa}.sf-bk-done td{opacity:.7}.sf-bk-tbl tbody td{color:#374151;padding:10px 16px}.sf-td-r{text-align:right}.sf-td-c{text-align:center}.sf-td-green{color:#059669;font-weight:600}.sf-ft-name{color:#111827;font-size:13px;font-weight:600}.sf-dash{color:#d1d5db}.sf-cleared-tag{color:#059669;background:#ecfdf5;border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sf-status-dot{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.sf-dot-ok{color:#059669;background:#ecfdf5}.sf-dot-due{color:#d97706;background:#fff7ed}.sf-bk-foot td{background:#fafafa;border-top:2px solid #f0f0f5;padding:11px 16px;font-size:13px}.sf-history-wrap{flex-direction:column;gap:0;display:flex}.sf-table-wrap{background:#fff;border:1px solid #e8eaf0;border-radius:14px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.sf-table{border-collapse:collapse;width:100%;font-size:13px}.sf-table thead th{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#fafafa;border-bottom:1px solid #f0f0f5;padding:11px 16px;font-size:11px;font-weight:700}.sf-table tbody tr{border-bottom:1px solid #f7f7fb;transition:background .1s}.sf-table tbody tr:last-child{border-bottom:none}.sf-table tbody tr:hover{background:#fafafa}.sf-table tbody td{color:#374151;vertical-align:top;padding:12px 16px}.sf-date-cell{color:#6b7280;white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;display:flex}.sf-rec-no{color:#4f46e5;letter-spacing:.02em;font-size:12.5px;font-weight:700}.sf-fs-label{color:#374151;font-size:12.5px;font-weight:600}.sf-method-chip{color:#374151;background:#f3f4f6;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.sf-bd-row{flex-wrap:wrap;gap:4px;display:flex}.sf-bd-chip{color:#4f46e5;background:#eef2ff;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sf-txn-id{color:#9ca3af;margin-top:4px;font-family:monospace;font-size:11px}.sf-rec-remark{color:#9ca3af;margin-top:2px;font-size:11px;font-style:italic}.sf-fine-val{color:#ef4444;font-size:12.5px;font-weight:600}.sf-concession-val{color:#10b981;font-size:12.5px;font-weight:600}.sf-total-val{color:#10b981;white-space:nowrap;font-size:14px;font-weight:700}.sf-ps-mini{border-radius:5px;margin-top:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.sf-rcpt-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;transition:background .15s,color .15s;display:flex}.sf-rcpt-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.sf-hist-summary{color:#6b7280;background:#fafafa;border:1px solid #e8eaf0;border-top:none;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:space-between;align-items:center;padding:12px 20px;font-size:12.5px;display:flex}.sf-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sf-receipt-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0003}.sf-receipt{flex:1;overflow-y:auto}.sf-receipt-hd{border-bottom:2px solid;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sf-receipt-logo{align-items:center;gap:12px;display:flex}.sf-receipt-logo-icon{color:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sf-receipt-school{color:#111827;font-size:15px;font-weight:700}.sf-receipt-school-sub{color:#6b7280;font-size:11px}.sf-receipt-title-blk{text-align:right}.sf-receipt-title{color:#374151;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}.sf-receipt-no-big{margin-top:2px;font-size:15px;font-weight:700}.sf-receipt-sec{padding:14px 24px}.sf-receipt-row{justify-content:space-between;align-items:baseline;padding:5px 0;font-size:13px;display:flex}.sf-receipt-row span:first-child{color:#6b7280}.sf-receipt-row span:last-child{color:#111827;font-weight:500}.sf-rec-mono{font-family:monospace;font-size:12px}.sf-receipt-div{border:none;border-top:1px dashed #e5e7eb;margin:0 24px}.sf-receipt-alloc-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px dashed #e5e7eb;margin-bottom:2px;padding-bottom:4px;font-size:11px;font-weight:700}.sf-receipt-alloc-row span:first-child{color:#374151!important}.sf-receipt-total-row{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:baseline;margin-top:6px;padding:10px 0 5px;font-size:14px;font-weight:700;display:flex}.sf-receipt-ft{background:#fafafa;border-top:1px dashed;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.sf-receipt-stamp{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.sf-receipt-gen{color:#9ca3af;font-size:11px}.sf-receipt-acts{border-top:1px solid #f0f0f5;flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.sf-btn-close{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .15s}.sf-btn-close:hover{background:#f3f4f6}.sf-btn-print{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.sf-btn-print:hover{background:#4338ca}@media (width<=1100px){.sf-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sf-main{margin-left:0!important}.sf-hamburger{display:flex}.sf-content{gap:14px;padding:16px 14px 40px}.sf-hero{padding:14px 16px}.sf-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sf-sum-card{padding:14px}.sf-sum-val{font-size:15px}.sf-fa-head{flex-direction:column;align-items:flex-start}.sf-fa-hr{justify-content:flex-start;width:100%}.sf-table-wrap{border-radius:10px}}@media (width<=480px){.sf-summary-grid{grid-template-columns:1fr 1fr}.sf-tabs{width:100%}.sf-tab{flex:1;justify-content:center;padding:9px 10px;font-size:12px}}@media print{.sf-modal-backdrop{background:0 0;padding:0;position:static}.sf-receipt-modal{box-shadow:none;border-radius:0;width:100%;max-height:none}.sf-receipt{overflow:visible}.sf-receipt-acts{display:none}}@keyframes conSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes conFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes conPanelIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes conSpin{to{transform:rotate(360deg)}}.con-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.con-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.con-stat-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:20px 22px;animation:.4s both conFadeUp;display:flex}.con-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.con-stat-icon.icon-purple{background:var(--primary-bg);color:var(--primary)}.con-stat-icon.icon-green{background:var(--success-bg);color:var(--success)}.con-stat-icon.icon-blue{color:#2563eb;background:#eff6ff}.con-stat-value{color:var(--text-1);font-size:28px;font-weight:800;line-height:1}.con-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.con-tabs{background:var(--card);border:1px solid var(--border-md);width:fit-content;box-shadow:var(--shadow-sm);border-radius:11px;gap:4px;padding:4px;display:flex}.con-tab{color:var(--text-2);font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 20px;transition:all .15s;display:flex}.con-tab:hover{background:var(--bg);color:var(--text-1)}.con-tab.active{background:var(--primary);color:#fff}.con-tab-body{flex-direction:column;gap:18px;animation:.3s both conFadeUp;display:flex}.con-filter-bar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.con-search-wrap{flex:1;align-items:center;min-width:180px;max-width:260px;display:flex;position:relative}.con-search-icon{color:var(--text-3);pointer-events:none;position:absolute;left:11px}.con-search{border:1.5px solid var(--border-md);width:100%;height:40px;font-size:13.5px;font-family:var(--font);color:var(--text-1);background:#fafbfc;border-radius:10px;outline:none;padding:0 34px;transition:border-color .15s,box-shadow .15s}.con-search::placeholder{color:var(--text-3)}.con-search:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.con-search-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:9px}.con-search-clear:hover{color:var(--text-2)}.con-ss{width:100%;position:relative}.con-ss.con-ss-filter{width:auto;min-width:152px}.con-ss.con-ss-disabled{opacity:.52;pointer-events:none}.con-ss-trigger{border:1.5px solid var(--border-md);width:100%;height:42px;font-size:13.5px;font-family:var(--font);color:var(--text-1);cursor:pointer;text-align:left;background:#fafbfc;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.con-ss-trigger.sm{height:40px;font-size:13.5px}.con-ss-trigger:hover:not(:disabled){background:#fff;border-color:#c4c9d8}.con-ss-trigger.open{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.con-ss-trigger:disabled{cursor:not-allowed;opacity:1;background:#f3f4f6}.con-ss-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);flex:1;overflow:hidden}.con-ss-value.ph{color:var(--text-3)}.con-ss-arrow{color:var(--text-3);flex-shrink:0;transition:transform .2s,color .15s}.con-ss-arrow.up{color:var(--primary);transform:rotate(180deg)}.con-ss-trigger:hover:not(:disabled) .con-ss-arrow{color:var(--text-2)}.con-ss-panel{z-index:400;background:var(--card);border:1.5px solid var(--border-md);border-radius:12px;animation:.14s both conFadeUp;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 32px #00000021}.con-ss-search-row{border-bottom:1px solid var(--border);background:#fafbfc;align-items:center;padding:10px;display:flex;position:relative}.con-ss-search-ico{color:var(--text-3);pointer-events:none;flex-shrink:0;position:absolute;left:21px}.con-ss-search{border:1.5px solid var(--border-md);width:100%;height:34px;font-size:13px;font-family:var(--font);color:var(--text-1);background:#fff;border-radius:8px;outline:none;padding:0 30px;transition:border-color .15s,box-shadow .15s}.con-ss-search::placeholder{color:var(--text-3)}.con-ss-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.con-ss-search-clr{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:21px}.con-ss-search-clr:hover{color:var(--text-2)}.con-ss-list{max-height:224px;padding:6px;overflow-y:auto}.con-ss-list::-webkit-scrollbar{width:4px}.con-ss-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.con-ss-opt{width:100%;font-size:13.5px;font-family:var(--font);color:var(--text-1);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;transition:background .1s,color .1s;display:flex}.con-ss-opt:hover{background:var(--primary-bg);color:var(--primary)}.con-ss-opt.sel{background:var(--primary-bg);color:var(--primary);font-weight:600}.con-ss-opt-txt{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.con-ss-opt-chk{color:var(--primary);flex-shrink:0}.con-ss-empty{text-align:center;color:var(--text-3);padding:18px 12px;font-size:13px}.con-btn-refresh{border:1.5px solid var(--border-md);width:40px;height:40px;color:var(--text-2);cursor:pointer;background:#fafbfc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.con-btn-refresh:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.con-btn-add{background:var(--primary);color:#fff;height:40px;font-size:13.5px;font-weight:700;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:0 18px;transition:background .15s,transform .12s;display:flex;box-shadow:0 2px 10px #6366f14d}.con-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px)}.con-table-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.con-table{border-collapse:collapse;width:100%}.con-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.con-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.con-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.con-table tbody tr:last-child{border-bottom:none}.con-table tbody tr:hover{background:#fafbff}.con-table td{color:var(--text-1);vertical-align:middle;padding:13px 16px;font-size:13px}.con-td-num{color:var(--text-3);width:44px;font-size:12px}.con-td-name{font-weight:600}.con-td-amount{color:var(--success);font-size:13.5px;font-weight:700}.con-td-center{text-align:center;color:var(--text-2);font-size:14px;padding:48px 0!important}.con-td-empty-icon{flex-direction:column;align-items:center;gap:8px;display:flex}.con-empty-icon-wrap{background:linear-gradient(135deg, var(--primary-bg), #f5f3ff);width:60px;height:60px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.con-td-actions{white-space:nowrap}.con-status-toggle{font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;border-radius:20px;align-items:center;padding:4px 14px;transition:all .15s;display:inline-flex}.con-status-toggle.active{background:var(--success-bg);color:#065f46}.con-status-toggle.active:hover{background:#a7f3d0}.con-status-toggle.inactive{color:#991b1b;background:#fee2e2}.con-status-toggle.inactive:hover{background:#fca5a5}.con-type-chip{border-radius:20px;align-items:center;gap:4px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.con-type-chip.con-type-flat{color:#1d4ed8;background:#eff6ff}.con-type-chip.con-type-percentage{background:var(--warning-bg);color:#92400e}.con-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:4px;transition:all .15s;display:inline-flex}.con-action-btn.con-edit{color:#2563eb;background:#eff6ff}.con-action-btn.con-edit:hover{background:#bfdbfe}.con-action-btn.con-delete{background:var(--danger-bg);color:var(--danger)}.con-action-btn.con-delete:hover{background:#fecaca}.con-action-btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.con-batch-sem{color:var(--text-2);font-size:12.5px}.con-batch-sem-sep{color:var(--text-3);margin:0 5px}.con-amounts{align-items:center;gap:5px;font-size:13px;display:flex}.con-amount-avail{color:var(--success);font-weight:700}.con-amount-sep{color:var(--text-3)}.con-amount-remain{color:#2563eb;font-weight:700}.con-assign-status-wrap{align-items:center;display:inline-flex;position:relative}.con-assign-status-select{appearance:none;font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;border:1.5px solid #0000;border-radius:20px;outline:none;min-width:112px;padding:5px 30px 5px 12px;transition:filter .15s,box-shadow .15s}.con-assign-status-select.con-as-active{background:var(--success-bg);color:#065f46;border-color:#6ee7b7}.con-assign-status-select.con-as-partial_avail{background:var(--warning-bg);color:#92400e;border-color:#fcd34d}.con-assign-status-select.con-as-full_availed{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.con-assign-status-select.con-as-cancelled{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.con-assign-status-select:hover:not(:disabled){filter:brightness(.95)}.con-assign-status-select:focus{box-shadow:0 0 0 3px #6366f121}.con-assign-status-select:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.con-assign-status-arrow{pointer-events:none;color:currentColor;opacity:.6;position:absolute;right:10px}.con-panel-overlay{z-index:200;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.con-panel{background:var(--card);flex-direction:column;width:440px;max-width:100vw;height:100%;animation:.22s cubic-bezier(.22,1,.36,1) both conPanelIn;display:flex;box-shadow:-6px 0 32px #00000024}.con-panel-header{border-bottom:1px solid var(--border-md);color:var(--text-1);background:#fafbfc;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;font-size:15px;font-weight:700;display:flex}.con-panel-close{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:7px;align-items:center;padding:5px;transition:background .15s;display:flex}.con-panel-close:hover{background:var(--border-md);color:var(--text-1)}.con-panel-body{flex-direction:column;flex:1;gap:14px;padding:22px;display:flex;overflow-y:auto}.con-panel-body::-webkit-scrollbar{width:4px}.con-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.con-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.con-input{border:1.5px solid var(--border-md);width:100%;height:42px;font-size:13.5px;font-family:var(--font);color:var(--text-1);background:#fafbfc;border-radius:10px;outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s}.con-input::placeholder{color:var(--text-3)}.con-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.con-input[type=number]{-moz-appearance:textfield}.con-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.con-radio-group{gap:20px;display:flex}.con-radio{color:var(--text-1);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:13.5px;font-weight:500;display:flex}.con-radio input[type=radio]{accent-color:var(--primary);cursor:pointer;width:16px;height:16px}.con-error-msg{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:500}.con-concession-preview{background:var(--success-bg);border:1.5px solid #6ee7b7;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;animation:.2s both conFadeUp;display:flex}.con-preview-row{color:var(--text-2);justify-content:space-between;align-items:center;font-size:13px;display:flex}.con-preview-row strong{color:var(--text-1);font-size:14px;font-weight:700}.con-panel-footer{border-top:1px solid var(--border-md);background:#fafbfc;flex-shrink:0;gap:10px;padding:16px 22px;display:flex}.con-btn-cancel{border:1.5px solid var(--border-md);background:var(--card);height:42px;font-size:13.5px;font-weight:600;font-family:var(--font);color:var(--text-2);cursor:pointer;border-radius:10px;flex:1;transition:background .15s,color .15s}.con-btn-cancel:hover{background:var(--bg);color:var(--text-1)}.con-btn-save{background:var(--primary);color:#fff;height:42px;font-size:13.5px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;flex:1;transition:background .15s,transform .12s;box-shadow:0 2px 10px #6366f14d}.con-btn-save:hover:not(:disabled){background:var(--primary-dk);transform:translateY(-1px)}.con-btn-save:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=1024px){.con-stats{grid-template-columns:repeat(3,1fr);gap:12px}}@media (width<=900px){.con-filter-bar,.con-stats{gap:10px}}@media (width<=768px){.con-content{padding:18px 16px 40px}.con-stats{grid-template-columns:repeat(3,1fr);gap:10px}.con-panel{width:100vw}.con-ss.con-ss-filter{min-width:130px}}@media (width<=560px){.con-stats{grid-template-columns:1fr 1fr}.con-stats .con-stat-card:last-child{grid-column:1/-1}.con-filter-bar{flex-direction:column;align-items:stretch}.con-search-wrap{max-width:100%}.con-ss.con-ss-filter{width:100%;min-width:unset}.con-btn-add{justify-content:center}.con-tabs{width:100%}.con-tab{flex:1;justify-content:center}}@media (width<=400px){.p-toast{width:calc(100vw - 24px)!important}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes schSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes schFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes schPanelIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sch-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.sch-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sch-stat-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:20px 22px;animation:.4s both schFadeUp;display:flex}.sch-stat-value{color:var(--text-1);font-size:28px;font-weight:800;line-height:1}.sch-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.sch-stat-green .sch-stat-value{color:var(--success)}.sch-stat-blue .sch-stat-value{color:#2563eb}.sch-tabs{background:var(--card);border:1px solid var(--border-md);width:fit-content;box-shadow:var(--shadow-sm);border-radius:11px;gap:4px;padding:4px;display:flex}.sch-tab{color:var(--text-2);font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 20px;transition:all .15s;display:flex}.sch-tab:hover{background:var(--bg);color:var(--text-1)}.sch-tab.active{background:var(--primary);color:#fff}.sch-tab-body{flex-direction:column;gap:18px;animation:.3s both schFadeUp;display:flex}.sch-filter-bar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.sch-search-wrap{flex:1;align-items:center;min-width:180px;max-width:260px;display:flex;position:relative}.sch-search-icon{color:var(--text-3);pointer-events:none;position:absolute;left:11px}.sch-search{border:1.5px solid var(--border-md);width:100%;height:40px;font-size:13.5px;font-family:var(--font);color:var(--text-1);background:#fafbfc;border-radius:10px;outline:none;padding:0 34px;transition:border-color .15s,box-shadow .15s}.sch-search::placeholder{color:var(--text-3)}.sch-search:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.sch-search-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:9px}.sch-search-clear:hover{color:var(--text-2)}.sch-ss{width:100%;position:relative}.sch-ss.sch-ss-filter{width:auto;min-width:152px}.sch-ss.sch-ss-disabled{opacity:.52;pointer-events:none}.sch-ss-trigger{border:1.5px solid var(--border-md);width:100%;height:42px;font-size:13.5px;font-family:var(--font);color:var(--text-1);cursor:pointer;text-align:left;background:#fafbfc;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.sch-ss-trigger.sm{height:40px}.sch-ss-trigger:hover:not(:disabled){background:#fff;border-color:#c4c9d8}.sch-ss-trigger.open{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.sch-ss-trigger:disabled{cursor:not-allowed;opacity:1;background:#f3f4f6}.sch-ss-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);flex:1;overflow:hidden}.sch-ss-value.ph{color:var(--text-3)}.sch-ss-arrow{color:var(--text-3);flex-shrink:0;transition:transform .2s,color .15s}.sch-ss-arrow.up{color:var(--primary);transform:rotate(180deg)}.sch-ss-panel{z-index:400;background:var(--card);border:1.5px solid var(--border-md);border-radius:12px;animation:.14s both schFadeUp;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 32px #00000021}.sch-ss-search-row{border-bottom:1px solid var(--border);background:#fafbfc;align-items:center;padding:10px;display:flex;position:relative}.sch-ss-search-ico{color:var(--text-3);pointer-events:none;position:absolute;left:21px}.sch-ss-search{border:1.5px solid var(--border-md);width:100%;height:34px;font-size:13px;font-family:var(--font);color:var(--text-1);background:#fff;border-radius:8px;outline:none;padding:0 30px;transition:border-color .15s,box-shadow .15s}.sch-ss-search::placeholder{color:var(--text-3)}.sch-ss-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.sch-ss-search-clr{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:21px}.sch-ss-search-clr:hover{color:var(--text-2)}.sch-ss-list{max-height:224px;padding:6px;overflow-y:auto}.sch-ss-list::-webkit-scrollbar{width:4px}.sch-ss-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.sch-ss-opt{width:100%;font-size:13.5px;font-family:var(--font);color:var(--text-1);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;transition:background .1s,color .1s;display:flex}.sch-ss-opt:hover{background:var(--primary-bg);color:var(--primary)}.sch-ss-opt.sel{background:var(--primary-bg);color:var(--primary);font-weight:600}.sch-ss-opt-txt{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sch-ss-opt-chk{color:var(--primary);flex-shrink:0}.sch-ss-empty{text-align:center;color:var(--text-3);padding:18px 12px;font-size:13px}.sch-ms{width:100%;position:relative}.sch-ms.sch-ms-disabled{opacity:.52;pointer-events:none}.sch-ms-trigger{border:1.5px solid var(--border-md);width:100%;height:42px;font-size:13.5px;font-family:var(--font);color:var(--text-1);cursor:pointer;text-align:left;background:#fafbfc;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.sch-ms-trigger:hover:not(:disabled){background:#fff;border-color:#c4c9d8}.sch-ms-trigger.open{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.sch-ms-trigger:disabled{cursor:not-allowed;opacity:1;background:#f3f4f6}.sch-ms-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);flex:1;overflow:hidden}.sch-ms-value.ph{color:var(--text-3)}.sch-ms-arrow{color:var(--text-3);flex-shrink:0;transition:transform .2s,color .15s}.sch-ms-arrow.up{color:var(--primary);transform:rotate(180deg)}.sch-ms-panel{z-index:400;background:var(--card);border:1.5px solid var(--border-md);border-radius:12px;animation:.14s both schFadeUp;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 32px #00000021}.sch-ms-search-row{border-bottom:1px solid var(--border);background:#fafbfc;align-items:center;padding:10px;display:flex;position:relative}.sch-ms-search-ico{color:var(--text-3);pointer-events:none;position:absolute;left:21px}.sch-ms-search{border:1.5px solid var(--border-md);width:100%;height:34px;font-size:13px;font-family:var(--font);color:var(--text-1);background:#fff;border-radius:8px;outline:none;padding:0 30px;transition:border-color .15s,box-shadow .15s}.sch-ms-search::placeholder{color:var(--text-3)}.sch-ms-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}.sch-ms-search-clr{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:21px}.sch-ms-search-clr:hover{color:var(--text-2)}.sch-ms-select-all{border:none;border-bottom:1px solid var(--border);width:100%;font-size:13px;font-family:var(--font);color:var(--text-2);cursor:pointer;text-align:left;background:#f9fafb;align-items:center;gap:9px;padding:9px 18px;font-weight:600;transition:background .1s,color .1s;display:flex}.sch-ms-select-all:hover{background:var(--primary-bg);color:var(--primary)}.sch-ms-cb{border:1.5px solid var(--border-md);background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .12s,background .12s;display:flex}.sch-ms-cb.chk{background:var(--primary);border-color:var(--primary);color:#fff}.sch-ms-list{max-height:224px;padding:6px;overflow-y:auto}.sch-ms-list::-webkit-scrollbar{width:4px}.sch-ms-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.sch-ms-opt{width:100%;font-size:13.5px;font-family:var(--font);color:var(--text-1);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;transition:background .1s,color .1s;display:flex}.sch-ms-opt:hover{background:var(--primary-bg);color:var(--primary)}.sch-ms-opt.sel{background:#eef2ff;font-weight:500}.sch-ms-opt-txt{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sch-ms-empty{text-align:center;color:var(--text-3);padding:18px 12px;font-size:13px}.sch-ms-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.sch-ms-chip{background:var(--primary-bg);color:var(--primary);font-size:12px;font-weight:600;font-family:var(--font);border-radius:20px;align-items:center;gap:5px;max-width:220px;padding:4px 10px;display:inline-flex;overflow:hidden}.sch-ms-chip-rm{cursor:pointer;color:var(--primary);opacity:.7;background:0 0;border:none;flex-shrink:0;align-items:center;padding:1px;transition:opacity .15s;display:flex}.sch-ms-chip-rm:hover{opacity:1}.sch-btn-refresh{border:1.5px solid var(--border-md);width:40px;height:40px;color:var(--text-2);cursor:pointer;background:#fafbfc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sch-btn-refresh:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.sch-btn-add{background:var(--primary);color:#fff;height:40px;font-size:13.5px;font-weight:700;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:0 18px;transition:background .15s,transform .12s;display:flex;box-shadow:0 2px 10px #6366f14d}.sch-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px)}.sch-table-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.sch-table{border-collapse:collapse;width:100%}.sch-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.sch-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.sch-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.sch-table tbody tr:last-child{border-bottom:none}.sch-table tbody tr:hover{background:#fafbff}.sch-table td{color:var(--text-1);vertical-align:middle;padding:13px 16px;font-size:13px}.sch-td-num{color:var(--text-3);width:44px;font-size:12px}.sch-td-name{font-weight:600}.sch-td-desc{color:var(--text-2);max-width:200px;font-size:12.5px}.sch-td-amount{color:var(--success);font-size:13.5px;font-weight:700}.sch-td-center{text-align:center;color:var(--text-2);font-size:14px;padding:48px 0!important}.sch-content .exp-scroll-pagination{text-align:center;color:var(--text-2);padding:14px 0 2px;font-size:12.5px;font-weight:600}.sch-td-actions{white-space:nowrap}.sch-code-badge{color:#5b21b6;white-space:nowrap;background:#f5f3ff;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.sch-status-toggle{font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;border-radius:20px;align-items:center;padding:4px 14px;transition:all .15s;display:inline-flex}.sch-status-toggle.active{background:var(--success-bg);color:#065f46}.sch-status-toggle.active:hover{background:#a7f3d0}.sch-status-toggle.inactive{color:#991b1b;background:#fee2e2}.sch-status-toggle.inactive:hover{background:#fca5a5}.sch-type-chip{border-radius:20px;align-items:center;gap:4px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.sch-type-chip.sch-type-flat{color:#1d4ed8;background:#eff6ff}.sch-type-chip.sch-type-percentage{background:var(--warning-bg);color:#92400e}.sch-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:4px;transition:all .15s;display:inline-flex}.sch-action-btn.sch-edit{color:#2563eb;background:#eff6ff}.sch-action-btn.sch-edit:hover{background:#bfdbfe}.sch-action-btn.sch-delete{background:var(--danger-bg);color:var(--danger)}.sch-action-btn.sch-delete:hover{background:#fecaca}.sch-action-btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.sch-batch-sem{color:var(--text-2);font-size:12.5px}.sch-batch-sem-sep{color:var(--text-3);margin:0 5px}.sch-amounts{white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.sch-amount-avail{color:var(--success);font-weight:700}.sch-amount-sep{color:var(--text-3)}.sch-amount-remain{color:#2563eb;font-weight:700}.sch-assign-status-wrap{align-items:center;display:inline-flex;position:relative}.sch-assign-status-select{appearance:none;font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;border:1.5px solid #0000;border-radius:20px;outline:none;min-width:112px;padding:5px 30px 5px 12px;transition:filter .15s,box-shadow .15s}.sch-assign-status-select.sch-as-active{background:var(--success-bg);color:#065f46;border-color:#6ee7b7}.sch-assign-status-select.sch-as-cancelled{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.sch-assign-status-select:hover:not(:disabled){filter:brightness(.95)}.sch-assign-status-select:focus:not(:disabled){box-shadow:0 0 0 3px #6366f121}.sch-assign-status-select:disabled{opacity:.72;cursor:not-allowed;padding-right:12px}.sch-assign-status-arrow{pointer-events:none;color:currentColor;opacity:.6;position:absolute;right:10px}.sch-panel-overlay{z-index:200;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.sch-panel{background:var(--card);flex-direction:column;width:460px;max-width:100vw;height:100%;animation:.22s cubic-bezier(.22,1,.36,1) both schPanelIn;display:flex;box-shadow:-6px 0 32px #00000024}.sch-panel-header{border-bottom:1px solid var(--border-md);color:var(--text-1);background:#fafbfc;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;font-size:15px;font-weight:700;display:flex}.sch-panel-close{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:7px;align-items:center;padding:5px;transition:background .15s;display:flex}.sch-panel-close:hover{background:var(--border-md);color:var(--text-1)}.sch-panel-body{flex-direction:column;flex:1;gap:14px;padding:22px;display:flex;overflow-y:auto}.sch-panel-body::-webkit-scrollbar{width:4px}.sch-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.sch-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.sch-input-wrap{align-items:center;display:flex;position:relative}.sch-input-icon{color:var(--text-3);pointer-events:none;position:absolute;left:12px}.sch-input-wrap:focus-within .sch-input-icon{color:var(--primary)}.sch-input{border:1.5px solid var(--border-md);width:100%;height:42px;font-size:13.5px;font-family:var(--font);color:var(--text-1);background:#fafbfc;border-radius:10px;outline:none;padding:0 13px 0 34px;transition:border-color .15s,box-shadow .15s,background .15s}.sch-input::placeholder{color:var(--text-3)}.sch-input:hover{background:#fff;border-color:#c4c9d8}.sch-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.sch-input[type=number]{-moz-appearance:textfield}.sch-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.sch-textarea{border:1.5px solid var(--border-md);width:100%;font-size:13.5px;font-family:var(--font);color:var(--text-1);resize:vertical;background:#fafbfc;border-radius:10px;outline:none;min-height:80px;padding:10px 13px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.sch-textarea::placeholder{color:var(--text-3)}.sch-textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.sch-radio-group{gap:20px;display:flex}.sch-radio{color:var(--text-1);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:13.5px;font-weight:500;display:flex}.sch-radio input[type=radio]{accent-color:var(--primary);cursor:pointer;width:16px;height:16px}.sch-error-msg{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:500}.sch-preview{background:var(--success-bg);border:1.5px solid #6ee7b7;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;animation:.2s both schFadeUp;display:flex}.sch-preview-row{color:var(--text-2);justify-content:space-between;align-items:center;font-size:13px;display:flex}.sch-preview-row strong{color:var(--text-1);font-size:14px;font-weight:700}.sch-preview-desc{color:#065f46;border-top:1px solid #a7f3d0;padding-top:4px;font-size:12.5px;line-height:1.5}.sch-panel-footer{border-top:1px solid var(--border-md);background:#fafbfc;flex-shrink:0;gap:10px;padding:16px 22px;display:flex}.sch-btn-cancel{border:1.5px solid var(--border-md);background:var(--card);height:42px;font-size:13.5px;font-weight:600;font-family:var(--font);color:var(--text-2);cursor:pointer;border-radius:10px;flex:1;transition:background .15s,color .15s}.sch-btn-cancel:hover{background:var(--bg);color:var(--text-1)}.sch-btn-save{background:var(--primary);color:#fff;height:42px;font-size:13.5px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;flex:1;transition:background .15s,transform .12s;box-shadow:0 2px 10px #6366f14d}.sch-btn-save:hover:not(:disabled){background:var(--primary-dk);transform:translateY(-1px)}.sch-btn-save:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=1024px){.sch-stats{grid-template-columns:repeat(3,1fr);gap:12px}}@media (width<=768px){.sch-content{padding:18px 16px 40px}.sch-stats{grid-template-columns:repeat(3,1fr);gap:10px}.sch-panel{width:100vw}.sch-ss.sch-ss-filter{min-width:130px}}@media (width<=560px){.sch-stats{grid-template-columns:1fr 1fr}.sch-stats .sch-stat-card:last-child{grid-column:1/-1}.sch-filter-bar{flex-direction:column;align-items:stretch}.sch-search-wrap{max-width:100%}.sch-ss.sch-ss-filter{width:100%;min-width:unset}.sch-btn-add{justify-content:center}.sch-tabs{width:100%}.sch-tab{flex:1;justify-content:center}}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cm-slide-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes cm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cm-scale-in{0%{opacity:0;transform:scale(.93)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes cm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cm-row-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.cm-content{color:#111827;background:#f8fafc;flex-direction:column;gap:18px;min-height:calc(100vh - 72px);padding:24px;display:flex}.cm-page-head{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #2563eb;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;animation:.45s cubic-bezier(.22,1,.36,1) both cm-slide-down;display:flex;box-shadow:0 1px 2px #0f172a0a}.cm-page-head-info{align-items:center;gap:14px;display:flex}.cm-page-head-icon,.cm-stat-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;animation:3.5s ease-in-out .6s infinite cm-float;display:inline-flex}.cm-page-head h1{letter-spacing:0;margin:0;font-size:24px;font-weight:800}.cm-page-head p{color:#64748b;margin:5px 0 0;font-size:13px;line-height:1.4}.cm-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cm-refresh,.cm-primary,.cm-secondary,.cm-icon-btn{color:#334155;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .14s,box-shadow .18s;display:inline-flex}.cm-refresh:not(:disabled):active,.cm-primary:not(:disabled):active,.cm-secondary:not(:disabled):active,.cm-icon-btn:not(:disabled):active{transform:scale(.96)}.cm-refresh:disabled,.cm-primary:disabled,.cm-secondary:disabled,.cm-icon-btn:disabled{cursor:not-allowed;opacity:.55}.cm-refresh:disabled svg{animation:.9s linear infinite cm-spin}.cm-refresh,.cm-secondary{white-space:nowrap;min-height:38px;padding:0 14px}.cm-refresh:hover,.cm-secondary:hover{color:#2563eb;background:#f0f6ff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb1f}.cm-primary{color:#fff;background:#2563eb;border-color:#2563eb;min-height:40px;padding:0 16px}.cm-primary:not(:disabled):hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb47}.cm-primary.full{width:100%;margin-top:14px}.cm-stats{grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;display:grid}.cm-stat{opacity:0;cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:15px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.45s cubic-bezier(.22,1,.36,1) both cm-slide-up;display:flex;box-shadow:0 1px 2px #0f172a0a}.cm-stat:hover{border-color:#c7d7ed;transform:translateY(-3px);box-shadow:0 6px 20px #0f172a17}.cm-stat:first-child{animation-delay:.15s}.cm-stat:nth-child(2){animation-delay:.22s}.cm-stat:nth-child(3){animation-delay:.29s}.cm-stat:nth-child(4){animation-delay:.36s}.cm-stat:nth-child(5){animation-delay:.43s}.cm-stat.success .cm-stat-icon{color:#059669;background:#ecfdf5}.cm-stat.warning .cm-stat-icon{color:#d97706;background:#fffbeb}.cm-stat.danger .cm-stat-icon{color:#dc2626;background:#fef2f2}.cm-stat strong{color:#111827;font-size:20px;font-weight:800;line-height:1;display:block}.cm-stat span{color:#64748b;margin-top:5px;font-size:12px;display:block}.cm-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;animation:.45s cubic-bezier(.22,1,.36,1) 80ms both cm-slide-up;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.cm-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.cm-list-card .cm-section-head{border-bottom:1px solid #e5e7eb;margin:0;padding:15px 16px}.cm-section-head h2{color:#111827;margin:0;font-size:16px;font-weight:800}.cm-section-head>span{color:#64748b;font-size:12px;font-weight:700}.cm-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cm-field{flex-direction:column;gap:6px;display:flex}.cm-field.full,.cm-refund-summary,.cm-refund-total{grid-column:1/-1}.cm-field span{color:#475569;font-size:12px;font-weight:700}.cm-required{color:#dc2626}.cm-field input,.cm-field select,.cm-field textarea,.cm-toolbar select{color:#111827;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #dbe3ef;border-radius:8px;outline:0;padding:9px 11px;font-size:13px;transition:border-color .18s,box-shadow .18s}.cm-field textarea{resize:vertical;min-height:82px}.cm-field input:focus,.cm-field select:focus,.cm-field textarea:focus,.cm-toolbar select:focus,.cm-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.cm-refund-summary{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;font-size:12px;animation:.3s both cm-fade-in;display:grid}.cm-refund-summary strong{font-size:13px}.cm-refund-total{color:#334155;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;font-size:12px;display:grid}.cm-refund-total strong{color:#0f172a}.cm-refund-total.danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.cm-toolbar{border-bottom:1px solid #e5e7eb;grid-template-columns:minmax(260px,1fr) 170px auto auto;align-items:center;gap:10px;padding:14px 16px;display:grid}.cm-search{background:#fff;border:1px solid #dbe3ef;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.cm-search svg{color:#94a3b8;flex:none;transition:color .18s}.cm-search:focus-within svg{color:#2563eb}.cm-search input{color:#111827;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.cm-table-wrap{width:100%;overflow-x:auto}.cm-content .exp-scroll-pagination{text-align:center;color:#64748b;padding:14px 0 2px;font-size:12.5px;font-weight:600}.cm-table{border-collapse:collapse;width:100%;min-width:980px}.cm-table th{text-align:left;color:#64748b;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:11px;font-weight:800}.cm-table td{color:#334155;vertical-align:top;border-bottom:1px solid #eef2f7;padding:13px 14px;font-size:13px;transition:background .15s}.cm-table tbody tr{animation:.35s cubic-bezier(.22,1,.36,1) both cm-row-in}.cm-table tbody tr:first-child{animation-delay:40ms}.cm-table tbody tr:nth-child(2){animation-delay:80ms}.cm-table tbody tr:nth-child(3){animation-delay:.12s}.cm-table tbody tr:nth-child(4){animation-delay:.16s}.cm-table tbody tr:nth-child(5){animation-delay:.2s}.cm-table tbody tr:nth-child(6){animation-delay:.24s}.cm-table tbody tr:nth-child(7){animation-delay:.27s}.cm-table tbody tr:nth-child(8){animation-delay:.3s}.cm-table tbody tr:nth-child(9){animation-delay:.33s}.cm-table tbody tr:nth-child(10){animation-delay:.36s}.cm-table tbody tr:nth-child(11){animation-delay:.38s}.cm-table tbody tr:nth-child(12){animation-delay:.4s}.cm-table tbody tr:nth-child(13){animation-delay:.42s}.cm-table tbody tr:nth-child(14){animation-delay:.44s}.cm-table tbody tr:nth-child(15){animation-delay:.46s}.cm-table tbody tr:hover td{background:#f0f6ff}.cm-table tbody tr.cm-row-inactive td{color:#64748b;background:#f8fafc}.cm-table tbody tr.cm-row-inactive:hover td{background:#f1f5f9}.cm-main-cell{flex-direction:column;gap:4px;display:flex}.cm-main-cell strong{color:#111827;font-size:13px}.cm-main-cell span{color:#64748b;font-size:12px}.cm-chip{color:#475569;text-transform:capitalize;white-space:nowrap;background:#f8fafc;border:1px solid #dbe3ef;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 9px;font-size:11px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.cm-chip:hover{transform:scale(1.06);box-shadow:0 2px 6px #0f172a1a}.cm-chip.collected{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.cm-chip.partial_refunded{color:#a16207;background:#fffbeb;border-color:#fde68a}.cm-chip.refunded{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.cm-chip.cancelled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.cm-actions{align-items:center;gap:7px;display:flex}.cm-icon-btn{width:32px;height:32px;padding:0}.cm-icon-btn:not(:disabled):hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:scale(1.12);box-shadow:0 2px 8px #2563eb26}.cm-icon-btn.success:not(:disabled):hover{color:#059669;background:#ecfdf5;border-color:#a7f3d0;box-shadow:0 2px 8px #05966926}.cm-icon-btn.danger:not(:disabled):hover{color:#dc2626;background:#fef2f2;border-color:#fecaca;box-shadow:0 2px 8px #dc262626}.cm-status-toggle{color:#334155;min-width:84px;height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;transition:background .18s,border-color .18s,color .18s,transform .14s,box-shadow .18s;display:inline-flex}.cm-status-toggle:not(:disabled):hover{transform:scale(1.04)}.cm-status-toggle.active{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.cm-status-toggle.active:hover{box-shadow:0 2px 8px #05966924}.cm-status-toggle.inactive{color:#64748b;background:#f8fafc;border-color:#cbd5e1}.cm-status-toggle.inactive:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;box-shadow:0 2px 8px #2563eb1f}.cm-empty{color:#94a3b8;text-align:center;padding:34px 18px;animation:.4s .1s both cm-fade-in}.cm-modal-backdrop{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.22s both cm-fade-in;display:flex;position:fixed;inset:0}.cm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;width:min(720px,100%);max-height:min(86vh,760px);animation:.28s cubic-bezier(.22,1,.36,1) both cm-scale-in;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a38}.cm-modal-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.cm-modal-head h2{color:#111827;margin:0;font-size:17px;font-weight:800}.cm-modal-body{padding:18px;overflow-y:auto}.cm-modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.cm-modal-actions .cm-primary,.cm-modal-actions .cm-secondary{min-width:112px}.cm-ss{width:100%;position:relative}.cm-ss-trigger{color:#111827;width:100%;min-height:40px;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:13px;transition:border-color .18s,box-shadow .18s;display:flex}.cm-ss-trigger:hover,.cm-ss-trigger.open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.cm-ss-trigger.disabled{cursor:not-allowed;opacity:.55}.cm-ss-selected{text-overflow:ellipsis;white-space:nowrap;color:#111827;flex:1;min-width:0;overflow:hidden}.cm-ss-placeholder{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cm-ss-chevron{color:#94a3b8;flex:none;transition:transform .2s cubic-bezier(.22,1,.36,1),color .18s}.cm-ss-trigger.open .cm-ss-chevron{color:#2563eb;transform:rotate(180deg)}.cm-ss-panel{z-index:200;transform-origin:top;background:#fff;border:1px solid #dbe3ef;border-radius:10px;animation:.2s cubic-bezier(.22,1,.36,1) both cm-scale-in;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0f172a24}.cm-ss-search-row{background:#f8fafc;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 12px;display:flex}.cm-ss-search-row svg{color:#94a3b8;flex:none}.cm-ss-search-row input{color:#111827;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.cm-ss-search-row input::placeholder{color:#94a3b8}.cm-ss-list{overscroll-behavior:contain;max-height:220px;overflow-y:auto}.cm-ss-option{color:#334155;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:13px;transition:background .12s,color .12s;overflow:hidden}.cm-ss-option:last-child{border-bottom:none}.cm-ss-option:hover{color:#1d4ed8;background:#eff6ff}.cm-ss-option.active{color:#1d4ed8;background:#eff6ff;font-weight:700}.cm-ss-none{text-align:center;color:#94a3b8;padding:18px 12px;font-size:13px}@media (width<=1180px){.cm-stats{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (width<=720px){.cm-content{padding:14px}.cm-page-head{flex-direction:column;align-items:stretch}.cm-page-actions{justify-content:stretch}.cm-page-actions button{flex:1}.cm-stats,.cm-form-grid,.cm-toolbar,.cm-refund-summary,.cm-refund-total{grid-template-columns:1fr}.cm-toolbar .cm-primary,.cm-toolbar .cm-secondary{width:100%}.cm-modal-backdrop{align-items:flex-end;padding:12px}.cm-modal{max-height:92vh}.cm-modal-actions{flex-direction:column-reverse}.cm-modal-actions .cm-primary,.cm-modal-actions .cm-secondary{width:100%}}@keyframes tfwSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes tfwFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes tfwPanelIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes tfwOverlay{0%{opacity:0}to{opacity:1}}@keyframes tfwSpin{to{transform:rotate(360deg)}}.tfw-content{font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif);color:var(--text-1,#111827);flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.tfw-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tfw-page-title{color:var(--text-1,#111827);letter-spacing:-.02em;font-size:22px;font-weight:800}.tfw-page-sub{color:var(--text-2,#6b7280);margin-top:3px;font-size:13px}.tfw-btn-add{background:var(--primary,#6366f1);color:#fff;cursor:pointer;height:38px;font-size:13px;font-weight:700;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 18px;transition:background .15s,transform .12s;display:inline-flex;box-shadow:0 4px 14px #6366f152}.tfw-btn-add:hover{background:var(--primary-dk,#4f46e5);transform:translateY(-1px)}.tfw-stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tfw-stat{border:1px solid var(--border-md,#e5e7eb);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both tfwFadeUp;display:flex;box-shadow:0 1px 3px #0000000f}.tfw-stat:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.tfw-stat:first-child{animation-delay:50ms}.tfw-stat:nth-child(2){animation-delay:.1s}.tfw-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.tfw-stat-value{font-size:24px;font-weight:800;line-height:1}.tfw-stat-label{color:var(--text-2,#6b7280);margin-top:4px;font-size:12px;font-weight:500}.tfw-filter-bar{border:1px solid var(--border-md,#e5e7eb);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.tfw-filter-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tfw-search-box{background:var(--bg,#f8f9fc);border:1.5px solid var(--border-md,#e5e7eb);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;height:38px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.tfw-search-box:focus-within{border-color:var(--primary,#6366f1);box-shadow:0 0 0 3px #6366f11a}.tfw-search-box input{color:var(--text-1,#111827);font-size:13px;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);background:0 0;border:none;outline:none;flex:1}.tfw-search-box input::placeholder{color:var(--text-3,#9ca3af)}.tfw-search-clear{cursor:pointer;color:var(--text-3,#9ca3af);background:0 0;border:none;align-items:center;transition:color .15s;display:flex}.tfw-search-clear:hover{color:var(--text-1,#111827)}.tfw-filter-meta{align-items:center;gap:8px;margin-left:auto;display:flex}.tfw-result-count{color:var(--primary,#6366f1);white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;padding:4px 12px;font-size:12.5px;font-weight:700}.tfw-clear-btn{border:1px solid var(--border-md,#e5e7eb);color:var(--text-2,#6b7280);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:4px 12px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.tfw-clear-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.tfw-filter-row{flex-wrap:wrap;align-items:center;gap:0;display:flex}.tfw-filter-group{flex-direction:column;gap:4px;padding:0 16px;display:flex}.tfw-filter-group:first-child{padding-left:0}.tfw-filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3,#9ca3af);font-size:11px;font-weight:700}.tfw-filter-divider{background:var(--border-md,#e5e7eb);flex-shrink:0;width:1px;height:44px}.tfw-table-wrap{border:1px solid var(--border-md,#e5e7eb);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.tfw-table{border-collapse:collapse;width:100%}.tfw-table thead tr{border-bottom:1px solid var(--border-md,#e5e7eb);background:#fafbfc}.tfw-table th{text-align:left;color:var(--text-2,#6b7280);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.tfw-th-center{text-align:center}.tfw-th-right{text-align:right}.tfw-th-num{text-align:center;width:48px}.tfw-table tbody tr{border-bottom:1px solid var(--border,#f0f0f5);transition:background .12s}.tfw-table tbody tr:last-child{border-bottom:none}.tfw-table tbody tr:hover{background:#fafbff}.tfw-table td{color:var(--text-1,#111827);vertical-align:middle;padding:12px 16px;font-size:13px}.tfw-td-center{text-align:center}.tfw-td-right{text-align:right}.tfw-td-num{text-align:center;color:var(--text-3,#9ca3af);font-size:12px;font-weight:600}.tfw-na{color:var(--text-3,#9ca3af);font-style:italic}.tfw-student-cell{align-items:center;gap:10px;display:flex}.tfw-student-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #00000024}.tfw-student-name{color:var(--text-1,#111827);font-size:13.5px;font-weight:700}.tfw-student-id{color:var(--text-3,#9ca3af);align-items:center;gap:3px;margin-top:1px;font-size:11.5px;display:flex}.tfw-course-cell{align-items:center;gap:9px;display:flex}.tfw-course-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tfw-course-name{color:var(--text-1,#111827);font-size:13px;font-weight:600}.tfw-course-code{letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:11px;font-weight:700}.tfw-batch-name{color:var(--text-1,#111827);font-size:13px;font-weight:600}.tfw-batch-code{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3,#9ca3af);margin-top:1px;font-size:11px;font-weight:700}.tfw-feetype-badge{color:var(--primary,#6366f1);background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;align-items:center;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.tfw-amount{color:#10b981;font-size:13.5px;font-weight:700}.tfw-act-group{justify-content:center;align-items:center;gap:6px;display:inline-flex}.tfw-act-btn{cursor:pointer;border:1px solid;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,color .14s,transform .12s;display:flex}.tfw-act-edit{color:var(--primary,#6366f1);background:#eef2ff;border-color:#c7d2fe}.tfw-act-edit:hover{background:#e0e7ff;transform:translateY(-1px)}.tfw-act-delete{color:#ef4444;background:#fef2f2;border-color:#fecaca}.tfw-act-delete:hover{background:#fee2e2;transform:translateY(-1px)}.tfw-empty-cell{padding:0!important}.tfw-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.tfw-empty-icon{width:64px;height:64px;color:var(--primary,#6366f1);background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:18px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #6366f126}.tfw-empty p{color:var(--text-2,#6b7280);font-size:14px}.tfw-skeleton-row td{padding:14px 16px}.tfw-skel{background:linear-gradient(90deg,#f0f0f5 25%,#fafafa 50%,#f0f0f5 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.4s infinite tfwSkeleton}@keyframes tfwSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.tfw-skel-sm{width:60px}.tfw-skel-md{width:100px}.tfw-skel-lg{width:160px}.tfw-pagination{border-top:1px solid var(--border,#f0f0f5);background:#fafbfc;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.tfw-page-info{color:var(--text-2,#6b7280);font-size:12.5px}.tfw-page-btns{gap:6px;display:flex}.tfw-page-btn{border:1px solid var(--border-md,#e5e7eb);color:var(--text-2,#6b7280);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);background:#fff;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.tfw-page-btn:hover:not(:disabled){color:var(--primary,#6366f1);background:#eef2ff;border-color:#c7d2fe}.tfw-page-btn:disabled{opacity:.4;cursor:not-allowed}.tfw-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a61;animation:.2s both tfwOverlay;position:fixed;inset:0}.tfw-panel{z-index:201;background:#fff;flex-direction:column;width:420px;animation:.28s cubic-bezier(.22,1,.36,1) both tfwPanelIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #00000024}.tfw-panel-head{border-bottom:1px solid var(--border-md,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 18px;display:flex}.tfw-panel-title{color:var(--text-1,#111827);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.tfw-panel-icon{width:34px;height:34px;color:var(--primary,#6366f1);background:#eef2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tfw-panel-close{border:1px solid var(--border-md,#e5e7eb);cursor:pointer;width:32px;height:32px;color:var(--text-2,#6b7280);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.tfw-panel-close:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.tfw-panel-body{flex-direction:column;flex:1;gap:18px;padding:22px;display:flex;overflow-y:auto}.tfw-panel-body::-webkit-scrollbar{width:4px}.tfw-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.tfw-form-group{flex-direction:column;gap:6px;display:flex}.tfw-form-label{color:var(--text-2,#6b7280);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:700}.tfw-required{color:#ef4444;margin-left:2px}.tfw-field-hint{color:var(--text-3,#9ca3af);margin-top:4px;font-size:11.5px;display:block}.tfw-enrollment-loading{border:1.5px dashed var(--border-md,#e5e7eb);color:var(--text-3,#9ca3af);background:#f8fafc;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.tfw-enrollment-card{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.tfw-enr-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.tfw-enr-info{flex-direction:column;flex:1;gap:4px;display:flex}.tfw-enr-row{align-items:center;gap:8px;font-size:13px;display:flex}.tfw-enr-label{color:#16a34a;text-transform:uppercase;letter-spacing:.04em;min-width:46px;font-size:11px;font-weight:600}.tfw-enr-value{color:var(--text-1,#111827);font-weight:500}.tfw-enr-auto-badge{color:#15803d;letter-spacing:.04em;background:#dcfce7;border-radius:99px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.tfw-enrollment-empty{color:#991b1b;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:12.5px}.tfw-student-search{border-radius:10px;height:40px}.tfw-student-list{border:1px solid var(--border-md,#e5e7eb);border-radius:10px;max-height:200px;overflow:hidden auto;box-shadow:0 4px 16px #00000012}.tfw-student-option{cursor:pointer;border-bottom:1px solid var(--border,#f0f0f5);align-items:center;gap:8px;padding:10px 14px;transition:background .12s;display:flex;position:relative}.tfw-student-option:last-child{border-bottom:none}.tfw-student-option:hover{background:#f8f9ff}.tfw-student-option.selected{background:#eef2ff}.tfw-student-opt-name{color:var(--text-1,#111827);flex:1;font-size:13px;font-weight:600}.tfw-student-opt-id{color:var(--text-3,#9ca3af);font-size:11.5px}.tfw-student-opt-check{color:var(--primary,#6366f1);flex-shrink:0}.tfw-no-students{color:var(--text-3,#9ca3af);padding:10px 4px;font-size:12.5px}.tfw-spin-sm{border:2px solid var(--border-md,#e5e7eb);border-top-color:var(--primary,#6366f1);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite tfwSpin}.tfw-input-wrap{align-items:center;display:flex;position:relative}.tfw-input-prefix{color:var(--text-3,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;left:12px}.tfw-input{border:1.5px solid var(--border-md,#e5e7eb);width:100%;height:40px;color:var(--text-1,#111827);font-size:13.5px;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);background:#fafbfc;border-radius:10px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.tfw-input-with-prefix{padding-left:34px}.tfw-input:focus{border-color:var(--primary,#6366f1);background:#fff;box-shadow:0 0 0 3px #6366f11a}.tfw-input::placeholder{color:var(--text-3,#9ca3af)}.tfw-panel-foot{border-top:1px solid var(--border-md,#e5e7eb);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px 20px;display:flex}.tfw-btn-cancel{border:1.5px solid var(--border-md,#e5e7eb);height:38px;color:var(--text-2,#6b7280);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);background:0 0;border-radius:10px;padding:0 20px;transition:background .14s,color .14s,border-color .14s}.tfw-btn-cancel:hover{background:var(--bg,#f8f9fc);color:var(--text-1,#111827);border-color:#c4c9d8}.tfw-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.tfw-btn-save{background:var(--primary,#6366f1);color:#fff;cursor:pointer;height:38px;font-size:13.5px;font-weight:700;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 22px;transition:background .15s,transform .12s,opacity .15s;display:inline-flex;box-shadow:0 4px 14px #6366f152}.tfw-btn-save:hover{background:var(--primary-dk,#4f46e5);transform:translateY(-1px)}.tfw-btn-save.loading,.tfw-btn-save:disabled{opacity:.65;cursor:not-allowed;transform:none}.tfw-dropdown.p-dropdown{border:1.5px solid var(--border-md,#e5e7eb);font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);width:100%;box-shadow:none;background:#fafbfc;border-radius:10px;align-items:center;height:40px;transition:border-color .15s,box-shadow .15s;display:flex}.tfw-dropdown.p-dropdown:not(.p-disabled):hover{background:#fff;border-color:#c4c9d8}.tfw-dropdown.p-dropdown.p-focus{border-color:var(--primary,#6366f1);background:#fff;outline:none;box-shadow:0 0 0 3px #6366f11f}.tfw-dropdown .p-dropdown-label{font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);color:var(--text-1,#111827);padding:0 0 0 12px;font-size:13px;font-weight:500}.tfw-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3,#9ca3af);font-size:12.5px}.tfw-dropdown .p-dropdown-trigger{color:var(--text-3,#9ca3af);flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.tfw-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md,#e5e7eb);font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);z-index:9999;border-radius:10px;margin-top:4px;overflow:hidden;box-shadow:0 4px 20px #00000014}.tfw-dropdown-panel .p-dropdown-items{max-height:240px;padding:5px 0;overflow-y:auto}.tfw-dropdown-panel .p-dropdown-item{color:var(--text-1,#111827);font-size:13px;font-weight:500;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Inter",sans-serif);padding:9px 14px;transition:background .12s}.tfw-dropdown-panel .p-dropdown-item:hover,.tfw-dropdown-panel .p-dropdown-item:focus{color:var(--primary,#6366f1);background:#eef2ff;outline:none}.tfw-dropdown-panel .p-dropdown-item.p-highlight{color:var(--primary,#6366f1);background:#eef2ff;font-weight:600}.tfw-filter-dd.p-dropdown{border:1px solid var(--border-md,#e5e7eb);background:var(--bg,#f8f9fc);border-radius:9px;min-width:130px;height:34px}.tfw-filter-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:12.5px}.tfw-filter-dd .p-dropdown-trigger{width:28px}.tfw-filter-dd-wide.p-dropdown{min-width:180px}.tfw-form-dd.p-dropdown{height:40px}.p-toast .p-toast-icon-close{cursor:pointer!important;opacity:.7!important;background:0 0!important;border:none!important;border-radius:6px!important;width:26px!important;height:26px!important}@media (width<=900px){.tfw-stats{grid-template-columns:1fr}}@media (width<=820px){.tfw-content{padding:18px 16px 40px}.tfw-panel{width:100%;max-width:100%}}@media (width<=400px){.p-toast{width:calc(100vw - 24px)!important}}.sbp-content{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:24px;display:flex}.sbp-back-bar{align-items:center;gap:10px;display:flex}.sbp-back-btn{color:var(--text-2,#6b7280);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .18s;display:flex}.sbp-back-btn:hover{color:#6366f1;background:#f0f0ff;border-color:#6366f1}.sbp-header-card{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%);border-radius:16px;align-items:center;gap:20px;padding:28px 32px;display:flex;box-shadow:0 8px 32px #6366f140}.sbp-header-icon{background:#fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.sbp-header-text{flex:1}.sbp-header-name{letter-spacing:-.3px;margin-bottom:4px;font-size:22px;font-weight:700}.sbp-header-sub{opacity:.82;font-size:13px}.sbp-header-stats{gap:24px;display:flex}.sbp-hs-item{text-align:center}.sbp-hs-num{font-size:26px;font-weight:700;line-height:1}.sbp-hs-lbl{opacity:.8;white-space:nowrap;margin-top:3px;font-size:11px}.sbp-hs-div{background:#ffffff40;align-self:stretch;width:1px;margin:4px 0}.sbp-tabs{background:#f1f5f9;border-radius:10px;align-self:flex-start;gap:4px;padding:4px;display:flex}.sbp-tab{color:var(--text-2,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;padding:8px 20px;font-size:13.5px;font-weight:500;transition:all .18s;display:flex}.sbp-tab:hover{color:#1e293b}.sbp-tab.active{color:#6366f1;background:#fff;font-weight:600;box-shadow:0 1px 6px #0000001a}.sbp-tab-badge{color:#6366f1;background:#e0e7ff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex}.sbp-tab.active .sbp-tab-badge{color:#fff;background:#6366f1}.sbp-loading{color:var(--text-2,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:64px 24px;font-size:14px;display:flex}.sbp-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite sbp-spin}@keyframes sbp-spin{to{transform:rotate(360deg)}}.sbp-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px;font-size:14px;display:flex}.sbp-empty svg{opacity:.4}.sbp-empty p{margin:0}.sbp-list{flex-direction:column;gap:14px;display:flex}.sbp-card{background:#fff;border:1.5px solid #e9edf3;border-radius:14px;padding:0;transition:box-shadow .2s,border-color .2s;overflow:hidden}.sbp-card:hover{border-color:#c7d2fe;box-shadow:0 4px 20px #00000012}.sbp-card-top{align-items:flex-start;gap:14px;padding:18px 20px 14px;display:flex}.sbp-card-icon-wrap{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-top:2px;display:flex}.sbp-card-main{flex:1;min-width:0}.sbp-card-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:650;overflow:hidden}.sbp-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sbp-meta-chip{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11.5px;font-weight:500;display:flex}.sbp-card-status{flex-shrink:0}.sbp-status{letter-spacing:.2px;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.sbp-status-dot{border-radius:50%;width:6px;height:6px}.sbp-status-active{color:#15803d;background:#dcfce7}.sbp-status-active .sbp-status-dot{background:#16a34a}.sbp-status-partial{color:#a16207;background:#fef9c3}.sbp-status-partial .sbp-status-dot{background:#ca8a04}.sbp-status-full{color:#1d4ed8;background:#dbeafe}.sbp-status-full .sbp-status-dot{background:#2563eb}.sbp-status-cancelled{color:#b91c1c;background:#fee2e2}.sbp-status-cancelled .sbp-status-dot{background:#dc2626}.sbp-card-amounts{border-top:1.5px solid #f1f5f9;gap:0;display:flex}.sbp-amt-cell{border-right:1.5px solid #f1f5f9;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:12px 8px;display:flex}.sbp-amt-cell:last-child{border-right:none}.sbp-amt-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:500}.sbp-amt-val{color:#1e293b;font-size:15px;font-weight:700}.sbp-amt-val.green{color:#16a34a}.sbp-amt-val.orange{color:#d97706}.sbp-amt-val.blue{color:#2563eb}.sbp-card-prog-wrap{padding:0 20px 14px}.sbp-card-prog-track{background:#f1f5f9;border-radius:99px;height:5px;overflow:hidden}.sbp-card-prog-fill{border-radius:99px;height:100%;transition:width .4s}.sbp-card-desc{color:#64748b;border-top:1.5px solid #f1f5f9;padding:10px 20px 14px;font-size:12.5px;line-height:1.5}@media (width<=640px){.sbp-content{padding:14px}.sbp-header-card{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.sbp-header-stats{gap:16px}.sbp-hs-num{font-size:20px}.sbp-card-amounts{flex-wrap:wrap}.sbp-amt-cell{border-bottom:1.5px solid #f1f5f9;border-right:none;min-width:50%}.sbp-amt-cell:nth-child(odd){border-right:1.5px solid #f1f5f9}.sbp-amt-cell:last-child{border-bottom:none}}.fyp-page{color:#0f172a;background:#f5f7fb;min-height:100%;padding:22px}.fyp-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.fyp-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.fyp-title-icon{color:#0369a1;background:#e0f2fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.fyp-header h1{letter-spacing:0;margin:0;font-size:24px;font-weight:800}.fyp-header p{color:#64748b;max-width:760px;margin:4px 0 0;font-size:13px;line-height:1.45}.fyp-stats{grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.fyp-stat{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px}.fyp-stat strong{color:#0f172a;font-size:22px;display:block}.fyp-stat span{color:#64748b;margin-top:3px;font-size:12px;font-weight:700;display:block}.fyp-stat.success strong{color:#059669}.fyp-stat.warning strong{color:#d97706}.fyp-stat.danger strong{color:#dc2626}.fyp-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:16px;margin-bottom:16px;display:grid}.fyp-panel,.fyp-workflow-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 26px #0f172a0a}.fyp-panel-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;display:flex}.fyp-panel-head h2{margin:0;font-size:15px;font-weight:800}.fyp-panel-head span{color:#64748b;font-size:12px;font-weight:700}.fyp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.fyp-field{flex-direction:column;gap:6px;display:flex}.fyp-field.full,.fyp-documents{grid-column:1/-1}.fyp-field span{color:#475569;font-size:12px;font-weight:800}.fyp-field input,.fyp-field select,.fyp-field textarea,.fyp-dropdown{color:#0f172a;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:0;padding:9px 11px;font-size:13px;transition:border-color .16s,box-shadow .16s}.fyp-dropdown{align-items:center;padding:0;display:flex}.fyp-dropdown .p-dropdown-label{color:#0f172a;padding:9px 11px;font-size:13px}.fyp-dropdown .p-dropdown-trigger{color:#64748b;width:38px}.fyp-dropdown.p-disabled{opacity:1;background:#f8fafc}.fyp-dropdown-panel .p-dropdown-item{font-size:13px}.fyp-field textarea{resize:vertical;min-height:92px}.fyp-field input:focus,.fyp-field select:focus,.fyp-field textarea:focus,.fyp-dropdown.p-focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e924}.fyp-field small,.fyp-document-tile small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.fyp-documents{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.fyp-member-picker{background:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.fyp-member-picker-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:9px 11px;display:flex}.fyp-member-picker-head strong{color:#0f172a;font-size:13px;font-weight:800}.fyp-member-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;padding:8px;display:grid;overflow-y:auto}.fyp-member-option{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:9px;min-width:0;min-height:54px;padding:9px;display:flex}.fyp-member-option.selected{background:#f0f9ff;border-color:#0284c7}.fyp-member-option input{accent-color:#0369a1;width:16px;min-width:16px;min-height:16px;padding:0}.fyp-member-option span{flex-direction:column;gap:3px;min-width:0;display:flex}.fyp-member-option strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.fyp-member-empty{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:8px;grid-column:1/-1;padding:18px 12px;font-size:13px}.fyp-documents-head{color:#334155;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.fyp-documents-head strong{color:#0369a1}.fyp-document-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.fyp-document-tile{background:#fff;border:1px solid #dbeafe;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.fyp-document-tile span{color:#1e3a8a;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.fyp-actions{justify-content:flex-end;gap:10px;padding:0 16px 16px;display:flex}.fyp-primary,.fyp-secondary{min-height:38px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:800;transition:transform .14s,background .14s;display:inline-flex}.fyp-primary{color:#fff;background:#0369a1}.fyp-primary:hover,.fyp-secondary:hover{transform:translateY(-1px)}.fyp-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.fyp-workflow{flex-direction:column;gap:12px;display:flex}.fyp-workflow-card{padding:14px}.fyp-workflow-card h3{align-items:center;gap:7px;margin:0 0 10px;font-size:13px;font-weight:800;display:flex}.fyp-workflow-card ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fyp-workflow-card li{color:#475569;align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.35;display:flex}.fyp-workflow-card li svg{color:#059669;flex-shrink:0;margin-top:1px}.fyp-toolbar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.fyp-search{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;width:min(100%,360px);min-height:38px;padding:0 10px;display:flex}.fyp-search input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.fyp-chip{color:#475569;white-space:nowrap;background:#e2e8f0;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.fyp-chip.approved,.fyp-chip.reviewed,.fyp-chip.verified,.fyp-chip.active{color:#047857;background:#dcfce7}.fyp-chip.pending,.fyp-chip.submitted,.fyp-chip.draft{color:#b45309;background:#fef3c7}.fyp-chip.rejected,.fyp-chip.returned,.fyp-chip.cancelled{color:#b91c1c;background:#fee2e2}.fyp-chip.inactive{color:#64748b;background:#f1f5f9}.fyp-icon-btn{color:#334155;cursor:pointer;background:#e2e8f0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.fyp-icon-btn.danger{color:#dc2626;background:#fee2e2}.fyp-icon-btn.view{color:#16a34a;background:#f0fdf4}.fyp-icon-btn.edit{color:#2563eb;background:#dbeafe}.fyp-icon-btn.status.active{color:#047857;background:#dcfce7}.fyp-icon-btn.status.inactive{color:#dc2626;background:#fee2e2}.fyp-icon-btn:hover{filter:brightness(.96)}.fyp-row-actions{align-items:center;gap:7px;display:inline-flex}.fyp-table-wrap{overflow-x:auto}.fyp-table{border-collapse:collapse;width:100%}.fyp-table th,.fyp-table td{text-align:left;color:#334155;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:11px 14px;font-size:13px}.fyp-table th{color:#0369a1;text-transform:uppercase;letter-spacing:.05em;background:#f0f7ff;border-bottom:2px solid #bfdbfe;font-size:10.5px;font-weight:900}.fyp-table tbody tr:hover td{background:#f8fbff}.fyp-table td:first-child{color:#94a3b8;text-align:center;width:36px;font-size:12px;font-weight:700}.fyp-table th:first-child{text-align:center;width:36px}.fyp-table td strong{color:#0f172a}.fyp-table td span{color:#64748b;font-size:12px}.fyp-proposal-table .fyp-proposal-file-col{white-space:normal;width:220px;min-width:220px;max-width:220px}.fyp-proposal-table .fyp-proposal-file-name{color:#334155;overflow-wrap:anywhere;word-break:break-word;white-space:normal;width:100%;font-size:12px;line-height:1.35;display:block}.fyp-proposal-table a.fyp-proposal-file-name,.fyp-file-download{color:#2563eb;font-weight:700;text-decoration:none}.fyp-proposal-table a.fyp-proposal-file-name:hover,.fyp-file-download:hover{text-decoration:underline}.fyp-skeleton-row td{height:47px}.fyp-skeleton-row:hover td{background:0 0}.fyp-skeleton-line{background:linear-gradient(90deg,#e2e8f0 0%,#f8fafc 48%,#e2e8f0 100%) 0 0/220% 100%;border-radius:999px;width:min(100%,148px);height:12px;animation:1.15s ease-in-out infinite fyp-skeleton-shimmer;display:block}.fyp-skeleton-line.short{width:72px}.fyp-table td:first-child .fyp-skeleton-line{width:22px;margin-inline:auto}@keyframes fyp-skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.fyp-group-code{color:#0369a1;letter-spacing:.03em;white-space:nowrap;background:#e0f2fe;border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:900;display:inline-flex}.fyp-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.fyp-view-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.fyp-view-item.full{grid-column:1/-1}.fyp-view-item span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.fyp-view-item strong{color:#0f172a;word-break:break-word;font-size:13px;font-weight:600}.fyp-modal-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fyp-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(100%,860px);max-height:90vh;animation:.2s cubic-bezier(.22,1,.36,1) fyp-modal-in;display:flex;overflow:hidden;box-shadow:0 32px 80px #0f172a47}@keyframes fyp-modal-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fyp-modal-header{background:linear-gradient(135deg,#0c4a6e 0%,#0369a1 60%,#0284c7 100%);flex-shrink:0;align-items:center;gap:14px;padding:18px 22px;display:flex}.fyp-modal-header-icon{color:#fff;background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.fyp-modal-header-text{flex:1;min-width:0}.fyp-modal-header h2{color:#fff;margin:0;font-size:16px;font-weight:800}.fyp-modal-header p{color:#ffffffb8;margin:2px 0 0;font-size:12px}.fyp-modal-close{color:#ffffffe6;cursor:pointer;background:#ffffff29;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;transition:background .14s;display:inline-flex}.fyp-modal-close:hover{color:#fff;background:#ffffff47}.fyp-modal-body{flex:1;overflow-y:auto}.fyp-form-section{color:#0369a1;text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1;align-items:center;gap:10px;padding:6px 0 2px;font-size:11px;font-weight:900;display:flex}.fyp-form-section:after{content:"";background:linear-gradient(90deg,#bfdbfe,#0000);flex:1;height:1px}@media (width<=1080px){.fyp-layout{grid-template-columns:1fr}.fyp-workflow{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=720px){.fyp-page{padding:14px}.fyp-header{flex-direction:column;align-items:stretch}.fyp-stats,.fyp-form-grid,.fyp-document-grid,.fyp-member-list,.fyp-workflow{grid-template-columns:1fr}.fyp-actions,.fyp-toolbar,.fyp-documents-head{flex-direction:column;align-items:stretch}.fyp-primary,.fyp-secondary,.fyp-search{width:100%}}@keyframes stgSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes stgFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes stgOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes stgCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes stgFieldIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes stgViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.stg-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.stg-layout{display:flex}.stg-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both stgSlideIn;overflow:hidden auto}.stg-main.sidebar-collapsed{margin-left:58px}.stg-main::-webkit-scrollbar{width:5px}.stg-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.stg-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.stg-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.stg-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.stg-sep{color:var(--text-3)}.stg-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.stg-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.stg-icon-btn:hover{background:var(--bg);color:var(--text-1)}.stg-notif-btn .stg-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.stg-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.stg-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.stg-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stg-page-head-actions{align-items:center;gap:10px;display:flex}.stg-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.stg-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.stg-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.stg-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.stg-btn-add:disabled{opacity:.5;cursor:not-allowed;transform:none}.stg-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stg-stats.stg-stats-3{grid-template-columns:repeat(3,1fr)}.stg-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both stgFadeUp;display:flex}.stg-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stg-stat:first-child{animation-delay:60ms}.stg-stat:nth-child(2){animation-delay:.12s}.stg-stat:nth-child(3){animation-delay:.18s}.stg-stat:nth-child(4){animation-delay:.24s}.stg-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stg-stat-value{font-size:24px;font-weight:800;line-height:1}.stg-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.stg-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stg-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stg-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.stg-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.stg-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;width:180px;font-size:13px}.stg-search-box input::placeholder{color:var(--text-3)}.stg-search-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;display:flex}.stg-search-clear:hover{color:var(--text-1)}.stg-result-count{background:var(--primary-bg);border:1px solid var(--primary-ring);color:var(--primary);border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.stg-view-toggle{background:var(--border);border-radius:9px;gap:2px;padding:3px;display:flex;position:relative}.stg-view-toggle-indicator{background:var(--card);width:32px;height:28px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:7px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.stg-view-toggle-indicator.list{transform:translate(34px)}.stg-view-btn{z-index:1;width:32px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:relative}.stg-view-btn:active{transform:scale(.88)}.stg-view-btn.active{color:var(--primary)}.stg-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both stgViewSwitch}.stg-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.stg-grid .stg-card:first-child{animation:.35s 40ms both stgCardIn}.stg-grid .stg-card:nth-child(2){animation:.35s 80ms both stgCardIn}.stg-grid .stg-card:nth-child(3){animation:.35s .12s both stgCardIn}.stg-grid .stg-card:nth-child(4){animation:.35s .16s both stgCardIn}.stg-grid .stg-card:nth-child(5){animation:.35s .2s both stgCardIn}.stg-grid .stg-card:nth-child(6){animation:.35s .24s both stgCardIn}.stg-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.stg-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stg-card-banner{border-bottom:1px solid;justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.stg-card-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #0000002e}.stg-card-body{flex-direction:column;flex:1;gap:10px;padding:16px 18px;display:flex}.stg-card-name{color:var(--text-1);font-size:16px;font-weight:800}.stg-card-desc{color:var(--text-2);font-size:12.5px;line-height:1.5}.stg-manage-students-btn{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);background:0 0;border:1.5px solid;border-radius:9px;align-items:center;gap:7px;margin-top:4px;padding:7px 14px;transition:opacity .15s,transform .12s;display:inline-flex}.stg-manage-students-btn:hover{opacity:.8;transform:translateY(-1px)}.stg-student-count-badge{color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.stg-card-actions{border-top:1px solid var(--border);display:flex;overflow:hidden}.stg-action-btn{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;transition:background .14s,color .14s;display:flex}.stg-action-btn.edit{color:var(--primary)}.stg-action-btn.edit:hover{background:var(--primary-bg)}.stg-action-btn.del{color:var(--danger)}.stg-action-btn.del:hover{background:var(--danger-bg)}.stg-chip{letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.stg-chip-active{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.stg-chip-inactive{color:var(--text-2);border:1px solid var(--border-md);background:#f3f4f6}.stg-empty{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:10px;padding:72px 24px;display:flex}.stg-empty-icon{background:linear-gradient(135deg, var(--primary-bg), var(--purple-bg));width:72px;height:72px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #6366f126}.stg-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.stg-table{border-collapse:collapse;width:100%}.stg-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.stg-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:700}.stg-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.stg-table tbody tr:last-child{border-bottom:none}.stg-table tbody tr:hover{background:#fafbff}.stg-table td{color:var(--text-1);vertical-align:middle;padding:14px 16px;font-size:13.5px}.stg-table-empty{text-align:center;color:var(--text-3);padding:40px 0!important}.stg-th-center,.stg-td-center{text-align:center}.stg-tbl-muted{color:var(--text-2);font-size:13px}.stg-na{color:var(--text-3)}.stg-table-group{align-items:center;gap:12px;display:flex}.stg-table-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stg-table-name{color:var(--text-1);font-size:13.5px;font-weight:700}.stg-tbl-students-btn{cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;transition:opacity .15s;display:inline-flex}.stg-tbl-students-btn:hover{opacity:.75}.stg-table-acts{align-items:center;gap:6px;display:flex}.stg-tbl-btn{border:1px solid var(--border-md);background:var(--bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .14s,border-color .14s;display:flex}.stg-tbl-btn.edit{color:var(--primary)}.stg-tbl-btn.edit:hover{background:var(--primary-bg);border-color:var(--primary-ring)}.stg-tbl-btn.del{color:var(--danger)}.stg-tbl-btn.del:hover{background:var(--danger-bg);border-color:#fecaca}.stg-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;animation:.22s both stgOverlayIn;position:fixed;inset:0}.stg-panel{background:var(--card);z-index:201;flex-direction:column;width:460px;transition:transform .36s cubic-bezier(.4,0,.2,1),visibility 0s linear .36s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.stg-panel.open{transition-delay:0s;transform:translate(0)}.stg-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 20px;transition:background .3s,border-color .3s;display:flex}.stg-panel-head-left{align-items:center;gap:14px;display:flex}.stg-panel-head-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #0003}.stg-panel-title{color:var(--text-1);font-size:17px;font-weight:800}.stg-panel-sub{color:var(--text-2);margin-top:3px;font-size:12.5px}.stg-panel-close{border:1px solid var(--border-md);cursor:pointer;width:34px;height:34px;color:var(--text-2);background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.stg-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.stg-panel-body{flex-direction:column;flex:1;padding:20px 24px 8px;display:flex;overflow-y:auto}.stg-panel-body::-webkit-scrollbar{width:4px}.stg-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.stg-panel-foot{border-top:1px solid var(--border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.stg-form-section{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:18px 0;display:flex}.stg-form-section:last-child{border-bottom:none}.stg-form-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;padding-bottom:2px;font-size:11px;font-weight:700;display:flex}.stg-panel.open .stg-anim-1{animation:.35s 80ms both stgFieldIn}.stg-panel.open .stg-anim-2{animation:.35s .14s both stgFieldIn}.stg-panel.open .stg-anim-3{animation:.35s .2s both stgFieldIn}.stg-panel.open .stg-anim-4{animation:.35s .26s both stgFieldIn}.stg-form-field{flex-direction:column;gap:7px;display:flex}.stg-form-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.stg-req{color:var(--danger);margin-left:2px}.stg-input{border:1.5px solid var(--border-md);width:100%;height:42px;color:var(--text-1);font-size:13.5px;font-family:var(--font);background:#fafbfc;border-radius:10px;outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s}.stg-input:hover{background:#fff;border-color:#c4c9d8}.stg-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.stg-input::placeholder{color:var(--text-3);font-size:13px}.stg-textarea{resize:vertical;height:auto;min-height:80px;padding:12px 13px}.stg-input-sm{border-radius:8px;height:36px;padding:0 10px;font-size:13px}.stg-status-chips{flex-wrap:wrap;gap:8px;display:flex}.stg-status-chip{border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border-radius:9px;align-items:center;gap:7px;padding:8px 16px;transition:all .15s;display:inline-flex}.stg-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.stg-status-chip:hover:not(.active){border-color:var(--primary-lt);color:var(--primary)}.stg-status-chip.stg-schip-active.active{background:var(--success-bg);color:var(--success);border-color:#a7f3d0;box-shadow:0 2px 8px #10b98126}.stg-status-chip.stg-schip-inactive.active{color:var(--text-1);border-color:var(--border-md);background:#f3f4f6;box-shadow:0 2px 8px #0000000f}.stg-palette{flex-wrap:wrap;gap:10px;padding:4px 0;display:flex}.stg-palette-dot{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .15s,box-shadow .15s}.stg-palette-dot:hover{transform:scale(1.18)}.stg-palette-dot.selected{transform:scale(1.12)}.stg-btn-cancel{border:1.5px solid var(--border-md);height:40px;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);background:0 0;border-radius:10px;padding:0 18px;transition:background .14s,color .14s,border-color .14s}.stg-btn-cancel:hover{background:var(--bg);color:var(--text-1);border-color:#c4c9d8}.stg-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 24px;transition:background .2s,box-shadow .2s,transform .12s,opacity .15s;display:inline-flex;box-shadow:0 2px 10px #6366f14d}.stg-btn-save:hover{filter:brightness(1.08);transform:translateY(-1px)}.stg-btn-save.disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.stg-btn-save.saved{background:var(--success);box-shadow:0 2px 10px #10b9814d}.stg-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;animation:.2s both stgOverlayIn;display:flex;position:fixed;inset:0}.stg-students-modal{background:var(--card);border-radius:18px;flex-direction:column;width:min(640px,94vw);max-height:82vh;animation:.28s cubic-bezier(.22,1,.36,1) both stgFadeUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000038}.stg-students-modal-head{flex-shrink:0;align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.stg-students-modal-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #0000002e}.stg-students-modal-title{color:var(--text-1);flex:1;font-size:17px;font-weight:800}.stg-students-modal-sub{color:var(--text-2);margin-top:2px;font-size:12.5px}.stg-students-list{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:0;padding:0 24px;display:flex;overflow-y:auto}.stg-students-list::-webkit-scrollbar{width:4px}.stg-students-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.stg-students-empty{text-align:center;color:var(--text-3);padding:32px 0;font-size:13px}.stg-student-item{border-bottom:1px solid var(--border);padding:12px 0}.stg-student-item:last-child{border-bottom:none}.stg-student-item-inner{align-items:center;gap:12px;display:flex}.stg-student-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.stg-student-info{flex:1;min-width:0}.stg-student-name{color:var(--text-1);font-size:13.5px;font-weight:600;display:block}.stg-student-meta{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.stg-student-meta span{color:var(--text-3);background:var(--bg);border:1px solid var(--border-md);border-radius:6px;padding:2px 8px;font-size:11.5px}.stg-student-item-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.stg-student-edit-row{flex-direction:column;gap:8px;padding:4px 0;display:flex}.stg-student-edit-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stg-student-edit-actions{gap:8px;display:flex}.stg-student-save-btn{height:34px;padding:0 16px;font-size:12.5px}.stg-student-cancel-btn{height:34px;padding:0 14px;font-size:12.5px}.stg-student-err{color:var(--danger);font-size:12px;font-weight:600}.stg-student-add-row{border-top:1px solid var(--border);background:#fafbfc;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 24px 20px;display:flex}.stg-student-add-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stg-student-add-btn{align-self:flex-start;height:38px;font-size:13px}.stg-dropdown.p-dropdown{border:1px solid var(--border-md);background:var(--card);font-family:var(--font);box-shadow:none;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:inline-flex}.stg-dropdown.p-dropdown:not(.p-disabled):hover{border-color:#c4c9d8}.stg-dropdown.p-dropdown.p-focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.stg-dropdown .p-dropdown-label{font-family:var(--font);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.stg-dropdown .p-dropdown-trigger{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stg-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);border-radius:10px;margin-top:4px;overflow:hidden}.stg-dropdown-panel .p-dropdown-items{padding:5px 0}.stg-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.stg-dropdown-panel .p-dropdown-item:hover,.stg-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.stg-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.stg-filter-dd.p-dropdown{min-width:150px;height:36px}.stg-filter-dd .p-dropdown-label{padding:0 6px 0 12px;font-size:13px}.stg-filter-dd .p-dropdown-trigger{width:30px}.stg-course-filter-dd.p-dropdown{min-width:190px}.stg-batch-filter-dd.p-dropdown{min-width:170px}.stg-form-dd.p-dropdown{border:1.5px solid var(--border-md);background:#fafbfc;border-radius:10px;width:100%;height:42px}.stg-form-dd.p-dropdown:not(.p-disabled):hover{background:#fff}.stg-form-dd .p-dropdown-label{padding:0 8px 0 13px;font-size:13.5px}.stg-form-dd .p-dropdown-trigger{width:36px}.stg-form-dd.p-disabled{opacity:.55}.stg-card-status-dd.p-dropdown{border:none;border-left:1px solid var(--border);background:0 0;border-radius:0;flex:1;height:100%;min-height:40px}.stg-card-status-dd.p-dropdown:not(.p-disabled):hover{background:var(--bg)}.stg-card-status-dd.p-dropdown.p-focus{box-shadow:none;border-color:#0000;border-left-color:var(--border)}.stg-card-status-dd .p-dropdown-label{text-align:center;flex:1;padding:0 4px;font-size:12.5px;font-weight:700}.stg-card-status-dd .p-dropdown-trigger{width:24px;padding-right:6px}.stg-tbl-status-dd.p-dropdown{border-radius:8px;min-width:90px;height:30px}.stg-tbl-status-dd .p-dropdown-label{padding:0 4px 0 10px;font-size:12px;font-weight:600}.stg-tbl-status-dd .p-dropdown-trigger{width:24px}.stg-student-status-dd.p-dropdown{border-radius:7px;min-width:88px;height:28px}.stg-student-status-dd .p-dropdown-label{padding:0 4px 0 8px;font-size:11.5px;font-weight:600}.stg-student-status-dd .p-dropdown-trigger{width:20px}.stg-status-active .p-dropdown-label{color:var(--success)}.stg-status-inactive .p-dropdown-label{color:var(--text-2)}.stg-form-error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:4px;padding:11px 13px;font-size:12.5px;font-weight:700}.p-toast .p-toast-summary{margin-bottom:3px!important;font-size:13.5px!important;font-weight:700!important}.p-toast .p-toast-icon-close{cursor:pointer!important;opacity:.7!important;background:0 0!important;border:none!important;border-radius:6px!important;width:26px!important;height:26px!important;transition:opacity .15s,background .15s!important}.stg-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.stg-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.stg-stats{grid-template-columns:repeat(2,1fr)}.stg-stats.stg-stats-3{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.stg-content{padding:18px 16px 40px}.stg-grid{grid-template-columns:1fr 1fr}.stg-panel{width:100%}.stg-student-add-fields,.stg-student-edit-fields{grid-template-columns:1fr}}@media (width<=768px){.stg-main{margin-left:0!important}.stg-hamburger{display:flex}.stg-topbar{gap:10px;padding:0 14px}}@media (width<=560px){.stg-grid{grid-template-columns:1fr}.stg-stats{grid-template-columns:1fr 1fr}.stg-topbar{padding:0 12px}.stg-btn-add{flex:1;justify-content:center}}@media (width<=400px){.p-toast{width:calc(100vw - 24px)!important}}.stg-panel.open .stg-anim-5{animation:.35s .32s both stgFieldIn}.stg-field-hint{color:var(--text-3);margin-top:-2px;font-size:11.5px;font-style:italic}.stg-card-batch{color:var(--text-2);background:var(--bg);border:1px solid var(--border-md);border-radius:6px;align-items:center;gap:5px;margin-bottom:4px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.stg-batch-pill{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.stg-na{color:var(--text-3);font-size:13px}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--primary-grad:linear-gradient(135deg, #6366f1, #8b5cf6);--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f6f7fb;--card:#fff;--text-1:#111827;--text-2:#667085;--text-3:#98a2b3;--border:#eef0f5;--border-md:#e5e7eb;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #10182812, 0 1px 2px #1018280a;--shadow-md:0 8px 24px #10182814;--shadow-lg:0 16px 48px #10182829;--radius:14px;--radius-sm:10px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes epSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes epFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes epOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes epViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ep-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.ep-layout{display:flex}.ep-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.42s cubic-bezier(.22,1,.36,1) both epSlideIn;overflow:hidden auto}.ep-main.sidebar-collapsed{margin-left:58px}.ep-main::-webkit-scrollbar{width:5px}.ep-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.ep-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.ep-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.ep-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.ep-sep{color:var(--text-3)}.ep-topbar .ep-search-box{flex:1;max-width:390px;height:36px;margin:0 auto}.ep-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.ep-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.ep-icon-btn:hover{background:var(--bg);color:var(--text-1)}.ep-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.ep-avatar{border-radius:var(--radius-sm);background:var(--primary-grad);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.ep-content{flex-direction:column;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:28px 32px 60px;display:flex}.ep-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ep-page-title{letter-spacing:-.02em;background:linear-gradient(135deg,#1f2340,#4f46e5 120%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:25px;font-weight:800}.ep-page-sub{color:var(--text-2);margin-top:4px;font-size:13.5px}.ep-btn-add{border-radius:var(--radius-sm);background:var(--primary-grad);color:#fff;cursor:pointer;height:42px;font-size:13.5px;font-weight:700;font-family:var(--font);border:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:box-shadow .18s,transform .15s,filter .15s;display:inline-flex;box-shadow:0 8px 20px -6px #6366f18c}.ep-btn-add:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 26px -6px #6366f19e}.ep-btn-add:active{transform:translateY(0)}.ep-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ep-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-xs);align-items:center;gap:16px;padding:20px 22px;transition:transform .22s cubic-bezier(.2,.8,.3,1.2),box-shadow .22s;animation:.4s both epFadeUp;display:flex;position:relative;overflow:hidden}.ep-stat:before{content:"";opacity:.5;background:currentColor;height:3px;position:absolute;inset:0 0 auto}.ep-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.ep-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 0 0 0 1px #00000008}.ep-stat-value{letter-spacing:-.01em;font-size:25px;font-weight:800;line-height:1}.ep-stat-label{color:var(--text-2);margin-top:5px;font-size:12px;font-weight:600}.ep-toolbar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.ep-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ep-search-box{border:1.5px solid var(--border-md);border-radius:var(--radius-sm);background:var(--bg);height:40px;color:var(--text-3);align-items:center;gap:8px;padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.ep-search-box:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6366f11a}.ep-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13.5px}.ep-search-box input::placeholder{color:var(--text-3)}.ep-toolbar .ep-search-box{min-width:220px;max-width:320px;margin:0}.ep-search-clear{width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.ep-search-clear:hover{background:var(--border-md);color:var(--text-1)}.ep-select{border:1.5px solid var(--border-md);border-radius:var(--radius-sm);background-color:var(--bg);min-width:148px;height:40px;color:var(--text-1);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:0 34px 0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .18s,box-shadow .18s,background-color .18s}.ep-select:hover{border-color:var(--primary-ring);background-color:#fff}.ep-select:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #6366f11f}.ep-result-count{background:var(--primary-bg);border:1px solid var(--primary-ring);color:var(--primary-dk);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700}.ep-view-toggle{background:var(--bg);border:1px solid var(--border-md);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex;position:relative}.ep-view-toggle-indicator{background:var(--card);width:34px;height:30px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:7px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.ep-view-toggle-indicator.list{transform:translate(36px)}.ep-view-btn{z-index:1;width:34px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .15s;display:flex;position:relative}.ep-view-btn:active{transform:scale(.88)}.ep-view-btn:hover:not(.active){color:var(--text-1)}.ep-view-btn.active{color:var(--primary)}.ep-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both epViewSwitch}.ep-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px;display:grid}.ep-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-xs);flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.3,1.2),box-shadow .25s,border-color .25s;animation:.38s both epFadeUp;display:flex;overflow:hidden}.ep-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.ep-card-banner{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 16px;display:flex}.ep-date-block{width:50px;min-width:50px;height:54px;box-shadow:var(--shadow-sm);color:#fff;border-radius:11px;justify-content:center;align-items:center;display:flex}.ep-date-block svg{opacity:.9}.ep-card-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.ep-type-badge,.ep-chip{letter-spacing:.01em;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;padding:4px 11px;font-size:10.5px;font-weight:800;display:inline-flex}.ep-chip-active{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.ep-chip-inactive{color:var(--text-2);border-color:var(--border-md);background:#f3f4f6}.ep-card-body{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex}.ep-card-title{color:var(--text-1);letter-spacing:-.01em;font-size:16px;font-weight:800;line-height:1.35}.ep-card-desc{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.ep-card-meta{color:var(--text-2);flex-direction:column;gap:7px;font-size:12.5px;font-weight:500;display:flex}.ep-card-meta span{align-items:center;gap:7px;min-width:0;display:flex}.ep-card-meta svg{color:var(--text-3);flex-shrink:0}.ep-registration{margin-top:auto;padding-top:10px}.ep-registration-row{color:var(--text-2);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;font-weight:500;display:flex}.ep-registration-track{background:var(--bg);border-radius:4px;height:6px;overflow:hidden}.ep-registration-fill{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.2,.8,.3,1)}.ep-card-actions{border-top:1px solid var(--border);display:flex;overflow:hidden}.ep-action-btn{min-height:44px;color:var(--primary);font-size:12.5px;font-weight:700;font-family:var(--font);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;transition:background .15s;display:inline-flex}.ep-action-btn:not(:first-child){border-left:1px solid var(--border)}.ep-action-btn:hover{background:var(--primary-bg)}.ep-status-select{border:none;border-left:1px solid var(--border);min-width:118px;color:var(--text-1);font-family:var(--font);text-align:center;cursor:pointer;background:0 0;outline:none;flex:1;padding:0 10px;font-size:12.5px;font-weight:700;transition:background .15s}.ep-status-select:hover{background:var(--bg)}.ep-status-select.small{border:1.5px solid var(--border-md);border-radius:var(--radius-sm);background:var(--bg);min-width:110px;height:32px}.ep-status-active{color:var(--success)}.ep-status-inactive{color:var(--text-2)}.ep-empty{text-align:center;background:var(--card);border:1px dashed var(--border-md);border-radius:var(--radius);flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;padding:72px 24px;display:flex}.ep-empty-icon{background:var(--primary-bg);width:68px;height:68px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.ep-empty p{color:var(--text-2);font-size:15px;font-weight:500}.ep-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-xs);overflow:auto}.ep-table{border-collapse:collapse;width:100%;min-width:860px}.ep-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfd}.ep-table th{text-align:left;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:14px 18px;font-size:11px;font-weight:800}.ep-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.ep-table tbody tr:last-child{border-bottom:none}.ep-table tbody tr:hover{background:#fafbff}.ep-table td{vertical-align:middle;padding:15px 18px;font-size:13.5px}.ep-table-empty{text-align:center;color:var(--text-3);font-weight:500;padding:48px 0!important}.ep-table-event{align-items:center;gap:12px;display:flex}.ep-table-icon{color:#fff;width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ep-table-title{color:var(--text-1);margin-bottom:5px;font-size:13.5px;font-weight:700}.ep-table-date{color:var(--text-1);font-size:13px;font-weight:700}.ep-table-muted{color:var(--text-2);font-size:13px}.ep-th-center,.ep-td-center{text-align:center}.ep-table-actions{align-items:center;gap:6px;display:flex}.ep-tbl-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border-md);background:var(--bg);width:32px;height:32px;color:var(--primary);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .15s;display:flex}.ep-tbl-btn:hover{background:var(--primary-bg);border-color:var(--primary-ring);transform:translateY(-1px)}.ep-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a6b;animation:.22s both epOverlayIn;position:fixed;inset:0}.ep-panel{z-index:201;background:var(--card);flex-direction:column;width:500px;transition:transform .4s cubic-bezier(.16,1,.3,1),visibility 0s linear .4s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-16px 0 60px #0f172a33}.ep-panel.open{transition-delay:0s;transform:translate(0)}.ep-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:24px 26px 22px;display:flex}.ep-panel-head-left{align-items:center;gap:14px;min-width:0;display:flex}.ep-panel-head-icon{color:#fff;width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ep-panel-title{color:var(--text-1);letter-spacing:-.01em;font-size:18px;font-weight:800}.ep-panel-sub{color:var(--text-2);margin-top:3px;font-size:12.5px}.ep-panel-close{border-radius:var(--radius-sm);border:1.5px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:#fff;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.ep-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.ep-panel-body{flex-direction:column;flex:1;padding:4px 26px 8px;display:flex;overflow-y:auto}.ep-panel-body::-webkit-scrollbar{width:4px}.ep-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.ep-panel-foot{border-top:1px solid var(--border);background:#fafbfd;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px 22px;display:flex}.ep-form-section{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:20px 0;display:flex}.ep-form-section:last-child{border-bottom:none}.ep-form-section-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:800}.ep-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ep-form-field{color:var(--text-1);flex-direction:column;gap:7px;font-size:12.5px;font-weight:700;display:flex}.ep-form-field strong{color:var(--danger)}.ep-form-hint{color:var(--text-3);font-size:12px;font-weight:500}.ep-input{border:1.5px solid var(--border-md);border-radius:var(--radius-sm);background:var(--bg);width:100%;height:42px;color:var(--text-1);font-family:var(--font);outline:none;padding:0 14px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.ep-input:hover{border-color:var(--primary-ring);background:#fff}.ep-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6366f124}.ep-input::placeholder{color:var(--text-3)}.ep-textarea{resize:vertical;height:auto;padding:12px 14px;line-height:1.6}.ep-category-chips,.ep-status-chips{flex-wrap:wrap;gap:8px;display:flex}.ep-category-chip,.ep-status-chip{border-radius:var(--radius-sm);border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);align-items:center;gap:7px;padding:9px 16px;transition:border-color .15s,color .15s,background .15s,transform .15s;display:inline-flex}.ep-category-chip:hover:not(.active),.ep-status-chip:hover:not(.active){border-color:var(--primary-ring);color:var(--primary);background:#fff}.ep-category-chip.active,.ep-status-chip.active{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ep-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.ep-schip-active.active{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.ep-schip-inactive.active{color:var(--text-1);border-color:var(--border-md);background:#f3f4f6}.ep-btn-cancel{border-radius:var(--radius-sm);border:1.5px solid var(--border-md);height:42px;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:700;font-family:var(--font);background:0 0;padding:0 20px;transition:background .15s,color .15s}.ep-btn-cancel:hover{background:var(--bg);color:var(--text-1)}.ep-btn-save{border-radius:var(--radius-sm);background:var(--primary-grad);color:#fff;cursor:pointer;height:42px;font-size:13.5px;font-weight:700;font-family:var(--font);border:none;justify-content:center;align-items:center;gap:7px;padding:0 26px;transition:opacity .15s,transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 8px 20px -8px #6366f199}.ep-btn-save:hover{filter:brightness(1.05);transform:translateY(-1px)}.ep-btn-save.disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ep-btn-save.saved{background:var(--success);box-shadow:0 8px 20px -8px #10b9818c}.ep-hamburger{border-radius:var(--radius-sm);border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.ep-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.ep-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.ep-content{padding:20px 16px 40px}.ep-grid{grid-template-columns:1fr 1fr}.ep-panel{width:100%}.ep-toolbar .ep-search-box{max-width:none}}@media (width<=768px){.ep-main{margin-left:0!important}.ep-hamburger{display:flex}.ep-topbar{gap:10px;padding:0 14px}.ep-topbar .ep-search-box{display:none}}@media (width<=560px){.ep-topbar{padding:0 12px}.ep-breadcrumb{display:none}.ep-grid{grid-template-columns:1fr}.ep-stats{grid-template-columns:1fr 1fr}.ep-form-row{grid-template-columns:1fr}.ep-btn-add,.ep-toolbar-left,.ep-toolbar-left .ep-select{width:100%}.ep-category-chips,.ep-status-chips{flex-direction:column}}.ep-form-error{border-radius:var(--radius-sm);color:#ef4444;background:#fef2f2;border:1px solid #fecaca;padding:12px 14px;font-size:12.5px;font-weight:700}.p-toast .p-toast-message{border-style:solid!important;border-width:1px!important;border-radius:12px!important;margin-bottom:10px!important;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif!important;overflow:hidden!important;box-shadow:0 8px 28px #0000001f,0 2px 8px #0000000f!important}@media (width<=400px){.p-toast{width:calc(100vw - 24px)!important}}.ep-modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;animation:.2s both epOverlayIn;display:flex;position:fixed;inset:0}.ep-modal{background:var(--card);border-radius:18px;flex-direction:column;width:100%;max-width:760px;max-height:82vh;animation:.24s cubic-bezier(.16,1,.3,1) both epModalIn;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a4d}@keyframes epModalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ep-modal-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px;display:flex}.ep-modal-title{color:var(--text-1);letter-spacing:-.01em;font-size:16.5px;font-weight:800}.ep-modal-sub{color:var(--text-2);margin-top:3px;font-size:12.5px}.ep-modal-body{flex:1;padding:0;overflow-y:auto}.ep-modal-state{text-align:center;color:var(--text-3);padding:52px 22px;font-size:13.5px;font-weight:500}.ep-modal-state-error{color:var(--danger)}.ep-reg-table{border-collapse:collapse;width:100%;font-size:13px}.ep-reg-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);background:#fafbfd;padding:13px 24px;font-size:11px;font-weight:800;position:sticky;top:0}.ep-reg-table td{border-top:1px solid var(--border);color:var(--text-1);vertical-align:top;padding:13px 24px}.ep-reg-table tbody tr:hover{background:#fafbff}:root{--erp-primary:#6366f1;--erp-primary-dk:#4f46e5;--erp-primary-bg:#eef2ff;--erp-primary-ring:#c7d2fe;--erp-primary-grad:linear-gradient(135deg, #6366f1, #8b5cf6);--erp-radius:14px;--erp-radius-sm:10px;--erp-shadow-xs:0 1px 2px #1018280d;--erp-shadow-sm:0 1px 3px #10182812, 0 1px 2px #1018280a;--erp-shadow-md:0 8px 24px #10182814;--erp-shadow-lg:0 16px 48px #10182829}@keyframes erpFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.erp-content{flex-direction:column;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding:28px 32px 60px;display:flex}.erp-page-head,.erp-section-head,.erp-toolbar,.erp-card-top,.erp-card-actions,.erp-capacity-row,.erp-registered-item{align-items:center;display:flex}.erp-page-head{flex-wrap:wrap;justify-content:space-between;gap:14px}.erp-page-title{letter-spacing:-.02em;background:linear-gradient(135deg,#1f2340,#4f46e5 120%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:25px;font-weight:800}.erp-page-sub,.erp-section-head p{color:#667085;margin:4px 0 0;font-size:13.5px}.erp-refresh,.erp-action,.erp-link-action{cursor:pointer;border:0;font-family:inherit;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,filter .16s}.erp-refresh{border-radius:var(--erp-radius-sm);background:var(--erp-primary-grad);color:#fff;min-height:42px;padding:0 20px;font-size:13.5px;box-shadow:0 8px 20px -6px #6366f18c}.erp-refresh:hover:not(:disabled){filter:brightness(1.06)}.erp-refresh:disabled,.erp-action:disabled,.erp-link-action:disabled{cursor:not-allowed;opacity:.62}.erp-alert{color:#b91c1c;border-radius:var(--erp-radius-sm);background:#fef2f2;border:1px solid #fecaca;padding:12px 14px;font-size:12.5px;font-weight:700}.erp-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.erp-stat{border-radius:var(--erp-radius);min-height:90px;box-shadow:var(--erp-shadow-xs);background:#fff;border:1px solid #e5e7eb;align-items:center;gap:16px;padding:20px 22px;transition:transform .22s cubic-bezier(.2,.8,.3,1.2),box-shadow .22s;animation:.4s both erpFadeUp;display:flex;position:relative;overflow:hidden}.erp-stat:before{content:"";opacity:.5;background:currentColor;height:3px;position:absolute;inset:0 0 auto}.erp-stat:hover{box-shadow:var(--erp-shadow-md);transform:translateY(-3px)}.erp-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:inline-flex}.erp-stat.indigo{color:#4f46e5}.erp-stat.indigo .erp-stat-icon{color:#4f46e5;background:#eef2ff}.erp-stat.green{color:#059669}.erp-stat.green .erp-stat-icon{color:#059669;background:#ecfdf5}.erp-stat.amber{color:#d97706}.erp-stat.amber .erp-stat-icon{color:#d97706;background:#fffbeb}.erp-stat.rose{color:#e11d48}.erp-stat.rose .erp-stat-icon{color:#e11d48;background:#fff1f2}.erp-stat-value{color:#111827;letter-spacing:-.01em;font-size:25px;font-weight:800;line-height:1}.erp-stat-label{color:#667085;margin-top:5px;font-size:12px;font-weight:600}.erp-my-panel{border-radius:var(--erp-radius);box-shadow:var(--erp-shadow-xs);background:#fff;border:1px solid #e5e7eb;padding:20px 22px}.erp-section-head{justify-content:space-between;gap:12px;margin-bottom:16px}.erp-section-head h2{color:#111827;letter-spacing:-.01em;margin:0;font-size:16.5px;font-weight:800}.erp-inline-empty,.erp-empty{color:#667085;font-size:13px;font-weight:600}.erp-registered-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.erp-registered-item{border-radius:var(--erp-radius-sm);background:#f9fafb;border:1px solid #e5e7eb;gap:12px;min-height:64px;padding:12px 14px;transition:border-color .15s,background .15s}.erp-registered-item:hover{border-color:var(--erp-primary-ring);background:#fafbff}.erp-registered-item>div{flex:1;min-width:0}.erp-registered-item strong,.erp-registered-item span{display:block}.erp-registered-item strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.erp-registered-item div span{color:#667085;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.erp-registered-icon{color:#059669;background:#ecfdf5;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.erp-link-action{color:var(--erp-primary-dk);background:0 0;border-radius:8px;padding:7px 10px;font-size:12px}.erp-link-action.danger{color:#dc2626}.erp-link-action:hover:not(:disabled){background:#f3f4f6}.erp-toolbar{border-radius:var(--erp-radius);box-shadow:var(--erp-shadow-xs);background:#fff;border:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 14px}.erp-search{flex:320px;max-width:520px;position:relative}.erp-search svg{color:#98a2b3;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.erp-search input,.erp-select{border-radius:var(--erp-radius-sm);color:#111827;background:#f6f7fb;border:1.5px solid #e5e7eb;outline:none;width:100%;height:40px;font-size:13.5px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.erp-search input{padding:0 42px 0 40px}.erp-search input:hover,.erp-select:hover{border-color:var(--erp-primary-ring);background:#fff}.erp-search input:focus,.erp-select:focus{border-color:var(--erp-primary);background:#fff;box-shadow:0 0 0 4px #6366f11f}.erp-search button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:50%;width:26px;height:26px;transition:background .15s,color .15s;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.erp-search button:hover{color:#111827;background:#e5e7eb}.erp-search button svg{position:static;transform:none}.erp-select{cursor:pointer;max-width:190px;padding:0 14px;font-weight:600}.erp-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px;display:grid}.erp-empty{border-radius:var(--erp-radius);background:#fff;border:1px dashed #d1d5db;grid-column:1/-1;justify-content:center;align-items:center;min-height:140px;display:flex}.erp-card{border-radius:var(--erp-radius);min-height:366px;box-shadow:var(--erp-shadow-xs);background:#fff;border:1px solid #e5e7eb;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.3,1.2),box-shadow .25s,border-color .25s;animation:.38s both erpFadeUp;display:flex;overflow:hidden}.erp-card:hover{box-shadow:var(--erp-shadow-lg);border-color:#0000;transform:translateY(-4px)}.erp-card-top{border-bottom:1px solid;justify-content:space-between;gap:12px;min-height:88px;padding:18px}.erp-date{color:#fff;width:50px;height:54px;box-shadow:var(--erp-shadow-sm);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}.erp-date svg{opacity:.9}.erp-badges{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.erp-category,.erp-registered-badge{letter-spacing:.01em;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;min-height:24px;padding:0 11px;font-size:10.5px;font-weight:800;display:inline-flex}.erp-registered-badge{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.erp-card-body{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex}.erp-card-body h3{color:#111827;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:800;line-height:1.35}.erp-card-body p{color:#98a2b3;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.erp-meta{flex-direction:column;gap:7px;display:flex}.erp-meta span{color:#667085;align-items:center;gap:7px;min-width:0;font-size:12.5px;font-weight:500;display:flex}.erp-meta svg{color:#98a2b3;flex:none}.erp-capacity{margin-top:auto;padding-top:10px}.erp-capacity-row{color:#667085;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px;font-weight:500}.erp-capacity-row strong{color:#111827}.erp-track{background:#f6f7fb;border-radius:999px;height:6px;overflow:hidden}.erp-fill{border-radius:inherit;height:100%;transition:width .5s cubic-bezier(.2,.8,.3,1)}.erp-card-actions{border-top:1px solid #eef0f5;min-height:60px;padding:10px}.erp-action{border-radius:var(--erp-radius-sm);background:var(--erp-primary-grad);color:#fff;width:100%;height:40px;font-size:13px;box-shadow:0 8px 20px -8px #6366f199}.erp-action.secondary{color:#374151;box-shadow:none;background:#f3f4f6}.erp-action:hover:not(:disabled),.erp-refresh:hover:not(:disabled){transform:translateY(-1px)}.erp-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%) 0 0/400% 100%;min-height:366px;animation:1.2s ease-in-out infinite erp-shimmer}@keyframes erp-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (width<=1100px){.erp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.erp-content{padding:20px 16px 40px}.erp-grid{grid-template-columns:1fr}.erp-search,.erp-select{flex-basis:100%;max-width:none}}@media (width<=520px){.erp-stats{grid-template-columns:1fr}.erp-page-head{align-items:flex-start}.erp-refresh{width:100%}.erp-registered-item{align-items:flex-start}.erp-link-action{flex:none}}@keyframes npSlideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes npFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes npOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes npViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.np-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.np-layout{display:flex}.np-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.42s cubic-bezier(.22,1,.36,1) both npSlideIn;overflow:hidden auto}.np-main.sidebar-collapsed{margin-left:58px}.np-main::-webkit-scrollbar{width:5px}.np-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.np-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.np-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.np-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.np-sep{color:var(--text-3)}.np-search-box{border:1px solid var(--border-md);background:var(--bg);max-width:390px;height:36px;color:var(--text-3);border-radius:8px;flex:1;align-items:center;gap:8px;margin:0 auto;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.np-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.np-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.np-search-box input::placeholder{color:var(--text-3)}.np-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.np-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.np-icon-btn:hover{background:var(--bg);color:var(--text-1)}.np-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.np-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.np-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.np-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.np-page-title{letter-spacing:0;color:var(--text-1);font-size:22px;font-weight:800}.np-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.np-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 20px;display:inline-flex;box-shadow:0 2px 10px #6366f152}.np-btn-add:hover{background:var(--primary-dk);box-shadow:0 4px 16px #6366f166}.np-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.np-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;animation:.4s both npFadeUp;display:flex}.np-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.np-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.np-stat-value{font-size:24px;font-weight:800;line-height:1}.np-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.np-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.np-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.np-toolbar .np-search-box{background:#fff;min-width:220px;max-width:320px;margin:0}.np-search-clear{width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.np-search-clear:hover{color:var(--text-1)}.np-select{color:#111827;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;min-width:148px;height:38px;padding:0 32px 0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 3px #0000000d}.np-select:hover{background-color:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.np-select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.np-result-count{background:var(--primary-bg);border:1px solid var(--primary-ring);color:var(--primary);border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:600}.np-view-toggle{background:var(--border);border-radius:8px;gap:2px;padding:3px;display:flex;position:relative}.np-view-toggle-indicator{background:var(--card);width:32px;height:28px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:6px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.np-view-toggle-indicator.list{transform:translate(34px)}.np-view-btn{z-index:1;width:32px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex;position:relative}.np-view-btn:active{transform:scale(.88)}.np-view-btn.active{color:var(--primary)}.np-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both npViewSwitch}.np-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px;display:grid}.np-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.np-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.np-card.pinned{border-color:#fde68a;box-shadow:0 1px 3px #f59e0b24,0 1px 2px #0000000a}.np-card-banner{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 14px;display:flex}.np-card-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.np-card-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.np-pin-badge{background:var(--warning-bg);color:var(--warning);border:1px solid #fde68a;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.np-type-badge,.np-chip,.np-priority{letter-spacing:0;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.np-chip-active{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.np-chip-inactive{color:var(--text-2);border-color:var(--border-md);background:#f3f4f6}.np-priority-high{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.np-priority-normal{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.np-priority-low{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.np-card-body{flex-direction:column;flex:1;gap:10px;padding:16px 18px;display:flex}.np-card-kicker{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.np-card-title{color:var(--text-1);font-size:15.5px;font-weight:800;line-height:1.35}.np-card-desc{color:var(--text-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.np-card-meta{color:var(--text-2);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.np-card-meta span{align-items:center;gap:6px;min-width:0;display:flex}.np-author{color:var(--text-2);margin-top:auto;padding-top:6px;font-size:12px;font-weight:700}.np-card-actions{border-top:1px solid var(--border);grid-template-columns:1fr 1fr 1.2fr;display:grid;overflow:hidden}.np-action-btn,.np-pin-btn{border:none;border-right:1px solid var(--border);min-height:40px;color:var(--primary);font-size:12.5px;font-weight:800;font-family:var(--font);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.np-pin-btn{color:var(--warning)}.np-pin-btn.active{background:var(--warning-bg)}.np-action-btn:hover,.np-pin-btn:hover{background:var(--primary-bg)}.np-status-select{min-width:118px;color:var(--text-1);font-family:var(--font);text-align:center;cursor:pointer;background:0 0;border:none;outline:none;padding:0 10px;font-size:12.5px;font-weight:800}.np-status-select:hover{background:var(--bg)}.np-status-select.small{border:1px solid var(--border-md);background:var(--bg);border-radius:8px;min-width:108px;height:30px}.np-status-active{color:var(--success)}.np-status-inactive{color:var(--text-2)}.np-empty{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:64px 24px;display:flex}.np-empty-icon{background:var(--primary-bg);width:64px;height:64px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.np-empty p{color:var(--text-2);font-size:15px}.np-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:auto}.np-table{border-collapse:collapse;width:100%;min-width:920px}.np-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.np-table th{text-align:left;color:var(--text-2);letter-spacing:0;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:800}.np-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.np-table tbody tr:last-child{border-bottom:none}.np-table tbody tr:hover{background:#fafbff}.np-table td{vertical-align:middle;padding:14px 16px;font-size:13.5px}.np-table-empty{text-align:center;color:var(--text-3);padding:40px 0!important}.np-table-notice{align-items:center;gap:12px;display:flex}.np-table-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.np-table-title{color:var(--text-1);align-items:center;gap:6px;margin-bottom:4px;font-size:13.5px;font-weight:800;display:flex}.np-table-pin{color:var(--warning);display:inline-flex}.np-table-date{color:var(--text-1);font-size:13px;font-weight:700}.np-table-muted{color:var(--text-2);font-size:13px}.np-th-center,.np-td-center{text-align:center}.np-table-actions{align-items:center;gap:6px;display:flex}.np-tbl-btn{border:1px solid var(--border-md);background:var(--bg);width:30px;height:30px;color:var(--primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.np-tbl-btn.active{color:var(--warning);background:var(--warning-bg);border-color:#fde68a}.np-tbl-btn:hover{background:var(--primary-bg);border-color:var(--primary-ring)}.np-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;animation:.22s both npOverlayIn;position:fixed;inset:0}.np-panel{z-index:201;background:var(--card);flex-direction:column;width:500px;transition:transform .36s cubic-bezier(.4,0,.2,1),visibility 0s linear .36s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.np-panel.open{transition-delay:0s;transform:translate(0)}.np-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:24px 24px 20px;display:flex}.np-panel-head-left{align-items:center;gap:14px;min-width:0;display:flex}.np-panel-head-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.np-panel-title{color:var(--text-1);font-size:17px;font-weight:800}.np-panel-sub{color:var(--text-2);margin-top:3px;font-size:12.5px}.np-panel-close{border:1px solid var(--border-md);width:34px;height:34px;color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.np-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.np-panel-body{flex-direction:column;flex:1;padding:20px 24px 8px;display:flex;overflow-y:auto}.np-panel-body::-webkit-scrollbar{width:4px}.np-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.np-panel-foot{border-top:1px solid var(--border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.np-form-section{border-bottom:1px solid var(--border);flex-direction:column;gap:14px;padding:18px 0;display:flex}.np-form-section:last-child{border-bottom:none}.np-form-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;border-radius:8px;padding:11px 13px;font-size:12.5px;font-weight:700}.np-form-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:800}.np-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.np-form-field{color:var(--text-1);flex-direction:column;gap:7px;font-size:12.5px;font-weight:700;display:flex}.np-form-field strong{color:var(--danger)}.np-input{border:1.5px solid var(--border-md);width:100%;height:42px;color:var(--text-1);font-family:var(--font);background:#fafbfc;border-radius:8px;outline:none;padding:0 13px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.np-input:hover{background:#fff;border-color:#c4c9d8}.np-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.np-input::placeholder{color:var(--text-3)}.np-textarea{resize:vertical;height:auto;padding:11px 13px;line-height:1.55}.np-category-chips,.np-status-chips{flex-wrap:wrap;gap:8px;display:flex}.np-field-error{color:var(--danger);margin-top:2px;font-size:12px;font-weight:600;display:block}.np-form-hint{color:var(--text-3);font-size:12.5px;font-style:italic}.np-category-chip,.np-status-chip{border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);border-radius:8px;align-items:center;gap:7px;padding:8px 15px;display:inline-flex}.np-category-chip:hover:not(.active),.np-status-chip:hover:not(.active){border-color:var(--primary-ring);color:var(--primary)}.np-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.np-pchip-high.active{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.np-pchip-normal.active{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.np-pchip-low.active{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.np-schip-active.active{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.np-schip-inactive.active{color:var(--text-1);border-color:var(--border-md);background:#f3f4f6}.np-toggle-row{border:1px solid var(--border);background:var(--bg);cursor:pointer;font-family:var(--font);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.np-toggle-info{flex-direction:column;gap:2px;display:flex}.np-toggle-info strong{color:var(--text-1);font-size:13.5px}.np-toggle-info small{color:var(--text-2);font-size:12px}.np-toggle{background:var(--border-md);border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .18s;position:relative}.np-toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.np-toggle-row.active .np-toggle{background:var(--warning)}.np-toggle-row.active .np-toggle span{transform:translate(20px)}.np-btn-cancel,.np-btn-save{height:40px;font-family:var(--font);cursor:pointer;border-radius:8px;font-size:13.5px;font-weight:700}.np-btn-cancel{border:1.5px solid var(--border-md);color:var(--text-2);background:0 0;padding:0 18px}.np-btn-cancel:hover{background:var(--bg);color:var(--text-1)}.np-btn-save{background:var(--primary);color:#fff;border:none;justify-content:center;align-items:center;gap:7px;padding:0 24px;display:inline-flex}.np-btn-save:hover{transform:translateY(-1px)}.np-btn-save.disabled{opacity:.5;cursor:not-allowed;transform:none}.np-btn-save.saved{background:var(--success);box-shadow:0 2px 10px #10b9814d}.np-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.np-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.np-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.np-content{padding:18px 16px 40px}.np-grid{grid-template-columns:1fr 1fr}.np-panel{width:100%}.np-search-box{max-width:none}}@media (width<=768px){.np-main{margin-left:0!important}.np-hamburger{display:flex}.np-topbar{gap:10px;padding:0 14px}.np-search-box{display:none}}@media (width<=560px){.np-topbar{padding:0 12px}.np-breadcrumb{display:none}.np-grid{grid-template-columns:1fr}.np-stats{grid-template-columns:1fr 1fr}.np-form-row,.np-card-actions{grid-template-columns:1fr}.np-action-btn,.np-pin-btn{border-right:none;border-bottom:1px solid var(--border)}.np-btn-add,.np-toolbar-left,.np-select{width:100%}.np-category-chips,.np-status-chips{flex-direction:column}}.p-toast .p-toast-message{font-family:var(--font)!important;border-style:solid!important;border-width:1px!important;border-radius:12px!important;margin-bottom:10px!important;overflow:hidden!important;box-shadow:0 8px 28px #0000001f,0 2px 8px #0000000f!important}.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close{color:#10b981!important}.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:#ef4444!important}.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:#f59e0b!important}.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:#6366f1!important}.p-toast .p-toast-message-content{align-items:flex-start!important;gap:12px!important;padding:14px 16px!important}.p-toast .p-toast-message-icon{flex-shrink:0!important;margin-top:1px!important;font-size:18px!important}.p-toast .p-toast-message-text{flex:1!important;min-width:0!important}.p-toast .p-toast-summary{margin-bottom:3px!important;font-size:13.5px!important;font-weight:700!important;line-height:1.3!important}.p-toast .p-toast-detail{opacity:.88!important;font-size:12.5px!important;line-height:1.5!important}.p-toast .p-toast-icon-close{cursor:pointer!important;opacity:.7!important;background:0 0!important;border:none!important;border-radius:6px!important;flex-shrink:0!important;width:26px!important;height:26px!important;transition:opacity .15s,background .15s!important}.p-toast .p-toast-icon-close:hover{opacity:1!important;background:#00000012!important}@media (width<=400px){.p-toast{width:calc(100vw - 24px)!important}}.tt-subject-auto-item{justify-content:space-between;align-items:center;gap:14px;padding:6px 2px;display:flex}.tt-subject-auto-main{align-items:center;gap:9px;min-width:0;display:flex}.tt-subject-auto-dot{border-radius:999px;flex-shrink:0;width:9px;height:32px}.tt-subject-auto-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.tt-subject-auto-code{color:#6b7280;margin-top:2px;font-size:11px}.tt-subject-auto-teacher{color:#4f46e5;white-space:nowrap;text-overflow:ellipsis;background:#eef2ff;border:1px solid #6366f12e;border-radius:999px;max-width:180px;padding:4px 8px;font-size:11.5px;font-weight:600;overflow:hidden}@keyframes panelOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 20px))}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}@keyframes viewSwitch{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.88)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.tt-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.tt-layout{display:flex}.tt-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.tt-main.sidebar-collapsed{margin-left:58px}.tt-main::-webkit-scrollbar{width:5px}.tt-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.tt-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.tt-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.tt-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.tt-sep{color:var(--text-3)}.tt-bc-link{cursor:pointer;transition:color .15s}.tt-bc-link:hover{color:var(--primary)}.tt-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.tt-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.tt-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.tt-search-box input::placeholder{color:var(--text-3)}.tt-grid-search-top{flex:1;max-width:380px;margin:0 auto}.tt-toolbar-search{flex-shrink:0;width:220px}.tt-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;margin:0;padding:0;transition:color .15s;display:flex}.tt-search-clear:hover{color:var(--text-1)}.tt-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.tt-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.tt-icon-btn:hover{background:var(--bg);color:var(--text-1)}.tt-notif-btn .tt-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.tt-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.tt-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.tt-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tt-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.tt-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.tt-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.tt-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.tt-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tt-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s both fadeUp;display:flex}.tt-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tt-stat:first-child{animation-delay:60ms}.tt-stat:nth-child(2){animation-delay:.12s}.tt-stat:nth-child(3){animation-delay:.18s}.tt-stat:nth-child(4){animation-delay:.24s}.tt-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tt-stat-value{font-size:24px;font-weight:800;line-height:1}.tt-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.tt-toolbar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.tt-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tt-result-count{color:var(--text-2);background:var(--bg);border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:500}.tt-view-toggle{border:1px solid var(--border-md);border-radius:8px;display:flex;overflow:hidden}.tt-view-btn{width:34px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.tt-view-btn.active{background:var(--primary-bg);color:var(--primary)}.tt-view-btn:hover:not(.active){background:var(--bg);color:var(--text-2)}.tt-dropdown.p-dropdown{border:1px solid var(--border-md);height:36px;color:var(--text-1);font-size:13px;font-family:var(--font);background:var(--card);border-radius:9px;min-width:160px;transition:border-color .15s,box-shadow .15s}.tt-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)}.tt-dropdown.p-dropdown.p-focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.tt-dropdown.p-dropdown .p-dropdown-label{padding:0 12px;font-size:13px;line-height:36px}.tt-dropdown.p-dropdown .p-dropdown-trigger{width:32px}.tt-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-lg);border-radius:12px;margin-top:4px;overflow:hidden}.tt-dropdown-panel.p-dropdown-panel .p-dropdown-header{background:var(--card);border-bottom:1px solid var(--border);margin:0;padding:8px 10px}.tt-dropdown-panel.p-dropdown-panel .p-dropdown-filter-container{width:100%}.tt-dropdown-panel.p-dropdown-panel .p-dropdown-filter{border:1px solid var(--border-md);width:100%;height:34px;color:var(--text-1);font-size:13px;font-family:var(--font);background:var(--bg);border-radius:8px;outline:none;padding:0 32px 0 12px;transition:border-color .15s,box-shadow .15s}.tt-dropdown-panel.p-dropdown-panel .p-dropdown-filter:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.tt-dropdown-panel.p-dropdown-panel .p-dropdown-filter-icon{color:var(--text-3);width:14px;height:14px;right:10px}.tt-dropdown-panel.p-dropdown-panel .p-dropdown-items-wrapper{padding:4px}.tt-dropdown-panel.p-dropdown-panel .p-dropdown-item{color:var(--text-1);border-radius:7px;padding:8px 12px;font-size:13px}.tt-dropdown-panel.p-dropdown-panel .p-dropdown-item:hover{background:var(--primary-bg)}.tt-dropdown-panel.p-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary)}.tt-chip{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.tt-chip-active{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0}.tt-chip-inactive{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.tt-view-anim{animation:.26s cubic-bezier(.22,1,.36,1) both viewSwitch}.tt-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.tt-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;animation:.38s both cardIn;display:flex;overflow:hidden}.tt-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.tt-card:first-child{animation-delay:40ms}.tt-card:nth-child(2){animation-delay:90ms}.tt-card:nth-child(3){animation-delay:.14s}.tt-card:nth-child(4){animation-delay:.19s}.tt-card:nth-child(n+5){animation-delay:.24s}.tt-card-head{justify-content:space-between;align-items:center;padding:16px 18px 0;display:flex}.tt-card-icon-wrap{background:var(--primary-bg);width:42px;height:42px;color:var(--primary);border-radius:11px;justify-content:center;align-items:center;display:flex}.tt-card-body{flex-direction:column;flex:1;gap:8px;padding:12px 18px 14px;display:flex}.tt-card-course{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.35}.tt-card-sem{color:var(--text-2);font-size:12.5px}.tt-card-meta{flex-wrap:wrap;gap:14px;display:flex}.tt-card-meta-item{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:inline-flex}.tt-card-meta-item svg{flex-shrink:0;width:12px;height:12px}.tt-card-days{gap:5px;margin-top:2px;display:flex}.tt-day-dot{background:var(--bg);width:28px;height:28px;color:var(--text-3);border:1px solid var(--border-md);border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:flex}.tt-day-dot.active{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring);font-weight:700}.tt-card-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:10px 16px 14px;display:flex}.tt-card-date{color:var(--text-3);font-size:11px}.tt-card-acts{align-items:center;gap:7px;display:flex}.tt-card-acts .tt-act-btn{flex:1;justify-content:center}.tt-act-btn{cursor:pointer;height:30px;font-size:12px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;align-items:center;gap:5px;padding:0 12px;transition:background .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex}.tt-act-btn.view{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f147}.tt-act-btn.view:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 3px 12px #6366f166}.tt-act-btn.edit{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.tt-act-btn.edit:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f647}.tt-card-status-dd.p-dropdown{flex-shrink:0;min-width:90px;height:30px}.tt-card-status-dd.p-dropdown .p-dropdown-label{padding:0 10px;font-size:12px;line-height:30px}.tt-card-status-dd.p-dropdown .p-dropdown-trigger{width:26px}.tt-status-active.p-dropdown{color:#10b981!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.tt-status-inactive.p-dropdown{color:#64748b!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.tt-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;padding:70px 20px;display:flex}.tt-empty-icon{background:var(--primary-bg);width:68px;height:68px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;display:flex}.tt-empty-icon svg{width:32px;height:32px}.tt-empty p{color:var(--text-2);font-size:14px}.tt-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.tt-table{border-collapse:collapse;width:100%}.tt-table thead{background:var(--bg)}.tt-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border-bottom:1px solid var(--border-md);padding:11px 16px;font-size:11.5px;font-weight:700}.tt-th-center{text-align:center}.tt-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.tt-table tbody tr:last-child{border-bottom:none}.tt-table tbody tr:hover{background:#fafbff}.tt-table td{padding:13px 16px;font-size:13px}.tt-td-center{text-align:center}.tt-table-empty{text-align:center;color:var(--text-3);font-size:13.5px;padding:40px!important}.tt-tbl-course{align-items:center;gap:10px;display:flex}.tt-tbl-icon{background:var(--primary-bg);width:32px;height:32px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tt-tbl-course-name{color:var(--text-1);font-size:13.5px;font-weight:600}.tt-tbl-sem{color:var(--text-1);font-size:13px}.tt-tbl-ay{color:var(--text-2);font-size:13px}.tt-slots-badge{background:var(--purple-bg);color:var(--purple);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.tt-tbl-acts{align-items:center;gap:6px;display:flex}.tt-tbl-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .12s;display:flex}.tt-tbl-btn.view{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.tt-tbl-btn.view:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #6366f147}.tt-tbl-btn.edit{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.tt-tbl-btn.edit:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f647}.tt-tbl-status-dd.p-dropdown{min-width:90px;height:30px}.tt-tbl-status-dd.p-dropdown .p-dropdown-label{padding:0 8px;font-size:11.5px;line-height:30px}.tt-tbl-status-dd.p-dropdown .p-dropdown-trigger{width:24px}.tt-detail-anim{flex-direction:column;gap:22px;animation:.34s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex}.tt-grid-header{flex-direction:column;gap:14px;display:flex}.tt-back-btn{border:1px solid var(--border-md);background:var(--card);height:34px;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);border-radius:8px;align-self:flex-start;align-items:center;gap:7px;padding:0 14px;transition:background .15s,color .15s;display:inline-flex}.tt-back-btn:hover{background:var(--bg);color:var(--text-1)}.tt-grid-title-row{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;display:flex}.tt-grid-title-left{align-items:center;gap:14px;display:flex}.tt-grid-icon{background:var(--primary-bg);width:48px;height:48px;color:var(--primary);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tt-grid-title{color:var(--text-1);font-size:18px;font-weight:800}.tt-grid-sub{color:var(--text-2);margin-top:3px;font-size:13px}.tt-legend-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tt-legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tt-legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.tt-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tt-view-match-count{color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-ring);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 12px;font-size:12px;font-weight:600;animation:.18s cubic-bezier(.22,1,.36,1) both popIn}.tt-week-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.tt-week-scroll{overflow-x:auto}.tt-week-scroll::-webkit-scrollbar{height:5px}.tt-week-scroll::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.tt-week-table{border-collapse:collapse;width:100%;min-width:820px}.tt-th-time{text-transform:uppercase;letter-spacing:.05em;width:80px;min-width:80px;color:var(--text-3);background:var(--bg);border-bottom:2px solid var(--border-md);text-align:center;z-index:2;padding:12px 14px;font-size:11px;font-weight:700;position:sticky;left:0}.tt-th-day{color:var(--text-1);background:var(--bg);border-bottom:2px solid var(--border-md);border-left:1px solid var(--border);text-align:center;min-width:130px;padding:12px 10px;font-size:12px;font-weight:700}.tt-tr{border-bottom:1px solid var(--border)}.tt-tr:last-child{border-bottom:none}.tt-tr-lunch{background:#fffbf0}.tt-td-time{background:var(--bg);border-right:2px solid var(--border-md);z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:72px;padding:10px 14px;display:flex;position:sticky;left:0}.tt-time-label{color:var(--text-2);font-size:12px;font-weight:600}.tt-lunch-tag{color:#f59e0b;background:#fef3c7;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.tt-td-cell{border-left:1px solid var(--border);vertical-align:top;min-height:72px;padding:7px;transition:background .12s;position:relative}.tt-td-cell:hover:not(.has-slot){background:#fafbff}.tt-td-lunch{background:#fffdf5}.tt-lunch-dash{text-align:center;color:var(--text-3);width:100%;font-size:18px;line-height:72px;display:block}.tt-slot-card{cursor:default;border-left:3px solid;border-radius:8px;flex-direction:column;gap:4px;min-height:58px;padding:8px 10px;transition:transform .15s,box-shadow .15s,opacity .2s,filter .2s;display:flex}.tt-slot-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.tt-slot-card.dimmed{opacity:.15;filter:grayscale(.6);pointer-events:none}.tt-slot-subj{word-break:break-word;font-size:12.5px;font-weight:700;line-height:1.3}.tt-slot-row{color:var(--text-2);align-items:center;gap:4px;font-size:11px;display:flex}.tt-slot-row svg{opacity:.7;flex-shrink:0}.tt-tl-wrap{flex-direction:column;min-width:740px;display:flex}.tt-tl-header{background:var(--bg);border-bottom:2px solid var(--border-md);z-index:5;grid-template-columns:64px repeat(6,1fr);display:grid;position:sticky;top:0}.tt-tl-corner{border-right:2px solid var(--border-md)}.tt-tl-day-hdr{color:var(--text-1);text-align:center;border-left:1px solid var(--border);padding:11px 10px;font-size:12px;font-weight:700}.tt-tl-body{grid-template-columns:64px repeat(6,1fr);display:grid;position:relative}.tt-tl-times{z-index:4;background:var(--bg);border-right:2px solid var(--border-md);position:sticky;left:0}.tt-tl-time-lbl{color:var(--text-3);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:10.5px;font-weight:600;line-height:1;position:absolute;right:7px;transform:translateY(-50%)}.tt-tl-day-col{border-left:1px solid var(--border);position:relative}.tt-tl-line{background:var(--border-md);pointer-events:none;height:1px;position:absolute;left:0;right:0}.tt-tl-line.half{border-top:1px dashed var(--border);opacity:.7;background:0 0;height:0}.tt-tl-slot{cursor:default;z-index:2;border-left:3px solid;border-radius:7px;padding:5px 8px;transition:transform .15s,box-shadow .15s,opacity .2s,filter .2s;position:absolute;overflow:hidden}.tt-tl-slot:hover{z-index:3;transform:translate(1px);box-shadow:0 4px 14px #00000024}.tt-tl-slot.dimmed{opacity:.15;filter:grayscale(.6);pointer-events:none}.tt-tl-slot-subj{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;line-height:1.3;overflow:hidden}.tt-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;background:#0f0f1e66;animation:.22s both overlayIn;position:fixed;inset:0}.tt-overlay.closing{pointer-events:none;animation:.28s forwards overlayOut}.tt-panel{background:var(--card);z-index:910;width:min(1040px,100vw - 58px);min-width:760px;box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(calc(100% + 20px))}.tt-panel.open{animation:.34s cubic-bezier(.22,1,.36,1) both panelIn;transform:translate(0)}.tt-panel.closing{pointer-events:none;transition:none;animation:.28s cubic-bezier(.4,0,1,1) forwards panelOut}.tt-panel-head{border-bottom:1px solid var(--border-md);background:linear-gradient(135deg, var(--primary-bg), #fff);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tt-panel-head-left{align-items:center;gap:12px;display:flex}.tt-panel-head-icon{background:var(--primary);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tt-panel-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-3);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.tt-panel-close:hover{background:var(--danger-bg);color:var(--danger)}.tt-panel-foot{border-top:1px solid var(--border-md);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.tt-btn-cancel{border:1px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--font);border-radius:9px;padding:0 18px;transition:background .15s,color .15s}.tt-btn-cancel:hover{background:var(--bg);color:var(--text-1)}.tt-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:38px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:9px;align-items:center;gap:7px;padding:0 22px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 3px 12px #6366f159}.tt-btn-save:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 5px 18px #6366f173}.tt-btn-save.disabled{box-shadow:none;cursor:not-allowed;background:#c7d2fe;transform:none}.tt-btn-save.saved{background:#10b981;box-shadow:0 3px 12px #10b98159}.tt-form-section{flex-direction:column;gap:10px;display:flex}.tt-form-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);border-bottom:1px solid var(--border);align-items:center;gap:7px;padding-bottom:8px;font-size:12px;font-weight:700;display:flex}.tt-form-field{flex-direction:column;gap:6px;display:flex}.tt-form-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.tt-input{border:1px solid var(--border-md);height:38px;color:var(--text-1);font-size:13px;font-family:var(--font);background:var(--bg);border-radius:9px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s}.tt-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.tt-input::placeholder{color:var(--text-3)}.tt-form-dd.p-dropdown{min-width:unset;background:var(--bg);width:100%!important}.tt-form-dd.p-dropdown .p-dropdown-label{background:var(--bg)}.tt-info-grid{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.tt-status-chips{flex-wrap:wrap;gap:8px;display:flex}.tt-status-chip{border:1px solid var(--border-md);color:var(--text-2);cursor:pointer;background:var(--bg);font-size:13px;font-weight:500;font-family:var(--font);border-radius:8px;align-items:center;gap:7px;padding:6px 14px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.tt-status-chip:hover{border-color:var(--border)}.tt-schip-dot{background:var(--text-3);border-radius:50%;width:7px;height:7px}.tt-slot-table-wrap{border:1px solid var(--border-md);background:var(--card);border-radius:12px;position:relative;overflow:hidden}.tt-cp-backdrop{z-index:915;position:fixed;inset:0}.tt-slot-scroll{overflow:visible}.tt-slot-table{border-collapse:collapse;table-layout:fixed;width:100%}.tt-sth-num{width:32px}.tt-sth-day{width:72px}.tt-sth-time{width:96px}.tt-sth-subj{width:22%}.tt-sth-faculty{width:18%}.tt-sth-room{width:80px}.tt-sth-color{width:38px}.tt-sth-del{width:36px}.tt-slot-table thead tr{background:var(--bg);border-bottom:2px solid var(--border-md)}.tt-slot-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);text-align:left;white-space:nowrap;padding:9px 8px;font-size:11px;font-weight:700}.tt-sth-num,.tt-sth-color,.tt-sth-del{text-align:center}.tt-sth-day,.tt-sth-time{text-align:left}.tt-slot-tr{border-bottom:1px solid var(--border);transition:background .12s}.tt-slot-tr:last-child{border-bottom:none}.tt-slot-tr:hover,.tt-slot-tr.tt-tr-filled{background:#fafbff}.tt-slot-table td{vertical-align:middle;padding:4px 5px}.tt-std-num{text-align:center;padding:5px 2px}.tt-row-num{border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.tt-cell-sel{width:100%;height:32px;color:var(--text-1);font-size:12px;font-family:var(--font);cursor:pointer;appearance:auto;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:0 8px;transition:border-color .15s,background .15s}.tt-cell-sel:hover{border-color:var(--border-md);background:var(--bg)}.tt-cell-sel:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px #6366f11f}.tt-cell-time{width:100%;height:32px;color:var(--text-1);font-size:12px;font-family:var(--font);cursor:text;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:0 4px;transition:border-color .15s,background .15s}.tt-cell-time:hover{border-color:var(--border-md);background:var(--bg)}.tt-cell-time:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px #6366f11f}.tt-cell-time::-webkit-calendar-picker-indicator{opacity:.4;cursor:pointer}.tt-t12{border:1px solid #0000;border-radius:6px;align-items:center;gap:2px;width:100%;min-width:88px;height:32px;padding:0 4px;transition:border-color .15s,background .15s;display:inline-flex}.tt-t12:hover{border-color:var(--border-md);background:var(--bg)}.tt-t12:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px #6366f11f}.tt-t12-hm{width:20px;color:var(--text-1);font-size:12px;font-family:var(--font);text-align:center;-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:0}.tt-t12-hm::-webkit-outer-spin-button{-webkit-appearance:none}.tt-t12-hm::-webkit-inner-spin-button{-webkit-appearance:none}.tt-t12-sep{color:var(--text-2);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:12px;font-weight:600;line-height:1}.tt-t12-ampm{background:var(--primary-bg);color:var(--primary);font-size:9.5px;font-weight:700;font-family:var(--font);cursor:pointer;letter-spacing:.04em;border:none;border-radius:5px;flex-shrink:0;margin-left:3px;padding:2px 5px;transition:background .12s,color .12s}.tt-t12-ampm:hover{background:var(--primary);color:#fff}.tt-cell-input{width:100%;height:32px;color:var(--text-1);font-size:12px;font-family:var(--font);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:0 8px;transition:border-color .15s,background .15s}.tt-cell-input:hover{border-color:var(--border-md);background:var(--bg)}.tt-cell-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px #6366f11f}.tt-cell-input::placeholder{color:var(--text-3);font-size:11.5px}.tt-std-color{text-align:center}.tt-color-swatch{cursor:pointer;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:0 auto;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 0 0 1px #00000026}.tt-color-swatch:hover{transform:scale(1.2);box-shadow:0 0 0 2px #00000040}.tt-color-swatch.active{transform:scale(1.15);box-shadow:0 0 0 3px #6366f180}.tt-cp-fixed-backdrop{z-index:905;position:fixed;inset:0}.tt-color-popup-fixed{z-index:960;border:1px solid var(--border-md);transform-origin:100% 0;background:#fff;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:7px;width:138px;padding:10px;animation:.18s cubic-bezier(.22,1,.36,1) both popIn;display:grid;position:fixed;box-shadow:0 8px 32px #0000002e}.tt-cp-dot{cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;transition:transform .15s,box-shadow .15s}.tt-cp-dot:hover{transform:scale(1.25)}.tt-cp-dot.sel{transform:scale(1.15)}.tt-std-del{text-align:center}.tt-row-del-btn{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;margin:0 auto;transition:background .15s,color .15s;display:flex}.tt-row-del-btn:hover{background:var(--danger-bg);color:var(--danger)}.tt-ac.p-autocomplete{width:100%;display:block}.tt-ac .p-autocomplete-input,.tt-cell-ac-input{width:100%;height:32px;color:var(--text-1);font-size:12px;font-family:var(--font);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:0 8px;transition:border-color .15s,background .15s}.tt-ac .p-autocomplete-input:hover,.tt-cell-ac-input:hover{border-color:var(--border-md);background:var(--bg)}.tt-ac .p-autocomplete-input:focus,.tt-cell-ac-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px #6366f11f}.tt-ac .p-autocomplete-input::placeholder,.tt-cell-ac-input::placeholder{color:var(--text-3);font-size:11.5px}.tt-ac-panel.p-autocomplete-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-lg);border-radius:10px;margin-top:4px;overflow:hidden}.tt-ac-panel .p-autocomplete-items{padding:4px}.tt-ac-panel .p-autocomplete-item{color:var(--text-1);cursor:pointer;border-radius:7px;padding:8px 12px;font-size:13px;transition:background .12s}.tt-ac-panel .p-autocomplete-item:hover,.tt-ac-panel .p-autocomplete-item.p-highlight{background:var(--primary-bg);color:var(--primary)}.tt-slots-empty{text-align:center;color:var(--text-3);border-bottom:1px solid var(--border);padding:24px;font-size:13px}.tt-add-row-bar{background:var(--bg);border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 12px;display:flex}.tt-add-row-btn{background:var(--primary);color:#fff;cursor:pointer;height:32px;font-size:12.5px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;align-items:center;gap:6px;padding:0 14px;transition:background .15s,transform .12s;display:inline-flex}.tt-add-row-btn:hover{background:var(--primary-dk);transform:translateY(-1px)}.tt-row-count{color:var(--text-2);font-size:12px;font-weight:500}.tt-anim-1{animation:.32s 40ms both fieldIn}.tt-anim-2{animation:.32s 90ms both fieldIn}.tt-anim-3{animation:.32s .14s both fieldIn}.tt-anim-4{animation:.32s .19s both fieldIn}.tt-anim-5{animation:.32s .24s both fieldIn}.tt-anim-6{animation:.32s .29s both fieldIn}.tt-break-label-hd{color:#d97706!important;border-color:#fed7aa!important}.tt-break-label-hd svg{color:#f59e0b}.tt-break-wrap{border-color:#fed7aa!important}.tt-break-wrap .tt-slot-table thead tr{background:#fffbeb}.tt-break-wrap .tt-slot-table th{color:#92400e}.tt-brk-num{color:#d97706!important;background:#fef3c7!important}.tt-brk-tr:hover{background:#fffbf0!important}.tt-brk-add-bar{background:#fffbeb!important;border-color:#fed7aa!important}.tt-add-brk-btn{background:#f59e0b!important}.tt-add-brk-btn:hover{background:#d97706!important}.tt-break-table{width:100%}.tt-break-table .tt-sth-time{width:96px}.tt-break-table .tt-sth-brk-label,.tt-break-table .tt-std-brk-label{width:28%}.tt-sth-brk-days{white-space:nowrap}.tt-day-chips{flex-wrap:nowrap;gap:3px;display:flex}.tt-day-chip{border:1px solid var(--border-md);background:var(--bg);width:22px;height:22px;color:var(--text-3);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s,border-color .12s;display:flex}.tt-day-chip:hover{color:#d97706;border-color:#fcd34d}.tt-day-chip.active{color:#d97706;background:#fef3c7;border-color:#fcd34d;font-weight:800}.tt-legend-break{color:var(--text-2);font-style:italic}.tt-legend-break-dot{background:#f59e0b;flex-shrink:0;width:10px;height:10px;border-radius:2px!important}.tt-tl-break{z-index:1;pointer-events:none;background:#fbbf2421;border-top:1.5px dashed #f59e0b;border-bottom:1.5px dashed #f59e0b;justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0;overflow:hidden}.tt-tl-break-lbl{color:#d97706;white-space:nowrap;letter-spacing:.01em;background:#fffbebe6;border-radius:4px;padding:1px 7px;font-size:10px;font-weight:700}.tt-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.tt-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.tt-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tt-main{margin-left:0!important}.tt-hamburger{display:flex}.tt-topbar{gap:10px;padding:0 14px}.tt-panel{width:100%;min-width:unset}.tt-info-grid{grid-template-columns:1fr}.tt-stats{grid-template-columns:1fr 1fr}.tt-cards{grid-template-columns:1fr}}@media (width<=540px){.tt-content{padding:16px 14px 40px}.tt-stats{grid-template-columns:1fr}.tt-topbar{padding:0 12px}}.tt-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:500}.p-toast{z-index:9999!important;width:340px!important}.p-toast .p-toast-message{border-style:solid!important;border-width:1px!important;border-radius:12px!important;box-shadow:0 8px 28px #0000001f!important}.p-toast .p-toast-message.p-toast-message-success{color:#065f46!important;background:#ecfdf5!important;border-color:#6ee7b7!important}.p-toast .p-toast-message.p-toast-message-error{color:#991b1b!important;background:#fef2f2!important;border-color:#fca5a5!important}.p-toast .p-toast-message.p-toast-message-warn{color:#92400e!important;background:#fffbeb!important;border-color:#fcd34d!important}.p-toast .p-toast-message.p-toast-message-info{color:#1e40af!important;background:#eff6ff!important;border-color:#93c5fd!important}.p-toast .p-toast-message-content{gap:10px!important;padding:14px 16px!important}.p-toast .p-toast-summary{font-size:13.5px!important;font-weight:700!important}.p-toast .p-toast-detail{margin-top:2px!important;font-size:12.5px!important}.p-toast .p-toast-icon-close{border-radius:7px!important;width:28px!important;height:28px!important;transition:background .15s!important}.p-toast .p-toast-icon-close:hover{background:#00000014!important}.teacher-tt-page{--teacher-primary:#2563eb;--teacher-primary-bg:#eff6ff;--teacher-success:#059669;--teacher-purple:#7c3aed;--teacher-warning:#d97706;--teacher-bg:#f8f9fc;--teacher-card:#fff;--teacher-text:#111827;--teacher-muted:#6b7280;--teacher-soft:#9ca3af;--teacher-border:#e5e7eb;--teacher-border-soft:#f1f5f9;--teacher-shadow:0 8px 28px #0f172a14;background:var(--teacher-bg);min-height:100%;color:var(--teacher-text);flex-direction:column;gap:18px;padding:24px;display:flex}.teacher-tt-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.teacher-tt-head h1{margin:0;font-size:26px;font-weight:800;line-height:1.2}.teacher-tt-head p{color:var(--teacher-muted);margin:6px 0 0;font-size:14px}.teacher-tt-refresh{border:1px solid var(--teacher-border);background:var(--teacher-card);min-width:112px;height:38px;color:var(--teacher-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.teacher-tt-refresh:hover:not(:disabled){background:var(--teacher-primary-bg);color:var(--teacher-primary);border-color:#bfdbfe}.teacher-tt-refresh:disabled{opacity:.55;cursor:not-allowed}.teacher-tt-toolbar{border:1px solid var(--teacher-border);background:var(--teacher-card);box-shadow:var(--teacher-shadow);border-radius:8px;grid-template-columns:minmax(280px,440px) minmax(220px,1fr);align-items:end;gap:12px;padding:16px;display:grid}.teacher-tt-field,.teacher-tt-search{flex-direction:column;gap:7px;min-width:0;display:flex}.teacher-tt-field>span{color:var(--teacher-muted);font-size:12px;font-weight:700}.teacher-tt-dropdown.p-dropdown{width:100%;background:#fff!important;height:40px!important;min-height:40px!important}.teacher-tt-search{position:relative}.teacher-tt-search span{color:var(--teacher-soft);pointer-events:none;display:inline-flex;position:absolute;bottom:12px;left:13px}.teacher-tt-search input{border:1px solid var(--teacher-border);width:100%;height:40px;color:var(--teacher-text);background:#fff;border-radius:8px;outline:none;padding:0 12px 0 38px;font-size:13px;transition:border-color .16s,box-shadow .16s}.teacher-tt-search input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb24}.teacher-tt-search input:disabled{cursor:not-allowed;color:var(--teacher-soft);background:#f9fafb}.teacher-tt-profile{background:linear-gradient(135deg,#eff6ff 0%,#fff 72%);border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;display:flex}.teacher-tt-avatar{background:var(--teacher-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:flex}.teacher-tt-profile h2{margin:0;font-size:16px;font-weight:800}.teacher-tt-profile p{color:var(--teacher-muted);margin:4px 0 0;font-size:13px}.teacher-tt-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:11px 14px;font-size:13px;font-weight:700}.teacher-tt-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.teacher-tt-stat{border:1px solid var(--teacher-border);background:var(--teacher-card);border-radius:8px;align-items:center;gap:12px;min-height:86px;padding:16px;display:flex;box-shadow:0 1px 3px #0f172a0d}.teacher-tt-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.teacher-tt-stat strong{font-size:22px;font-weight:800;line-height:1;display:block}.teacher-tt-stat span{color:var(--teacher-muted);margin-top:5px;font-size:12px;font-weight:700;display:block}.teacher-tt-empty,.teacher-tt-loading{min-height:300px;color:var(--teacher-muted);text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.teacher-tt-empty svg{color:var(--teacher-primary)}.teacher-tt-empty h2{color:var(--teacher-text);margin:0;font-size:18px;font-weight:800}.teacher-tt-empty p{margin:0;font-size:13px}.teacher-tt-loading{font-size:14px;font-weight:700}.teacher-tt-week-card,.teacher-tt-list-card{border:1px solid var(--teacher-border);background:var(--teacher-card);box-shadow:var(--teacher-shadow);border-radius:8px;overflow:hidden}.teacher-tt-week-head,.teacher-tt-list-head{border-bottom:1px solid var(--teacher-border-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.teacher-tt-week-head h2,.teacher-tt-list-head h2{margin:0;font-size:17px;font-weight:800}.teacher-tt-week-head p,.teacher-tt-list-head span{color:var(--teacher-muted);margin:4px 0 0;font-size:13px}.teacher-tt-week-scroll,.teacher-tt-table-wrap{overflow-x:auto}.teacher-tt-week-scroll::-webkit-scrollbar{height:6px}.teacher-tt-table-wrap::-webkit-scrollbar{height:6px}.teacher-tt-week-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.teacher-tt-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.teacher-tt-timeline{min-width:900px}.teacher-tt-timeline-header{border-bottom:1px solid var(--teacher-border);z-index:4;background:#f8fafc;grid-template-columns:72px repeat(6,minmax(132px,1fr));display:grid;position:sticky;top:0}.teacher-tt-timeline-corner{border-right:1px solid var(--teacher-border)}.teacher-tt-day-head{border-left:1px solid var(--teacher-border-soft);text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:54px;padding:11px 10px;display:flex}.teacher-tt-day-head span{color:var(--teacher-text);font-size:12px;font-weight:800}.teacher-tt-day-head small{color:var(--teacher-muted);font-size:11px;font-weight:700}.teacher-tt-timeline-body{grid-template-columns:72px repeat(6,minmax(132px,1fr));display:grid;position:relative}.teacher-tt-time-col{z-index:3;border-right:1px solid var(--teacher-border);background:#f8fafc;position:sticky;left:0}.teacher-tt-time-label{color:var(--teacher-muted);white-space:nowrap;font-size:11px;font-weight:700;position:absolute;right:10px;transform:translateY(-50%)}.teacher-tt-day-col{border-left:1px solid var(--teacher-border-soft);position:relative}.teacher-tt-grid-line{background:var(--teacher-border);pointer-events:none;height:1px;position:absolute;left:0;right:0}.teacher-tt-grid-line.half{background:0 0;border-top:1px dashed #e2e8f0;height:0}.teacher-tt-slot{z-index:2;border-left:4px solid;border-radius:8px;flex-direction:column;gap:5px;padding:7px 9px;transition:transform .14s,box-shadow .14s;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 14px #0f172a14}.teacher-tt-slot:hover{z-index:5;transform:translate(1px);box-shadow:0 8px 20px #0f172a24}.teacher-tt-slot strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:800;line-height:1.25;display:block;overflow:hidden}.teacher-tt-slot span{color:#475569;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;font-size:11px;font-weight:700;line-height:1.2;display:flex;overflow:hidden}.teacher-tt-slot svg{flex-shrink:0}.teacher-tt-table{border-collapse:collapse;width:100%;min-width:860px}.teacher-tt-table th,.teacher-tt-table td{border-bottom:1px solid var(--teacher-border-soft);text-align:left;vertical-align:middle;padding:13px 14px;font-size:13px}.teacher-tt-table th{color:var(--teacher-muted);background:#f8fafc;font-size:12px;font-weight:800}.teacher-tt-table tr:last-child td{border-bottom:0}.teacher-tt-table td{color:#374151;font-weight:600}.teacher-tt-subject-dot{border-radius:999px;width:9px;height:9px;margin-right:8px;display:inline-block}.teacher-tt-dropdown-panel .p-dropdown-items{padding:6px}.teacher-tt-dropdown-panel .p-dropdown-item{border-radius:7px;font-size:13px}@media (width<=1100px){.teacher-tt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.teacher-tt-page{padding:16px}.teacher-tt-head{flex-direction:column}.teacher-tt-refresh{width:100%}.teacher-tt-toolbar,.teacher-tt-stats{grid-template-columns:1fr}.teacher-tt-profile{align-items:flex-start}}.lbp-backdrop{z-index:2000;background:#0f172a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.lbp-toolbar{background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.lbp-toolbar-left{align-items:center;gap:12px;display:flex}.lbp-toolbar-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.lbp-toolbar-title{color:#f1f5f9;margin:0;font-size:15px;font-weight:700;line-height:1.2}.lbp-toolbar-sub{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:420px;margin:2px 0 0;font-size:12px;overflow:hidden}.lbp-toolbar-actions{align-items:center;gap:10px;display:flex}.lbp-btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.lbp-btn-close:hover{color:#e2e8f0;background:#1e293b;border-color:#475569}.lbp-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #6366f166}.lbp-btn-print:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.lbp-btn-print:active{transform:translateY(0)}.lbp-preview{background:#0f172a;flex:1;justify-content:center;padding:28px;display:flex;overflow-y:auto}.lbp-preview-inner{width:100%;max-width:900px}.lbp-page{background:#fff;border-radius:8px;min-height:600px;padding:24px;box-shadow:0 4px 40px #00000080}.lbp-label-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lbp-label{break-inside:avoid;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}.lbp-label-header{justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.lbp-label-library{color:#fff;letter-spacing:.6px;text-transform:uppercase;font-size:9px;font-weight:800}.lbp-label-category{color:#ffffffd9;letter-spacing:.4px;background:#fff3;border-radius:4px;padding:1px 6px;font-size:8px;font-weight:700}.lbp-label-body{flex-direction:column;flex:1;padding:10px 10px 4px;display:flex}.lbp-label-book-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:11px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.lbp-label-author{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:9.5px;font-weight:500;overflow:hidden}.lbp-label-isbn{color:#94a3b8;margin-bottom:4px;font-family:Courier New,monospace;font-size:8.5px}.lbp-barcode-wrap{background:#fff;justify-content:center;align-items:center;padding:4px 0 2px;display:flex}.lbp-barcode-svg{max-width:100%;height:auto;display:block}.lbp-label-footer{background:#f8fafc;border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding:5px 10px 7px;display:flex}.lbp-copy-no{color:#94a3b8;font-family:Courier New,monospace;font-size:8.5px;font-weight:600}.lbp-acc-no{color:#475569;font-family:Courier New,monospace;font-size:8.5px;font-weight:700}.lbp-print-area{display:none}@media print{body *{visibility:hidden}.lbp-print-area,.lbp-print-area *{visibility:visible}.lbp-print-area{box-sizing:border-box;background:#fff;padding:12mm;position:fixed;inset:0;display:block!important}.lbp-label-grid{grid-template-columns:repeat(3,1fr);gap:8mm;width:100%;display:grid}.lbp-label{break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #ccc;border-radius:4px}.lbp-label-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:4px 8px}.lbp-label-body{padding:6px 8px 2px}.lbp-label-footer{padding:4px 8px 5px}.lbp-barcode-svg{max-width:100%}.lbp-label-library,.lbp-label-category{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--primary:#6366f1;--primary-lt:#818cf8;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes bkViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bk-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.bk-layout{display:flex}.bk-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.bk-main.sidebar-collapsed{margin-left:58px}.bk-main::-webkit-scrollbar{width:5px}.bk-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.bk-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.bk-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.bk-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.bk-sep{color:var(--text-3)}.bk-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.bk-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.bk-icon-btn:hover{background:var(--bg);color:var(--text-1)}.bk-notif-btn .bk-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.bk-avatar{background:linear-gradient(135deg,var(--primary),#818cf8);color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.bk-content{flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.bk-page-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.bk-page-title{color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:700}.bk-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.bk-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.bk-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.bk-stat{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;animation:.4s both fadeUp;display:flex}.bk-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bk-stat-value{font-size:22px;font-weight:700}.bk-stat-label{color:var(--text-2);margin-top:2px;font-size:12px}.bk-toolbar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.bk-toolbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.bk-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;min-width:240px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.bk-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.bk-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.bk-search-box input::placeholder{color:var(--text-3)}.bk-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s;display:flex}.bk-search-clear:hover{color:var(--text-1)}.bk-result-count{color:var(--text-2);white-space:nowrap;font-size:12px}.bk-view-toggle{gap:4px;display:flex}.bk-view-btn{border:1px solid var(--border-md);width:34px;height:34px;color:var(--text-3);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.bk-view-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.bk-view-btn:active{transform:scale(.9)}.bk-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both bkViewSwitch}.bk-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.bk-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;animation:.35s both cardIn;overflow:hidden}.bk-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bk-card-banner{border-bottom:1px solid #0000;justify-content:space-between;align-items:flex-start;padding:20px 16px 14px;display:flex}.bk-card-icon{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bk-card-body{flex-direction:column;gap:6px;padding:14px 16px 12px;display:flex}.bk-card-cat-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.bk-card-cat{text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.bk-card-accession{letter-spacing:.4px;white-space:nowrap;border:1px solid #0000;border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:700}.bk-card-accession.bk-acc-done{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.bk-card-accession.bk-acc-none{color:var(--text-3);border-color:var(--border-md);background:#fafafa}.bk-card-title{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.35}.bk-card-author{color:var(--text-2);align-items:center;gap:5px;font-size:12.5px;display:flex}.bk-card-isbn{color:var(--text-3);align-items:center;gap:5px;font-size:11.5px;display:flex}.bk-card-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.bk-avail{margin-top:4px}.bk-avail-row{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px;display:flex}.bk-avail-label{color:var(--text-2);align-items:center;gap:4px;display:flex}.bk-avail-pct{font-size:12px;font-weight:600}.bk-avail-track{background:#f3f4f6;border-radius:4px;height:5px;overflow:hidden}.bk-avail-fill{border-radius:4px;height:100%;transition:width .4s}.bk-card-meta{color:var(--text-3);align-items:center;gap:12px;margin-top:2px;font-size:11.5px;display:flex}.bk-card-meta span{align-items:center;gap:4px;display:flex}.bk-card-actions{border-top:1px solid var(--border);background:#fafafa;align-items:center;gap:8px;padding:10px 12px;display:flex}.bk-action-btn{border:1px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.bk-action-btn.edit:hover{color:var(--primary);background:#eef2ff;border-color:#c7d2fe}.bk-action-btn.barcode{color:var(--text-3);gap:5px;font-size:12px}.bk-action-btn.barcode:hover,.bk-action-btn.barcode.has-acc{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.bk-list-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.bk-table{border-collapse:collapse;width:100%;font-size:13.5px}.bk-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-md);background:#fafbff;padding:11px 14px;font-size:11.5px;font-weight:600}.bk-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.bk-table tbody tr:last-child td{border-bottom:none}.bk-table tbody tr:hover td{background:#fafbff}.bk-table-empty{text-align:center;color:var(--text-3);font-size:13px;padding:36px!important}.bk-th-center,.bk-td-center{text-align:center}.bk-table-book{align-items:center;gap:10px;display:flex}.bk-table-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bk-table-name{color:var(--text-1);font-size:13.5px;font-weight:600}.bk-table-isbn{color:var(--text-3);margin-top:1px;font-size:11.5px}.bk-table-cell{color:var(--text-2)}.bk-muted{font-size:12.5px}.bk-na{color:var(--text-3)}.bk-cat-pill{border:1px solid #0000;border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.bk-acc-pill{letter-spacing:.3px;border:1px solid #0000;border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-block}.bk-acc-pill.bk-acc-done{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.bk-acc-pill.bk-acc-none{color:var(--text-3);border-color:var(--border-md);background:#fafafa}.bk-table-acts{align-items:center;gap:6px;display:flex}.bk-tbl-btn{border:1px solid var(--border-md);background:var(--card);width:28px;height:28px;color:var(--text-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.bk-tbl-btn.edit:hover{color:var(--primary);background:#eef2ff;border-color:#c7d2fe}.bk-tbl-btn.barcode{color:var(--text-3)}.bk-tbl-btn.barcode:hover,.bk-tbl-btn.barcode.has-acc{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.bk-chip{border:1px solid #0000;border-radius:20px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.bk-chip-available{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.bk-chip-low{color:#d97706;background:#fffbeb;border-color:#fde68a}.bk-chip-out{color:#dc2626;background:#fef2f2;border-color:#fecaca}.bk-chip-active{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.bk-chip-inactive{color:#64748b;background:#f8fafc;border-color:#cbd5e1}.bk-empty{background:var(--card);border-radius:var(--radius);border:1px dashed var(--border-md);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.bk-empty-icon{width:56px;height:56px;color:var(--primary);background:#eef2ff;border-radius:14px;justify-content:center;align-items:center;display:flex}.bk-empty p{color:var(--text-2);font-size:14px}.bk-btn-add{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 3px 10px #6366f159}.bk-btn-add:hover{background:#4f46e5;transform:translateY(-1px)}.bk-btn-add:disabled,.bk-btn-add.disabled{cursor:not-allowed;color:#9ca3af!important;box-shadow:none!important;background:#e5e7eb!important;transform:none!important}.bk-btn-manage-cat{min-height:36px;color:var(--primary);cursor:pointer;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.bk-btn-manage-cat:hover{color:#4f46e5;background:#e0e7ff;border-color:#a5b4fc;transform:translateY(-1px)}.bk-btn-cat-badge{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.bk-btn-export{border:1px solid var(--border-md);background:var(--card);min-height:36px;color:var(--text-1);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.bk-btn-export:hover:not(:disabled){color:#047857;background:#ecfdf5;border-color:#a7f3d0;transform:translateY(-1px)}.bk-btn-export:disabled{cursor:not-allowed;color:var(--text-3);border-color:var(--border-md);background:#f3f4f6}.bk-overlay{z-index:400;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;animation:.18s both fadeIn;position:fixed;inset:0}.bk-panel{z-index:500;background:var(--card);flex-direction:column;width:560px;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000024}.bk-panel.open{transition-delay:0s;transform:translate(0)}.bk-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 18px;display:flex}.bk-panel-head-left{align-items:center;gap:12px;min-width:0;display:flex}.bk-panel-head-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bk-panel-title{color:var(--text-1);font-size:16px;font-weight:700}.bk-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.bk-panel-close{border:1px solid var(--border-md);width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.bk-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.bk-panel-body{flex-direction:column;flex:1;gap:16px;padding:18px 20px;display:flex;overflow-y:auto}.bk-panel-body::-webkit-scrollbar{width:4px}.bk-panel-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.bk-form-section{flex-direction:column;gap:10px;display:flex}.bk-form-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:6px;font-size:11.5px;font-weight:700;display:flex}.bk-form-field{flex-direction:column;gap:5px;display:flex}.bk-form-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.bk-req{color:var(--danger)}.bk-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bk-input-group{position:relative}.bk-input-icon{color:var(--text-3);pointer-events:none;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.bk-input{border:1.5px solid var(--border-md);background:var(--bg);width:100%;color:var(--text-1);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.bk-input-iconed{padding-left:32px}.bk-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.bk-input::placeholder{color:var(--text-3)}.bk-textarea{resize:vertical;min-height:80px;padding:8px 12px}.bk-input-err{border-color:var(--danger)!important}.bk-input-err:focus{box-shadow:0 0 0 3px #ef44441f!important}.bk-form-dd{width:100%}.bk-barcode-preview{border:1.5px solid var(--border-md);background:#f8f9fc;border-radius:10px;animation:.25s both fieldIn;overflow:hidden}.bk-barcode-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);padding:8px 14px 4px;font-size:10.5px;font-weight:700}.bk-barcode-wrap{justify-content:center;align-items:center;padding:4px 14px 10px;display:flex}.bk-barcode-wrap svg{max-width:100%;height:auto}.bk-palette{flex-wrap:wrap;gap:8px;display:flex}.bk-palette-dot{cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;transition:transform .15s,box-shadow .15s}.bk-palette-dot:hover{transform:scale(1.2)}.bk-palette-dot.selected{transform:scale(1.15)}.bk-status-chips{flex-wrap:wrap;gap:8px;display:flex}.bk-status-chip{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.bk-schip-dot{opacity:.5;background:currentColor;border-radius:50%;width:7px;height:7px}.bk-status-chip.active.bk-schip-available{color:#059669;background:#ecfdf5;border-color:#6ee7b7}.bk-status-chip.active.bk-schip-low-stock{color:#d97706;background:#fffbeb;border-color:#fcd34d}.bk-status-chip.active.bk-schip-out-of-stock{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.bk-status-chip.active.bk-schip-active{color:#059669;background:#ecfdf5;border-color:#6ee7b7}.bk-status-chip.active.bk-schip-inactive{color:#64748b;background:#f8fafc;border-color:#cbd5e1}.bk-panel-foot{border-top:1px solid var(--border);background:#fafafa;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.bk-btn-cancel{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:9px;flex:1;padding:9px;font-size:13.5px;font-weight:600;transition:all .15s}.bk-btn-cancel:hover{background:var(--bg);color:var(--text-1)}.bk-btn-save{color:#fff;cursor:pointer;border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex}.bk-btn-save.disabled{cursor:not-allowed;color:#9ca3af!important;box-shadow:none!important;background:#e5e7eb!important}.bk-btn-save.saved{background:#10b981!important;box-shadow:0 4px 14px #10b98166!important}.bk-anim-1{animation:.3s 40ms both fieldIn}.bk-anim-2{animation:.3s 80ms both fieldIn}.bk-anim-3{animation:.3s .12s both fieldIn}.bk-anim-4{animation:.3s .16s both fieldIn}.bk-anim-5{animation:.3s .2s both fieldIn}.bk-anim-6{animation:.3s .24s both fieldIn}.bk-anim-7{animation:.3s .28s both fieldIn}.bk-anim-8{animation:.3s .32s both fieldIn}.bk-anim-9{animation:.3s .36s both fieldIn}.bk-dropdown.p-dropdown{border:1.5px solid var(--border-md);background:var(--bg);border-radius:8px;align-items:center;height:36px;font-size:13px;transition:border-color .15s,box-shadow .15s}.bk-dropdown.p-dropdown:hover{border-color:#a5b4fc}.bk-dropdown.p-dropdown.p-focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.bk-dropdown.p-dropdown .p-dropdown-label{color:var(--text-1);padding:0 10px;font-size:13px}.bk-dropdown.p-dropdown .p-dropdown-trigger{width:30px;color:var(--text-3)}.bk-dropdown-panel .p-dropdown-item{padding:8px 14px;font-size:13px}.bk-dropdown-panel .p-dropdown-item.p-highlight{color:var(--primary);background:#eef2ff}.bk-dropdown-panel .p-dropdown-item:hover{background:#f8f9fc}.bk-filter-dd{min-width:130px}.bk-card-status-dd,.bk-tbl-status-dd{height:30px!important;font-size:12px!important}.bk-card-status-dd .p-dropdown-label,.bk-tbl-status-dd .p-dropdown-label{font-size:12px!important}.bk-status-available{color:#059669!important;border-color:#6ee7b7!important}.bk-status-low-stock{color:#d97706!important;border-color:#fcd34d!important}.bk-status-out-of-stock{color:#dc2626!important;border-color:#fca5a5!important}.bk-status-active{color:#059669!important;border-color:#6ee7b7!important}.bk-status-inactive{color:#64748b!important;border-color:#cbd5e1!important}.bk-cat-modal{background:var(--card);border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:86vh;animation:.24s cubic-bezier(.22,1,.36,1) both modalIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000038}.bk-cat-modal-head{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-bottom:1.5px solid #c7d2fe;flex-shrink:0;align-items:center;gap:12px;padding:18px 20px;display:flex}.bk-cat-modal-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bk-cat-modal-head-text{flex:1;min-width:0}.bk-cat-modal-title{color:var(--text-1);font-size:15px;font-weight:700}.bk-cat-modal-sub{color:var(--text-2);margin-top:1px;font-size:12px}.bk-cat-list{flex:1;padding:6px 0;overflow-y:auto}.bk-cat-list::-webkit-scrollbar{width:4px}.bk-cat-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.bk-cat-empty{text-align:center;color:var(--text-3);padding:28px 20px;font-size:13px}.bk-cat-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:11px 20px;transition:background .12s;display:flex}.bk-cat-item:last-child{border-bottom:none}.bk-cat-item:hover{background:#fafbff}.bk-cat-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.bk-cat-dot{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;flex-shrink:0;width:8px;height:8px}.bk-cat-dot.inactive{background:var(--border-md)}.bk-cat-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.bk-cat-toggle{cursor:pointer;background:0 0;border:1.5px solid;border-radius:7px;flex-shrink:0;height:28px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s}.bk-cat-toggle.deactivate{color:var(--danger);border-color:#fecaca}.bk-cat-toggle.deactivate:hover:not(:disabled){background:var(--danger-bg)}.bk-cat-toggle.activate{color:var(--success);border-color:#a7f3d0}.bk-cat-toggle.activate:hover:not(:disabled){background:var(--success-bg)}.bk-cat-toggle:disabled{opacity:.55;cursor:not-allowed}.bk-cat-add{border-top:1px solid var(--border-md);background:#fafbfc;flex-shrink:0;grid-template-columns:1fr auto;gap:10px;padding:14px 20px 18px;display:grid}.bk-cat-input-wrap{flex-direction:column;gap:4px;min-width:0;display:flex}.bk-cat-input{height:36px}.bk-cat-err{color:var(--danger);font-size:12px}.bk-cat-status-select{flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:center;gap:8px;display:flex}.bk-cat-status-chip{border:1.5px solid var(--border-md);background:var(--card);min-height:30px;color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.bk-cat-status-chip.active.bk-schip-active{color:#059669;background:#ecfdf5;border-color:#6ee7b7}.bk-cat-status-chip.active.bk-schip-inactive{color:#64748b;background:#f8fafc;border-color:#cbd5e1}.bk-cat-add-btn{height:36px;box-shadow:none;grid-area:1/2;align-self:start;padding:0 16px}.bk-modal-backdrop{z-index:600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}.bk-acc-modal{background:var(--card);border-radius:18px;flex-direction:column;width:100%;max-width:680px;max-height:88vh;animation:.24s cubic-bezier(.22,1,.36,1) both modalIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000038}.bk-acc-modal-head{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-bottom:1.5px solid #c7d2fe;flex-shrink:0;align-items:center;gap:12px;padding:18px 20px;display:flex}.bk-acc-modal-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bk-acc-modal-head-text{flex:1;min-width:0}.bk-acc-modal-title{color:var(--text-1);font-size:15px;font-weight:700}.bk-acc-modal-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.bk-acc-copies-badge{color:#6366f1;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11.5px;font-weight:700}.bk-acc-gen-bar{flex-shrink:0;align-items:center;gap:10px;padding:14px 20px 0;display:flex}.bk-acc-prefix-wrap{flex:1}.bk-btn-gen{white-space:nowrap;color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex;box-shadow:0 3px 10px #6366f14d}.bk-btn-gen:hover{background:#4f46e5}.bk-btn-gen.disabled{color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#e5e7eb}.bk-acc-gen-hint{color:var(--text-3);flex-shrink:0;padding:6px 20px 0;font-size:12px}.bk-copy-list{flex-direction:column;flex:1;gap:10px;padding:12px 20px 4px;display:flex;overflow-y:auto}.bk-copy-list::-webkit-scrollbar{width:4px}.bk-copy-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.bk-copy-row{border:1.5px solid var(--border-md);background:#fafbff;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.bk-copy-row.filled{background:#f0fdf4;border-color:#bbf7d0}.bk-copy-row.issued{background:#fffbeb;border-color:#fcd34d}.bk-copy-issued-badge{letter-spacing:.06em;color:#92400e;white-space:nowrap;text-transform:uppercase;background:#fef3c7;border:1.5px solid #fcd34d;border-radius:20px;flex-shrink:0;padding:2px 9px;font-size:10px;font-weight:800}.bk-copy-input-issued{color:#92400e!important;cursor:not-allowed!important;background:#fef3c7!important;border-color:#fcd34d!important}.bk-copy-input-issued:focus{box-shadow:none!important}.bk-copy-bc-wrap{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.bk-copy-bc-issued .bk-copy-bc-svg{filter:blur(3.5px);opacity:.7}.bk-copy-bc-overlay{background:#fefbeb8c;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bk-copy-bc-overlay-label{color:#fff;letter-spacing:.1em;background:#f59e0b;border-radius:20px;padding:4px 13px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #f59e0b59}.bk-copy-meta{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.bk-copy-num{color:var(--text-3);white-space:nowrap;min-width:44px;font-size:12px;font-weight:700}.bk-copy-input-wrap{flex:1}.bk-copy-input{letter-spacing:.3px;font-weight:600;font-size:13px!important}.bk-copy-bc{flex-shrink:0;justify-content:center;align-items:center;width:200px;display:flex}.bk-copy-bc-svg{max-width:200px;height:auto}.bk-copy-bc-empty{color:var(--text-3);border:1.5px dashed var(--border-md);border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:11.5px;display:flex}.bk-barcode-placeholder{border:1.5px dashed var(--border-md);color:var(--text-3);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.bk-acc-modal-foot{border-top:1px solid var(--border);background:#fafafa;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.bk-btn-print-bc{color:#6366f1;cursor:pointer;white-space:nowrap;background:#eef2ff;border:1.5px solid #6366f1;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex}.bk-btn-print-bc:hover{color:#fff;background:#6366f1}.bk-content .exp-scroll-pagination{min-height:38px;color:var(--text-2);justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}.bk-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.bk-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.bk-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bk-main{margin-left:0!important}.bk-hamburger{display:flex}.bk-topbar{gap:10px;padding:0 14px}.bk-panel{width:100%}.bk-stats{grid-template-columns:1fr 1fr}.bk-toolbar{flex-wrap:wrap}}@media (width<=480px){.bk-stats,.bk-cat-add{grid-template-columns:1fr}.bk-cat-add-btn{grid-area:3/1;justify-content:center;width:100%}.bk-cat-status-select{grid-row:2}}:root{--primary:#6366f1;--primary-lt:#818cf8;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}.ib-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.ib-layout{display:flex}.ib-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.ib-main.sidebar-collapsed{margin-left:58px}.ib-main::-webkit-scrollbar{width:5px}.ib-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.ib-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.ib-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.ib-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.ib-sep{color:var(--text-3)}.ib-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.ib-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.ib-icon-btn:hover{background:var(--bg);color:var(--text-1)}.ib-notif-btn .ib-notif-dot{background:var(--primary);border:1.5px solid var(--card);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.ib-avatar{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.ib-content{flex-direction:column;gap:16px;padding:22px 28px 48px;display:flex}.ib-page-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.ib-page-title{color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:700}.ib-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.ib-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ib-stat{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;padding:13px 16px;animation:.4s both fadeUp;display:flex}.ib-stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ib-stat-value{font-size:19px;font-weight:700;line-height:1.2}.ib-stat-label{color:var(--text-2);margin-top:1px;font-size:11.5px}.ib-toolbar{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ib-toolbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ib-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;min-width:280px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ib-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ib-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.ib-search-box input::placeholder{color:var(--text-3)}.ib-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s;display:flex}.ib-search-clear:hover{color:var(--text-1)}.ib-result-count{color:var(--text-2);white-space:nowrap;font-size:12px}.ib-overdue-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;animation:.3s both fadeUp;display:flex}.ib-overdue-banner strong{font-weight:700}.ib-btn-issue{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 3px 10px #6366f159}.ib-btn-issue:hover{background:#4f46e5;transform:translateY(-1px)}.ib-list-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.ib-table{border-collapse:collapse;width:100%;font-size:13px}.ib-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-md);white-space:nowrap;background:#fafbff;padding:9px 14px;font-size:11px;font-weight:600}.ib-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:7px 14px}.ib-table tbody tr:last-child td{border-bottom:none}.ib-table tbody tr:hover td{background:#fafbff}.ib-row-overdue td{background:#fff8f8}.ib-row-overdue:hover td{background:#fff0f0!important}.ib-table-empty{text-align:center;color:var(--text-3);font-size:13px;padding:40px!important}.ib-th-center,.ib-td-center{text-align:center}.ib-td-num{color:var(--text-3);width:36px;font-size:12.5px;font-weight:600}.ib-th-book,.ib-td-book{width:220px;max-width:220px}.ib-table-book{align-items:flex-start;gap:10px;display:flex}.ib-book-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px}.ib-dot-issued{background:#3b82f6}.ib-dot-returned{background:#10b981}.ib-dot-overdue{background:#ef4444}.ib-book-title{color:var(--text-1);white-space:normal;overflow-wrap:break-word;font-size:13.5px;font-weight:600;line-height:1.35}.ib-book-isbn{color:var(--text-3);margin-top:1px;font-size:11.5px}.ib-student{align-items:center;gap:8px;max-width:190px;display:flex}.ib-student>div:last-child{flex:1;min-width:0}.ib-student-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.ib-student-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ib-student-id{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ib-student-id span{white-space:nowrap}.ib-td-muted{color:var(--text-2);font-size:13px}.ib-td-date{color:var(--text-2);white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;display:flex}.ib-date-overdue{font-weight:600;color:#dc2626!important}.ib-na{color:var(--text-3)}.ib-table-acts{align-items:center;gap:5px;display:flex}.ib-tbl-btn{border:1px solid var(--border-md);background:var(--card);width:26px;height:26px;color:var(--text-2);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.ib-tbl-btn.edit:hover{color:var(--primary);background:#eef2ff;border-color:#c7d2fe}.ib-tbl-btn.return:hover{color:#059669;background:#ecfdf5;border-color:#6ee7b7}.ib-chip{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.ib-chip-issued{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.ib-chip-returned{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.ib-chip-overdue{color:#dc2626;background:#fef2f2;border-color:#fecaca}.ib-status-issued{color:#2563eb!important;border-color:#bfdbfe!important}.ib-status-returned{color:#059669!important;border-color:#a7f3d0!important}.ib-status-overdue{color:#dc2626!important;border-color:#fecaca!important}.ib-overlay{z-index:400;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;animation:.18s both fadeIn;position:fixed;inset:0}.ib-panel{z-index:500;background:var(--card);flex-direction:column;width:420px;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000024}.ib-panel.open{transition-delay:0s;transform:translate(0)}.ib-panel-head{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-bottom:2px solid #c7d2fe;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 18px;display:flex}.ib-panel-head-left{align-items:center;gap:12px;min-width:0;display:flex}.ib-panel-head-icon{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ib-panel-title{color:var(--text-1);font-size:16px;font-weight:700}.ib-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.ib-panel-close{border:1px solid var(--border-md);width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.ib-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.ib-panel-body{flex-direction:column;flex:1;gap:16px;padding:18px 20px;display:flex;overflow-y:auto}.ib-panel-body::-webkit-scrollbar{width:4px}.ib-panel-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.ib-form-section{flex-direction:column;gap:10px;display:flex}.ib-form-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:6px;font-size:11.5px;font-weight:700;display:flex}.ib-form-field{flex-direction:column;gap:5px;display:flex}.ib-form-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.ib-req{color:var(--danger)}.ib-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ib-input-group{position:relative}.ib-input-icon{color:var(--text-3);pointer-events:none;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ib-input{border:1.5px solid var(--border-md);background:var(--bg);width:100%;color:var(--text-1);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.ib-input-iconed{padding-left:32px}.ib-date-calendar{width:100%;display:block}.ib-date-calendar .p-inputtext{width:100%}.ib-date-panel{z-index:12000!important}.ib-date-panel .p-datepicker-calendar td>span.p-disabled,.ib-date-panel .p-datepicker-calendar td>span[data-p-disabled=true]{opacity:.45;pointer-events:none;cursor:not-allowed!important}.ib-date-card{background:#f5f7ff;border:1.5px solid #c7d2fe;border-radius:10px;align-items:stretch;height:40px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden}.ib-date-card:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.ib-date-card-badge{color:#fff;background:linear-gradient(160deg,#6366f1,#818cf8);flex-shrink:0;justify-content:center;align-items:center;width:38px;display:flex}.ib-date-card .ib-date-calendar{flex:1!important;width:auto!important;min-width:0!important;display:block!important}.ib-date-card .ib-date-calendar.p-calendar{width:100%!important}.ib-date-card-input{letter-spacing:.01em;width:100%!important;height:40px!important;box-shadow:none!important;color:#1e293b!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0 10px!important;font-size:13px!important;font-weight:600!important}.ib-date-card-input:focus{box-shadow:none!important;border:none!important;outline:none!important}.ib-date-panel.p-datepicker{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);background:var(--card);border-radius:16px;padding:12px;animation:.18s both fieldIn}.ib-date-panel .p-datepicker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px 10px;display:flex}.ib-date-panel .p-datepicker-header .p-datepicker-title{gap:6px;display:flex}.ib-date-panel .p-datepicker-header .p-datepicker-title button,.ib-date-panel .p-datepicker-header .p-datepicker-title span{color:var(--text-1);font-size:13.5px;font-weight:700}.ib-date-panel .p-datepicker-prev,.ib-date-panel .p-datepicker-next{width:28px;height:28px;color:var(--text-2);border-radius:8px;transition:all .15s}.ib-date-panel .p-datepicker-prev:hover,.ib-date-panel .p-datepicker-next:hover{color:var(--primary);background:#eef2ff}.ib-date-panel table{border-collapse:separate;border-spacing:2px;width:100%}.ib-date-panel table th{color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;text-align:center;padding:6px 0 8px;font-size:10.5px;font-weight:700}.ib-date-panel table td{text-align:center;padding:0}.ib-date-panel table td>span{width:32px;height:32px;color:var(--text-1);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;margin:0 auto;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.ib-date-panel table td>span:hover{color:var(--primary);background:#eef2ff}.ib-date-panel table td.p-datepicker-today>span{border:1.5px solid var(--primary-lt);color:var(--primary);background:#f5f5ff;font-weight:700}.ib-date-panel table td>span.p-highlight{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;font-weight:700;box-shadow:0 3px 10px #6366f166}.ib-date-panel table td>span.p-disabled,.ib-date-panel table td>span[data-p-disabled=true]{opacity:.4;pointer-events:none;color:var(--text-3)!important;cursor:not-allowed!important;box-shadow:none!important;background:0 0!important}.ib-date-panel table td>span.p-disabled:hover,.ib-date-panel table td>span[data-p-disabled=true]:hover{color:var(--text-3)!important;background:0 0!important}.ib-date-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;margin-top:-2px;padding:7px 12px;font-size:11.5px;font-weight:500;animation:.2s fieldIn;display:flex}.ib-date-error svg{flex-shrink:0}.ib-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ib-input::placeholder{color:var(--text-3)}.ib-form-dd{width:100%}.ib-status-chips{flex-wrap:wrap;gap:8px;display:flex}.ib-status-chip{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.ib-schip-dot{opacity:.5;background:currentColor;border-radius:50%;width:7px;height:7px}.ib-status-chip.active.ib-schip-issued{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.ib-status-chip.active.ib-schip-returned{color:#059669;background:#ecfdf5;border-color:#6ee7b7}.ib-status-chip.active.ib-schip-overdue{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.ib-panel-foot{border-top:1px solid var(--border);background:#fafafa;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.ib-btn-cancel{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:9px;flex:1;padding:9px;font-size:13.5px;font-weight:600;transition:all .15s}.ib-btn-cancel:hover{background:var(--bg);color:var(--text-1)}.ib-btn-save{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;cursor:pointer;border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px 10px #6366f159}.ib-btn-save:hover{background:linear-gradient(135deg,#4f46e5,#6366f1)}.ib-btn-save.disabled{cursor:not-allowed;color:#9ca3af!important;box-shadow:none!important;background:#e5e7eb!important}.ib-btn-save.saved{background:#10b981!important;box-shadow:0 4px 14px #10b98166!important}.ib-anim-1{animation:.3s 40ms both fieldIn}.ib-anim-2{animation:.3s 80ms both fieldIn}.ib-anim-3{animation:.3s .12s both fieldIn}.ib-anim-4{animation:.3s .16s both fieldIn}.ib-anim-5{animation:.3s .2s both fieldIn}.ib-anim-6{animation:.3s .24s both fieldIn}.ib-anim-7{animation:.3s .28s both fieldIn}.ib-dropdown.p-dropdown{border:1.5px solid var(--border-md);background:var(--bg);border-radius:8px;align-items:center;height:36px;font-size:13px;transition:border-color .15s,box-shadow .15s}.ib-dropdown.p-dropdown:hover{border-color:#a5b4fc}.ib-dropdown.p-dropdown.p-focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ib-dropdown.p-dropdown .p-dropdown-label{color:var(--text-1);padding:0 10px;font-size:13px}.ib-dropdown.p-dropdown .p-dropdown-trigger{width:30px;color:var(--text-3)}.ib-dropdown-panel .p-dropdown-item{padding:8px 14px;font-size:13px}.ib-dropdown-panel .p-dropdown-item.p-highlight{color:var(--primary);background:#eef2ff}.ib-dropdown-panel .p-dropdown-item:hover{background:#f8f9fc}.ib-dropdown-panel .p-dropdown-filter{padding:6px 10px;font-size:13px}.ib-filter-dd{min-width:130px}.ib-row-status-dd{height:26px!important}.ib-row-status-dd .p-dropdown-label{font-size:12px!important}.ib-student-dd.p-dropdown{width:100%;height:40px}.ib-student-dd .p-dropdown-label{font-size:13px!important}.ib-student-id-hint{color:var(--text-3);align-items:center;gap:5px;margin-top:5px;padding-left:2px;font-size:11.5px;display:flex}.ib-fine-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.ib-fine-rate{color:var(--text-2);white-space:nowrap;font-size:11.5px;font-weight:600}.ib-fine-total{white-space:nowrap;border-radius:5px;padding:1px 7px;font-size:11px;font-weight:700}.ib-fine-due{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.ib-fine-settled{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.ib-confirm-fine-due{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:700}.ib-acc-pill{color:#4f46e5;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:5px;padding:2px 7px;font-family:Courier New,monospace;font-size:11.5px;font-weight:700}.ib-panel-wide{width:540px}@keyframes scanPulse{0%,to{box-shadow:0 0 #6366f140}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes flashGreen{0%{background:#ecfdf5;border-color:#6ee7b7}to{background:#f8faff;border-color:#c7d2fe}}.ib-scan-zone{background:#f8faff;border:2px dashed #c7d2fe;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px;transition:border-color .2s,background .2s;display:flex}.ib-scan-zone:focus-within{background:#fafaff;border-style:solid;border-color:#6366f1}.ib-scan-flash{animation:.7s flashGreen}.ib-scan-icon-wrap{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;animation:2s infinite scanPulse;display:flex}.ib-scan-hint{color:var(--text-2);text-align:center;font-size:12px;line-height:1.5}.ib-scan-input-row{gap:8px;width:100%;display:flex}.ib-scan-input{letter-spacing:.5px;height:40px;font-family:Courier New,monospace;font-size:14px!important}.ib-btn-scan-add{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:8px;flex-shrink:0;height:40px;padding:0 18px;font-size:13px;font-weight:700;transition:all .15s;box-shadow:0 3px 8px #6366f159}.ib-btn-scan-add:hover{transform:translateY(-1px);box-shadow:0 5px 14px #6366f166}.ib-btn-scan-add.disabled{color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#e5e7eb;transform:none}.ib-scan-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:6px;width:100%;padding:7px 12px;font-size:12px;display:flex}.ib-scan-success{color:#059669;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:7px;align-items:center;gap:6px;width:100%;padding:7px 12px;font-size:12px;animation:.2s fieldIn;display:flex}.ib-cart-badge{color:#fff;background:#6366f1;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;display:flex}.ib-cart-empty{border:1.5px dashed var(--border-md);color:var(--text-3);background:#fafbff;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:24px;font-size:13px;display:flex}.ib-cart-empty-icon{color:#6366f1;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:6px;display:flex}.ib-cart-empty p{color:var(--text-2);font-size:13px;font-weight:600}.ib-cart-empty span{font-size:12px}.ib-cart-list{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow-y:auto}.ib-cart-list::-webkit-scrollbar{width:4px}.ib-cart-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.ib-cart-row{background:var(--card);border:1px solid var(--border-md);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;animation:.2s fieldIn;display:flex}.ib-cart-row:hover{border-color:#a5b4fc}.ib-cart-num{color:#6366f1;background:#eef2ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.ib-cart-info{flex:1;min-width:0}.ib-cart-title{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ib-cart-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.ib-cart-acc{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:1px 5px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.ib-cart-author{color:var(--text-3);font-size:11px}.ib-cart-remove{border:1px solid var(--border-md);width:26px;height:26px;color:var(--text-3);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.ib-cart-remove:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.ib-cart-acc-row{align-items:center;gap:5px;margin-bottom:4px;display:flex}.ib-cart-acc-row svg{color:#6366f1;flex-shrink:0}.ib-cart-acc-pill{color:#4f46e5;letter-spacing:.02em;background:#eef2ff;border:1px solid #c7d2fe;border-radius:5px;padding:1px 8px;font-family:Courier New,monospace;font-size:11.5px;font-weight:700}.ib-cart-isbn{color:var(--text-3);font-family:monospace;font-size:11px}.ib-edit-book-card{background:#f5f3ff;border:1.5px solid #c7d2fe;border-radius:10px;margin-bottom:14px;padding:14px 16px}.ib-edit-book-acc{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:5px;margin-bottom:8px;padding:2px 10px;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:inline-flex}.ib-edit-book-acc svg{color:#6366f1}.ib-edit-book-title{color:#111827;font-size:14px;font-weight:700;line-height:1.4}.ib-edit-book-author{color:#6b7280;margin-top:3px;font-size:12px}.ib-anim-8{animation:.3s .32s both fieldIn}@keyframes confirmIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.ib-confirm-backdrop{z-index:600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}.ib-confirm-modal{background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:460px;padding:28px 28px 24px;animation:.22s cubic-bezier(.22,1,.36,1) both confirmIn;display:flex;box-shadow:0 20px 60px #00000038}.ib-confirm-icon-wrap{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #6ee7b7;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:flex}.ib-confirm-title{color:var(--text-1);text-align:center;margin:0;font-size:17px;font-weight:700}.ib-confirm-sub{color:var(--text-2);text-align:center;margin:0;font-size:12.5px;line-height:1.5}.ib-confirm-detail{border:1px solid var(--border-md);background:#f8fafc;border-radius:10px;flex-direction:column;gap:8px;width:100%;margin-top:2px;padding:12px 14px;display:flex}.ib-confirm-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ib-confirm-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding-top:1px;font-size:11.5px;font-weight:600}.ib-confirm-value{color:var(--text-1);text-align:right;font-size:13px;font-weight:600}.ib-confirm-acc{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:5px;padding:1px 7px;font-family:Courier New,monospace;font-size:12px;font-weight:700}.ib-confirm-actions{gap:10px;width:100%;margin-top:4px;display:flex}.ib-confirm-cancel{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:9px;flex:1;padding:10px;font-size:13.5px;font-weight:600;transition:all .15s}.ib-confirm-cancel:hover{background:var(--bg);color:var(--text-1)}.ib-confirm-ok{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #10b98166}.ib-confirm-ok:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.ib-confirm-ok.disabled,.ib-confirm-ok:disabled,.ib-confirm-cancel:disabled{opacity:.65;cursor:not-allowed;transform:none}.ib-confirm-ok:active{transform:translateY(0)}.ib-return-fine-form{border-top:1px solid var(--border-md);flex-direction:column;gap:10px;width:100%;padding-top:10px;display:flex}.ib-return-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ib-return-fine-form label{color:var(--text-2);text-transform:uppercase;letter-spacing:.35px;flex-direction:column;gap:5px;font-size:11.5px;font-weight:700;display:flex}.ib-return-fine-form select,.ib-return-fine-form input,.ib-return-fine-form textarea{border:1.5px solid var(--border-md);width:100%;color:var(--text-1);text-transform:none;letter-spacing:0;background:#fff;border-radius:8px;outline:none;padding:8px 10px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s}.ib-return-fine-form select:focus,.ib-return-fine-form input:focus,.ib-return-fine-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ib-return-fine-form textarea{resize:vertical;min-height:68px}.ib-return-fine-form select:disabled,.ib-return-fine-form input:disabled,.ib-return-fine-form textarea:disabled{color:var(--text-3);cursor:not-allowed;background:#f3f4f6}.ib-return-remarks{width:100%}.ib-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.ib-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.ib-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ib-main{margin-left:0!important}.ib-hamburger{display:flex}.ib-topbar{gap:10px;padding:0 14px}.ib-panel,.ib-panel-wide{width:100%}.ib-stats{grid-template-columns:1fr 1fr}}@media (width<=480px){.ib-stats,.ib-return-form-row{grid-template-columns:1fr}.ib-confirm-modal{padding:22px 18px 20px}}.ib-selected-card-box{background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid #c7d2fe;border-radius:14px;margin-top:10px;padding:14px}.ib-selected-card-left{width:100%}.ib-selected-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ib-selected-card-top strong{color:#111827;font-size:15px}.ib-selected-card-name{color:#64748b;margin-top:4px;font-size:13px}.ib-limit-row{color:#475569;justify-content:space-between;margin-top:12px;font-size:13px;display:flex}.ib-limit-row strong{color:#111827}.ib-limit-bar{background:#e0e7ff;border-radius:999px;height:7px;margin-top:7px;overflow:hidden}.ib-limit-fill{background:#6366f1;border-radius:999px;height:100%}.ib-selected-card-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}.ib-selected-card-box>div{flex-direction:column;gap:3px;display:flex}.ib-selected-card-box strong{color:#111827;font-size:14px}.ib-selected-card-box span{color:#475569;font-size:12px}.ib-selected-card-box small{color:#64748b;font-size:12px}.ib-card-autocomplete{width:100%}.ib-card-autocomplete.p-autocomplete{width:100%;display:flex}.ib-card-autocomplete .p-autocomplete-input{border:1.5px solid var(--border-md);background:var(--bg);width:100%;height:40px;color:var(--text-1);border-right:none;border-radius:8px 0 0 8px;padding:0 12px;font-size:13px}.ib-card-autocomplete .p-autocomplete-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ib-card-autocomplete .p-autocomplete-dropdown{border:1.5px solid var(--primary);background:var(--primary);color:#fff;border-radius:0 8px 8px 0;width:46px;height:40px}.ib-card-autocomplete .p-autocomplete-dropdown:hover{background:#4f46e5}.ib-card-autocomplete-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);border-radius:10px;overflow:hidden}.ib-card-autocomplete-panel .p-autocomplete-item{padding:10px 12px}.ib-card-autocomplete-panel .p-autocomplete-item:hover{background:#f8faff}.ib-card-autocomplete-panel .p-highlight{color:var(--primary)!important;background:#eef2ff!important}.ib-card-option{flex-direction:column;gap:4px;display:flex}.ib-card-option-main{justify-content:space-between;align-items:center;display:flex}.ib-card-option-main strong{color:var(--text-1);font-size:13px}.ib-card-option-sub{color:var(--text-2);font-size:12px}.ib-card-status{text-transform:capitalize;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.ib-card-active{color:#059669;background:#ecfdf5}.ib-card-inactive{color:#b45309;background:#fffbeb}.ib-card-revoked{color:#dc2626;background:#fef2f2}.ib-selected-card-box{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 12px;display:flex}.ib-selected-card-box div{flex-direction:column;gap:2px;display:flex}.ib-selected-card-box div strong{color:var(--text-1);font-size:13px}.ib-selected-card-box div span{color:var(--text-2);font-size:12px}.lc-root{background:#f8fafc;min-height:100vh}.lc-layout{min-height:100vh;display:flex}.lc-main{flex-direction:column;flex:1;min-width:0;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.lc-main.sidebar-collapsed{margin-left:58px}.lc-confirm-box{z-index:9999;background:#fff;border-radius:16px;width:min(420px,100vw - 32px);padding:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0f172a40}.lc-confirm-box h3{color:#111827;margin:0 0 10px;font-size:20px;font-weight:800}.lc-confirm-box p{color:#475569;margin:0;line-height:1.5}.lc-confirm-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.lc-confirm-actions button{cursor:pointer;color:#4f46e5;background:#eef2ff;border:0;border-radius:10px;padding:10px 16px;font-weight:700}.lc-confirm-actions button.danger{color:#fff;background:#ef4444}.lc-topbar{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.lc-hamburger{cursor:pointer;color:#475569;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:none}.lc-breadcrumb{color:#94a3b8;flex:1;align-items:center;gap:6px;font-size:13px;display:flex}.lc-breadcrumb span:last-child{color:#1e293b;font-weight:600}.lc-sep{color:#cbd5e1}.lc-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.lc-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.lc-icon-btn:hover{background:#f1f5f9}.lc-notif-btn{position:relative}.lc-notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.lc-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.lc-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex}.lc-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lc-page-head-left{align-items:center;gap:14px;display:flex}.lc-page-icon{color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lc-page-title{color:#0f172a;margin:0 0 3px;font-size:20px;font-weight:700}.lc-page-sub{color:#64748b;margin:0;font-size:13px}.lc-btn-issue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 2px 8px #6366f14d}.lc-btn-issue:hover{opacity:.9;transform:translateY(-1px)}.lc-btn-issue:active{transform:translateY(0)}.lc-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.lc-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;display:flex}.lc-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.lc-stat-value{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.lc-stat-label{color:#64748b;font-size:12px;font-weight:500}.lc-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lc-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.lc-search-box{color:#94a3b8;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;max-width:380px;height:38px;padding:0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.lc-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.lc-search-box svg{flex-shrink:0}.lc-search-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:13px}.lc-search-box input::placeholder{color:#94a3b8}.lc-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;transition:color .12s;display:flex}.lc-search-clear:hover{color:#64748b;background:#f1f5f9}@keyframes lc-dropdown-open{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lc-dropdown.p-dropdown{align-items:center;min-width:130px;display:flex;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;height:38px!important;font-size:13px!important;transition:border-color .18s,box-shadow .18s,background .18s!important;box-shadow:0 1px 3px #0000000d!important}.lc-dropdown.p-dropdown:not(.p-disabled):hover{background:#fafbff!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012!important}.lc-dropdown.p-dropdown:not(.p-disabled).p-focus{background:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 3.5px #6366f126,0 1px 4px #00000012!important}.lc-dropdown .p-dropdown-label{color:#1e293b!important;padding:0 4px 0 12px!important;font-size:13px!important;font-weight:500!important;line-height:1!important}.lc-dropdown .p-dropdown-label.p-placeholder{color:#94a3b8!important}.lc-dropdown .p-dropdown-trigger{color:#94a3b8!important;width:30px!important;transition:color .15s!important}.lc-dropdown.p-dropdown:not(.p-disabled):hover .p-dropdown-trigger,.lc-dropdown.p-dropdown:not(.p-disabled).p-focus .p-dropdown-trigger{color:#6366f1!important}.lc-dropdown-panel.p-dropdown-panel{border:1.5px solid #e8eaf0!important;border-radius:12px!important;margin-top:5px!important;font-size:13px!important;animation:.15s cubic-bezier(.22,1,.36,1) both lc-dropdown-open!important;overflow:hidden!important;box-shadow:0 8px 32px #6366f11f,0 2px 8px #00000014!important}.lc-dropdown-panel .p-dropdown-items-wrapper{padding:5px!important}.lc-dropdown-panel .p-dropdown-items{flex-direction:column;gap:1px;display:flex;padding:0!important}.lc-dropdown-panel .p-dropdown-item{color:#1e293b!important;border-radius:8px!important;margin:0!important;padding:8px 12px!important;font-size:13px!important;font-weight:500!important;transition:background .12s,color .12s,padding-left .12s!important}.lc-dropdown-panel .p-dropdown-item:hover{color:#6366f1!important;background:#eef2ff!important;padding-left:16px!important}.lc-dropdown-panel .p-dropdown-item.p-highlight{color:#6366f1!important;background:linear-gradient(135deg,#eef2ff,#f0edff)!important;border-radius:8px!important;padding-left:16px!important;font-weight:700!important;box-shadow:inset 3px 0 #6366f1!important}.lc-filter-dd{min-width:148px!important}.lc-result-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:12px}.lc-list-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;overflow:hidden}.lc-table{border-collapse:collapse;width:100%;font-size:13px}.lc-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.lc-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:11px 14px;font-size:11.5px;font-weight:600}.lc-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.lc-table tbody tr:last-child td{border-bottom:none}.lc-table tbody tr:hover{background:#fafafa}.lc-tbl-student{align-items:center;gap:10px;display:flex}.lc-tbl-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.lc-tbl-name{color:#0f172a;font-size:13px;font-weight:600}.lc-tbl-email{color:#94a3b8;margin-top:1px;font-size:11.5px}.lc-card-no{color:#4f46e5;background:#eff6ff;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:600}.lc-th-center,.lc-td-center{text-align:center}.lc-td-muted{color:#64748b;font-size:12.5px}.lc-expired-text{color:#ef4444!important}.lc-chip{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.lc-chip:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.lc-chip-active{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0}.lc-chip-expired{color:#f59e0b;background:#fffbeb;border:1px solid #fde68a}.lc-chip-revoked{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.lc-actions{justify-content:center;align-items:center;gap:6px;display:flex}.lc-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .12s,border-color .12s,color .12s;display:flex}.lc-action-btn:hover{color:#7c3aed;background:#faf5ff;border-color:#c4b5fd}.lc-action-btn.active{color:#7c3aed;background:#faf5ff;border-color:#8b5cf6}.lc-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.lc-empty p{margin:0;font-size:13px}.lc-pagination{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.lc-page-info{color:#64748b;font-size:12.5px}.lc-page-btns{align-items:center;gap:4px;display:flex}.lc-page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12.5px;transition:background .12s;display:flex}.lc-page-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.lc-page-btn:disabled{opacity:.4;cursor:not-allowed}.lc-page-btn:not(:disabled):hover{color:#6366f1;background:#f1f5f9}.lc-preview-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;animation:.3s both lcFadeUp;box-shadow:0 1px 3px #0000000f}.lc-preview-header{color:#1e293b;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13.5px;font-weight:600;display:flex}.lc-preview-action{color:#6366f1;cursor:pointer;background:#eff6ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .14s;display:flex}.lc-preview-action:hover{color:#fff;background:#6366f1}.lc-preview-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lc-card-outer{justify-content:center;padding:10px 0;display:flex}.lc-card{background:#fff;border-radius:16px;width:340px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000024,0 2px 6px #00000014}.lc-card-top-bar{background:var(--card-color,#6366f1);height:10px}.lc-card-header{background:var(--card-color,#6366f1);align-items:center;gap:10px;padding:12px 16px 8px;display:flex}.lc-card-college-logo{background:#fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lc-card-college-name{color:#fff;font-size:13px;font-weight:700}.lc-card-type{color:#fffc;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:11px}.lc-card-body{align-items:flex-start;gap:14px;padding:14px 16px 10px;display:flex}.lc-card-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000002e}.lc-card-details{flex:1}.lc-card-name{color:#1e293b;margin-bottom:6px;font-size:15px;font-weight:800}.lc-card-meta-row{align-items:center;gap:6px;margin-bottom:3px;display:flex}.lc-card-meta-label{color:#94a3b8;flex-shrink:0;width:60px;font-size:10px;font-weight:600}.lc-card-meta-val{color:#1e293b;font-size:11.5px;font-weight:600}.lc-card-footer{border-top:1px solid #f1f5f9;align-items:flex-end;gap:8px;padding:10px 16px 14px;display:flex;position:relative}.lc-card-footer-left,.lc-card-footer-right{flex:1}.lc-card-no-label,.lc-card-valid-label{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:9.5px;font-weight:600}.lc-card-no-val{color:#4f46e5;margin-top:2px;font-family:Courier New,monospace;font-size:12.5px;font-weight:800}.lc-card-valid-val{color:#1e293b;margin-top:2px;font-size:11.5px;font-weight:700}.lc-card-status-badge{letter-spacing:.04em;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:700;position:absolute;top:12px;right:16px}.lc-csbadge-active{color:#16a34a;background:#dcfce7}.lc-csbadge-expired{color:#a16207;background:#fef9c3}.lc-csbadge-revoked{color:#b91c1c;background:#fee2e2}.lc-card-stripe{background:repeating-linear-gradient(90deg, var(--card-color,#6366f1) 0px, var(--card-color,#6366f1) 20px, transparent 20px, transparent 28px);opacity:.5;height:4px}.lc-modal-overlay{z-index:300;background:#00000052;animation:.2s both lcFadeUp;position:fixed;inset:0}.lc-modal-dialog{z-index:301;background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:520px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) both lcModalSlideIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000002e}@keyframes lcModalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.lc-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px;display:flex}.lc-modal-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.lc-modal-subtitle{color:#64748b;margin:4px 0 0;font-size:13px;font-weight:500}.lc-modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:16px;transition:all .15s;display:flex}.lc-modal-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.lc-modal-body{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow-y:auto}.lc-modal-footer{border-top:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex}.lc-modal-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.lc-modal-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.lc-modal-action-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.lc-modal-action-close:hover{background:#f1f5f9;border-color:#cbd5e1}.lc-overlay{z-index:200;background:#00000047;animation:.18s both lcFadeUp;position:fixed;inset:0}.lc-panel{z-index:201;background:#fff;flex-direction:column;width:440px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0000001f}.lc-panel.open{transition-delay:0s;transform:translate(0)}.lc-panel-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.lc-panel-head-left{align-items:center;gap:12px;display:flex}.lc-panel-icon{color:#6366f1;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lc-panel-title{color:#1e293b;font-size:16px;font-weight:700}.lc-panel-sub{color:#94a3b8;margin-top:2px;font-size:12px}.lc-panel-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.lc-panel-close:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.lc-panel-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.lc-panel-body::-webkit-scrollbar{width:4px}.lc-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.lc-form-section{flex-direction:column;gap:12px;display:flex}.lc-form-section-label{letter-spacing:.07em;text-transform:uppercase;color:#6366f1;border-bottom:1px solid #c7d2fe;padding-bottom:6px;font-size:11px;font-weight:700}.lc-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lc-form-field{flex-direction:column;gap:5px;display:flex}.lc-form-field span{color:#64748b;font-size:12px;font-weight:600}.lc-req{color:#ef4444}.lc-form-field input,.lc-form-field select,.lc-form-field textarea{color:#111827;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;height:38px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 3px #0000000d}.lc-form-field input:hover,.lc-form-field select:hover{background-color:#fafbff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012}.lc-form-field input:focus,.lc-form-field select:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3.5px #6366f126}.lc-form-field input.err,.lc-form-field select.err{border-color:#ef4444}.lc-ferr{color:#ef4444;margin-top:1px;font-size:11px}.lc-fhint{color:#64748b;margin-top:2px;font-size:11px}.lc-form-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}input[type=date]:out-of-range{color:#94a3b8}.lc-panel-foot{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.lc-btn-cancel{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;height:38px;padding:0 18px;font-size:13px;font-weight:600}.lc-btn-cancel:hover{background:#e2e8f0}.lc-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.lc-btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.lc-btn-save:active:not(:disabled){transform:translateY(0)}.lc-btn-save:disabled{opacity:.5;cursor:not-allowed}@keyframes lcSpin{to{transform:rotate(360deg)}}@keyframes lcFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lc-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite lcSpin;display:inline-block}@media print{body>:not(.lc-print-only){display:none!important}.lc-print-only{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex!important}.lc-card{box-shadow:none}}@media (width<=1200px){.lc-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.lc-content{padding:18px 16px 40px}.lc-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.lc-main{margin-left:0!important}.lc-panel{width:100vw}}.lc-panel .lc-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-panel .lc-form-field{min-width:0}.lc-panel .lc-form-field input,.lc-panel .lc-form-field select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.lc-panel .lc-form-field select{text-overflow:ellipsis;overflow:hidden}.lc-panel .lc-form-field input[readonly]{color:#334155;cursor:not-allowed;background:#f8fafc}.br-root{color:#111827;background:#f8f9fc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.br-layout{display:flex}.br-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);overflow:hidden auto}.br-main.sidebar-collapsed{margin-left:58px}.br-main::-webkit-scrollbar{width:5px}.br-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.br-topbar{z-index:50;background:#fff;border-bottom:1px solid #f0f0f5;align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.br-menu-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:none}@media (width<=768px){.br-menu-btn{display:flex}}.br-breadcrumb{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.br-breadcrumb span:last-child{color:#111827;font-weight:600}.br-sep{color:#d1d5db}.br-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.br-icon-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.br-notif-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.br-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.br-content{max-width:1400px;padding:28px}.br-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.br-page-title{color:#111827;font-size:22px;font-weight:700}.br-page-sub{color:#6b7280;margin-top:3px;font-size:13px}.br-btn-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.br-btn-primary:hover{background:#4f46e5;box-shadow:0 4px 14px #6366f159}.br-btn-primary:disabled{opacity:.6;cursor:not-allowed}.br-btn-ghost{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.br-btn-ghost:hover{background:#f9fafb}.br-btn-approve{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.br-btn-approve:hover{background:#047857}.br-btn-approve:disabled{opacity:.6;cursor:not-allowed}.br-btn-reject{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.br-btn-reject:hover{background:#b91c1c}.br-btn-reject:disabled{opacity:.6;cursor:not-allowed}.br-btn-add{color:#6366f1;cursor:pointer;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;align-items:center;gap:5px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.br-btn-add:hover{background:#e0e7ff}.br-stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=900px){.br-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.br-stats-row{grid-template-columns:1fr}}.br-stat-card{background:#fff;border:1px solid #f0f0f5;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.br-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.br-stat-val{color:#111827;font-size:22px;font-weight:700;line-height:1.2}.br-stat-lbl{color:#6b7280;margin-top:2px;font-size:12px}.br-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.br-search-box{background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:380px;padding:8px 12px;display:flex}.br-search-box input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:13px}.br-search-box input::placeholder{color:#9ca3af}.br-search-box svg{color:#9ca3af;flex-shrink:0}.br-clear{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;display:flex}.br-filter-wrap{align-items:center;display:flex;position:relative}.br-filter-wrap select{appearance:none;color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;outline:none;padding:8px 30px 8px 12px;font-size:13px}.br-sel-arrow{color:#9ca3af;pointer-events:none;position:absolute;right:9px}.br-count{color:#6b7280;white-space:nowrap;margin-left:auto;font-size:13px}.br-table-card{background:#fff;border:1px solid #f0f0f5;border-radius:14px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.br-table-wrap{overflow-x:auto}.br-table{border-collapse:collapse;width:100%;font-size:13px}.br-table thead tr{background:#f8f9fc}.br-table th{text-align:left;letter-spacing:.04em;color:#6b7280;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #f0f0f5;padding:12px 16px;font-size:11.5px;font-weight:700}.br-table td{vertical-align:middle;border-bottom:1px solid #f8f9fc;padding:13px 16px}.br-table tbody tr:last-child td{border-bottom:none}.br-table tbody tr:hover td{background:#fafbff}.br-th-c,.br-td-c{text-align:center!important}.br-card-no{color:#6366f1;background:#eef2ff;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700}.br-student-cell{align-items:center;gap:8px;display:flex}.br-avatar-sm{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.br-student-name{color:#111827;font-weight:500}.br-books-cell{flex-direction:column;gap:3px;display:flex}.br-book-row{color:#374151;align-items:center;gap:5px;font-size:12px;display:flex}.br-book-row svg{color:#6366f1;flex-shrink:0}.br-more{color:#6b7280;font-size:11px;font-style:italic}.br-remarks{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;display:block;overflow:hidden}.br-date{color:#6b7280;white-space:nowrap;font-size:12px}.br-status-chip{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.br-actions{justify-content:center;align-items:center;gap:4px;display:flex}.br-action-btn{cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .13s,color .13s;display:flex}.br-action-btn.view{color:#6366f1;background:#eef2ff}.br-action-btn.approve{color:#059669;background:#ecfdf5}.br-action-btn.reject{color:#dc2626;background:#fef2f2}.br-action-btn.view:hover{background:#e0e7ff}.br-action-btn.approve:hover{background:#d1fae5}.br-action-btn.reject:hover{background:#fecaca}.br-loading{color:#6b7280;justify-content:center;align-items:center;gap:10px;padding:60px;font-size:14px;display:flex}.br-empty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.br-empty p{font-size:14px}.br-spinner{border:2px solid #e0e7ff;border-top-color:#6366f1;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite br-spin;display:inline-block}.br-spinner-sm{border:2px solid #e0e7ff;border-top-color:#6366f1;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite br-spin;display:inline-block}@keyframes br-spin{to{transform:rotate(360deg)}}.br-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.br-pg-info{color:#6b7280;font-size:13px}.br-pg-controls{align-items:center;gap:4px;display:flex}.br-pg-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:13px;transition:background .13s,border-color .13s;display:flex}.br-pg-btn:hover:not(:disabled){color:#6366f1;background:#f5f3ff;border-color:#c7d2fe}.br-pg-btn.active{color:#fff;background:#6366f1;border-color:#6366f1;font-weight:600}.br-pg-btn:disabled{opacity:.4;cursor:not-allowed}.br-pg-ellipsis{color:#9ca3af;padding:0 6px;font-size:13px}.br-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.br-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-height:90vh;animation:.22s cubic-bezier(.22,1,.36,1) br-modalIn;display:flex;box-shadow:0 20px 60px #0000002e}.br-modal-lg{max-width:640px}.br-modal-md{max-width:560px}@keyframes br-modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:none}}.br-modal-header{border-bottom:1px solid #f0f0f5;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.br-modal-title{color:#111827;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.br-modal-close{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .13s;display:flex}.br-modal-close:hover{color:#ef4444;background:#fef2f2}.br-modal-body{flex:1;padding:22px;overflow-y:auto}.br-modal-footer{border-top:1px solid #f0f0f5;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px;display:flex}.br-section-label{letter-spacing:.05em;text-transform:uppercase;color:#6b7280;margin-bottom:8px;font-size:11.5px;font-weight:700}.br-section-hint{text-transform:none;letter-spacing:0;color:#9ca3af;font-weight:400}.br-card-search-wrap{position:relative}.br-card-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;display:flex}.br-card-search-input input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.br-card-search-input input::placeholder{color:#9ca3af}.br-search-ico{color:#9ca3af;flex-shrink:0}.br-card-dropdown{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 30px #0000001f}.br-card-option{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .12s;display:flex}.br-card-option:hover{background:#f5f3ff}.br-card-opt-main{align-items:center;gap:8px;display:flex}.br-card-opt-no{color:#6366f1;background:#eef2ff;border-radius:5px;padding:2px 8px;font-size:12px;font-weight:700}.br-card-opt-name{color:#111827;font-size:13px;font-weight:500}.br-card-opt-meta{color:#6b7280;align-items:center;gap:8px;font-size:11.5px;display:flex}.br-card-status{text-transform:capitalize;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.br-card-status.active{color:#059669;background:#ecfdf5}.br-card-status.inactive{color:#dc2626;background:#fef2f2}.br-card-status.revoked{color:#6b7280;background:#f3f4f6}.br-card-preview{background:#f5f3ff;border:1px solid #e0e7ff;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.br-card-preview-icon{color:#6366f1;flex-shrink:0}.br-card-preview-info{flex:1}.br-card-preview-name{color:#111827;font-size:13.5px;font-weight:600}.br-card-preview-meta{color:#6b7280;margin-top:2px;font-size:12px}.br-card-clear{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;transition:color .12s;display:flex}.br-card-clear:hover{color:#ef4444}.br-card-change-btn{color:#6366f1;cursor:pointer;background:#f5f3ff;border:1.5px solid #c7d2fe;border-radius:7px;flex-shrink:0;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600;transition:background .13s,border-color .13s}.br-card-change-btn:hover{background:#eef2ff;border-color:#a5b4fc}.br-card-no-result{color:#9ca3af;background:#fff;border:1px solid #f0f0f5;border-top:none;border-radius:0 0 10px 10px;padding:10px 14px;font-size:12.5px}.br-book-search-wrap{position:relative}.br-book-dropdown{z-index:60;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 30px #0000001f}.br-book-no-result{color:#9ca3af;align-items:center;gap:8px;padding:14px 16px;font-size:13px;display:flex}.br-book-option{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .12s;display:flex}.br-book-option:hover{background:#f5f3ff}.br-book-opt-icon{color:#6366f1;background:#eef2ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.br-book-opt-info{text-align:left;flex:1;min-width:0}.br-book-opt-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.br-book-opt-author{color:#6b7280;margin-top:1px;font-size:11.5px;display:block}.br-book-opt-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.br-book-opt-isbn{color:#9ca3af;font-family:monospace;font-size:10.5px}.br-book-opt-avail{color:#059669;white-space:nowrap;font-size:11.5px;font-weight:600}.br-book-opt-avail.none{color:#dc2626}.br-book-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.br-book-tag{background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;align-items:center;gap:8px;padding:8px 12px;display:flex}.br-book-tag>svg{color:#6366f1;flex-shrink:0}.br-book-tag-info{flex:1;min-width:0}.br-book-tag-title{color:#4f46e5;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.br-book-tag-author{color:#6b7280;margin-top:1px;font-size:11.5px;display:block}.br-book-tag button{cursor:pointer;color:#a5b4fc;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;transition:color .12s,background .12s;display:flex}.br-book-tag button:hover{color:#dc2626;background:#dc262614}.br-book-empty{text-align:center;color:#9ca3af;border:1.5px dashed #e5e7eb;border-radius:9px;margin-top:10px;padding:16px;font-size:12.5px}.br-textarea{color:#111827;resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:9px;outline:none;width:100%;padding:10px 13px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .15s}.br-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.br-textarea::placeholder{color:#9ca3af}.br-view-info-grid{grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.br-view-full{grid-column:1/-1}.br-view-field{flex-direction:column;gap:3px;display:flex}.br-view-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.br-view-val{color:#111827;font-size:13.5px;font-weight:500}.br-reject-reason{color:#dc2626}.br-view-books{flex-direction:column;gap:8px;margin-top:4px;display:flex}.br-view-book-row{background:#f8f9fc;border:1px solid #f0f0f5;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.br-view-book-no{color:#6366f1;white-space:nowrap;background:#eef2ff;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700}.br-view-book-info{flex:1}.br-view-book-title{color:#111827;font-size:13px;font-weight:500}.br-view-book-author{color:#6b7280;margin-top:1px;font-size:12px}.br-approve-books{flex-direction:column;gap:8px;margin-top:4px;display:flex}.br-approve-book-row{background:#f8f9fc;border:1px solid #f0f0f5;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.br-accession-input{color:#6366f1;letter-spacing:.5px;text-transform:uppercase;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;flex-shrink:0;width:170px;padding:7px 11px;font-size:12.5px;font-weight:600;transition:border-color .15s}.br-accession-input::placeholder{color:#c4c9d6;text-transform:none;letter-spacing:0;font-weight:400}.br-accession-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.br-confirm-modal{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:440px;padding:30px 28px;animation:.22s cubic-bezier(.22,1,.36,1) br-modalIn;display:flex;box-shadow:0 20px 60px #0000002e}.br-confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex}.br-confirm-icon.approve{color:#059669;background:#ecfdf5}.br-confirm-icon.reject{color:#dc2626;background:#fef2f2}.br-confirm-modal h3{color:#111827;font-size:17px;font-weight:700}.br-confirm-modal p{color:#6b7280;font-size:13.5px;line-height:1.6}.br-confirm-modal .br-textarea{text-align:left;width:100%}.br-confirm-actions{gap:10px;width:100%;margin-top:6px;display:flex}.br-confirm-actions>*{flex:1;justify-content:center}@keyframes hpViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hp-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.hp-layout{display:flex}.hp-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.hp-main.sidebar-collapsed{margin-left:58px}.hp-main::-webkit-scrollbar{width:5px}.hp-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.hp-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.hp-breadcrumb{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.hp-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.hp-sep{color:var(--text-3)}.hp-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.hp-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.hp-icon-btn:hover{background:var(--bg);color:var(--text-1)}.hp-notif-btn{position:relative}.hp-notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.hp-avatar{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.hp-content{flex-direction:column;gap:22px;padding:28px;display:flex}.hp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hp-page-title{color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:700}.hp-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.hp-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 2px 10px #6366f159}.hp-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f173}.hp-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.hp-stats{grid-template-columns:repeat(2,1fr)}}.hp-stat{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;animation:.4s both fadeUp;display:flex}.hp-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hp-stat-value{letter-spacing:-.5px;font-size:22px;font-weight:700}.hp-stat-label{color:var(--text-2);margin-top:1px;font-size:12px}.hp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hp-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.hp-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.hp-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.hp-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.hp-search-box input::placeholder{color:var(--text-3)}.hp-toolbar-search{flex-shrink:0;width:230px}.hp-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex}.hp-search-clear:hover{color:var(--text-1)}.hp-result-count{color:var(--text-2);white-space:nowrap;font-size:12px}.hp-view-toggle{background:var(--bg);border:1px solid var(--border-md);border-radius:9px;gap:4px;padding:3px;display:flex;position:relative}.hp-view-toggle-indicator{background:var(--card);width:30px;height:30px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:6px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.hp-view-toggle-indicator.list{transform:translate(34px)}.hp-view-btn{z-index:1;width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:flex;position:relative}.hp-view-btn:active{transform:scale(.88)}.hp-view-btn.active{color:var(--primary)}.hp-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both hpViewSwitch}.hp-dropdown.p-dropdown{align-items:center;min-width:120px;font-size:13px;display:flex;border:1px solid var(--border-md)!important;background:var(--bg)!important;height:36px!important;color:var(--text-1)!important;box-shadow:none!important;border-radius:9px!important;transition:border-color .15s,box-shadow .15s!important}.hp-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)!important;background:var(--card)!important}.hp-dropdown.p-dropdown:not(.p-disabled).p-focus{border-color:var(--primary)!important;background:var(--card)!important;box-shadow:0 0 0 3px #6366f11a!important}.hp-dropdown .p-dropdown-label{color:var(--text-1)!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important}.hp-dropdown .p-dropdown-trigger{width:30px!important;color:var(--text-3)!important}.hp-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md)!important;border-radius:12px!important;margin-top:4px!important;overflow:hidden!important;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f!important}.hp-dropdown-panel .p-dropdown-items-wrapper{padding:4px!important}.hp-dropdown-panel .p-dropdown-item{color:var(--text-1)!important;border-radius:7px!important;margin:1px 0!important;padding:8px 10px!important;font-size:13px!important;transition:background .12s!important}.hp-dropdown-panel .p-dropdown-item:hover{background:var(--primary-bg)!important;color:var(--primary)!important}.hp-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg)!important;color:var(--primary)!important;font-weight:600!important}.hp-filter-dd{min-width:130px!important}.hp-filter-dd.p-dropdown{background:var(--card)!important}.hp-form-dd.p-dropdown{background:var(--bg)!important;width:100%!important;min-width:0!important;height:40px!important}.hp-form-dd.p-dropdown:not(.p-disabled).p-focus,.hp-form-dd.p-dropdown:not(.p-disabled):hover{background:#fff!important}.hp-form-dd .p-dropdown-label{padding-left:12px!important;font-weight:500!important}.hp-dd-type-item{color:var(--text-1);align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.hp-dd-type-badge{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:600;display:flex}.hp-dd-type-badge.boys{color:#2563eb;background:#dbeafe}.hp-dd-type-badge.girls{color:#db2777;background:#fce7f3}.hp-dd-type-badge.coed{color:#16a34a;background:#dcfce7}.hp-chip{letter-spacing:.2px;border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.hp-chip-active{color:#10b981;background:#ecfdf5}.hp-chip-inactive{color:#9ca3af;background:#f9fafb}.hp-type-chip{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.hp-type-boys{color:#3b82f6;background:#eff6ff}.hp-type-girls{color:#ec4899;background:#fdf2f8}.hp-type-coed{color:#22c55e;background:#f0fdf4}.hp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.hp-empty{text-align:center;color:var(--text-2);flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:60px 20px;display:flex}.hp-empty-icon{background:var(--primary-bg);width:56px;height:56px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.hp-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .2s,transform .2s;animation:.4s both cardIn;display:flex;overflow:hidden}.hp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hp-card-banner{border-bottom:1px solid;justify-content:space-between;align-items:flex-start;padding:18px 18px 14px;display:flex}.hp-card-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hp-card-chips{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.hp-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 18px 12px;display:flex}.hp-card-code{letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:700}.hp-card-name{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.3}.hp-card-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.hp-card-warden{align-items:center;gap:10px;padding:8px 0;display:flex}.hp-warden-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.hp-warden-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.hp-warden-name{color:var(--text-1);font-size:13px;font-weight:600}.hp-card-meta{flex-direction:column;gap:5px;display:flex}.hp-card-meta span{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.hp-occupy{margin-top:4px}.hp-occupy-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.hp-occupy-label{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:flex}.hp-occupy-pct{font-size:12px;font-weight:700}.hp-occupy-track{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden}.hp-occupy-fill{border-radius:3px;height:100%;transition:width .4s}.hp-card-actions{border-top:1px solid var(--border);background:linear-gradient(#0000,#00000003);align-items:center;gap:8px;padding:10px 14px;display:flex}.hp-action-btn{cursor:pointer;border:1px solid var(--border-md);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.hp-action-btn.edit{background:var(--card);color:var(--text-1)}.hp-action-btn.edit:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.hp-action-btn.status{background:var(--card);color:var(--text-2);flex:0;padding:7px 10px}.hp-action-btn.status.active,.hp-tbl-btn.status.active{color:var(--success);background:var(--success-bg);border-color:#a7f3d0}.hp-action-btn.status.inactive,.hp-tbl-btn.status.inactive{color:var(--danger);background:var(--danger-bg);border-color:#fecaca}.hp-list-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.hp-table{border-collapse:collapse;width:100%}.hp-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#fafafa;padding:12px 16px;font-size:11px;font-weight:700}.hp-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px}.hp-table tr:last-child td{border-bottom:none}.hp-table tr:hover td{background:#fafbff}.hp-th-center,.hp-td-center{text-align:center}.hp-table-empty{text-align:center;color:var(--text-3);padding:40px!important}.hp-table-hostel{align-items:center;gap:10px;display:flex}.hp-table-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hp-table-name{color:var(--text-1);font-size:13px;font-weight:600}.hp-table-code{letter-spacing:.5px;font-size:11px;font-weight:600}.hp-table-warden,.hp-table-contact{color:var(--text-2);font-size:13px}.hp-na{color:var(--text-3)}.hp-table-occupy{flex-direction:column;gap:5px;min-width:90px;display:flex}.hp-table-occupy span{color:var(--text-2);font-size:12px;font-weight:500}.hp-mini-track{background:#f3f4f6;border-radius:3px;height:5px;overflow:hidden}.hp-mini-fill{border-radius:3px;height:100%}.hp-table-acts{align-items:center;gap:6px;display:flex}.hp-tbl-btn{border:1px solid var(--border-md);background:var(--card);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.hp-tbl-btn:hover{border-color:var(--primary);color:var(--primary)}.hp-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;animation:.2s overlayIn;position:fixed;inset:0}.hp-panel{background:var(--card);z-index:110;flex-direction:column;width:480px;height:100vh;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #0000001f}.hp-panel.open{transition-delay:0s;transform:translate(0)}@media (width<=520px){.hp-panel{width:100%}}.hp-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.hp-panel-head-left{align-items:center;gap:13px;display:flex}.hp-panel-head-icon{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hp-panel-title{color:var(--text-1);font-size:16px;font-weight:700}.hp-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.hp-panel-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.hp-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.hp-panel-body{flex-direction:column;flex:1;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.hp-panel-body::-webkit-scrollbar{width:4px}.hp-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.hp-form-section{flex-direction:column;gap:10px;display:flex}.hp-form-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.hp-form-field{flex-direction:column;gap:5px;display:flex}.hp-form-field label{color:var(--text-2);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.hp-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hp-req{color:var(--danger)}.hp-input-group{position:relative}.hp-input-icon-left{color:var(--text-3);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.hp-input{border:1px solid var(--border-md);width:100%;color:var(--text-1);background:var(--bg);font-size:13px;font-family:var(--font);border-radius:9px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.hp-input.hp-input-iconed{padding-left:34px}.hp-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.hp-input::placeholder{color:var(--text-3)}.hp-input.hp-input-error{border-color:var(--danger);background:var(--danger-bg)}.hp-input.hp-input-error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441f}.hp-field-error{color:var(--danger);font-size:11px;font-weight:600;line-height:1.35}.hp-textarea{resize:vertical;min-height:80px}.hp-anim-1{animation:.25s 40ms both fieldIn}.hp-anim-2{animation:.25s 80ms both fieldIn}.hp-anim-3{animation:.25s .12s both fieldIn}.hp-anim-4{animation:.25s .16s both fieldIn}.hp-anim-5{animation:.25s .2s both fieldIn}.hp-anim-6{animation:.25s .24s both fieldIn}.hp-anim-7{animation:.25s .28s both fieldIn}.hp-anim-8{animation:.25s .32s both fieldIn}.hp-palette{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.hp-palette-dot{cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;transition:transform .15s}.hp-palette-dot:hover,.hp-palette-dot.selected{transform:scale(1.15)}.hp-status-chips{flex-wrap:wrap;gap:8px;display:flex}.hp-status-chip{cursor:pointer;border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.hp-status-chip.active.hp-schip-active{background:var(--success-bg);color:var(--success);border-color:#6ee7b7}.hp-status-chip.active.hp-schip-inactive{color:var(--text-2);border-color:var(--border-md);background:#f9fafb}.hp-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.hp-panel-foot{border-top:1px solid var(--border);background:linear-gradient(to top,var(--card),transparent);flex-shrink:0;gap:10px;padding:16px 22px;display:flex}.hp-btn-cancel{border:1px solid var(--border-md);background:var(--bg);color:var(--text-1);cursor:pointer;border-radius:9px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.hp-btn-cancel:hover{background:var(--border);border-color:var(--border-md)}.hp-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.hp-btn-save:hover:not(.disabled){transform:translateY(-1px)}.hp-btn-save.disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#d1d5db}.hp-btn-save.saved{background:var(--success);box-shadow:0 4px 14px #10b98166}.hp-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.hp-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=900px){.hp-stats{grid-template-columns:repeat(2,1fr)}.hp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.hp-main{margin-left:0!important}.hp-hamburger{display:flex}.hp-topbar{gap:10px;padding:0 14px}.hp-content{gap:16px;padding:16px}.hp-panel{width:100%}.hp-breadcrumb{display:none}}@media (width<=480px){.hp-stats{grid-template-columns:1fr 1fr}.hp-grid{grid-template-columns:1fr}.hp-page-head{flex-direction:column;align-items:flex-start}.hp-toolbar{gap:8px}.hp-toolbar-search{width:100%}}.hr-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.hr-layout{display:flex}.hr-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.hr-main.sidebar-collapsed{margin-left:58px}.hr-main::-webkit-scrollbar{width:5px}.hr-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.hr-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.hr-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.hr-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.hr-sep{color:var(--text-3)}.hr-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.hr-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.hr-icon-btn:hover{background:var(--bg);color:var(--text-1)}.hr-notif-btn{position:relative}.hr-notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.hr-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.hr-content{flex-direction:column;gap:22px;padding:28px;display:flex}.hr-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hr-page-title{color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:700}.hr-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.hr-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 2px 10px #6366f159}.hr-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px)}.hr-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.hr-stats{grid-template-columns:repeat(2,1fr)}}.hr-stat{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;animation:.4s both fadeUp;display:flex}.hr-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hr-stat-value{letter-spacing:-.5px;font-size:22px;font-weight:700}.hr-stat-label{color:var(--text-2);margin-top:1px;font-size:12px}.hr-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hr-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.hr-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.hr-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.hr-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.hr-search-box input::placeholder{color:var(--text-3)}.hr-toolbar-search{flex-shrink:0;width:230px}.hr-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.hr-search-clear:hover{color:var(--text-1)}.hr-dropdown.p-dropdown{align-items:center;min-width:120px;font-size:13px;display:flex;border:1.5px solid var(--border-md)!important;height:38px!important;color:var(--text-1)!important;background:#fff!important;border-radius:10px!important;transition:border-color .15s,box-shadow .15s!important;box-shadow:0 1px 4px #0000000d!important}.hr-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f114!important}.hr-dropdown.p-dropdown:not(.p-disabled).p-focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f126!important}.hr-dropdown .p-dropdown-label{color:var(--text-1)!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important}.hr-dropdown .p-dropdown-trigger{width:30px!important;color:var(--text-3)!important}.hr-dropdown .p-dropdown-trigger-icon{font-size:11px!important}.hr-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md)!important;border-radius:12px!important;margin-top:4px!important;font-size:13px!important;overflow:hidden!important;box-shadow:0 8px 30px #0000001f!important}.hr-dropdown-panel .p-dropdown-items{padding:4px!important}.hr-dropdown-panel .p-dropdown-item{color:var(--text-1)!important;border-radius:8px!important;margin:1px 0!important;padding:8px 12px!important;font-weight:500!important;transition:background .12s,color .12s!important}.hr-dropdown-panel .p-dropdown-item:hover{background:var(--primary-bg)!important;color:var(--primary)!important}.hr-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg)!important;color:var(--primary)!important;font-weight:700!important}.hr-filter-dd{min-width:150px!important}.hr-filter-dd .p-dropdown-label{font-weight:600!important}.hr-form-dd{background:var(--bg)!important;width:100%!important}.hr-tbl-status-dd.p-dropdown{border-radius:20px!important;min-width:116px!important;height:28px!important;padding:0 4px!important}.hr-tbl-status-dd .p-dropdown-label{letter-spacing:.2px!important;font-size:11px!important;font-weight:700!important}.hr-tbl-status-dd .p-dropdown-trigger{width:22px!important}.hr-tbl-status-dd.hr-status-active{background:#ecfdf5!important;border-color:#6ee7b7!important}.hr-tbl-status-dd.hr-status-active .p-dropdown-label,.hr-tbl-status-dd.hr-status-active .p-dropdown-trigger{color:#10b981!important}.hr-tbl-status-dd.hr-status-active:not(.p-disabled):hover{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811f!important}.hr-tbl-status-dd.hr-status-inactive{background:#f8fafc!important;border-color:#cbd5e1!important}.hr-tbl-status-dd.hr-status-inactive .p-dropdown-label,.hr-tbl-status-dd.hr-status-inactive .p-dropdown-trigger{color:#64748b!important}.hr-tbl-status-dd.hr-status-inactive:not(.p-disabled):hover{border-color:#64748b!important;box-shadow:0 0 0 3px #64748b1f!important}.hr-list-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.hr-table{border-collapse:collapse;width:100%}.hr-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#fafafa;padding:12px 16px;font-size:11px;font-weight:700}.hr-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px}.hr-table tr:last-child td{border-bottom:none}.hr-table tr:hover td{background:#fafbff}.hr-th-center,.hr-td-center{text-align:center}.hr-table-empty{text-align:center;color:var(--text-3);padding:40px!important}.hr-room-cell{align-items:center;gap:9px;display:flex}.hr-room-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.hr-room-no{color:var(--text-1);font-size:13px;font-weight:700}.hr-hostel-cell{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.hr-type-badge{background:var(--primary-bg);color:var(--primary);border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.hr-floor{color:var(--text-2);font-size:13px}.hr-na{color:var(--text-3)}.hr-occupy{flex-direction:column;gap:5px;min-width:80px;display:flex}.hr-occupy span{color:var(--text-2);font-size:12px;font-weight:500}.hr-mini-track{background:#f3f4f6;border-radius:3px;height:5px;overflow:hidden}.hr-mini-fill{border-radius:3px;height:100%}.hr-amenities{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hr-amenity-tag{color:var(--text-2);background:#f3f4f6;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:500}.hr-amenity-more{color:var(--primary);font-size:11px;font-weight:600}.hr-chip{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.hr-chip-active{color:#10b981;background:#ecfdf5}.hr-chip-inactive{color:#64748b;background:#f8fafc}.hr-table-acts{align-items:center;gap:6px;display:flex}.hr-tbl-btn{border:1px solid var(--border-md);background:var(--card);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.hr-tbl-btn:hover{border-color:var(--primary);color:var(--primary)}.hr-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;animation:.2s overlayIn;position:fixed;inset:0}.hr-panel{background:var(--card);z-index:110;flex-direction:column;width:440px;height:100vh;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #0000001f}.hr-panel.open{transition-delay:0s;transform:translate(0)}@media (width<=480px){.hr-panel{width:100%}}.hr-panel-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eef2ff,#f5f3ff);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.hr-panel-head-left{align-items:center;gap:13px;display:flex}.hr-panel-head-icon{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hr-panel-title{color:var(--text-1);font-size:15px;font-weight:700}.hr-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.hr-panel-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.hr-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.hr-panel-body{flex-direction:column;flex:1;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.hr-panel-body::-webkit-scrollbar{width:4px}.hr-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.hr-form-section{flex-direction:column;gap:10px;display:flex}.hr-form-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.hr-form-field{flex-direction:column;gap:5px;display:flex}.hr-form-field label{color:var(--text-2);font-size:12px;font-weight:600}.hr-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hr-req{color:var(--danger)}.hr-hint{color:var(--text-3);font-size:11px;font-weight:400}.hr-input{border:1px solid var(--border-md);width:100%;color:var(--text-1);background:var(--bg);font-size:13px;font-family:var(--font);border-radius:9px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.hr-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.hr-input::placeholder{color:var(--text-3)}.hr-anim-1{animation:.25s 40ms both fieldIn}.hr-anim-2{animation:.25s 80ms both fieldIn}.hr-anim-3{animation:.25s .12s both fieldIn}.hr-anim-4{animation:.25s .16s both fieldIn}.hr-anim-5{animation:.25s .2s both fieldIn}.hr-status-chips{flex-wrap:wrap;gap:8px;display:flex}.hr-status-chip{cursor:pointer;border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.hr-status-chip.active.hr-schip-active{background:var(--success-bg);color:var(--success);border-color:#6ee7b7}.hr-status-chip.active.hr-schip-inactive{color:#64748b;background:#f8fafc;border-color:#cbd5e1}.hr-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.hr-panel-foot{border-top:1px solid var(--border);flex-shrink:0;gap:10px;padding:16px 22px;display:flex}.hr-btn-cancel{border:1px solid var(--border-md);background:var(--bg);color:var(--text-1);cursor:pointer;border-radius:9px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.hr-btn-cancel:hover{background:var(--border)}.hr-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.hr-btn-save:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.hr-btn-save.disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db}.hr-btn-save.saved{background:var(--success)}.hr-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.hr-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=900px){.hr-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hr-main{margin-left:0!important}.hr-hamburger{display:flex}.hr-topbar{gap:10px;padding:0 14px}.hr-content{gap:16px;padding:16px}.hr-panel{width:100%}.hr-breadcrumb{display:none}.hr-list-wrap{overflow-x:auto}.hr-table{min-width:600px}}@media (width<=480px){.hr-stats{grid-template-columns:1fr 1fr}.hr-page-head{flex-direction:column;align-items:flex-start}.hr-toolbar{flex-direction:column;align-items:stretch}.hr-toolbar-left{flex-direction:column}.hr-toolbar-search{width:100%}}@keyframes ddPanelIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ha-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.ha-layout{display:flex}.ha-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.ha-main.sidebar-collapsed{margin-left:58px}.ha-main::-webkit-scrollbar{width:5px}.ha-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.ha-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.ha-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.ha-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.ha-sep{color:var(--text-3)}.ha-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.ha-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ha-icon-btn:hover{background:var(--bg);color:var(--text-1)}.ha-notif-btn{position:relative}.ha-notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.ha-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.ha-content{flex-direction:column;gap:22px;padding:28px;display:flex}.ha-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ha-page-title{color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:700}.ha-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.ha-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 2px 10px #6366f159}.ha-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px)}.ha-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600}.ha-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.ha-stats{grid-template-columns:repeat(2,1fr)}}.ha-stat{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;animation:.4s both fadeUp;display:flex}.ha-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ha-stat-value{letter-spacing:-.5px;font-size:22px;font-weight:700}.ha-stat-label{color:var(--text-2);margin-top:1px;font-size:12px}.ha-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ha-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.ha-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s;display:flex}.ha-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ha-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.ha-search-box input::placeholder{color:var(--text-3)}.ha-toolbar-search{flex-shrink:0;width:230px}.ha-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.ha-dropdown.p-dropdown{align-items:center;min-width:130px;display:flex;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;height:38px!important;font-size:13px!important;font-weight:500!important;transition:all .18s!important;box-shadow:0 1px 4px #0000000d!important}.ha-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f114,0 1px 4px #0000000d!important}.ha-dropdown.p-dropdown:not(.p-disabled).p-focus{border-color:var(--primary)!important;outline:none!important;box-shadow:0 0 0 3px #6366f11f!important}.ha-dropdown .p-dropdown-label{color:var(--text-1)!important;align-items:center!important;padding:0 4px 0 12px!important;font-size:13px!important;line-height:1!important;display:flex!important}.ha-dropdown .p-dropdown-trigger{width:32px!important;color:var(--text-3)!important}.ha-dropdown .p-dropdown-trigger-icon{font-size:11px!important}.ha-filter-dd.p-dropdown{border:1.5px solid var(--border-md)!important;background:linear-gradient(#fff 0%,#fafbff 100%)!important;min-width:152px!important;font-weight:600!important;box-shadow:0 1px 4px #0000000f,inset 0 1px #ffffffe6!important}.ha-filter-dd.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)!important;background:linear-gradient(#fff 0%,#eef2ff 100%)!important}.ha-filter-dd .p-dropdown-label{font-weight:600!important}.ha-form-dd.p-dropdown{background:var(--bg)!important;border-radius:9px!important;width:100%!important;height:40px!important}.ha-form-dd.p-dropdown:not(.p-disabled).p-focus{background:#fff!important}.ha-form-dd .p-dropdown-label{color:var(--text-1)!important;padding:0 4px 0 12px!important;font-size:13px!important}.ha-tbl-status-dd.p-dropdown{min-width:108px!important;height:28px!important;box-shadow:none!important;border-radius:20px!important;padding:0!important;font-size:12px!important;font-weight:700!important;transition:all .15s!important}.ha-tbl-status-dd .p-dropdown-label{align-items:center!important;padding:0 4px 0 10px!important;font-size:12px!important;font-weight:700!important;display:flex!important}.ha-tbl-status-dd .p-dropdown-trigger{width:24px!important}.ha-tbl-status-dd .p-dropdown-trigger-icon{font-size:10px!important}.ha-tbl-status-dd.p-dropdown:not(.p-disabled):hover{transform:translateY(-1px)!important;box-shadow:0 2px 10px #0000001a!important}.ha-tbl-status-dd.ha-status-active.p-dropdown{background:#dcfce7!important;border-color:#86efac!important}.ha-tbl-status-dd.ha-status-active .p-dropdown-label,.ha-tbl-status-dd.ha-status-active .p-dropdown-trigger{color:#15803d!important}.ha-tbl-status-dd.ha-status-pending.p-dropdown{background:#fef9c3!important;border-color:#fde047!important}.ha-tbl-status-dd.ha-status-pending .p-dropdown-label,.ha-tbl-status-dd.ha-status-pending .p-dropdown-trigger{color:#a16207!important}.ha-tbl-status-dd.ha-status-vacated.p-dropdown{background:#f3f4f6!important;border-color:#d1d5db!important}.ha-tbl-status-dd.ha-status-vacated .p-dropdown-label,.ha-tbl-status-dd.ha-status-vacated .p-dropdown-trigger{color:#6b7280!important}.ha-dropdown-panel.p-dropdown-panel{border:1.5px solid var(--border-md)!important;border-radius:12px!important;font-size:13px!important;animation:.15s cubic-bezier(.22,1,.36,1) both ddPanelIn!important;overflow:hidden!important;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f!important}.ha-dropdown-panel .p-dropdown-items-wrapper{padding:4px!important}.ha-dropdown-panel .p-dropdown-item{color:var(--text-1)!important;border-radius:8px!important;align-items:center!important;margin:1px 0!important;padding:9px 12px!important;font-size:13px!important;font-weight:500!important;transition:all .12s!important;display:flex!important}.ha-dropdown-panel .p-dropdown-item:hover{background:var(--primary-bg)!important;color:var(--primary)!important;padding-left:16px!important}.ha-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg)!important;color:var(--primary)!important;font-weight:600!important}.ha-dd-sval{align-items:center;gap:7px;font-size:13px;display:flex}.ha-dd-sitem{align-items:center;gap:8px;font-size:13px;display:flex}.ha-dd-sdot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.ha-dd-hval{color:var(--text-1);align-items:center;gap:7px;font-size:13px;display:flex}.ha-dd-hval svg{color:var(--text-3);flex-shrink:0}.ha-list-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.ha-table{border-collapse:collapse;width:100%}.ha-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#fafafa;padding:12px 16px;font-size:11px;font-weight:700}.ha-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px}.ha-table tr:last-child td{border-bottom:none}.ha-table tr:hover td{background:#fafbff}.ha-th-center,.ha-td-center{text-align:center}.ha-table-empty{text-align:center;color:var(--text-3);padding:40px!important}.ha-student-cell{align-items:center;gap:10px;display:flex}.ha-student-avatar{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.ha-student-name{color:var(--text-1);font-size:13px;font-weight:600}.ha-student-link{cursor:pointer;transition:color .15s}.ha-student-link:hover{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.ha-student-id{color:var(--text-3);margin-top:1px;font-size:11px;font-weight:500}.ha-hostel-cell{color:var(--text-2);align-items:center;gap:7px;font-size:12px;display:flex}.ha-hostel-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.ha-room-cell{color:var(--text-2);align-items:center;gap:7px;display:flex}.ha-room-no{color:var(--text-1);font-size:13px;font-weight:600}.ha-room-type{color:var(--text-3);margin-top:1px;font-size:11px}.ha-date{color:var(--text-2);white-space:nowrap;font-size:12px}.ha-fees-badge{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ha-fees-badge.paid{color:#10b981;background:#ecfdf5}.ha-fees-badge.due{color:#ef4444;background:#fef2f2}.ha-chip{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ha-chip-active{color:#10b981;background:#ecfdf5}.ha-chip-vacated{color:#9ca3af;background:#f9fafb}.ha-chip-pending{color:#f59e0b;background:#fffbeb}.ha-table-acts{align-items:center;gap:6px;display:flex}.ha-tbl-btn{border:1px solid var(--border-md);background:var(--card);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ha-tbl-btn:hover{border-color:var(--primary);color:var(--primary)}.ha-tbl-btn.release{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.ha-tbl-btn.release:hover{color:#9a3412;background:#ffedd5;border-color:#f97316}.ha-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;animation:.2s overlayIn;position:fixed;inset:0}.ha-panel{background:var(--card);z-index:110;flex-direction:column;width:460px;height:100vh;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #0000001f}.ha-panel.open{transition-delay:0s;transform:translate(0)}@media (width<=500px){.ha-panel{width:100%}}.ha-panel-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eef2ff,#f5f3ff);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.ha-panel-head-left{align-items:center;gap:13px;display:flex}.ha-panel-head-icon{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ha-panel-title{color:var(--text-1);font-size:15px;font-weight:700}.ha-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.ha-panel-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ha-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.ha-panel-body{flex-direction:column;flex:1;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.ha-panel-body::-webkit-scrollbar{width:4px}.ha-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.ha-form-section{flex-direction:column;gap:10px;display:flex}.ha-form-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.ha-form-field{flex-direction:column;gap:5px;display:flex}.ha-form-field label{color:var(--text-2);font-size:12px;font-weight:600}.ha-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ha-req{color:var(--danger)}.ha-input{border:1px solid var(--border-md);width:100%;color:var(--text-1);background:var(--bg);font-size:13px;font-family:var(--font);border-radius:9px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.ha-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.ha-input::placeholder{color:var(--text-3)}.ha-anim-1{animation:.25s 40ms both fieldIn}.ha-anim-2{animation:.25s 80ms both fieldIn}.ha-anim-3{animation:.25s .12s both fieldIn}.ha-anim-4{animation:.25s .16s both fieldIn}.ha-anim-5{animation:.25s .2s both fieldIn}.ha-form-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.ha-status-chips{flex-wrap:wrap;gap:8px;display:flex}.ha-status-chip{border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.ha-status-chip.active.ha-schip-active{color:#10b981;background:#ecfdf5;border-color:#10b981}.ha-status-chip.active.ha-schip-pending{color:#f59e0b;background:#fffbeb;border-color:#f59e0b}.ha-status-chip.active.ha-schip-vacated{color:#6b7280;background:#f9fafb;border-color:#9ca3af}.ha-schip-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.ha-panel-foot{border-top:1px solid var(--border);flex-shrink:0;gap:10px;padding:16px 22px;display:flex}.ha-btn-cancel{border:1px solid var(--border-md);background:var(--bg);color:var(--text-1);cursor:pointer;border-radius:9px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.ha-btn-cancel:hover{background:var(--border)}.ha-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.ha-btn-save:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.ha-btn-save.disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db}.ha-btn-save.saved{background:var(--success)}.ha-hint{color:var(--primary);margin-left:4px;font-size:11px;font-weight:400}.ha-fees-summary{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:10px;flex-direction:column;gap:6px;margin-top:2px;padding:12px 14px;display:flex}.ha-fees-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.ha-fees-label{color:var(--text-2);font-weight:500}.ha-fees-val{color:var(--text-1);font-weight:600}.ha-fees-total{border-top:1px dashed #c7d2fe;margin-top:2px;padding-top:7px}.ha-fees-total .ha-fees-label{color:var(--text-1);font-size:13px;font-weight:700}.ha-fees-total-val{color:var(--primary);font-size:15px;font-weight:800}.ha-fees-note{color:var(--text-3);padding:4px 2px;font-size:11px;font-style:italic}.ha-na{color:var(--text-3)}.ha-sem-fees{flex-direction:column;gap:7px;display:flex}.ha-sem-fees-head,.ha-sem-fee-row{grid-template-columns:minmax(92px,1fr) 104px 128px;align-items:center;gap:8px;display:grid}.ha-sem-fees-head{text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);padding:0 2px;font-size:10px;font-weight:800}.ha-sem-fee-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:8px}.ha-sem-fee-name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.ha-sem-amount,.ha-sem-date{height:34px;padding:7px 9px;font-size:12px}.ha-toggle-row{background:var(--bg);border:1px solid var(--border-md);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:10px 12px;display:flex}.ha-toggle-info{flex-direction:column;gap:2px;display:flex}.ha-toggle-label{color:var(--text-1);font-size:12px;font-weight:700}.ha-toggle-desc{color:var(--text-2);font-size:11px}.ha-toggle{cursor:pointer;background:#d1d5db;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.ha-toggle.on{background:var(--primary)}.ha-toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.ha-toggle.on .ha-toggle-knob{transform:translate(18px)}.ha-fees-badge{cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.ha-fees-badge.assigned{color:#10b981;background:#ecfdf5}.ha-fees-badge.assigned:hover{background:#d1fae5}.ha-fees-badge.unassigned{color:#d97706;background:#fef3c7}.ha-fees-badge.unassigned:hover{background:#fde68a}.ha-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.ha-modal{background:var(--card);border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.ha-modal-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eef2ff,#f5f3ff);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.ha-modal-head-left{align-items:center;gap:12px;display:flex}.ha-modal-head-icon{background:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ha-modal-title{color:var(--text-1);font-size:15px;font-weight:700}.ha-modal-sub{color:var(--text-2);margin-top:2px;font-size:12px}.ha-modal-close{border:1px solid var(--border-md);background:var(--card);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ha-modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.ha-modal-body{flex:1;padding:18px 22px;overflow-y:auto}.ha-modal-body::-webkit-scrollbar{width:4px}.ha-modal-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.ha-modal-loading,.ha-modal-empty{text-align:center;color:var(--text-2);padding:32px;font-size:13px}.ha-modal-table{border-collapse:collapse;width:100%;font-size:13px}.ha-modal-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-2);border-bottom:2px solid var(--border);background:var(--bg);padding:8px 12px;font-size:11px;font-weight:700}.ha-modal-table td{border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle;padding:10px 12px}.ha-modal-table tr:last-child td{border-bottom:none}.ha-modal-table tr:hover td{background:#f9fafb}.ha-modal-paid{color:#10b981;font-weight:600}.ha-modal-due{color:#ef4444;font-weight:600}.ha-modal-unassigned{color:var(--text-3);font-size:12px;font-style:italic}.ha-modal-status{text-transform:capitalize;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.ha-pstatus-none{color:#6b7280;background:#f3f4f6}.ha-pstatus-due{color:#ef4444;background:#fef2f2}.ha-pstatus-partial{color:#f59e0b;background:#fffbeb}.ha-pstatus-paid{color:#10b981;background:#ecfdf5}.ha-pstatus-cancelled{color:#9ca3af;background:#f3f4f6}.ha-modal-foot{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.ha-btn-assign-fees{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.ha-btn-assign-fees:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.ha-btn-assign-fees:disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db}.ha-btn-assign-fees.loading{background:#a5b4fc}.ha-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.ha-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=900px){.ha-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ha-main{margin-left:0!important}.ha-hamburger{display:flex}.ha-topbar{gap:10px;padding:0 14px}.ha-content{gap:16px;padding:16px}.ha-panel{width:100%}.ha-breadcrumb{display:none}.ha-list-wrap{overflow-x:auto}.ha-table{min-width:680px}.ha-modal{max-width:100%;margin:0 12px}}@media (width<=480px){.ha-stats{grid-template-columns:1fr 1fr}.ha-page-head{flex-direction:column;align-items:flex-start}.ha-toolbar{flex-direction:column;align-items:stretch}.ha-toolbar-left{flex-direction:column}.ha-toolbar-search{width:100%}.ha-form-row{grid-template-columns:1fr}.ha-sem-fees-head{display:none}.ha-sem-fee-row{grid-template-columns:1fr}}.hfrp-backdrop{z-index:1000;background:#0f172a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.hfrp-toolbar{background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.hfrp-toolbar-left{align-items:center;gap:14px;display:flex}.hfrp-toolbar-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hfrp-toolbar-title{color:#f1f5f9;margin:0 0 2px;font-size:15px;font-weight:700}.hfrp-toolbar-sub{color:#94a3b8;margin:0;font-size:12px}.hfrp-toolbar-actions{align-items:center;gap:10px;display:flex}.hfrp-btn-close{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.hfrp-btn-close:hover{background:#334155;border-color:#64748b}.hfrp-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 2px 8px #6d28d959}.hfrp-btn-print:hover{opacity:.9;transform:translateY(-1px)}.hfrp-btn-print:active{transform:translateY(0)}.hfrp-preview{background:#0f172a;flex:1;padding:28px 16px;overflow-y:auto}.hfrp-preview::-webkit-scrollbar{width:6px}.hfrp-preview::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.hfrp-preview-inner{max-width:640px;margin:0 auto}.hfrp-card{color:#1e293b;background:#fff;border-radius:10px;font-family:Segoe UI,Arial,Helvetica,sans-serif;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000059}.hfrp-header{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 26px 16px;display:flex}.hfrp-header-brand{align-items:flex-start;gap:12px;display:flex}.hfrp-logo{background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.hfrp-college-name{letter-spacing:.2px;font-size:17px;font-weight:800}.hfrp-college-sub{opacity:.9;margin-top:1px;font-size:11px;font-style:italic}.hfrp-college-addr{opacity:.85;margin-top:1px;font-size:11px}.hfrp-header-badge{text-align:right;flex-shrink:0}.hfrp-badge-paid{color:#16a34a;letter-spacing:.6px;background:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.hfrp-receipt-title{opacity:.95;margin-top:6px;font-size:12px;font-weight:600}.hfrp-divider{background:repeating-linear-gradient(45deg,#8b5cf6 0 8px,#6d28d9 8px 16px);height:4px}.hfrp-meta-row{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 26px 0;display:grid}.hfrp-meta-item{flex-direction:column;gap:2px;display:flex}.hfrp-meta-item span{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:10.5px}.hfrp-meta-item b{color:#0f172a;font-size:13px}.hfrp-info-grid{background:#faf5ff;border:1px solid #e9d5ff;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:16px 26px 0;padding:14px 16px;display:grid}.hfrp-info-cell{flex-direction:column;gap:2px;display:flex}.hfrp-info-cell span{color:#64748b;font-size:10.5px}.hfrp-info-cell b{color:#0f172a;font-size:12.5px}.hfrp-table{border-collapse:collapse;width:calc(100% - 52px);margin:18px 26px 0;font-size:12.5px}.hfrp-table thead th{color:#4c1d95;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#f5f3ff;border-bottom:2px solid #ddd6fe;padding:8px 10px;font-size:11px}.hfrp-th-amt{text-align:right!important}.hfrp-table tbody td{border-bottom:1px solid #e2e8f0;padding:8px 10px}.hfrp-td-amt{text-align:right;font-weight:600}.hfrp-row-concession td{color:#dc2626}.hfrp-row-total td{color:#15803d;background:#f0fdf4;border-top:2px solid #bbf7d0;border-bottom:none;font-size:14px;font-weight:800}.hfrp-words{color:#334155;background:#fffbeb;border:1px dashed #fde68a;border-radius:6px;margin:12px 26px 0;padding:10px 14px;font-size:12px}.hfrp-words span{color:#92400e}.hfrp-words b{text-transform:uppercase}.hfrp-pay-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 26px 0;display:grid}.hfrp-remarks{color:#475569;margin:12px 26px 0;font-size:11.5px}.hfrp-remarks span{color:#1e293b;font-weight:700}.hfrp-footer{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:flex-end;gap:16px;margin:26px 26px 22px;padding-top:14px;display:flex}.hfrp-note{color:#94a3b8;max-width:60%;font-size:10px;line-height:1.5}.hfrp-sig{flex-direction:column;align-items:center;gap:4px;display:flex}.hfrp-sig-line{border-bottom:1.5px solid #94a3b8;width:140px;height:28px}.hfrp-sig span{color:#475569;font-size:11px}@media print{body.hfrp-print-ready{background:#fff!important;margin:0!important}body.hfrp-print-ready .layout-root{background:#fff!important;min-height:0!important;display:block!important}body.hfrp-print-ready .layout-root>:not(.layout-main),body.hfrp-print-ready .layout-main>:not(.hfrp-backdrop){display:none!important}body.hfrp-print-ready .layout-main{background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;display:block!important;overflow:visible!important}.hfrp-backdrop,.hfrp-backdrop *{visibility:visible!important}.hfrp-backdrop{background:0 0!important;height:auto!important;min-height:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.hfrp-toolbar,.hfrp-preview{display:none!important}.hfrp-print-area{visibility:visible!important;padding:0!important;display:block!important;overflow:visible!important}.hfrp-card{width:100%;box-shadow:none;page-break-inside:avoid;break-inside:avoid;border:1px solid #cbd5e1;border-radius:0}@page{size:A4 portrait;margin:10mm}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#8b5cf6;--purple-bg:#f5f3ff;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}.hf-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.hf-layout{display:flex}.hf-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.44s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.hf-main.sidebar-collapsed{margin-left:58px}.hf-main::-webkit-scrollbar{width:5px}.hf-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.hf-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.hf-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.hf-breadcrumb span:last-child{color:var(--text-1);font-weight:600}.hf-sep{color:var(--text-3)}.hf-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.hf-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.hf-icon-btn:hover{background:var(--bg);color:var(--text-1)}.hf-notif-btn{position:relative}.hf-notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.hf-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.hf-content{flex-direction:column;gap:22px;padding:28px;display:flex}.hf-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hf-page-title{color:var(--text-1);letter-spacing:-.3px;font-size:22px;font-weight:700}.hf-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.hf-stats{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}@media (width<=1100px){.hf-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.hf-stats{grid-template-columns:repeat(2,1fr)}}.hf-stat{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:16px 18px;animation:.4s both fadeUp;display:flex}.hf-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hf-stat-value{letter-spacing:-.4px;font-size:18px;font-weight:700;line-height:1.2}.hf-stat-label{color:var(--text-2);margin-top:2px;font-size:11px}.hf-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hf-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.hf-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s;display:flex}.hf-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.hf-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;width:220px;font-size:13px}.hf-search-box input::placeholder{color:var(--text-3)}.hf-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.hf-result-count{color:var(--text-2);white-space:nowrap;font-size:12px}@keyframes hf-dropdown-open{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hf-dropdown.p-dropdown{align-items:center;gap:0;min-width:130px;display:flex;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;height:38px!important;font-size:13px!important;transition:border-color .18s,box-shadow .18s,background .18s!important;box-shadow:0 1px 3px #0000000d!important}.hf-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)!important;background:#fafbff!important;box-shadow:0 0 0 3px #6366f114,0 1px 4px #00000012!important}.hf-dropdown.p-dropdown:not(.p-disabled).p-focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 3.5px #6366f126,0 1px 4px #00000012!important}.hf-dropdown .p-dropdown-label{color:var(--text-1)!important;padding:0 4px 0 12px!important;font-size:13px!important;font-weight:500!important;line-height:1!important}.hf-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3)!important}.hf-dropdown .p-dropdown-trigger{width:30px!important;color:var(--text-3)!important;transition:color .15s,transform .2s!important}.hf-dropdown.p-dropdown:not(.p-disabled):hover .p-dropdown-trigger,.hf-dropdown.p-dropdown:not(.p-disabled).p-focus .p-dropdown-trigger{color:var(--primary)!important}.hf-dropdown-panel.p-dropdown-panel{border:1.5px solid #e8eaf0!important;border-radius:12px!important;margin-top:5px!important;font-size:13px!important;animation:.15s cubic-bezier(.22,1,.36,1) both hf-dropdown-open!important;overflow:hidden!important;box-shadow:0 8px 32px #6366f11f,0 2px 8px #00000014!important}.hf-dropdown-panel .p-dropdown-items-wrapper{padding:5px!important}.hf-dropdown-panel .p-dropdown-items{flex-direction:column;gap:1px;display:flex;padding:0!important}.hf-dropdown-panel .p-dropdown-item{position:relative;color:var(--text-1)!important;border-radius:8px!important;margin:0!important;padding:8px 12px!important;font-size:13px!important;font-weight:500!important;transition:background .12s,color .12s,padding-left .12s!important}.hf-dropdown-panel .p-dropdown-item:hover{background:var(--primary-bg)!important;color:var(--primary)!important;padding-left:16px!important}.hf-dropdown-panel .p-dropdown-item.p-highlight{color:var(--primary)!important;box-shadow:inset 3px 0 0 var(--primary)!important;background:linear-gradient(135deg,#eef2ff,#f0edff)!important;border-radius:8px!important;padding-left:16px!important;font-weight:700!important}.hf-filter-dd{min-width:148px!important}.hf-method-dd{width:100%!important}.hf-table-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.hf-table{border-collapse:collapse;width:100%}.hf-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#fafafa;padding:12px 16px;font-size:11px;font-weight:700}.hf-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.hf-table tr:last-child td{border-bottom:none}.hf-table tr:hover td{background:#fafbff}.hf-row-overdue td{background:#fff5f5!important}.hf-table-empty{text-align:center;color:var(--text-3);padding:48px!important}.hf-empty-inner{color:var(--text-3);flex-direction:column;align-items:center;gap:10px;display:flex}.hf-empty-inner svg{opacity:.4;width:36px;height:36px}.hf-student-cell{align-items:center;gap:10px;display:flex}.hf-student-avatar{color:#fff;letter-spacing:.3px;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}.hf-student-name{color:var(--text-1);font-size:13px;font-weight:600}.hf-student-link{cursor:pointer;transition:color .15s}.hf-student-link:hover{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.hf-student-id{color:var(--text-3);margin-top:1px;font-size:11px;font-weight:500}.hf-hostel-cell{align-items:flex-start;gap:8px;display:flex}.hf-hostel-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:3px}.hf-hostel-name{color:var(--text-1);font-size:12px;font-weight:600}.hf-room-info{color:var(--text-3);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.hf-terms-badge{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.hf-terms-due{color:#ef4444;background:#fef2f2;border-radius:20px;padding:1px 7px;font-size:10px;font-weight:600}.hf-amt-col{color:var(--text-1);white-space:nowrap;font-size:13px;font-weight:500}.hf-amt-paid{color:#10b981!important}.hf-chip{border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.hf-chip-paid{color:#10b981;background:#ecfdf5}.hf-chip-partial{color:#3b82f6;background:#eff6ff}.hf-chip-pending{color:#f59e0b;background:#fffbeb}.hf-chip-overdue{color:#ef4444;background:#fef2f2}.hf-tbl-acts{align-items:center;gap:6px;display:flex}.hf-act-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.hf-act-collect{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.hf-act-collect:hover{background:var(--primary);color:#fff}.hf-act-history{background:var(--bg);color:var(--text-2);border-color:var(--border-md);padding:6px 10px}.hf-act-history:hover{border-color:var(--primary);color:var(--primary)}.hf-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000061;animation:.2s overlayIn;position:fixed;inset:0}.hf-panel{background:var(--card);z-index:110;flex-direction:column;width:560px;height:100vh;transition:transform .34s cubic-bezier(.22,1,.36,1),visibility 0s linear .34s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 44px #00000021}.hf-panel.open{transition-delay:0s;transform:translate(0)}@media (width<=600px){.hf-panel{width:100%}}.hf-panel-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.hf-panel-student{align-items:center;gap:13px;display:flex}.hf-panel-avatar{color:#fff;letter-spacing:.3px;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:flex}.hf-panel-name{color:var(--text-1);font-size:16px;font-weight:700}.hf-panel-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;font-size:12px;display:flex}.hf-meta-sep{color:var(--text-3)}.hf-panel-close{border:1px solid var(--border-md);width:32px;height:32px;color:var(--text-2);cursor:pointer;background:#ffffffb3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.hf-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.hf-panel-body{flex-direction:column;flex:1;gap:20px;padding:20px 22px;display:flex;overflow-y:auto}.hf-panel-body::-webkit-scrollbar{width:4px}.hf-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.hf-panel-section{flex-direction:column;gap:10px;display:flex}.hf-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);border-bottom:1.5px solid var(--border);align-items:center;gap:6px;padding-bottom:7px;font-size:11px;font-weight:700;display:flex}.hf-term-tabs{flex-direction:column;gap:6px;display:flex}.hf-term-tab{border:1.5px solid var(--border-md);background:var(--bg);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.hf-term-tab:hover{border-color:var(--primary);background:#fafbff}.hf-term-tab.active{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 3px #6366f11a}.hf-term-tab.settled{background:#f0fdf4;border-color:#d1fae5}.hf-term-name{color:var(--text-1);font-size:13px;font-weight:600}.hf-term-bal{color:var(--text-2);font-size:12px;font-weight:600}.hf-term-tab.active .hf-term-bal{color:var(--primary)}.hf-term-tab.settled .hf-term-name,.hf-term-tab.settled .hf-term-bal{color:#10b981}.hf-term-summary{background:var(--card);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.hf-ts-item{border-right:1px solid var(--border);padding:10px 14px}.hf-ts-item:last-child{border-right:none}.hf-ts-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);font-size:10px;font-weight:700}.hf-ts-val{color:var(--text-1);margin-top:3px;font-size:14px;font-weight:700;display:block}.hf-ts-paid{color:#10b981}.hf-ts-bal{color:#ef4444}.hf-fee-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.hf-fee-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);background:#fafafa;grid-template-columns:1.8fr .8fr .8fr .8fr .9fr;gap:4px;padding:8px 12px;font-size:10px;font-weight:700;display:grid}.hf-fee-row{border-bottom:1px solid var(--border);grid-template-columns:1.8fr .8fr .8fr .8fr .9fr;align-items:center;gap:4px;padding:10px 12px;transition:background .12s;display:grid}.hf-fee-row:last-child{border-bottom:none}.hf-fee-row.selected{background:#f5f3ff}.hf-fee-row.settled{opacity:.8;background:#f0fdf4}.hf-fee-type{align-items:center;gap:7px;display:flex}.hf-fee-check{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.hf-fee-settled-icon{color:#10b981;background:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.hf-fee-name{color:var(--text-1);font-size:12px;font-weight:500}.hf-fee-num{color:var(--text-2);font-size:12px;font-weight:500}.hf-fee-paid{color:#10b981!important}.hf-fee-balance{font-weight:600!important}.hf-fee-input-wrap{align-items:center;display:flex}.hf-fee-input{border:1.5px solid var(--border-md);width:100%;color:var(--text-1);background:var(--bg);font-size:12px;font-family:var(--font);border-radius:7px;outline:none;padding:5px 8px;transition:border-color .15s}.hf-fee-input:focus,.hf-fee-input.active{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px #6366f11f}.hf-fee-input::placeholder{color:var(--text-3)}.hf-fee-done{color:#10b981;font-size:11px;font-weight:600}.hf-fee-total-row{border-top:2px solid var(--border);color:var(--text-1);background:#f8f9fc;grid-template-columns:1.8fr .8fr .8fr .8fr .9fr;align-items:center;gap:4px;padding:10px 12px;font-size:12px;font-weight:700;display:grid}.hf-fee-total-amt{font-size:15px;font-weight:800}.hf-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hf-form-field{flex-direction:column;gap:5px;display:flex}.hf-form-field label{color:var(--text-2);font-size:12px;font-weight:600}.hf-opt{color:var(--text-3);font-size:11px;font-weight:400}.hf-input{border:1px solid var(--border-md);width:100%;color:var(--text-1);background:var(--bg);font-size:13px;font-family:var(--font);border-radius:9px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.hf-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.hf-input::placeholder{color:var(--text-3)}.hf-panel-foot{border-top:1px solid var(--border);background:linear-gradient(to top,var(--card),transparent);flex-shrink:0;gap:10px;padding:16px 22px;display:flex}.hf-btn-cancel{border:1px solid var(--border-md);background:var(--bg);color:var(--text-1);cursor:pointer;border-radius:9px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.hf-btn-cancel:hover{background:var(--border)}.hf-btn-collect{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 3px 12px #6366f159}.hf-btn-collect:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 5px 18px #6366f173}.hf-btn-collect.disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#d1d5db}.hf-btn-collect.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 12px #10b98166}.hf-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b;justify-content:center;align-items:center;padding:20px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.hf-modal{background:var(--card);width:100%;max-width:880px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) both modalIn;display:flex;overflow:hidden}.hf-modal-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eef2ff,#f5f3ff);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.hf-modal-student{align-items:center;gap:12px;display:flex}.hf-modal-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:700;display:flex}.hf-modal-name{color:var(--text-1);font-size:15px;font-weight:700}.hf-modal-sub{color:var(--text-2);margin-top:2px;font-size:12px}.hf-modal-scroll{flex:1;min-height:0;overflow-y:auto}.hf-modal-scroll::-webkit-scrollbar{width:4px}.hf-modal-scroll::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.hf-modal-body{grid-template-columns:repeat(2,1fr);align-items:start;gap:10px;padding:18px 22px;display:grid}.hf-modal-empty{text-align:center;color:var(--text-3);grid-column:1/-1;padding:24px;font-size:13px}.hf-pay-card{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.hf-pay-card:hover{border-color:var(--primary-ring);background:#fafbff}.hf-pay-top{justify-content:space-between;align-items:center;display:flex}.hf-pay-amount{color:var(--text-1);font-size:18px;font-weight:800}.hf-pay-method{background:var(--primary-bg);color:var(--primary);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.hf-pay-sem{background:var(--purple-bg);color:var(--purple);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.hf-pay-detail{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;display:flex}.hf-pay-sep{color:var(--text-3)}.hf-pay-txn{color:var(--text-3);font-family:monospace;font-size:11px}.hf-pay-note{color:var(--text-2);font-size:12px;font-style:italic}.hf-btn-refresh{border:1px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.hf-btn-refresh:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.hf-table-loading{color:var(--text-3);flex-direction:column;align-items:center;gap:12px;padding:56px;font-size:13px;display:flex}.hf-modal-loading{color:var(--text-3);justify-content:center;align-items:center;gap:10px;padding:32px;font-size:13px;display:flex}.hf-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.7s linear infinite spin}.hf-loading-cell{color:var(--text-3);font-size:13px}.hf-panel-foot{border-top:1px solid var(--border);background:var(--card);flex-direction:column;flex-shrink:0;gap:10px;padding:14px 22px;display:flex}.hf-panel-total{background:var(--bg);border:1px solid var(--border);border-radius:9px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.hf-panel-total span{color:var(--text-2);font-size:12px;font-weight:600}.hf-panel-total strong{font-size:16px;font-weight:800}.hf-panel-foot-btns{gap:10px;display:flex}.hf-panel-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.hf-panel-error svg{color:#dc2626;flex-shrink:0}.hf-no-assign-msg{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:500;display:flex}.hf-no-assign-msg svg{flex-shrink:0}.hf-adj-summary{flex-wrap:wrap;gap:8px;padding:6px 0;display:flex}.hf-adj-fine{color:#ef4444;background:#fef2f2;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.hf-adj-conc{color:#10b981;background:#ecfdf5;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.hf-pay-status{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.hf-pstatus-paid{color:#10b981;background:#ecfdf5}.hf-pstatus-none{color:#f59e0b;background:#fffbeb}.hf-pstatus-cancelled{color:#ef4444;background:#fef2f2}.hf-pay-adjustments{flex-wrap:wrap;gap:7px;display:flex}.hf-pay-breakdowns{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.hf-pay-bd{background:var(--bg);border:1px solid var(--border-md);color:var(--text-2);border-radius:6px;padding:2px 8px;font-size:11px}.hf-empty-text{color:var(--text-3);text-align:center;padding:10px 4px;font-size:13px}.hf-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.hf-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1100px){.hf-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.hf-panel{width:100%;max-width:100%}.hf-form-row{grid-template-columns:1fr}.hf-term-summary,.hf-stats{grid-template-columns:repeat(2,1fr)}.hf-fee-header,.hf-fee-row,.hf-fee-total-row{grid-template-columns:1.8fr .8fr .8fr .9fr;font-size:11px}.hf-fee-header span:nth-child(4),.hf-fee-row span:nth-child(4),.hf-fee-total-row span:nth-child(4){display:none}}@media (width<=768px){.hf-main{margin-left:0!important}.hf-hamburger{display:flex}.hf-topbar{gap:10px;padding:0 14px}.hf-content{gap:16px;padding:16px}.hf-breadcrumb{display:none}.hf-table-wrap{overflow-x:auto}.hf-table{min-width:700px}.hf-modal{max-width:100%;margin:0 12px}.hf-modal-body{grid-template-columns:1fr}}@media (width<=480px){.hf-stats{grid-template-columns:1fr 1fr}.hf-page-head{flex-direction:column;align-items:flex-start}.hf-toolbar{flex-direction:column;align-items:stretch}.hf-toolbar-left{flex-direction:column}}.tfrp-backdrop{z-index:1000;background:#0f172a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.tfrp-toolbar{background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.tfrp-toolbar-left{align-items:center;gap:14px;display:flex}.tfrp-toolbar-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tfrp-toolbar-title{color:#f1f5f9;margin:0 0 2px;font-size:15px;font-weight:700}.tfrp-toolbar-sub{color:#94a3b8;margin:0;font-size:12px}.tfrp-toolbar-actions{align-items:center;gap:10px;display:flex}.tfrp-btn-close{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.tfrp-btn-close:hover{background:#334155;border-color:#64748b}.tfrp-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 2px 8px #2563eb59}.tfrp-btn-print:hover{opacity:.9;transform:translateY(-1px)}.tfrp-btn-print:active{transform:translateY(0)}.tfrp-preview{background:#0f172a;flex:1;padding:28px 16px;overflow-y:auto}.tfrp-preview::-webkit-scrollbar{width:6px}.tfrp-preview::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.tfrp-preview-inner{max-width:640px;margin:0 auto}.tfrp-card{color:#1e293b;background:#fff;border-radius:10px;font-family:Segoe UI,Arial,Helvetica,sans-serif;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000059}.tfrp-header{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 26px 16px;display:flex}.tfrp-header-brand{align-items:flex-start;gap:12px;display:flex}.tfrp-logo{background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.tfrp-college-name{letter-spacing:.2px;font-size:17px;font-weight:800}.tfrp-college-sub{opacity:.9;margin-top:1px;font-size:11px;font-style:italic}.tfrp-college-addr{opacity:.85;margin-top:1px;font-size:11px}.tfrp-header-badge{text-align:right;flex-shrink:0}.tfrp-badge-paid{color:#16a34a;letter-spacing:.6px;background:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.tfrp-receipt-title{opacity:.95;margin-top:6px;font-size:12px;font-weight:600}.tfrp-divider{background:repeating-linear-gradient(45deg,#0ea5e9 0 8px,#2563eb 8px 16px);height:4px}.tfrp-meta-row{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 26px 0;display:grid}.tfrp-meta-item{flex-direction:column;gap:2px;display:flex}.tfrp-meta-item span{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:10.5px}.tfrp-meta-item b{color:#0f172a;font-size:13px}.tfrp-info-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:16px 26px 0;padding:14px 16px;display:grid}.tfrp-info-cell{flex-direction:column;gap:2px;display:flex}.tfrp-info-cell span{color:#64748b;font-size:10.5px}.tfrp-info-cell b{color:#0f172a;font-size:12.5px}.tfrp-table{border-collapse:collapse;width:calc(100% - 52px);margin:18px 26px 0;font-size:12.5px}.tfrp-table thead th{color:#1e3a8a;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#eff6ff;border-bottom:2px solid #bfdbfe;padding:8px 10px;font-size:11px}.tfrp-th-amt{text-align:right!important}.tfrp-table tbody td{border-bottom:1px solid #e2e8f0;padding:8px 10px}.tfrp-td-amt{text-align:right;font-weight:600}.tfrp-row-concession td{color:#dc2626}.tfrp-row-total td{color:#15803d;background:#f0fdf4;border-top:2px solid #bbf7d0;border-bottom:none;font-size:14px;font-weight:800}.tfrp-words{color:#334155;background:#fffbeb;border:1px dashed #fde68a;border-radius:6px;margin:12px 26px 0;padding:10px 14px;font-size:12px}.tfrp-words span{color:#92400e}.tfrp-words b{text-transform:uppercase}.tfrp-pay-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 26px 0;display:grid}.tfrp-remarks{color:#475569;margin:12px 26px 0;font-size:11.5px}.tfrp-remarks span{color:#1e293b;font-weight:700}.tfrp-footer{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:flex-end;gap:16px;margin:26px 26px 22px;padding-top:14px;display:flex}.tfrp-note{color:#94a3b8;max-width:60%;font-size:10px;line-height:1.5}.tfrp-sig{flex-direction:column;align-items:center;gap:4px;display:flex}.tfrp-sig-line{border-bottom:1.5px solid #94a3b8;width:140px;height:28px}.tfrp-sig span{color:#475569;font-size:11px}@media print{body.tfrp-print-ready{background:#fff!important;margin:0!important}body.tfrp-print-ready .layout-root{background:#fff!important;min-height:0!important;display:block!important}body.tfrp-print-ready .layout-root>:not(.layout-main),body.tfrp-print-ready .layout-main>:not(.tfrp-backdrop){display:none!important}body.tfrp-print-ready .layout-main{background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;display:block!important;overflow:visible!important}.tfrp-backdrop,.tfrp-backdrop *{visibility:visible!important}.tfrp-backdrop{background:0 0!important;height:auto!important;min-height:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.tfrp-toolbar,.tfrp-preview{display:none!important}.tfrp-print-area{visibility:visible!important;padding:0!important;display:block!important;overflow:visible!important}.tfrp-card{width:100%;box-shadow:none;page-break-inside:avoid;break-inside:avoid;border:1px solid #cbd5e1;border-radius:0}@page{size:A4 portrait;margin:10mm}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#8b5cf6;--purple-bg:#f5f3ff;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes tpViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tp-content{font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:28px;display:flex}.tp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tp-page-title{letter-spacing:-.3px;font-size:22px;font-weight:700}.tp-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.tp-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 2px 10px #6366f159}.tp-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px)}.tp-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tp-stat{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;animation:.4s both fadeUp;display:flex}.tp-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tp-stat-value{letter-spacing:-.5px;font-size:22px;font-weight:700}.tp-stat-label{color:var(--text-2);margin-top:1px;font-size:12px}.tp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tp-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.tp-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.tp-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.tp-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.tp-search-box input::placeholder{color:var(--text-3)}.tp-toolbar-search{flex-shrink:0;width:240px}.tp-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.tp-search-clear:hover{color:var(--text-1)}.tp-result-count{color:var(--text-2);white-space:nowrap;font-size:12px}.tp-view-toggle{background:var(--bg);border:1px solid var(--border-md);border-radius:9px;gap:4px;padding:3px;display:flex;position:relative}.tp-view-toggle-indicator{background:var(--card);width:30px;height:30px;box-shadow:var(--shadow-sm);will-change:transform;z-index:0;border-radius:6px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.tp-view-toggle-indicator.list{transform:translate(34px)}.tp-view-btn{z-index:1;width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:flex;position:relative}.tp-view-btn:active{transform:scale(.88)}.tp-view-btn.active{color:var(--primary)}.tp-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both tpViewSwitch}.tp-dropdown.p-dropdown{align-items:center;min-width:120px;font-size:13px;display:flex;border:1px solid var(--border-md)!important;background:var(--bg)!important;height:36px!important;color:var(--text-1)!important;box-shadow:none!important;border-radius:9px!important;transition:border-color .15s!important}.tp-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)!important;background:var(--card)!important}.tp-dropdown.p-dropdown:not(.p-disabled).p-focus{border-color:var(--primary)!important;background:var(--card)!important;box-shadow:0 0 0 3px #6366f11a!important}.tp-dropdown .p-dropdown-label{color:var(--text-1)!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important}.tp-dropdown .p-dropdown-trigger{width:30px!important;color:var(--text-3)!important}.tp-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md)!important;border-radius:12px!important;margin-top:4px!important;overflow:hidden!important;box-shadow:0 8px 30px #0000001f!important}.tp-dropdown-panel .p-dropdown-items-wrapper{padding:4px!important}.tp-dropdown-panel .p-dropdown-item{color:var(--text-1)!important;border-radius:7px!important;margin:1px 0!important;padding:8px 10px!important;font-size:13px!important;transition:background .12s!important}.tp-dropdown-panel .p-dropdown-item:hover{background:var(--primary-bg)!important;color:var(--primary)!important}.tp-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg)!important;color:var(--primary)!important;font-weight:600!important}.tp-filter-dd{min-width:130px!important}.tp-filter-dd.p-dropdown{background:var(--card)!important}.tp-form-dd.p-dropdown{background:var(--bg)!important;width:100%!important;min-width:0!important;height:40px!important}.tp-form-dd.p-dropdown:not(.p-disabled).p-focus,.tp-form-dd.p-dropdown:not(.p-disabled):hover{background:#fff!important}.tp-form-dd .p-dropdown-label{padding-left:12px!important;font-weight:500!important}.tp-dropdown.p-multiselect{align-items:center;font-size:13px;display:flex;border:1px solid var(--border-md)!important;background:var(--bg)!important;min-height:40px!important;color:var(--text-1)!important;box-shadow:none!important;border-radius:9px!important;width:100%!important;transition:border-color .15s!important}.tp-dropdown.p-multiselect:not(.p-disabled):hover{border-color:var(--primary)!important;background:var(--card)!important}.tp-dropdown.p-multiselect:not(.p-disabled).p-focus{border-color:var(--primary)!important;background:var(--card)!important;box-shadow:0 0 0 3px #6366f11a!important}.tp-dropdown.p-multiselect .p-multiselect-label{flex-wrap:wrap;align-items:center;gap:4px;min-height:38px;display:flex;color:var(--text-1)!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important}.tp-dropdown.p-multiselect .p-multiselect-label.p-placeholder{color:var(--text-3)!important;font-weight:400!important}.tp-dropdown.p-multiselect .p-multiselect-trigger{flex-shrink:0;width:32px!important;color:var(--text-3)!important}.tp-dropdown.p-multiselect .p-multiselect-token{align-items:center;gap:4px;max-width:180px;display:flex;background:var(--primary-bg)!important;color:var(--primary)!important;border-radius:6px!important;padding:2px 8px!important;font-size:12px!important;font-weight:600!important}.tp-dropdown.p-multiselect .p-multiselect-token-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tp-dropdown.p-multiselect .p-multiselect-token-icon{opacity:.7;cursor:pointer;flex-shrink:0;width:14px!important;height:14px!important;color:var(--primary)!important}.tp-dropdown.p-multiselect .p-multiselect-token-icon:hover{opacity:1}.tp-dropdown-panel.p-multiselect-panel{border:1px solid var(--border-md)!important;border-radius:12px!important;margin-top:4px!important;overflow:hidden!important;box-shadow:0 8px 30px #0000001f!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-header{align-items:center;gap:8px;display:flex;border-bottom:1px solid var(--border)!important;background:#fafbff!important;padding:8px 10px!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-filter-container{flex:1}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-filter{border:1px solid var(--border-md)!important;width:100%!important;color:var(--text-1)!important;background:var(--bg)!important;border-radius:7px!important;outline:none!important;padding:6px 10px 6px 32px!important;font-size:13px!important;transition:border-color .15s,box-shadow .15s!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-filter:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 3px #6366f11a!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-filter-icon{color:var(--text-3)!important;left:10px!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-items-wrapper{padding:4px!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-item{color:var(--text-1)!important;border-radius:7px!important;gap:8px!important;margin:1px 0!important;padding:8px 10px!important;font-size:13px!important;transition:background .12s!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-item:not(.p-disabled):hover{background:var(--primary-bg)!important;color:var(--primary)!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-item.p-highlight{background:var(--primary-bg)!important;color:var(--primary)!important;font-weight:600!important}.tp-dropdown-panel.p-multiselect-panel .p-checkbox .p-checkbox-box{border-color:var(--border-md)!important;border-radius:5px!important;transition:all .15s!important}.tp-dropdown-panel.p-multiselect-panel .p-checkbox .p-checkbox-box.p-highlight{background:var(--primary)!important;border-color:var(--primary)!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-close{color:var(--text-2)!important;border-radius:7px!important;transition:all .15s!important}.tp-dropdown-panel.p-multiselect-panel .p-multiselect-close:hover{background:var(--danger-bg)!important;color:var(--danger)!important}.tp-chip{letter-spacing:.2px;border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tp-chip-active{color:#10b981;background:#ecfdf5}.tp-chip-inactive{color:#9ca3af;background:#f9fafb}.tp-type-chip{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tp-type-bus{color:#3b82f6;background:#eff6ff}.tp-type-minibus{color:#a855f7;background:#fdf4ff}.tp-type-van{color:#f97316;background:#fff7ed}.tp-type-car{color:#22c55e;background:#f0fdf4}.tp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.tp-empty{text-align:center;color:var(--text-2);flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:60px 20px;display:flex}.tp-empty-icon{background:var(--primary-bg);width:56px;height:56px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.tp-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .2s,transform .2s;animation:.4s both cardIn;display:flex;overflow:hidden}.tp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tp-card-banner{border-bottom:1px solid;justify-content:space-between;align-items:flex-start;padding:18px 18px 14px;display:flex}.tp-card-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tp-card-chips{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.tp-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 18px 12px;display:flex}.tp-card-code{letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:700}.tp-card-name{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.3}.tp-card-meta{flex-direction:column;gap:5px;display:flex}.tp-card-meta span{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.tp-card-dates{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:6px;display:flex}.tp-card-dates span{color:var(--text-3);align-items:center;gap:5px;font-size:11px;display:flex}.tp-card-actions{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.tp-action-btn{cursor:pointer;border:1px solid var(--border-md);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.tp-action-btn.edit{background:var(--card);color:var(--text-1)}.tp-action-btn.edit:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.tp-action-btn.status{background:var(--card);color:var(--text-2);flex:0;padding:7px 10px}.tp-action-btn.status.active,.tp-tbl-btn.status.active{color:var(--success);background:var(--success-bg);border-color:#a7f3d0}.tp-action-btn.status.inactive,.tp-tbl-btn.status.inactive{color:var(--danger);background:var(--danger-bg);border-color:#fecaca}.tp-list-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.tp-table{border-collapse:collapse;width:100%}.tp-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#fafafa;padding:12px 16px;font-size:11px;font-weight:700}.tp-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px}.tp-table tr:last-child td{border-bottom:none}.tp-table tr:hover td{background:#fafbff}.tp-th-center,.tp-td-center{text-align:center}.tp-table-empty{text-align:center;color:var(--text-3);padding:40px!important}.tp-table-vehicle{align-items:center;gap:10px;display:flex}.tp-table-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tp-table-name{color:var(--text-1);font-size:13px;font-weight:600}.tp-table-sub{color:var(--text-2);font-size:12px}.tp-na{color:var(--text-3)}.tp-table-acts{align-items:center;gap:6px;display:flex}.tp-tbl-btn{border:1px solid var(--border-md);background:var(--card);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tp-tbl-btn:hover{border-color:var(--primary);color:var(--primary)}.tp-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;animation:.2s overlayIn;position:fixed;inset:0}.tp-panel{background:var(--card);z-index:110;flex-direction:column;width:480px;height:100vh;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #0000001f}.tp-panel.open{transition-delay:0s;transform:translate(0)}.tp-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.tp-panel-head-left{align-items:center;gap:13px;display:flex}.tp-panel-head-icon{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tp-panel-title{color:var(--text-1);font-size:16px;font-weight:700}.tp-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.tp-panel-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.tp-panel-close:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.tp-panel-body{flex-direction:column;flex:1;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.tp-panel-body::-webkit-scrollbar{width:4px}.tp-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.tp-form-section{flex-direction:column;gap:10px;display:flex}.tp-form-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.tp-form-field{flex-direction:column;gap:5px;display:flex}.tp-form-field label{color:var(--text-2);font-size:12px;font-weight:600}.tp-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tp-req{color:var(--danger)}.tp-input-group{position:relative}.tp-input-icon-left{color:var(--text-3);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.tp-input{border:1px solid var(--border-md);width:100%;color:var(--text-1);background:var(--bg);font-size:13px;font-family:var(--font);border-radius:9px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.tp-input.tp-input-iconed{padding-left:34px}.tp-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.tp-input::placeholder{color:var(--text-3)}.tp-textarea{resize:vertical;min-height:80px}.tp-anim-1{animation:.25s 40ms both fieldIn}.tp-anim-2{animation:.25s 80ms both fieldIn}.tp-anim-3{animation:.25s .12s both fieldIn}.tp-anim-4{animation:.25s .16s both fieldIn}.tp-anim-5{animation:.25s .2s both fieldIn}.tp-anim-6{animation:.25s .24s both fieldIn}.tp-anim-7{animation:.25s .28s both fieldIn}.tp-anim-8{animation:.25s .32s both fieldIn}.tp-palette{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.tp-palette-dot{cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;transition:transform .15s}.tp-palette-dot:hover,.tp-palette-dot.selected{transform:scale(1.15)}.tp-status-chips{flex-wrap:wrap;gap:8px;display:flex}.tp-status-chip{cursor:pointer;border:1.5px solid var(--border-md);background:var(--bg);color:var(--text-2);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.tp-status-chip.active.tp-schip-active{background:var(--success-bg);color:var(--success);border-color:#6ee7b7}.tp-status-chip.active.tp-schip-inactive{color:var(--text-2);border-color:var(--border-md);background:#f9fafb}.tp-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.tp-panel-foot{border-top:1px solid var(--border);flex-shrink:0;gap:10px;padding:16px 22px;display:flex}.tp-btn-cancel{border:1px solid var(--border-md);background:var(--bg);color:var(--text-1);cursor:pointer;border-radius:9px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.tp-btn-cancel:hover{background:var(--border)}.tp-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.tp-btn-save:hover:not(.disabled){transform:translateY(-1px)}.tp-btn-save.disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#d1d5db}.tp-btn-save.saved{background:var(--success);box-shadow:0 4px 14px #10b98166}@media (width<=900px){.tp-stats{grid-template-columns:repeat(2,1fr)}.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.tp-content{gap:16px;padding:16px}.tp-panel{width:100%}}@media (width<=520px){.tp-panel{width:100%}}@media (width<=480px){.tp-stats{grid-template-columns:1fr 1fr}.tp-grid{grid-template-columns:1fr}.tp-toolbar-search{width:100%}}.tfc-content{gap:22px}.tfc-stats{grid-template-columns:repeat(5,1fr)}.tfc-toolbar-left{gap:10px}.tfc-filter-dd.p-dropdown{min-width:170px!important}.tfc-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600}.tfc-btn-refresh{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.tfc-btn-refresh:hover{background:#dbeafe;transform:translateY(-1px)}.tfc-table-wrap{overflow-x:auto}.tfc-table{min-width:980px}.tfc-student-cell,.tfc-route-cell{align-items:center;gap:10px;display:flex}.tfc-avatar{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:flex}.tfc-link{color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.tfc-link:hover{color:#2563eb;text-underline-offset:2px;text-decoration:underline}.tfc-strong{color:#111827;font-size:13px;font-weight:700}.tfc-sub{color:#6b7280;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.tfc-amt{color:#111827;white-space:nowrap;font-size:13px;font-weight:700}.tfc-paid{color:#059669}.tfc-due{color:#dc2626}.tfc-chip{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.tfc-chip-paid{color:#15803d;background:#dcfce7}.tfc-chip-partial{color:#b45309;background:#fef3c7}.tfc-chip-pending{color:#b91c1c;background:#fee2e2}.tfc-chip-none,.tfc-chip-cancelled{color:#6b7280;background:#f3f4f6}.tfc-actions{align-items:center;gap:7px;display:flex}.tfc-act-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.tfc-act-btn:hover{transform:translateY(-1px)}.tfc-act-collect{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.tfc-act-collect:hover{background:#dbeafe}.tfc-act-history{width:30px;padding:0}.tfc-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tfc-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(680px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a47}.tfc-modal-head{background:linear-gradient(135deg,#eff6ff,#f0fdfa);border-bottom:1px solid #eef2f7;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.tfc-modal-head h2{color:#111827;margin:0;font-size:15px;font-weight:800}.tfc-modal-head p{color:#6b7280;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;display:flex}.tfc-close-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.tfc-close-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.tfc-close-btn:disabled{opacity:.5;cursor:not-allowed}.tfc-modal-body{padding:16px 20px;overflow:auto}.tfc-empty-history{text-align:center;color:#6b7280;padding:34px;font-size:13px}.tfc-history-table{border-collapse:collapse;width:100%;font-size:13px}.tfc-history-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:9px 11px;font-size:11px}.tfc-history-table td{color:#111827;border-bottom:1px solid #f3f4f6;padding:10px 11px}.tfc-collect-modal{width:min(860px,100%)!important}.tfc-collect-head{padding:12px 20px!important}.tfc-collect-head-left{align-items:center;gap:10px;display:flex}.tfc-panel-icon{color:#fff;background:#2563eb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tfc-head-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:inline-flex}.tfc-head-enroll{color:#9ca3af}.tfc-collect-body{flex-direction:column;flex:1;gap:12px;padding:14px 20px;display:flex;overflow-y:auto}.tfc-section{flex-direction:column;gap:7px;display:flex}.tfc-section-title{color:#374151;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:10.5px;font-weight:800;display:flex}.tfc-section-title svg{color:#6b7280}.tfc-section-hint{color:#9ca3af;text-transform:none;letter-spacing:0;margin-left:4px;font-size:10.5px;font-weight:500}.tfc-fee-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tfc-fee-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;transition:all .15s;display:flex}.tfc-fee-card:hover:not(:disabled){background:#f8fafc;border-color:#93c5fd;transform:translateY(-1px)}.tfc-fee-card.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tfc-fee-card.paid{color:#64748b;cursor:not-allowed;background:#f8fafc}.tfc-fee-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tfc-fee-card-title{color:#111827;font-size:13px;font-weight:800}.tfc-fee-card-meta{color:#64748b;flex-wrap:wrap;gap:5px 10px;margin-top:3px;font-size:10.5px;font-weight:600;display:flex}.tfc-fee-card-amounts{color:#64748b;grid-template-columns:repeat(3,1fr);gap:6px;font-size:10.5px;font-weight:700;display:grid}.tfc-fee-card-amounts span{flex-direction:column;gap:1px;display:flex}.tfc-fee-card-amounts b{color:inherit;font-size:12px}.tfc-summary-box{background:#f8fafc;border:1px solid #e0f2fe;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;display:grid}.tfc-summary-6{grid-template-columns:repeat(4,1fr)}.tfc-summary-box div{flex-direction:column;gap:1px;display:flex}.tfc-summary-box span{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:9.5px;font-weight:700}.tfc-summary-box b{color:#111827;font-size:12px;font-weight:700}.tfc-summary-balance{background:#fff5f5;border:1px solid #fecaca;border-radius:7px;flex-direction:column;grid-column:span 2;gap:1px;padding:5px 10px;display:flex}.tfc-balance-months{color:#f59e0b;margin-top:1px;font-size:10px;font-weight:600}.tfc-period-row{grid-template-columns:1fr 28px 1fr;align-items:end;gap:6px;display:grid}.tfc-period-arrow{color:#9ca3af;justify-content:center;align-items:center;padding-bottom:4px;display:flex}.tfc-period-box{flex-direction:column;gap:4px;display:flex}.tfc-period-box label{color:#4b5563;font-size:11px;font-weight:700}.tfc-period-selects{grid-template-columns:3fr 2fr;gap:5px;display:grid}.tfc-select{color:#111827;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;min-height:34px;padding:0 9px;font-size:12.5px}.tfc-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.tfc-select-disabled,.tfc-select-disabled:focus{color:#64748b;cursor:not-allowed;box-shadow:none;opacity:.85;background:#f1f5f9;border-color:#e2e8f0}.tfc-period-locked{color:#6366f1;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle;background:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:9.5px;font-weight:600}.tfc-period-info{color:#374151;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;display:flex}.tfc-period-result{color:#2563eb;font-size:13px}.tfc-period-cap{color:#b45309;font-size:11px;font-weight:600}.tfc-period-warn{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.tfc-form-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.tfc-form-row-3{grid-template-columns:1.4fr 1fr 1fr;gap:9px;display:grid}.tfc-form-section{flex-direction:column;gap:4px;display:flex}.tfc-form-section label{color:#4b5563;font-size:11px;font-weight:700}.tfc-form-section label span{color:#dc2626}.tfc-input{color:#111827;box-sizing:border-box;background:#f8fafc;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;min-height:34px;padding:6px 10px;font-size:12.5px}.tfc-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.tfc-textarea{resize:vertical;line-height:1.5;min-height:52px!important}.tfc-field-error{color:#dc2626;margin-top:1px;font-size:11px;font-weight:600}.tfc-mode-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tfc-mode-btn{cursor:pointer;color:#6b7280;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex-direction:row;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.tfc-mode-btn svg{opacity:.45;flex-shrink:0;transition:opacity .15s}.tfc-mode-btn span{font-size:12.5px;font-weight:700}.tfc-mode-btn small{display:none}.tfc-mode-btn.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.tfc-mode-btn.active svg{opacity:1}.tfc-mode-btn:hover:not(.active){background:#f8fafc;border-color:#93c5fd}.tfc-method-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tfc-method-chip{color:#6b7280;cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:7px 6px;font-size:12px;font-weight:700;transition:all .15s}.tfc-method-chip.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.tfc-method-chip:hover:not(.active){background:#f8fafc;border-color:#93c5fd}.tfc-collect-summary{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.tfc-collect-summary-row{color:#374151;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:7px 14px;font-size:13px;display:flex}.tfc-summary-fine span:first-child{color:#b45309}.tfc-summary-concession span:first-child{color:#059669}.tfc-collect-summary-total{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-top:2px solid #a7f3d0;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.tfc-collect-summary-total span{color:#047857;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:800}.tfc-collect-summary-total b{color:#059669;font-size:18px;font-weight:900}.tfc-collect-foot{background:#f9fafb;border-top:1px solid #eef2f7;flex-shrink:0;gap:10px;padding:12px 20px;display:flex}.tfc-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:0 0 110px;padding:9px;font-size:13px;font-weight:700;transition:all .15s}.tfc-btn-cancel:hover:not(:disabled){background:#f3f4f6}.tfc-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.tfc-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.tfc-btn-save:hover:not(.disabled):not(.saved){background:#1d4ed8;transform:translateY(-1px)}.tfc-btn-save.disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db}.tfc-btn-save.saved{background:#059669}@media (width<=1100px){.tfc-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.tfc-stats{grid-template-columns:repeat(2,1fr)}.tfc-toolbar-left{flex-direction:column;align-items:stretch;width:100%}.tfc-filter-dd.p-dropdown,.tfc-toolbar-left .tp-search-box{width:100%!important}.tfc-fee-picker{grid-template-columns:1fr}.tfc-summary-6{grid-template-columns:1fr 1fr}.tfc-summary-balance{grid-column:span 2}.tfc-method-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.tfc-stats{grid-template-columns:1fr}.tfc-collect-modal{border-radius:0!important;width:100%!important;max-height:100vh!important}.tfc-period-row{grid-template-columns:1fr;gap:8px}.tfc-period-arrow{display:none}.tfc-form-row-3,.tfc-form-row,.tfc-mode-row{grid-template-columns:1fr}.tfc-summary-6{grid-template-columns:1fr 1fr}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#8b5cf6;--purple-bg:#f5f3ff;--blue:#3b82f6;--blue-bg:#eff6ff;--bg:#f4f6fb;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#eaecf0;--border-md:#d1d5db;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000021;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}.sh-root{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh}.sh-layout{display:flex}.sh-main{flex:1;height:100vh;margin-left:220px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.22,1,.36,1) both slideIn;overflow:hidden auto}.sh-main.sidebar-collapsed{margin-left:58px}.sh-main::-webkit-scrollbar{width:5px}.sh-main::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.sh-topbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.sh-breadcrumb{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.sh-bc-active{color:var(--text-1);font-weight:600}.sh-sep{color:var(--text-3)}.sh-topbar-left{align-items:center;gap:12px;display:flex}.sh-back-btn{border:1px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.sh-back-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.sh-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.sh-icon-btn{border:1px solid var(--border-md);background:var(--card);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sh-icon-btn:hover{background:var(--bg);color:var(--text-1)}.sh-notif-btn{position:relative}.sh-notif-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.sh-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.sh-content{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.sh-loading-screen{height:100vh;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.sh-inner-loading{color:var(--text-3);justify-content:center;align-items:center;gap:10px;padding:28px;font-size:13px;display:flex}.sh-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.7s linear infinite spin}.sh-empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:400px;margin:60px auto;display:flex}.sh-empty-icon{background:var(--primary-bg);width:80px;height:80px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;display:flex}.sh-empty-state h2{color:var(--text-1);font-size:20px;font-weight:700}.sh-empty-state p{color:var(--text-2);font-size:13px;line-height:1.6}.sh-empty-tab{text-align:center;background:var(--card);border-radius:var(--radius);border:1px dashed var(--border-md);color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.sh-empty-tab svg{opacity:.4}.sh-empty-tab p{color:var(--text-2);font-size:14px;font-weight:600}.sh-empty-tab span{max-width:380px;font-size:12px;line-height:1.6}.sh-hero{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;animation:.4s both fadeUp;display:flex;position:relative;overflow:hidden}.sh-hero:before{content:"";background:var(--hostel-color,#6366f1);opacity:.06;pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.sh-hero:after{content:"";background:var(--hostel-color,#6366f1);opacity:.04;pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-80px;left:40%}.sh-hero-left{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.sh-hero-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.sh-hero-info{flex:1;min-width:0}.sh-hero-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.sh-hero-name{color:var(--text-1);letter-spacing:-.4px;font-size:22px;font-weight:800}.sh-status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.sh-status-badge.active{color:#10b981;background:#ecfdf5}.sh-status-badge.inactive{color:#ef4444;background:#fef2f2}.sh-hero-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sh-meta-item{color:var(--text-2);align-items:center;gap:5px;font-size:13px;display:flex}.sh-meta-sep{color:var(--text-3);margin:0 2px}.sh-hero-right{flex-shrink:0;min-width:200px;max-width:260px}.sh-hero-progress-label{color:var(--text-2);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.sh-hero-progress-label strong{color:var(--text-1);font-size:18px;font-weight:800}.sh-hero-progress-track{background:#f0f0f5;border-radius:20px;height:10px;overflow:hidden}.sh-hero-progress-bar{border-radius:20px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sh-hero-progress-sub{color:var(--text-3);text-align:right;margin-top:6px;font-size:11px}.sh-stats{grid-template-columns:repeat(6,1fr);gap:12px;animation:.45s both fadeUp;display:grid}@media (width<=1200px){.sh-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.sh-stats{grid-template-columns:repeat(2,1fr)}}.sh-stat{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .15s;display:flex}.sh-stat:hover{box-shadow:var(--shadow-md)}.sh-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sh-stat-value{letter-spacing:-.3px;font-size:16px;font-weight:700;line-height:1.2}.sh-stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:10px;font-weight:500}.sh-tabs{background:var(--card);border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow-sm);border-radius:10px;gap:4px;padding:4px;display:flex}.sh-tab-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.sh-tab-btn:hover{color:var(--text-1)}.sh-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.sh-tab-count{min-width:18px;height:18px;color:inherit;background:#ffffff40;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex}.sh-tab-btn:not(.active) .sh-tab-count{background:var(--primary-bg);color:var(--primary)}.sh-tab-content{animation:.3s both fadeUp}.sh-sem-list{flex-direction:column;gap:10px;display:flex}.sh-sem-card{background:var(--card);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;transition:box-shadow .15s;overflow:hidden}.sh-sem-card:hover{box-shadow:var(--shadow-md)}.sh-sem-card.sh-sem-paid{border-color:#a7f3d0}.sh-sem-card.sh-sem-partial{border-color:#bfdbfe}.sh-sem-card.sh-sem-pending{border-color:#fde68a}.sh-sem-head{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;transition:background .12s;display:flex}.sh-sem-head:hover{background:#fafbff}.sh-sem-head-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.sh-sem-head-right{color:var(--text-3);flex-shrink:0;align-items:center;gap:10px;display:flex}.sh-sem-num{background:var(--primary-bg);width:32px;height:32px;color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.sh-sem-paid .sh-sem-num{color:#10b981;background:#ecfdf5}.sh-sem-partial .sh-sem-num{color:#3b82f6;background:#eff6ff}.sh-sem-pending .sh-sem-num{color:#f59e0b;background:#fffbeb}.sh-sem-name{color:var(--text-1);font-size:14px;font-weight:700}.sh-sem-sub{color:var(--text-3);margin-top:2px;font-size:11px}.sh-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.sh-badge-paid{color:#10b981;background:#ecfdf5}.sh-badge-partial{color:#3b82f6;background:#eff6ff}.sh-badge-pending{color:#f59e0b;background:#fffbeb}.sh-sem-progress-wrap{align-items:center;gap:12px;padding:0 18px 12px;display:flex}.sh-sem-progress-track{background:#f0f0f5;border-radius:20px;flex:1;height:7px;overflow:hidden}.sh-sem-progress-bar{border-radius:20px;height:100%;transition:width .5s}.sh-bar-paid{background:linear-gradient(90deg,#10b981,#34d399)}.sh-bar-partial{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.sh-bar-pending{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.sh-sem-pct{color:var(--text-2);text-align:right;min-width:32px;font-size:11px;font-weight:700}.sh-sem-body{flex-direction:column;gap:14px;padding:0 18px 18px;display:flex}.sh-sem-unassigned{color:var(--warning);background:var(--warning-bg);border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.sh-sem-amounts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sh-amt-box{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.sh-amt-box.sh-amt-paid{background:#f0fdf4;border-color:#a7f3d0}.sh-amt-box.sh-amt-due{background:#fef2f2;border-color:#fecaca}.sh-amt-box.sh-amt-clear{background:#f0fdf4;border-color:#a7f3d0}.sh-amt-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-3);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.sh-amt-val{color:var(--text-1);font-size:16px;font-weight:800}.sh-amt-paid .sh-amt-val{color:#10b981}.sh-amt-due .sh-amt-val{color:#ef4444}.sh-amt-clear .sh-amt-val{color:#10b981}.sh-breakup-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.sh-breakup-head{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.4px;color:var(--text-3);background:#fafafa;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:8px 14px;font-size:10px;font-weight:700;display:grid}.sh-breakup-row{border-bottom:1px solid var(--border);color:var(--text-1);grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:8px;padding:11px 14px;font-size:13px;transition:background .12s;display:grid}.sh-breakup-row:last-child{border-bottom:none}.sh-breakup-row:hover{background:#fafbff}.sh-breakup-type{color:var(--text-1);align-items:center;gap:6px;font-weight:600;display:flex}.sh-breakup-paid{color:#10b981;font-weight:600}.sh-breakup-due{color:#ef4444;font-weight:600}.sh-breakup-ok{color:#10b981;font-weight:600}.sh-receipt-list{flex-direction:column;gap:10px;display:flex}.sh-receipt-card{background:var(--card);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);border-left:4px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:18px 20px;transition:box-shadow .15s,border-color .15s;display:flex}.sh-receipt-card:hover{box-shadow:var(--shadow-md)}.sh-receipt-paid{border-left-color:#10b981}.sh-receipt-cancelled{opacity:.75;border-left-color:#ef4444}.sh-receipt-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sh-receipt-amount{color:var(--text-1);letter-spacing:-.5px;font-size:24px;font-weight:800}.sh-receipt-sem{color:var(--text-2);margin-top:3px;font-size:12px;font-weight:500}.sh-receipt-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.sh-receipt-status{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.sh-rs-paid{color:#10b981;background:#ecfdf5}.sh-rs-cancelled{color:#ef4444;background:#fef2f2}.sh-rs-none{color:#f59e0b;background:#fffbeb}.sh-receipt-method{color:var(--text-2);background:var(--bg);border:1px solid var(--border-md);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.sh-receipt-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sh-receipt-no{color:var(--primary);background:var(--primary-bg);border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.sh-receipt-date{color:var(--text-2);align-items:center;gap:4px;font-size:12px;display:flex}.sh-receipt-txn{color:var(--text-3);font-family:monospace;font-size:11px}.sh-receipt-breakdowns{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.sh-receipt-bd{background:var(--bg);border:1px solid var(--border-md);color:var(--text-2);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:500}.sh-receipt-adj{flex-wrap:wrap;gap:8px;display:flex}.sh-adj-fine{color:#ef4444;background:#fef2f2;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.sh-adj-conc{color:#10b981;background:#ecfdf5;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.sh-receipt-remarks{color:var(--text-2);padding-top:2px;font-size:12px;font-style:italic}.sh-hamburger{border:1px solid var(--border-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:none}.sh-hamburger:hover{background:var(--primary-bg);color:var(--primary)}@media (width<=1200px){.sh-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.sh-main{margin-left:0!important}.sh-hamburger{display:flex}.sh-topbar{gap:10px;padding:0 14px}.sh-content{padding:16px}.sh-hero{flex-direction:column;align-items:flex-start}.sh-hero-right{width:100%;max-width:100%}.sh-sem-amounts{grid-template-columns:repeat(4,minmax(0,1fr))}.sh-breakup-head,.sh-breakup-row{grid-template-columns:2fr 1fr 1fr 1fr;font-size:11px}.sh-breadcrumb{font-size:12px}}@media (width<=700px){.sh-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.sh-hero-left{flex-direction:column;align-items:flex-start}.sh-sem-amounts{grid-template-columns:1fr 1fr}.sh-receipt-top{flex-direction:column}.sh-receipt-right{align-items:flex-start}.sh-breakup-head,.sh-breakup-row{grid-template-columns:2fr 1fr 1fr}.sh-breakup-head span:nth-child(3),.sh-breakup-row span:nth-child(3),.sh-back-btn span{display:none}.sh-topbar-left{gap:6px}}@media (width<=480px){.sh-stats{grid-template-columns:1fr 1fr}.sh-tabs{justify-content:center;width:100%}.sh-tab-btn{flex:1;justify-content:center;padding:9px 10px}.sh-sem-amounts{grid-template-columns:1fr 1fr}.sh-hero-name{font-size:18px}}*,:before,:after{box-sizing:border-box}:root{--ctn-primary:#6366f1;--ctn-primary-dk:#4f46e5;--ctn-primary-bg:#eef2ff;--ctn-success:#10b981;--ctn-success-bg:#ecfdf5;--ctn-warning:#f59e0b;--ctn-warning-bg:#fffbeb;--ctn-danger:#ef4444;--ctn-danger-bg:#fef2f2;--ctn-info:#3b82f6;--ctn-info-bg:#eff6ff;--ctn-bg:#f8f9fc;--ctn-card:#fff;--ctn-text-1:#111827;--ctn-text-2:#6b7280;--ctn-text-3:#9ca3af;--ctn-border:#f0f0f5;--ctn-border-md:#e5e7eb;--ctn-shadow-sm:0 1px 3px #0000000f;--ctn-shadow-md:0 4px 20px #00000014;--ctn-radius:14px}@keyframes ctnFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ctnOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes ctnFieldIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ctn-content{flex-direction:column;gap:22px;padding:28px;display:flex}.ctn-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ctn-page-title{color:var(--ctn-text-1);letter-spacing:-.3px;font-size:22px;font-weight:700}.ctn-page-sub{color:var(--ctn-text-2);margin-top:3px;font-size:13px}.ctn-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ctn-btn-add{background:var(--ctn-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 2px 10px #6366f159}.ctn-btn-add:hover{background:var(--ctn-primary-dk);transform:translateY(-1px)}.ctn-btn-add:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#d1d5db;transform:none}.ctn-btn-outline{background:var(--ctn-card);color:var(--ctn-text-1);border:1px solid var(--ctn-border-md);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.ctn-btn-outline:hover{border-color:var(--ctn-primary);color:var(--ctn-primary)}.ctn-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.ctn-stats{grid-template-columns:repeat(2,1fr)}}.ctn-stat{background:var(--ctn-card);border-radius:var(--ctn-radius);border:1px solid var(--ctn-border);box-shadow:var(--ctn-shadow-sm);align-items:center;gap:14px;padding:18px 20px;animation:.4s both ctnFadeUp;display:flex}.ctn-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ctn-stat-value{letter-spacing:-.5px;font-size:22px;font-weight:700}.ctn-stat-label{color:var(--ctn-text-2);margin-top:1px;font-size:12px}.ctn-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ctn-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.ctn-search-box{background:var(--ctn-bg);border:1px solid var(--ctn-border-md);height:36px;color:var(--ctn-text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ctn-search-box:focus-within{border-color:var(--ctn-primary);box-shadow:0 0 0 3px #6366f11a}.ctn-search-box input{color:var(--ctn-text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.ctn-search-box input::placeholder{color:var(--ctn-text-3)}.ctn-toolbar-search{flex-shrink:0;width:230px}.ctn-search-clear{color:var(--ctn-text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.ctn-search-clear:hover{color:var(--ctn-text-1)}.ctn-dropdown.p-dropdown{min-width:120px;border-radius:10px!important}.ctn-filter-dd{min-width:150px!important}.ctn-form-dd{background:var(--ctn-bg)!important;width:100%!important}.ctn-list-wrap{background:var(--ctn-card);border-radius:var(--ctn-radius);border:1px solid var(--ctn-border);box-shadow:var(--ctn-shadow-sm);overflow:hidden}.ctn-table{border-collapse:collapse;width:100%}.ctn-table th{text-align:left;color:var(--ctn-text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ctn-border);background:#fafafa;padding:12px 16px;font-size:11px;font-weight:700}.ctn-table td{border-bottom:1px solid var(--ctn-border);vertical-align:middle;padding:13px 16px}.ctn-table tr:last-child td{border-bottom:none}.ctn-table tr:hover td{background:#fafbff}.ctn-table th.ctn-th-center,.ctn-table td.ctn-td-center{text-align:center}.ctn-table-empty{text-align:center;color:var(--ctn-text-3);padding:40px!important}.ctn-name-cell{align-items:center;gap:9px;display:flex}.ctn-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ctn-name{color:var(--ctn-text-1);font-size:13px;font-weight:700}.ctn-sub{color:var(--ctn-text-2);white-space:normal;word-break:break-word;max-width:360px;font-size:12px}.ctn-view-more-btn{color:var(--ctn-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.ctn-view-more-btn:hover{text-decoration:underline}.ctn-badge{background:var(--ctn-primary-bg);color:var(--ctn-primary);border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ctn-na{color:var(--ctn-text-3)}.ctn-chip{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ctn-chip-active,.ctn-chip-paid,.ctn-chip-published,.ctn-chip-delivered{background:var(--ctn-success-bg);color:var(--ctn-success)}.ctn-chip-inactive,.ctn-chip-draft{color:#64748b;background:#f8fafc}.ctn-chip-pending,.ctn-chip-unpaid{background:var(--ctn-warning-bg);color:var(--ctn-warning)}.ctn-chip-preparing{background:var(--ctn-info-bg);color:var(--ctn-info)}.ctn-chip-ready{color:#8b5cf6;background:#f5f3ff}.ctn-chip-cancelled{background:var(--ctn-danger-bg);color:var(--ctn-danger)}.ctn-table-acts{align-items:center;gap:6px;display:flex}.ctn-tbl-btn{border:1px solid var(--ctn-border-md);background:var(--ctn-card);width:30px;height:30px;color:var(--ctn-text-2);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ctn-tbl-btn:hover{border-color:var(--ctn-primary);color:var(--ctn-primary)}.ctn-tbl-btn.danger:hover{border-color:var(--ctn-danger);color:var(--ctn-danger)}.ctn-toggle{cursor:pointer;color:var(--ctn-text-3);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.ctn-toggle-track{background:var(--ctn-border-md);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .18s;position:relative}.ctn-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.ctn-toggle.active{color:var(--ctn-success)}.ctn-toggle.active .ctn-toggle-track{background:var(--ctn-success)}.ctn-toggle.active .ctn-toggle-thumb{transform:translate(16px)}.ctn-toggle.disabled{cursor:not-allowed;opacity:.6}.ctn-toggle:not(.disabled):hover .ctn-toggle-track{filter:brightness(.95)}.ctn-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;animation:.2s ctnOverlayIn;position:fixed;inset:0}.ctn-panel{background:var(--ctn-card);z-index:110;flex-direction:column;width:460px;height:100vh;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #0000001f}.ctn-panel.open{transition-delay:0s;transform:translate(0)}@media (width<=480px){.ctn-panel{width:100%}}.ctn-panel-head{border-bottom:1px solid var(--ctn-border);background:linear-gradient(135deg,#eef2ff,#f5f3ff);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.ctn-panel-head-left{align-items:center;gap:13px;display:flex}.ctn-panel-head-icon{background:var(--ctn-primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ctn-panel-title{color:var(--ctn-text-1);font-size:15px;font-weight:700}.ctn-panel-sub{color:var(--ctn-text-2);margin-top:2px;font-size:12px}.ctn-panel-close{border:1px solid var(--ctn-border-md);background:var(--ctn-card);width:32px;height:32px;color:var(--ctn-text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.ctn-panel-close:hover{background:var(--ctn-danger-bg);color:var(--ctn-danger);border-color:var(--ctn-danger)}.ctn-panel-body{flex-direction:column;flex:1;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.ctn-panel-body::-webkit-scrollbar{width:4px}.ctn-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.ctn-form-section{flex-direction:column;gap:10px;display:flex}.ctn-form-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--ctn-text-2);border-bottom:1px solid var(--ctn-border);align-items:center;gap:6px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.ctn-form-section-label-row{justify-content:space-between}.ctn-form-section-label-row>span:first-child{align-items:center;gap:6px;display:flex}.ctn-select-all-label{text-transform:none;letter-spacing:normal;color:var(--ctn-primary);cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.ctn-form-field{flex-direction:column;gap:5px;display:flex}.ctn-form-field label{color:var(--ctn-text-2);font-size:12px;font-weight:600}.ctn-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ctn-req{color:var(--ctn-danger)}.ctn-hint{color:var(--ctn-text-3);font-size:11px;font-weight:400}.ctn-input,textarea.ctn-input{border:1px solid var(--ctn-border-md);width:100%;color:var(--ctn-text-1);background:var(--ctn-bg);border-radius:9px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.ctn-input:focus{border-color:var(--ctn-primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.ctn-input::placeholder{color:var(--ctn-text-3)}.ctn-anim-1{animation:.25s 40ms both ctnFieldIn}.ctn-anim-2{animation:.25s 80ms both ctnFieldIn}.ctn-anim-3{animation:.25s .12s both ctnFieldIn}.ctn-anim-4{animation:.25s .16s both ctnFieldIn}.ctn-anim-5{animation:.25s .2s both ctnFieldIn}.ctn-status-chips{flex-wrap:wrap;gap:8px;display:flex}.ctn-status-chip{cursor:pointer;border:1.5px solid var(--ctn-border-md);background:var(--ctn-bg);color:var(--ctn-text-2);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ctn-status-chip.active{background:var(--ctn-primary-bg);color:var(--ctn-primary);border-color:#c7d2fe}.ctn-schip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.ctn-panel-foot{border-top:1px solid var(--ctn-border);flex-shrink:0;gap:10px;padding:16px 22px;display:flex}.ctn-btn-cancel{border:1px solid var(--ctn-border-md);background:var(--ctn-bg);color:var(--ctn-text-1);cursor:pointer;border-radius:9px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.ctn-btn-cancel:hover{background:var(--ctn-border)}.ctn-btn-save{background:var(--ctn-primary);color:#fff;cursor:pointer;border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.ctn-btn-save:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.ctn-btn-save.disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5db}.ctn-btn-save.saved{background:var(--ctn-success)}.ctn-thumb{object-fit:cover;border:1px solid var(--ctn-border-md);background:var(--ctn-bg);border-radius:9px;flex-shrink:0;width:38px;height:38px}.ctn-thumb-placeholder{background:var(--ctn-primary-bg);width:38px;height:38px;color:var(--ctn-primary);border:1px solid var(--ctn-border-md);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ctn-image-upload{border:1.5px dashed var(--ctn-border-md);background:#fafbfc;border-radius:12px;grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:14px;transition:border-color .15s;display:grid}.ctn-image-upload:hover{border-color:#c7d2fe}.ctn-image-preview{border:1.5px solid var(--ctn-border-md);width:76px;height:76px;color:var(--ctn-text-3);box-shadow:var(--ctn-shadow-sm);background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.ctn-image-preview img{object-fit:cover;width:100%;height:100%}.ctn-image-upload-body{flex-direction:column;gap:7px;min-width:0;display:flex}.ctn-image-upload-btn{background:var(--ctn-primary-bg);width:fit-content;color:var(--ctn-primary);cursor:pointer;white-space:nowrap;border:1.5px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.ctn-image-upload-btn:hover{border-color:var(--ctn-primary);background:#e0e7ff}.ctn-image-upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.ctn-image-upload-name{color:var(--ctn-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ctn-item-picker{flex-direction:column;gap:8px;max-height:340px;padding-right:2px;display:flex;overflow-y:auto}.ctn-item-row{border:1px solid var(--ctn-border-md);background:var(--ctn-bg);border-radius:10px;align-items:center;gap:10px;padding:9px 11px;transition:all .15s;display:flex}.ctn-item-row.checked{border-color:var(--ctn-primary);background:var(--ctn-primary-bg)}.ctn-item-row-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ctn-item-row-name{color:var(--ctn-text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ctn-item-row-meta{color:var(--ctn-text-2);font-size:11px}.ctn-item-row-price{flex-shrink:0;width:84px}.ctn-item-row-qty{flex-shrink:0;width:64px}.ctn-item-row input[type=number]{padding:6px 8px;font-size:12px}.ctn-item-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--ctn-primary);cursor:pointer;flex-shrink:0}.ctn-tabs{background:var(--ctn-bg);border:1px solid var(--ctn-border-md);border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.ctn-tab{color:var(--ctn-text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.ctn-tab.active{background:var(--ctn-card);color:var(--ctn-primary);box-shadow:var(--ctn-shadow-sm)}.ctn-board{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;display:grid}@media (width<=1100px){.ctn-board{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.ctn-board{grid-template-columns:1fr}}.ctn-board-col{background:var(--ctn-card);border:1px solid var(--ctn-border);border-radius:var(--ctn-radius);flex-direction:column;gap:10px;min-height:120px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.ctn-board-col-over{border-color:var(--ctn-primary);box-shadow:0 0 0 3px #6366f11f}.ctn-board-col-head{text-transform:uppercase;letter-spacing:.4px;color:var(--ctn-text-2);border-bottom:1px solid var(--ctn-border);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:12px;font-weight:700;display:flex}.ctn-board-count{background:var(--ctn-bg);color:var(--ctn-text-2);border-radius:20px;padding:2px 9px;font-size:11px}.ctn-board-col-body{flex-direction:column;gap:10px;height:260px;padding-right:2px;display:flex;overflow-y:auto}.ctn-board-col-search{gap:6px;height:30px;padding:0 9px}.ctn-board-col-search input{font-size:12px}.ctn-board-col-search svg{flex-shrink:0;width:13px;height:13px}.ctn-order-card{border:1px solid var(--ctn-border-md);background:var(--ctn-bg);border-radius:10px;flex-direction:column;gap:7px;padding:11px 12px;display:flex}.ctn-order-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ctn-order-card-student{color:var(--ctn-text-1);font-size:12.5px;font-weight:700}.ctn-order-card-time{color:var(--ctn-text-3);font-size:11px}.ctn-order-card-delivery{color:var(--ctn-primary);background:var(--ctn-primary-bg);border-radius:7px;width:fit-content;max-width:100%;padding:5px 8px;font-size:11.5px;font-weight:700}.ctn-order-card-items{color:var(--ctn-text-2);font-size:12px;line-height:1.5}.ctn-order-card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.ctn-order-card-amount{color:var(--ctn-text-1);font-size:13px;font-weight:700}.ctn-order-card-empty{color:var(--ctn-text-3);text-align:center;padding:16px 0;font-size:12px}@keyframes ctn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ctn-hero{color:#fff;background:linear-gradient(120deg,#6366f1 0%,#8b5cf6 55%,#ec4899 120%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #6366f147}.ctn-hero:before{content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(circle at 15% 20%,#fff 0,#0000 40%),radial-gradient(circle at 85% 85%,#fff 0,#0000 35%);position:absolute;inset:0}.ctn-hero-left{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.ctn-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.ctn-hero-title{letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.ctn-hero-sub{opacity:.92;margin-top:3px;font-size:13px}.ctn-hero-right{z-index:1;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.ctn-hero-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.ctn-category-chips{flex-wrap:wrap;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.ctn-category-chip{white-space:nowrap;cursor:pointer;border:1.5px solid var(--ctn-border-md);background:var(--ctn-card);color:var(--ctn-text-2);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.ctn-category-chip:hover{color:var(--ctn-primary);border-color:#c7d2fe}.ctn-category-chip.active{background:linear-gradient(135deg,var(--ctn-primary),#8b5cf6);color:#fff;border-color:#0000;box-shadow:0 4px 14px #6366f159}.ctn-student-layout{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}@media (width<=900px){.ctn-student-layout{grid-template-columns:1fr}}.ctn-menu-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.ctn-food-card{background:var(--ctn-card);border:1px solid var(--ctn-border);box-shadow:var(--ctn-shadow-sm);border-radius:16px;flex-direction:column;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.ctn-food-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1f}.ctn-food-card-image{aspect-ratio:4/3;background:linear-gradient(135deg,#eef2ff,#f5f3ff);flex-shrink:0;width:100%;position:relative;overflow:hidden}.ctn-food-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.ctn-food-card:hover .ctn-food-card-image img{transform:scale(1.06)}.ctn-food-card-image-placeholder{color:#a5b4fc;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ctn-food-card-veg-badge{background:#fff;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:9px;left:9px;box-shadow:0 1px 4px #0003}.ctn-food-card-veg-dot{border-radius:2px;width:9px;height:9px}.ctn-food-card-price-badge{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#111827d1;border-radius:20px;padding:4px 10px;font-size:12.5px;font-weight:700;position:absolute;bottom:9px;right:9px}.ctn-food-card-body{flex-direction:column;flex:1;gap:8px;padding:12px 13px;display:flex}.ctn-food-card-top{flex-direction:column;gap:1px;display:flex}.ctn-food-card-name{color:var(--ctn-text-1);font-size:13.5px;font-weight:700;line-height:1.3}.ctn-food-card-cat{color:var(--ctn-text-2);font-size:11px}.ctn-food-card-foot{margin-top:auto}.ctn-qty-stepper{background:var(--ctn-bg);border:1px solid var(--ctn-border-md);border-radius:8px;align-items:center;gap:8px;padding:3px;display:flex}.ctn-qty-btn{background:var(--ctn-card);width:26px;height:26px;color:var(--ctn-text-1);cursor:pointer;box-shadow:var(--ctn-shadow-sm);border:none;border-radius:6px;justify-content:center;align-items:center;font-weight:700;display:flex}.ctn-qty-btn:disabled{opacity:.4;cursor:not-allowed}.ctn-qty-val{text-align:center;min-width:18px;font-size:13px;font-weight:700}.ctn-add-btn{background:linear-gradient(135deg,var(--ctn-primary),#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;padding:9px;font-size:12.5px;font-weight:700;transition:all .18s;box-shadow:0 2px 10px #6366f14d}.ctn-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.ctn-add-btn.disabled{background:var(--ctn-border-md);color:var(--ctn-text-3);cursor:not-allowed;box-shadow:none;transform:none}.ctn-food-card-oos{opacity:.72}.ctn-food-card-oos .ctn-food-card-image img{filter:grayscale(.6)}.ctn-food-card-oos-badge{color:#fff;letter-spacing:.2px;background:#dc2626eb;border-radius:12px;padding:3px 8px;font-size:10.5px;font-weight:700;position:absolute;top:9px;right:9px}.ctn-cart{background:var(--ctn-card);border:1px solid var(--ctn-border);border-radius:var(--ctn-radius);box-shadow:var(--ctn-shadow-sm);flex-direction:column;max-height:calc(100vh - 160px);display:flex;position:sticky;top:20px}.ctn-cart-head{border-bottom:1px solid var(--ctn-border);color:var(--ctn-text-1);align-items:center;gap:8px;padding:16px 18px;font-size:14px;font-weight:700;display:flex}.ctn-cart-badge{background:var(--ctn-primary-bg);color:var(--ctn-primary);border-radius:20px;margin-left:auto;padding:2px 9px;font-size:11.5px;font-weight:700}.ctn-cart-delivery{border-bottom:1px solid var(--ctn-border);flex-direction:column;gap:9px;padding:12px 18px;display:flex}.ctn-cart-delivery-title{color:var(--ctn-text-1);font-size:12px;font-weight:700}.ctn-cart-delivery-fields{grid-template-columns:1fr;gap:8px;display:grid}.ctn-cart-delivery-field{flex-direction:column;gap:5px;display:flex}.ctn-cart-delivery-field span{color:var(--ctn-text-2);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.ctn-cart-delivery-field select.ctn-input{height:36px;padding:7px 10px}.ctn-cart-delivery-alert{color:var(--ctn-danger);background:var(--ctn-danger-bg);border:1px solid #fecaca;border-radius:8px;padding:7px 9px;font-size:11.5px}.ctn-order-type-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ctn-order-type-btn{border:1px solid var(--ctn-border-md);background:var(--ctn-bg);color:var(--ctn-text-2);cursor:pointer;border-radius:8px;padding:8px 6px;font-size:11.5px;font-weight:700;transition:all .15s}.ctn-order-type-btn.active{border-color:var(--ctn-primary);background:var(--ctn-primary);color:#fff}.ctn-order-type-btn:disabled{opacity:.45;cursor:not-allowed}.ctn-cart-items{flex-direction:column;flex:1;gap:10px;min-height:60px;padding:10px 14px;display:flex;overflow-y:auto}.ctn-cart-empty{color:var(--ctn-text-3);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 0;font-size:12.5px;display:flex}.ctn-cart-item{align-items:center;gap:9px;display:flex}.ctn-cart-item-thumb{object-fit:cover;background:var(--ctn-bg);border:1px solid var(--ctn-border-md);border-radius:8px;flex-shrink:0;width:32px;height:32px}.ctn-cart-item-name{color:var(--ctn-text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.ctn-cart-item-price{color:var(--ctn-text-2);text-align:right;flex-shrink:0;width:64px;font-size:12px}.ctn-cart-foot{border-top:1px solid var(--ctn-border);flex-direction:column;gap:10px;padding:14px 18px;display:flex}.ctn-cart-total{color:var(--ctn-text-1);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}@media (width<=480px){.ctn-hero{padding:20px}.ctn-hero-title{font-size:18px}}@media (width<=768px){.ctn-content{gap:16px;padding:16px}.ctn-list-wrap{overflow-x:auto}.ctn-table{min-width:640px}}@media (width<=480px){.ctn-stats{grid-template-columns:1fr 1fr}.ctn-page-head{flex-direction:column;align-items:flex-start}.ctn-toolbar{flex-direction:column;align-items:stretch}.ctn-toolbar-left{flex-direction:column}.ctn-toolbar-search{width:100%}.ctn-form-row{grid-template-columns:1fr}}.cfrp-backdrop{z-index:1000;background:#0f172a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.cfrp-toolbar{background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.cfrp-toolbar-left{align-items:center;gap:14px;display:flex}.cfrp-toolbar-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cfrp-toolbar-title{color:#f1f5f9;margin:0 0 2px;font-size:15px;font-weight:700}.cfrp-toolbar-sub{color:#94a3b8;margin:0;font-size:12px}.cfrp-toolbar-actions{align-items:center;gap:10px;display:flex}.cfrp-btn-close{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.cfrp-btn-close:hover{background:#334155;border-color:#64748b}.cfrp-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4338ca);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 2px 8px #4338ca59}.cfrp-btn-print:hover{opacity:.9;transform:translateY(-1px)}.cfrp-btn-print:active{transform:translateY(0)}.cfrp-preview{background:#0f172a;flex:1;padding:28px 16px;overflow-y:auto}.cfrp-preview::-webkit-scrollbar{width:6px}.cfrp-preview::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.cfrp-preview-inner{max-width:640px;margin:0 auto}.cfrp-card{color:#1e293b;background:#fff;border-radius:10px;font-family:Segoe UI,Arial,Helvetica,sans-serif;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000059}.cfrp-header{color:#fff;background:linear-gradient(135deg,#6366f1,#4338ca);justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 26px 16px;display:flex}.cfrp-header-brand{align-items:flex-start;gap:12px;display:flex}.cfrp-logo{background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.cfrp-college-name{letter-spacing:.2px;font-size:17px;font-weight:800}.cfrp-college-sub{opacity:.9;margin-top:1px;font-size:11px;font-style:italic}.cfrp-college-addr{opacity:.85;margin-top:1px;font-size:11px}.cfrp-header-badge{text-align:right;flex-shrink:0}.cfrp-badge-paid{color:#16a34a;letter-spacing:.6px;background:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.cfrp-badge-cancelled{color:#dc2626;letter-spacing:.6px;background:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.cfrp-receipt-title{opacity:.95;margin-top:6px;font-size:12px;font-weight:600}.cfrp-divider{background:repeating-linear-gradient(45deg,#6366f1 0 8px,#4338ca 8px 16px);height:4px}.cfrp-meta-row{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 26px 0;display:grid}.cfrp-meta-item{flex-direction:column;gap:2px;display:flex}.cfrp-meta-item span{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:10.5px}.cfrp-meta-item b{color:#0f172a;font-size:13px}.cfrp-info-grid{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:16px 26px 0;padding:14px 16px;display:grid}.cfrp-info-cell{flex-direction:column;gap:2px;display:flex}.cfrp-info-cell span{color:#64748b;font-size:10.5px}.cfrp-info-cell b{color:#0f172a;font-size:12.5px}.cfrp-table{border-collapse:collapse;width:calc(100% - 52px);margin:18px 26px 0;font-size:12.5px}.cfrp-table thead th{color:#3730a3;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#eef2ff;border-bottom:2px solid #c7d2fe;padding:8px 10px;font-size:11px}.cfrp-th-amt{text-align:right!important}.cfrp-table tbody td{vertical-align:top;border-bottom:1px solid #e2e8f0;padding:8px 10px}.cfrp-td-amt{text-align:right;font-weight:600}.cfrp-order-items{color:#64748b;margin-top:2px;font-size:11px}.cfrp-row-fine td{color:#b45309}.cfrp-row-concession td{color:#dc2626}.cfrp-row-total td{color:#15803d;background:#f0fdf4;border-top:2px solid #bbf7d0;border-bottom:none;font-size:14px;font-weight:800}.cfrp-words{color:#334155;background:#fffbeb;border:1px dashed #fde68a;border-radius:6px;margin:12px 26px 0;padding:10px 14px;font-size:12px}.cfrp-words span{color:#92400e}.cfrp-words b{text-transform:uppercase}.cfrp-pay-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 26px 0;display:grid}.cfrp-remarks{color:#475569;margin:12px 26px 0;font-size:11.5px}.cfrp-remarks span{color:#1e293b;font-weight:700}.cfrp-footer{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:flex-end;gap:16px;margin:26px 26px 22px;padding-top:14px;display:flex}.cfrp-note{color:#94a3b8;max-width:60%;font-size:10px;line-height:1.5}.cfrp-sig{flex-direction:column;align-items:center;gap:4px;display:flex}.cfrp-sig-line{border-bottom:1.5px solid #94a3b8;width:140px;height:28px}.cfrp-sig span{color:#475569;font-size:11px}.print-only{display:none}@media print{body.cfrp-print-ready{background:#fff!important;margin:0!important}body.cfrp-print-ready .layout-root{background:#fff!important;min-height:0!important;display:block!important}body.cfrp-print-ready .layout-root>:not(.layout-main),body.cfrp-print-ready .layout-main>:not(.cfrp-backdrop){display:none!important}body.cfrp-print-ready .layout-main{background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;display:block!important;overflow:visible!important}.cfrp-backdrop,.cfrp-backdrop *{visibility:visible!important}.cfrp-backdrop{background:0 0!important;height:auto!important;min-height:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.cfrp-toolbar,.cfrp-preview{display:none!important}.cfrp-print-area{visibility:visible!important;padding:0!important;display:block!important;overflow:visible!important}.cfrp-card{width:100%;box-shadow:none;page-break-inside:avoid;break-inside:avoid;border:1px solid #cbd5e1;border-radius:0}@page{size:A4 portrait;margin:10mm}}:root{--primary:#6366f1;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--radius:14px}@keyframes paFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes paOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes paModalIn{0%{opacity:0;transform:scale(.95)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes paSpin{to{transform:rotate(360deg)}}.pa-content{font-family:var(--font);flex-direction:column;gap:22px;padding:26px 28px 56px;display:flex}.pa-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pa-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.pa-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.pa-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pa-btn-refresh,.pa-btn-primary,.pa-btn-light{height:38px;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 18px;transition:background .14s,color .14s,border-color .14s,transform .12s;display:inline-flex}.pa-btn-refresh,.pa-btn-light{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2)}.pa-btn-refresh:hover,.pa-btn-light:hover{background:var(--primary-bg);color:var(--primary);border-color:#c7d2fe}.pa-btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dk));color:#fff;border:none;box-shadow:0 4px 16px #6366f147}.pa-btn-primary:hover{transform:translateY(-1px)}.pa-btn-primary:disabled,.pa-btn-refresh:disabled,.pa-btn-light:disabled{opacity:.55;cursor:not-allowed;transform:none}.pa-spin{animation:.8s linear infinite paSpin}.pa-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pa-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;animation:.35s both paFadeUp;display:flex}.pa-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.pa-stat.primary .pa-stat-icon{background:var(--primary-bg);color:var(--primary)}.pa-stat.warning .pa-stat-icon{background:var(--warning-bg);color:var(--warning)}.pa-stat.success .pa-stat-icon{background:var(--success-bg);color:var(--success)}.pa-stat.danger .pa-stat-icon{background:var(--danger-bg);color:var(--danger)}.pa-stat-value{color:var(--text-1);font-size:26px;font-weight:800;line-height:1}.pa-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:500}.pa-filter-bar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:16px 20px;display:flex}.pa-search-box{background:var(--bg);border:1.5px solid var(--border-md);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:260px;height:38px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.pa-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.pa-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.pa-search-box input::placeholder{color:var(--text-3)}.pa-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.pa-filter-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pa-clear-btn{border:1px solid var(--border-md);height:34px;color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:700;font-family:var(--font);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.pa-clear-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.pa-table-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.pa-table{border-collapse:collapse;width:100%}.pa-table thead tr{border-bottom:1px solid var(--border-md);background:#fafbfc}.pa-table th{text-align:left;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:13px 16px;font-size:11.5px;font-weight:800}.pa-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.pa-table tbody tr:hover{background:#fafbff}.pa-table tbody tr:last-child{border-bottom:none}.pa-table td{color:var(--text-1);vertical-align:middle;padding:13px 16px;font-size:13px}.pa-th-center,.pa-td-center{text-align:center}.pa-adm-no{color:var(--text-1);font-size:13.5px;font-weight:800}.pa-txn{color:var(--text-3);margin-top:2px;font-size:11.5px}.pa-student-cell{align-items:center;gap:10px;display:flex}.pa-student-avatar{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 8px #6366f13d}.pa-student-name{color:var(--text-1);font-size:13.5px;font-weight:800}.pa-student-meta{color:var(--text-3);margin-top:2px;font-size:11.5px}.pa-course-cell{color:var(--text-1);align-items:center;gap:7px;font-weight:700;display:inline-flex}.pa-pay-cell{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.pa-amount{color:var(--text-1);font-size:13.5px;font-weight:800}.pa-mode{color:var(--text-3);font-size:11px;font-weight:700}.pa-chip,.pa-pay-chip{white-space:nowrap;border:1px solid;border-radius:20px;justify-content:center;align-items:center;gap:5px;font-size:11.5px;font-weight:800;display:inline-flex}.pa-chip{padding:4px 10px}.pa-chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pa-chip-pre{background:var(--warning-bg);color:#b45309;border-color:#fde68a}.pa-chip-admitted{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.pa-chip-cancelled{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.pa-pay-chip{padding:3px 9px}.pa-pay-pending{background:var(--warning-bg);color:#b45309;border-color:#fde68a}.pa-pay-paid{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.pa-pay-failed{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.pa-pay-refunded{background:var(--primary-bg);color:var(--primary);border-color:#c7d2fe}.pa-date{color:var(--text-2);font-size:12.5px;font-weight:700}.pa-act-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.pa-act-btn,.pa-icon-action{height:31px;font-size:12px;font-weight:800;font-family:var(--font);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;transition:background .14s,transform .12s,border-color .14s;display:inline-flex}.pa-act-btn{border:1px solid;padding:0 10px}.pa-act-btn:hover,.pa-icon-action:hover{transform:translateY(-1px)}.pa-act-btn.process{background:var(--primary-bg);color:var(--primary);border-color:#c7d2fe}.pa-act-btn.receipt{color:#334155;background:#f8fafc;border-color:#e2e8f0}.pa-act-btn.view{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.pa-icon-action{border:1px solid var(--border-md);width:31px;color:var(--text-2);background:#fff}.pa-icon-action:hover{background:var(--primary-bg);color:var(--primary);border-color:#c7d2fe}.pa-icon-action.danger:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.pa-table-empty{padding:0!important}.pa-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.pa-empty-icon{background:linear-gradient(135deg, var(--primary-bg), #f5f3ff);width:64px;height:64px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;display:flex}.pa-empty p{color:var(--text-2);font-size:14px}.pa-pagination{border-top:1px solid var(--border);background:#fafbfc;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pa-page-info{color:var(--text-2);font-size:12.5px}.pa-page-btns{gap:6px;display:flex}.pa-page-btn{border:1px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:700;font-family:var(--font);border-radius:8px;align-items:center;gap:5px;padding:6px 14px;display:inline-flex}.pa-page-btn:hover:not(:disabled){background:var(--primary-bg);color:var(--primary);border-color:#c7d2fe}.pa-page-btn:disabled{opacity:.45;cursor:not-allowed}.pa-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;animation:.2s both paOverlayIn;display:flex;position:fixed;inset:0}.pa-modal,.pa-receipt-modal{background:var(--card);border-radius:18px;flex-direction:column;width:100%;max-height:88vh;animation:.28s cubic-bezier(.22,1,.36,1) both paModalIn;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000038}.pa-modal{max-width:720px}.pa-receipt-modal{max-width:620px}.pa-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.pa-modal-head h2{color:var(--text-1);font-size:18px;font-weight:800}.pa-modal-head p{color:var(--text-2);margin-top:3px;font-size:12.5px}.pa-modal-close{border:1px solid var(--border-md);cursor:pointer;width:34px;height:34px;color:var(--text-2);background:#fff;border-radius:9px;justify-content:center;align-items:center;display:flex}.pa-modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.pa-modal-body{padding:22px 24px;overflow-y:auto}.pa-form-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.pa-field{flex-direction:column;gap:6px;display:flex}.pa-label{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:800}.pa-req-star{color:var(--danger)}.pa-ferr{color:var(--danger);font-size:11px}.pa-ifield,.pa-sel-wrap{border:1.5px solid var(--border-md);background:#f8f9ff;border-radius:10px;align-items:center;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden}.pa-ifield:focus-within,.pa-sel-wrap:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.pa-ifield.disabled{opacity:.65;background:#f3f4f6}.pa-ifield-icon{color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;padding-left:11px;display:flex}.pa-ifield input,.pa-sel-wrap select{width:100%;font-size:13px;font-family:var(--font);color:var(--text-1);background:0 0;border:none;outline:none;padding:10px 12px}.pa-ifield input.has-icon{padding-left:7px}.pa-ifield input::placeholder{color:var(--text-3)}.pa-ifield input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.pa-ifield input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.pa-sel-wrap select{cursor:pointer}.pa-modal-foot{border-top:1px solid var(--border);background:#fafbfc;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.pa-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite paSpin;display:inline-block}.pa-receipt-print-area{padding:24px;overflow-y:auto}.pa-receipt{border:1px solid var(--border-md);background:#fff;border-radius:14px;padding:24px}.pa-receipt-top{border-bottom:1px dashed var(--border-md);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.pa-receipt-top h2{color:var(--text-1);font-size:22px;font-weight:900}.pa-receipt-top p{color:var(--text-2);margin-top:4px;font-size:13px}.pa-receipt-no{text-align:right}.pa-receipt-no span{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800;display:block}.pa-receipt-no strong{color:var(--primary);margin-top:5px;font-size:15px;display:block}.pa-receipt-status-row{align-items:center;gap:8px;margin:16px 0;display:flex}.pa-receipt-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.pa-receipt-item{border:1px solid var(--border-md);background:#fafbfc;border-radius:10px;padding:12px 14px}.pa-receipt-item span{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:800;display:block}.pa-receipt-item strong{color:var(--text-1);margin-top:5px;font-size:13.5px;display:block}.pa-receipt-item.highlight{background:var(--success-bg);border-color:#a7f3d0}.pa-receipt-item.highlight strong{color:var(--success);font-size:15px}.pa-receipt-total{background:var(--primary-bg);color:var(--primary);border-radius:12px;justify-content:space-between;align-items:center;margin-top:18px;padding:16px 18px;display:flex}.pa-receipt-total span{font-size:13px;font-weight:800}.pa-receipt-total strong{font-size:20px;font-weight:900}.pa-receipt-footer{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:30px;display:flex}.pa-receipt-footer div{border-top:1px solid var(--text-2);text-align:center;width:180px;padding-top:8px}.pa-receipt-footer span,.pa-receipt-footer p{color:var(--text-2);font-size:11.5px}.pa-dropdown.p-dropdown{border:1.5px solid var(--border-md);font-family:var(--font);width:100%;box-shadow:none;background:#fafbfc;border-radius:10px;align-items:center;height:38px;display:flex}.pa-status-dd.p-dropdown{min-width:170px}.pa-dropdown .p-dropdown-label{font-family:var(--font);color:var(--text-1);padding:0 0 0 12px;font-size:13px;font-weight:600}.pa-dropdown .p-dropdown-trigger{color:var(--text-3);width:34px}.pa-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);z-index:9999;border-radius:10px;margin-top:4px;overflow:hidden}.pa-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:600;font-family:var(--font);padding:9px 14px}.pa-dropdown-panel .p-dropdown-item:hover,.pa-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary)}@media (width<=1000px){.pa-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.pa-content{padding:18px 16px 40px}.pa-filter-bar{flex-direction:column;align-items:stretch}.pa-search-box{min-width:100%}.pa-filter-right{justify-content:space-between}.pa-form-grid,.pa-receipt-grid{grid-template-columns:1fr}.pa-table-wrap{overflow-x:auto}.pa-table{min-width:980px}}@media (width<=560px){.pa-stats{grid-template-columns:1fr}.pa-head-actions{width:100%}.pa-btn-refresh,.pa-btn-primary{flex:1}}.pa-course-dd.p-dropdown{width:100%}@media print{body *{visibility:hidden!important}.pa-receipt-print-area,.pa-receipt-print-area *{visibility:visible!important}.pa-receipt-print-area{width:100%;padding:0;position:absolute;top:0;left:0}.pa-receipt{border:none;border-radius:0}.no-print{display:none!important}}.qp-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:26px 28px 56px;animation:.4s both fadeUp;display:flex}.qp-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.qp-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.qp-stats{grid-template-columns:1fr}}.qp-stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:4px solid #0000;flex-direction:column;gap:4px;padding:20px 22px;animation:.5s both cardIn;display:flex}.qp-stat-blue{border-left-color:var(--primary)}.qp-stat-green{border-left-color:var(--success)}.qp-stat-yellow{border-left-color:var(--warning)}.qp-stat-purple{border-left-color:var(--purple)}.qp-stat-value{color:var(--text-1);font-size:28px;font-weight:700;line-height:1}.qp-stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.qp-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qp-search-box{background:var(--card);border:1.5px solid var(--border-md);height:38px;color:var(--text-3);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:340px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.qp-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.qp-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.qp-search-box input::placeholder{color:var(--text-3)}.qp-clear-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:0;display:flex}.qp-clear-btn:hover{color:var(--text-1)}.qp-filter-row{flex-wrap:wrap;gap:8px;display:flex}.qp-dd .p-dropdown,.qp-dd{min-width:140px;font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;height:38px!important}.qp-dd .p-dropdown-label{padding:0 12px!important;font-size:13px!important;line-height:36px!important}.qp-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:38px;margin-left:auto;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.qp-btn-add:hover{background:var(--primary-dk);box-shadow:0 4px 14px #6366f166}.qp-btn-add:active{transform:scale(.97)}.qp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.qp-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;transition:box-shadow .2s,transform .15s;animation:.5s both cardIn;display:flex;overflow:hidden}.qp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.qp-card-head{justify-content:space-between;align-items:flex-start;padding:20px 18px 18px;display:flex;position:relative}.qp-card-icon{color:#fff;background:#ffffff40;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.qp-chip{letter-spacing:.02em;text-transform:capitalize;white-space:nowrap;border-radius:20px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.qp-chip-draft{color:#b45309;background:#ffffffe6}.qp-chip-published{color:#065f46;background:#10b98126;border:1px solid #10b9814d}.qp-chip-archived{color:var(--text-2);background:#fffc}.qp-chip-attempted{background:var(--danger-bg);color:#991b1b;border:1px solid #ef444447}.qp-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 18px;display:flex}.qp-card-code{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.qp-card-subject{color:var(--text-1);font-size:15px;font-weight:600;line-height:1.3}.qp-card-badges{flex-wrap:wrap;gap:6px;display:flex}.qp-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.qp-badge-course{background:var(--primary-bg);color:var(--primary-dk)}.qp-badge-batch{color:#166534;background:#f0fdf4}.qp-card-meta{color:var(--text-2);flex-wrap:wrap;gap:8px 14px;font-size:12px;display:flex}.qp-card-meta span{align-items:center;gap:4px;display:flex}.qp-card-meta strong{color:var(--text-1);font-weight:600}.qp-meta-gap{margin-left:2px}.qp-card-sem{color:var(--text-3);font-size:12px}.qp-card-qcount{border-top:1px solid var(--border);align-items:baseline;gap:5px;margin-top:4px;padding-top:10px;display:flex}.qp-qcount-num{color:var(--text-1);font-size:22px;font-weight:700}.qp-qcount-lbl{color:var(--text-2);font-size:12px;font-weight:500}.qp-card-actions{border-top:1px solid var(--border);background:var(--bg);align-items:center;gap:6px;padding:10px 14px;display:flex}.qp-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.qp-action-questions{background:var(--primary-bg);color:var(--primary);flex:1;justify-content:center}.qp-action-questions:hover{background:var(--primary);color:#fff}.qp-action-edit{background:var(--bg);color:var(--text-2);border:1px solid var(--border-md)}.qp-action-edit:hover{background:var(--warning-bg);color:var(--warning)}.qp-action-delete{background:var(--bg);color:var(--text-2);border:1px solid var(--border-md)}.qp-action-delete:hover{background:var(--danger-bg);color:var(--danger)}.qp-status-row{border-top:1px solid var(--border);display:flex}.qp-status-btn{color:var(--text-3);cursor:pointer;text-transform:capitalize;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:3px;padding:7px 4px;font-size:11px;font-weight:500;transition:background .15s,color .15s;display:flex}.qp-status-btn:hover{background:var(--bg);color:var(--text-1)}.qp-status-btn.active{color:var(--primary);font-weight:700}.qp-status-btn:not(:last-child){border-right:1px solid var(--border)}.qp-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 20px;display:flex}.qp-empty-icon{background:var(--primary-bg);width:64px;height:64px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:flex}.qp-empty-icon svg{width:28px;height:28px}.qp-empty-title{color:var(--text-1);font-size:16px;font-weight:600}.qp-empty-sub{color:var(--text-2);font-size:13px}.qp-skeleton-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:12px;padding:18px;display:flex}.qp-skel{background:linear-gradient(90deg,#f0f0f5 25%,#e8e8f0 50%,#f0f0f5 75%);border-radius:8px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:-200px}to{background-position:600px}}.qp-skel-top{background-size:400px 100%;height:80px}.qp-skel-line{height:14px}.qp-skel-short{width:60%}.qp-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;justify-content:flex-end;align-items:stretch;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.qp-panel{background:var(--card);width:480px;max-width:100vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) both panelIn;display:flex}@media (width<=520px){.qp-panel{width:100vw}}.qp-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 18px;display:flex}.qp-panel-title{color:var(--text-1);font-size:18px;font-weight:700}.qp-panel-sub{color:var(--text-2);margin-top:3px;font-size:13px}.qp-close-btn{border:1.5px solid var(--border-md);background:var(--bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.qp-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.qp-panel-body{flex-direction:column;flex:1;gap:14px;padding:22px 24px;display:flex;overflow-y:auto}.qp-panel-body::-webkit-scrollbar{width:4px}.qp-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.qp-step-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.qp-step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.qp-divider{background:var(--border);height:1px;margin:6px 0}.qp-field{flex-direction:column;gap:5px;display:flex}.qp-field label{color:var(--text-2);font-size:12px;font-weight:600}.qp-req{color:var(--danger);margin-left:2px}.qp-optional{color:var(--text-3);font-weight:400}.qp-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.qp-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #6366f11a}.qp-input-upper{text-transform:uppercase}.qp-input-sm{max-width:120px}.qp-textarea{border:1.5px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:9px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.qp-textarea:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #6366f11a}.qp-dd-full .p-dropdown{width:100%!important}.qp-dd-full{width:100%}.qp-dd-full .p-dropdown,.qp-dd-full{font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--bg)!important;border-radius:9px!important;height:38px!important}.qp-dd-full .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:36px!important}.qp-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.qp-field-err .qp-input,.qp-field-err .qp-textarea,.qp-field-err .p-dropdown{border-color:var(--danger)!important}.qp-err-msg{color:var(--danger);font-size:11px}.qp-status-tabs{gap:6px;display:flex}.qp-stab{border:1.5px solid var(--border-md);color:var(--text-2);background:var(--bg);cursor:pointer;text-transform:capitalize;border-radius:8px;flex:1;padding:7px 0;font-size:12px;font-weight:600;transition:all .15s}.qp-stab.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.qp-panel-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.qp-btn-cancel{border:1.5px solid var(--border-md);background:var(--bg);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s}.qp-btn-cancel:hover{background:var(--border)}.qp-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s;box-shadow:0 2px 8px #6366f14d}.qp-btn-save:hover{background:var(--primary-dk);box-shadow:0 4px 14px #6366f166}.qp-btn-save:disabled,.qp-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.qp-mcq-overlay{justify-content:center;align-items:center}.qp-mcq-modal{background:var(--card);width:min(1100px,98vw);height:min(90vh,820px);box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) both modalIn;display:flex;overflow:hidden}.qp-mcq-head{border-bottom:1px solid var(--border);background:var(--card);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.qp-mcq-head-left{flex-direction:column;gap:4px;min-width:0;display:flex}.qp-mcq-title{color:var(--text-1);font-size:18px;font-weight:700}.qp-mcq-sub{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.qp-mcq-code{color:var(--primary);font-size:13px;font-weight:700}.qp-mcq-dot{color:var(--text-3)}.qp-mcq-head-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.qp-mcq-badge{background:var(--bg);border:1px solid var(--border-md);border-radius:10px;flex-direction:column;align-items:center;min-width:60px;padding:6px 14px;display:flex}.qp-mcq-badge-marks{border-color:var(--primary-ring);background:var(--primary-bg)}.qp-mcq-badge-num{color:var(--text-1);font-size:18px;font-weight:700;line-height:1}.qp-mcq-badge-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:500}.qp-mcq-mark-tabs{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 24px;display:grid}.qp-mcq-mark-tab{border:1.5px solid var(--border-md);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:10px 14px;display:flex}.qp-mcq-mark-tab span{min-width:0;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700;line-height:1.25}.qp-mcq-mark-tab strong{color:var(--text-1);flex-shrink:0;font-size:20px;line-height:1}.qp-mcq-mark-tab-added{border-color:var(--primary-ring);background:var(--primary-bg)}.qp-mcq-mark-tab-remaining{background:var(--warning-bg);border-color:#f59e0b59}.qp-mcq-mark-tab-done{background:var(--success-bg);border-color:#10b98159}.qp-mcq-mark-tab-over{background:var(--danger-bg);border-color:#ef444459}.qp-mcq-mark-tab-over strong{color:var(--danger)}@media (width<=700px){.qp-mcq-mark-tabs{grid-template-columns:1fr;padding:10px 16px}.qp-mcq-mark-tab{min-height:44px}}.qp-mcq-body{flex:1;display:flex;overflow:hidden}.qp-mcq-list{border-right:1px solid var(--border);flex-direction:column;flex:1;display:flex;overflow:hidden}.qp-mcq-list-head{border-bottom:1px solid var(--border);color:var(--text-1);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.qp-btn-add-q{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.qp-btn-add-q:hover{background:var(--primary-dk)}.qp-q-list{flex:1;padding:10px;overflow-y:auto}.qp-q-list::-webkit-scrollbar{width:4px}.qp-q-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.qp-q-loading{text-align:center;color:var(--text-3);padding:40px;font-size:14px}.qp-q-empty{color:var(--text-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.qp-q-empty svg{opacity:.5;width:36px;height:36px}.qp-q-empty p{color:var(--text-2);font-size:15px;font-weight:600}.qp-q-empty span{font-size:13px}.qp-q-item{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex}.qp-q-item:hover{border-color:var(--primary-ring);box-shadow:0 2px 8px #6366f114}.qp-q-editing{border-color:var(--primary);background:var(--primary-bg)}.qp-q-no{background:var(--primary-bg);width:28px;height:28px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.qp-q-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.qp-q-text{color:var(--text-1);font-size:13px;font-weight:500;line-height:1.5}.qp-q-opts{flex-wrap:wrap;gap:4px;display:flex}.qp-q-opt{color:var(--text-2);background:var(--card);border:1px solid var(--border-md);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;transition:all .15s;display:flex}.qp-q-opt-correct{background:var(--success-bg);color:#065f46;border-color:#10b98166;font-weight:600}.qp-q-opt-lbl{color:var(--text-3);margin-right:2px;font-size:10px;font-weight:700}.qp-q-opt-correct .qp-q-opt-lbl{color:#065f46}.qp-q-meta{align-items:center;gap:8px;display:flex}.qp-q-marks{color:var(--primary);background:var(--primary-bg);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.qp-q-exp-dot{color:var(--text-3);font-size:10px;font-style:italic}.qp-q-actions{flex-shrink:0;gap:4px;display:flex}.qp-q-btn{border:1px solid var(--border-md);background:var(--card);cursor:pointer;width:28px;height:28px;color:var(--text-3);border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.qp-q-btn-edit:hover{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.qp-q-btn-del:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.qp-q-form-panel{border-left:1px solid var(--border);background:var(--card);flex-direction:column;flex-shrink:0;width:400px;min-width:300px;display:flex}@media (width<=900px){.qp-mcq-body{flex-direction:column}.qp-q-form-panel{border-left:none;border-top:1px solid var(--border);width:100%;height:60%}.qp-mcq-list{flex:none;height:40%}}.qp-q-form-head{border-bottom:1px solid var(--border);color:var(--text-1);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;font-size:14px;font-weight:700;display:flex}.qp-close-sm{border:1px solid var(--border-md);background:var(--card);cursor:pointer;width:26px;height:26px;color:var(--text-3);border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.qp-close-sm:hover{background:var(--danger-bg);color:var(--danger)}.qp-q-form-body{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.qp-q-form-body::-webkit-scrollbar{width:4px}.qp-q-form-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.qp-opts-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qp-opt-badge{background:var(--border-md);width:16px;height:16px;color:var(--text-2);border-radius:4px;justify-content:center;align-items:center;margin-right:4px;font-size:10px;font-weight:700;display:inline-flex}.qp-opt-correct{background:var(--success);color:#fff}.qp-correct-row{gap:8px;display:flex}.qp-correct-btn{border:1.5px solid var(--border-md);background:var(--bg);height:36px;color:var(--text-2);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.qp-correct-btn.selected{background:var(--success-bg);color:#065f46;border-color:#10b98180}.qp-correct-btn:hover:not(.selected){background:var(--primary-bg);color:var(--primary)}.qp-q-form-foot{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.qp-tabs{border:1px solid var(--border-md);background:var(--card);width:max-content;max-width:100%;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:4px;padding:4px;display:inline-flex}.qp-tab{min-height:34px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:0 16px;font-size:13px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.qp-tab:hover{background:var(--bg);color:var(--text-1)}.qp-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f147}.qp-exam-hero{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.qp-exam-title{color:var(--text-1);font-size:22px;font-weight:800;line-height:1.15}.qp-exam-sub{color:var(--text-2);margin-top:5px;font-size:13px}.qp-exam-count{border:1px solid var(--primary-ring);background:var(--primary-bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:126px;min-height:64px;display:flex}.qp-exam-count strong{color:var(--primary-dk);font-size:24px;line-height:1}.qp-exam-count span{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.qp-exam-toolbar .qp-search-box{max-width:420px}.qp-exam-toolbar .qp-action-questions{border-radius:10px;flex:none;height:38px;margin-left:auto;padding:0 16px;font-size:13px}.qp-exam-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.qp-exam-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-height:300px;box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .2s,transform .15s;animation:.5s both cardIn;display:flex;overflow:hidden}.qp-exam-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.qp-exam-card-head{border-top:5px solid var(--primary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 14px;display:flex}.qp-exam-card-title{color:var(--text-1);margin-top:5px;font-size:17px;font-weight:800;line-height:1.3}.qp-exam-card-body{flex-direction:column;flex:1;gap:14px;padding:16px 18px;display:flex}.qp-exam-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.qp-exam-meta-grid span{border:1px solid var(--border);background:var(--bg);min-height:48px;color:var(--text-2);border-radius:10px;flex-direction:column;justify-content:center;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.qp-exam-meta-grid strong{color:var(--text-1);font-size:16px;line-height:1.1}.qp-exam-details{color:var(--text-2);flex-direction:column;gap:5px;font-size:12px;display:flex}.qp-exam-instructions{background:var(--warning-bg);color:#92400e;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.45}.qp-exam-card-foot{border-top:1px solid var(--border);padding:14px 18px 18px}.qp-exam-start{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;font-size:13px;font-weight:800;transition:background .15s,box-shadow .15s,transform .1s;display:flex}.qp-exam-start:hover:not(:disabled){background:#059669;box-shadow:0 4px 14px #10b98147}.qp-exam-start:active:not(:disabled){transform:scale(.98)}.qp-exam-start:disabled{cursor:not-allowed;background:var(--border-md);color:var(--text-3);box-shadow:none}.qp-student-exam-overlay{z-index:1200;justify-content:center;align-items:center}.qp-student-exam-modal{background:var(--card);width:min(980px,96vw);height:min(90vh,820px);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;animation:.22s both modalIn;display:flex;overflow:hidden}.qp-root.qp-root-exam-active{gap:0;height:calc(100vh - 64px);min-height:calc(100vh - 64px);padding:0;animation:none;overflow:hidden}body.qp-student-exam-fullscreen .layout-main{margin-left:58px!important}body.qp-student-exam-fullscreen .sb-root{width:58px!important}body.qp-student-exam-fullscreen .sb-logo-text,body.qp-student-exam-fullscreen .sb-acc-head-label,body.qp-student-exam-fullscreen .sb-acc-head-chevron,body.qp-student-exam-fullscreen .sb-item-label,body.qp-student-exam-fullscreen .sb-badge,body.qp-student-exam-fullscreen .sb-user-info,body.qp-student-exam-fullscreen .sb-online-dot,body.qp-student-exam-fullscreen .sb-logout-label{opacity:0!important;pointer-events:none!important}body.qp-student-exam-fullscreen .sb-collapse-btn{transform:rotate(180deg)}body.qp-student-exam-fullscreen .sb-acc-items{transition:none;max-height:400px!important}body.qp-student-exam-fullscreen .sb-acc-items-inner:before,body.qp-student-exam-fullscreen .sb-item.sub:before{opacity:0}body.qp-student-exam-fullscreen .sb-item.sub{padding-left:12px}.qp-root.qp-root-exam-active>:not(.qp-student-exam-screen):not(.p-toast){display:none}.qp-student-exam-screen{background:var(--bg);width:100%;height:calc(100vh - 64px);min-height:0;display:flex}.qp-student-exam-screen .qp-student-exam-modal{width:100%;height:100%;min-height:0;box-shadow:none;border-radius:0;animation:none}.qp-student-exam-screen .qp-student-exam-body{min-height:0}.qp-student-exam-screen .qp-student-question-list{width:min(1040px,100%);margin:0 auto}.qp-session-root{background:var(--bg);width:100vw;height:100vh;min-height:100vh;color:var(--text-1);font-family:var(--font);flex-direction:column;display:flex;overflow:hidden}.qp-session-body{flex:1;min-height:0;padding:22px;overflow-y:auto}.qp-session-body::-webkit-scrollbar{width:6px}.qp-session-body::-webkit-scrollbar-thumb{background:#d8def8;border-radius:8px}.qp-session-question-list{width:min(1040px,100%);margin:0 auto}.qp-session-foot{border-top:1px solid var(--border);background:var(--card);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;display:flex;box-shadow:0 -4px 18px #0f172a0d}.qp-session-save-state{color:var(--text-3);font-size:12px;font-weight:700}.qp-student-exam-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.qp-student-exam-head-main{min-width:0}.qp-student-exam-title{color:var(--text-1);margin-top:4px;font-size:22px;font-weight:800;line-height:1.25}.qp-student-exam-sub{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.qp-student-exam-sub span{background:var(--primary-bg);color:var(--primary-dk);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.qp-student-exam-strip{border-bottom:1px solid var(--border);background:var(--bg);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 24px;display:grid}.qp-student-exam-strip span{border:1px solid var(--border);background:var(--card);min-height:38px;color:var(--text-2);border-radius:10px;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.qp-student-exam-strip strong{color:var(--text-1);font-size:15px}.qp-student-exam-body{background:var(--bg);flex:1;padding:18px 24px;overflow-y:auto}.qp-student-exam-body::-webkit-scrollbar{width:6px}.qp-student-exam-body::-webkit-scrollbar-thumb{background:#d8def8;border-radius:8px}.qp-student-question-list{flex-direction:column;gap:14px;display:flex}.qp-student-question{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px}.qp-student-question-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.qp-student-question-text{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.55}.qp-student-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.qp-student-option{border:1.5px solid var(--border-md);background:var(--card);min-height:46px;color:var(--text-1);cursor:pointer;text-align:left;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.4;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.qp-student-option:hover{border-color:var(--primary-ring);background:var(--primary-bg)}.qp-student-option.selected{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 3px #6366f11a}.qp-student-option-key{background:var(--border-md);width:22px;height:22px;color:var(--text-2);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.qp-student-option.selected .qp-student-option-key{background:var(--primary);color:#fff}.qp-student-exam-foot{border-top:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:14px;padding:14px 24px;display:flex}.qp-student-progress{color:var(--text-2);font-size:13px;font-weight:700}.qp-student-foot-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.qp-exam-empty-inside{background:var(--card);min-height:320px}.qp-exam-result{border:1px solid var(--border);background:var(--card);text-align:center;max-width:620px;box-shadow:var(--shadow-sm);border-radius:14px;margin:24px auto;padding:28px}.qp-result-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;justify-content:center;align-items:center;min-height:32px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.qp-result-pass{background:var(--success-bg);color:#065f46}.qp-result-fail{background:var(--danger-bg);color:#991b1b}.qp-result-score{justify-content:center;align-items:baseline;gap:6px;margin:18px 0;display:flex}.qp-result-score strong{color:var(--text-1);font-size:48px;line-height:1}.qp-result-score span{color:var(--text-2);font-size:18px;font-weight:700}.qp-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.qp-result-grid div{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70px;display:flex}.qp-result-grid strong{color:var(--text-1);font-size:18px}.qp-result-grid span{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.qp-result-note{color:var(--text-2);margin-top:16px;font-size:12px}@media (width<=760px){.qp-tabs{width:100%}.qp-tab{flex:1;padding:0 10px}.qp-exam-hero{flex-direction:column;align-items:stretch}.qp-exam-count{width:100%}.qp-exam-grid{grid-template-columns:1fr}.qp-student-exam-modal{border-radius:0;width:100vw;height:100vh}.qp-student-exam-head{padding:16px}.qp-student-exam-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 16px}.qp-student-exam-body{padding:14px}.qp-student-options{grid-template-columns:1fr}.qp-student-exam-foot{flex-direction:column;align-items:stretch;padding:12px 16px}.qp-student-foot-actions{width:100%}.qp-student-foot-actions .qp-btn-cancel,.qp-student-foot-actions .qp-btn-save{flex:1}.qp-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.qp-exam-hero{background:linear-gradient(135deg,#4f46e5 0%,#818cf8 100%);border:none;box-shadow:0 8px 32px #6366f147}.qp-exam-hero-left{align-items:center;gap:18px;display:flex}.qp-exam-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff2e;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.qp-exam-title{color:#fff!important}.qp-exam-sub{margin-top:5px;color:#fffc!important}.qp-exam-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26!important;border-color:#ffffff4d!important}.qp-exam-count strong{color:#fff!important}.qp-exam-count span{color:#ffffffd9!important}.qp-stat-card{position:relative}.qp-stat-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:8px;display:flex}.qp-stat-icon-green{background:var(--success-bg);color:var(--success)}.qp-stat-icon-purple{background:var(--purple-bg);color:var(--purple)}.qp-stat-icon-blue{background:var(--primary-bg);color:var(--primary)}.qp-stat-icon-yellow{background:var(--warning-bg);color:var(--warning)}.qp-student-exam-head{border-top:4px solid var(--primary)}.qp-question-palette{border-bottom:1px solid var(--border);background:var(--card);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;padding:10px 24px;display:flex}.qp-palette-label{color:var(--text-2);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.qp-palette-dots{flex-wrap:wrap;flex:1;gap:5px;display:flex}.qp-palette-dot{border:1.5px solid var(--border-md);background:var(--bg);width:28px;height:28px;color:var(--text-3);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .15s;display:flex}.qp-palette-dot:hover{border-color:var(--primary-ring);background:var(--primary-bg);color:var(--primary)}.qp-palette-dot.answered{background:var(--success);border-color:var(--success);color:#fff}.qp-student-question.answered{border-color:#6366f14d}.qp-q-loading{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;font-size:14px;font-weight:500;display:flex}.qp-exam-loading-spinner{border:3px solid var(--border-md);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite qp-spin}@keyframes qp-spin{to{transform:rotate(360deg)}}.qp-result-hero-card{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;padding:28px 24px;display:flex}.qp-result-hero-pass{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #10b9814d}.qp-result-hero-fail{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1.5px solid #ef44444d}.qp-result-hero-icon{justify-content:center;align-items:center;display:flex}.qp-result-hero-pass .qp-result-hero-icon{color:#065f46}.qp-result-hero-fail .qp-result-hero-icon{color:#991b1b}.qp-result-pct{font-size:56px;font-weight:900;line-height:1}.qp-result-hero-pass .qp-result-pct{color:#047857}.qp-result-hero-fail .qp-result-pct{color:#b91c1c}.qp-student-progress{color:var(--text-2);flex:1;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.qp-progress-bar-wrap{background:var(--border-md);border-radius:3px;flex-shrink:0;width:100px;height:6px;overflow:hidden}.qp-progress-bar-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.qp-progress-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.qp-progress-pass{background:var(--success-bg);color:#065f46}.qp-progress-fail{background:var(--danger-bg);color:#991b1b}@media (width<=760px){.qp-exam-hero-left{gap:12px}.qp-exam-hero-icon{border-radius:12px;width:44px;height:44px}.qp-question-palette{padding:8px 16px}.qp-result-pct{font-size:44px}.qp-progress-bar-wrap{width:70px}}.ier-root{flex-direction:column;gap:18px;padding:4px;display:flex}.ier-top{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.ier-top-main{align-items:center;gap:14px;min-width:0;display:flex}.ier-top-icon{color:#155e75;background:#cffafe;border-radius:8px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.ier-top h1{color:var(--text-1);margin:0;font-size:24px;font-weight:800;line-height:1.2}.ier-top p{color:var(--text-2);margin:4px 0 0;font-size:13px}.ier-refresh{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.ier-refresh:disabled{cursor:not-allowed;opacity:.65}.ier-shell{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.ier-sidebar,.ier-main,.ier-paper-head,.ier-controls,.ier-table-wrap{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:8px}.ier-sidebar{flex-direction:column;gap:14px;max-height:calc(100vh - 122px);padding:14px;display:flex;position:sticky;top:12px;overflow:hidden}.ier-sidebar-head{color:var(--text-1);justify-content:space-between;align-items:center;gap:10px;display:flex}.ier-sidebar-head div{align-items:baseline;gap:8px;display:flex}.ier-sidebar-head span{font-size:14px;font-weight:800}.ier-sidebar-head strong{color:#166534;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:24px;font-size:12px;display:inline-flex}.ier-search{border:1px solid var(--border);height:40px;color:var(--text-3);background:var(--bg);border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:flex}.ier-search input{width:100%;min-width:0;color:var(--text-1);background:0 0;border:0;outline:0;font-size:13px;font-weight:600}.ier-search input::placeholder{color:var(--text-3)}.ier-exam-list{flex-direction:column;gap:10px;padding-right:2px;display:flex;overflow-y:auto}.ier-exam-list::-webkit-scrollbar{width:6px}.ier-exam-list::-webkit-scrollbar-thumb{background:#d8def8;border-radius:8px}.ier-exam-btn{border:1px solid var(--border);border-left:4px solid var(--primary);text-align:left;width:100%;color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;display:flex}.ier-exam-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ier-exam-btn.active{border-color:var(--primary);background:var(--primary-bg)}.ier-exam-code{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:900}.ier-exam-name{width:100%;color:var(--text-1);overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.25}.ier-exam-meta{width:100%;color:var(--text-3);overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.3}.ier-exam-skeleton{background:linear-gradient(90deg,#eef2ff 0%,#f8fafc 48%,#eef2ff 100%) 0 0/200% 100%;border-radius:8px;height:82px;animation:1.1s linear infinite ierShimmer}.ier-side-empty{border:1px dashed var(--border-md);color:var(--text-3);text-align:center;border-radius:8px;padding:18px 10px;font-size:13px;font-weight:700}.ier-main{min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:14px;padding:14px;display:flex}.ier-empty{border:1px dashed var(--border-md);min-height:360px;color:var(--text-3);background:var(--card);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.ier-paper-head{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.ier-paper-head h2{color:var(--text-1);overflow-wrap:anywhere;margin:4px 0;font-size:21px;font-weight:850;line-height:1.25}.ier-paper-head p{color:var(--text-2);margin:0;font-size:13px;font-weight:600}.ier-paper-code{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:900;display:inline-flex}.ier-paper-marks{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:112px;min-height:62px;display:flex}.ier-paper-marks strong{color:#075985;font-size:23px;line-height:1}.ier-paper-marks span{color:#0369a1;text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:11px;font-weight:900}.ier-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ier-stat{border:1px solid var(--border);background:var(--card);min-height:94px;box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;justify-content:center;gap:5px;padding:14px;display:flex}.ier-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.ier-stat-icon.total{color:#075985;background:#e0f2fe}.ier-stat-icon.attended{color:#166534;background:#dcfce7}.ier-stat-icon.missed{color:#991b1b;background:#fee2e2}.ier-stat-icon.avg{color:#854d0e;background:#fef3c7}.ier-stat strong{color:var(--text-1);font-size:23px;line-height:1}.ier-stat span:last-child{color:var(--text-2);font-size:12px;font-weight:800}.ier-controls{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.ier-student-search{width:min(390px,100%)}.ier-segment{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;height:38px;padding:3px;display:inline-flex}.ier-segment button{height:30px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:12px;font-weight:850}.ier-segment button.active{color:#fff;background:var(--primary)}.ier-table-wrap{overflow:hidden}.ier-table{border-collapse:collapse;width:100%;min-width:920px}.ier-table th{height:44px;color:var(--text-2);background:var(--bg);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:0 14px;font-size:12px;font-weight:900}.ier-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:13px 14px;font-size:13px;font-weight:650}.ier-table tr:last-child td{border-bottom:0}.ier-row-clickable{cursor:pointer;transition:background .15s}.ier-row-clickable:hover,.ier-row-clickable:focus{background:#f8fafc;outline:none}.ier-student-cell{flex-direction:column;gap:3px;min-width:190px;display:flex}.ier-student-cell strong{color:var(--text-1);font-size:13px;font-weight:850}.ier-student-cell span{color:var(--text-3);font-size:12px;font-weight:650}.ier-status,.ier-result{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:104px;height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.ier-status-attended,.ier-result.pass{color:#166534;background:#dcfce7}.ier-status-missed,.ier-result.fail{color:#991b1b;background:#fee2e2}.ier-error,.ier-empty-table{min-height:210px;color:var(--text-3);justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.ier-error{color:#991b1b;background:#fef2f2}.ier-table-loading{flex-direction:column;gap:10px;padding:14px;display:flex}.ier-table-loading span{background:linear-gradient(90deg,#eef2ff 0%,#f8fafc 48%,#eef2ff 100%) 0 0/200% 100%;border-radius:8px;height:42px;animation:1.1s linear infinite ierShimmer}.ier-detail-overlay{z-index:1300;background:#0f172a6b;justify-content:flex-end;display:flex;position:fixed;inset:0}.ier-detail-panel{background:var(--card);flex-direction:column;width:min(760px,100vw);height:100vh;display:flex;overflow:hidden;box-shadow:-18px 0 40px #0f172a2e}.ier-detail-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.ier-detail-head h2{color:var(--text-1);overflow-wrap:anywhere;margin:4px 0;font-size:22px;font-weight:850;line-height:1.25}.ier-detail-head p{color:var(--text-2);margin:0;font-size:13px;font-weight:700}.ier-detail-close{border:1px solid var(--border);width:38px;height:38px;color:var(--text-2);background:var(--bg);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ier-detail-close:hover{color:var(--text-1);background:#fff}.ier-detail-stats{border-bottom:1px solid var(--border);background:var(--bg);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px;display:grid}.ier-detail-stats div{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;min-height:66px;padding:10px;display:flex}.ier-detail-stats strong{color:var(--text-1);font-size:20px;line-height:1}.ier-detail-stats span{color:var(--text-2);font-size:12px;font-weight:850}.ier-answer-list{background:#f8fafc;flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;overflow-y:auto}.ier-answer-card{border:1px solid var(--border);background:#fff;border-left:4px solid #ef4444;border-radius:8px;padding:16px}.ier-answer-card.correct{border-left-color:#16a34a}.ier-answer-card.wrong{border-left-color:#dc2626}.ier-answer-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ier-answer-top>span:first-child{width:38px;height:28px;color:var(--primary);background:var(--primary-bg);border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.ier-answer-result{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:112px;height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.ier-answer-result.correct{color:#166534;background:#dcfce7}.ier-answer-result.wrong{color:#991b1b;background:#fee2e2}.ier-question-text{color:var(--text-1);overflow-wrap:anywhere;margin:14px 0;font-size:14px;font-weight:800;line-height:1.45}.ier-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ier-option{border:1px solid var(--border);min-height:48px;color:var(--text-2);background:var(--bg);border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.ier-option strong{width:26px;height:26px;color:var(--text-2);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.ier-option span{min-width:0;color:var(--text-1);overflow-wrap:anywhere;font-size:13px;font-weight:650;line-height:1.35}.ier-option em{border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.ier-option.correct{background:#f0fdf4;border-color:#86efac}.ier-option.correct strong,.ier-option.correct em{color:#166534;background:#dcfce7}.ier-option.wrong{background:#fef2f2;border-color:#fecaca}.ier-option.wrong strong,.ier-option.wrong em{color:#991b1b;background:#fee2e2}.ier-unanswered,.ier-explanation{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:750}.ier-unanswered{color:#92400e;background:#fef3c7}.ier-explanation{color:var(--text-2);background:#f1f5f9}.ier-detail-loading{flex-direction:column;gap:12px;padding:18px;display:flex}.ier-detail-loading span{background:linear-gradient(90deg,#eef2ff 0%,#f8fafc 48%,#eef2ff 100%) 0 0/200% 100%;border-radius:8px;height:112px;animation:1.1s linear infinite ierShimmer}.ier-detail-error{margin:18px}@keyframes ierShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1180px){.ier-shell{grid-template-columns:1fr}.ier-sidebar{max-height:none;position:static}.ier-exam-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-height:300px;display:grid}}@media (width<=780px){.ier-root{padding:0}.ier-top,.ier-paper-head,.ier-controls{flex-direction:column;align-items:stretch}.ier-refresh,.ier-student-search{width:100%}.ier-top h1{font-size:21px}.ier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ier-segment{align-items:stretch;width:100%;height:auto}.ier-segment button{flex:1 1 0;height:34px;padding:0 8px}.ier-table-wrap{overflow-x:auto}.ier-detail-stats,.ier-option-grid{grid-template-columns:1fr}.ier-detail-head{padding:16px}.ier-answer-list{padding:14px}}@media (width<=520px){.ier-top-main{align-items:flex-start}.ier-top-icon{width:40px;height:40px}.ier-stats,.ier-exam-list{grid-template-columns:1fr}}.es-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:26px 28px 56px;animation:.4s fadeUp;display:flex}.es-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.es-stats{grid-template-columns:repeat(2,1fr)}}.es-stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:4px solid #0000;flex-direction:column;gap:4px;padding:20px 22px;animation:.5s cardIn;display:flex}.es-stat-blue{border-left-color:var(--primary)}.es-stat-yellow{border-left-color:var(--warning)}.es-stat-green{border-left-color:var(--success)}.es-stat-gray{border-left-color:#94a3b8}.es-stat-value{color:var(--text-1);font-size:28px;font-weight:700}.es-stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.es-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.es-search{background:var(--card);border:1.5px solid var(--border-md);min-width:200px;max-width:320px;height:38px;color:var(--text-3);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.es-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.es-search input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.es-search input::placeholder{color:var(--text-3)}.es-clr{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:0;display:flex}.es-clr:hover{color:var(--text-1)}.es-dd .p-dropdown{min-width:140px;font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;height:38px!important}.es-dd .p-dropdown-label{padding:0 12px!important;font-size:13px!important;line-height:36px!important}.es-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:38px;margin-left:auto;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.es-btn-add:hover{background:var(--primary-dk)}.es-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;display:grid}.es-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;transition:box-shadow .2s,transform .15s;animation:.5s cardIn;display:flex;overflow:hidden}.es-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.es-card-top{align-items:center;gap:12px;padding:18px;display:flex;position:relative}.es-card-type-icon{color:#fff;background:#ffffff40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.es-card-type-info{flex-direction:column;gap:5px;display:flex}.es-type-pill{color:#fff;letter-spacing:.03em;font-size:11px;font-weight:700}.es-chip{border-radius:20px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:600}.es-chip-upcoming{color:#92400e;background:#f59e0b33;border:1px solid #f59e0b4d}.es-chip-ongoing{color:#065f46;background:#10b98133;border:1px solid #10b9814d}.es-chip-completed{color:var(--text-2);background:#ffffffe6}.es-chip-cancelled{color:#991b1b;background:#ef444426}.es-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px;display:flex}.es-card-name{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.3}.es-card-badges{flex-wrap:wrap;gap:5px;display:flex}.es-badge{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:500}.es-badge-course{background:var(--primary-bg);color:var(--primary-dk)}.es-badge-batch{color:#166534;background:#f0fdf4}.es-card-meta{color:var(--text-2);flex-wrap:wrap;gap:8px 14px;font-size:12px;display:flex}.es-card-meta b{color:var(--text-1)}.es-card-dates{color:var(--text-3);align-items:center;gap:5px;font-size:11.5px;display:flex}.es-card-weightage{align-items:center;gap:6px;margin-top:4px;display:flex}.es-wt-int,.es-wt-ext{white-space:nowrap;font-size:10px;font-weight:600}.es-wt-int{color:var(--primary)}.es-wt-ext{color:var(--warning)}.es-wt-bar{background:var(--border-md);border-radius:4px;flex:1;height:4px;overflow:hidden}.es-wt-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.es-card-actions{border-top:1px solid var(--border);background:var(--bg);gap:6px;padding:10px 14px;display:flex}.es-act-btn{border:1.5px solid var(--border-md);background:var(--card);cursor:pointer;color:var(--text-2);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.es-act-edit:hover{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.es-act-del:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.es-status-strip{border-top:1px solid var(--border);display:flex}.es-ss-btn{color:var(--text-3);cursor:pointer;text-transform:capitalize;background:0 0;border:none;flex:1;padding:6px;font-size:11px;transition:all .15s}.es-ss-btn:hover{background:var(--bg);color:var(--text-1)}.es-ss-btn.active{color:var(--primary);font-weight:700}.es-ss-btn:not(:last-child){border-right:1px solid var(--border)}.es-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:80px 20px;display:flex}.es-empty svg{opacity:.5}.es-empty p{color:var(--text-2);font-size:15px;font-weight:600}.es-empty span{font-size:13px}.es-skel-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:12px;padding:18px;display:flex}.es-skel{background:linear-gradient(90deg,#f0f0f5 25%,#e8e8f0 50%,#f0f0f5 75%) 0 0/400px;border-radius:8px;height:14px;animation:1.4s infinite shimmer}.es-skel-h{height:80px}.es-skel-s{width:55%}.es-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;justify-content:flex-end;align-items:stretch;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.es-panel{background:var(--card);width:480px;max-width:100vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) both panelIn;display:flex}.es-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 18px;display:flex}.es-panel-title{color:var(--text-1);font-size:18px;font-weight:700}.es-panel-sub{color:var(--text-2);margin-top:3px;font-size:13px}.es-close-btn{border:1.5px solid var(--border-md);background:var(--bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.es-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.es-panel-body{flex-direction:column;flex:1;gap:14px;padding:22px 24px;display:flex;overflow-y:auto}.es-panel-body::-webkit-scrollbar{width:4px}.es-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.es-panel-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.es-section-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.es-sec-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.es-divider{background:var(--border);height:1px;margin:4px 0}.es-field{flex-direction:column;gap:5px;display:flex}.es-field label{color:var(--text-2);font-size:12px;font-weight:600}.es-req{color:var(--danger);margin-left:2px}.es-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.es-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #6366f11a}.es-textarea{border:1.5px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:9px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.es-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.es-dd-full,.es-dd-full .p-dropdown{font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--bg)!important;border-radius:9px!important;width:100%!important;height:38px!important}.es-dd-full .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:36px!important}.es-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.es-field-err .es-input,.es-field-err .p-dropdown{border-color:var(--danger)!important}.es-err{color:var(--danger);font-size:11px}.es-type-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.es-type-btn{border:1.5px solid var(--border-md);color:var(--text-2);background:var(--bg);cursor:pointer;text-align:center;border-radius:8px;padding:7px 4px;font-size:11.5px;font-weight:600;transition:all .15s}.es-type-btn.active{font-weight:700}.es-status-tabs{gap:6px;display:flex}.es-stab{border:1.5px solid var(--border-md);color:var(--text-2);background:var(--bg);cursor:pointer;text-transform:capitalize;border-radius:8px;flex:1;padding:7px 0;font-size:11.5px;font-weight:600;transition:all .15s}.es-stab.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.es-btn-cancel{border:1.5px solid var(--border-md);background:var(--bg);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s}.es-btn-cancel:hover{background:var(--border)}.es-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.es-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s;box-shadow:0 2px 8px #6366f14d}.es-btn-save:hover{background:var(--primary-dk)}.es-btn-save:disabled{opacity:.6;cursor:not-allowed}@keyframes acFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes acCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes acViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes acPanelIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes acModalIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.ac-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:26px 28px 56px;animation:.4s acFadeUp;display:flex}.ac-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ac-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.ac-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.ac-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:700;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.ac-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.ac-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ac-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s acFadeUp;display:flex}.ac-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ac-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ac-bg-primary{background:var(--primary-bg);color:var(--primary)}.ac-bg-success{background:var(--success-bg);color:var(--success)}.ac-bg-warning{background:var(--warning-bg);color:var(--warning)}.ac-bg-gray{color:#64748b;background:#f1f5f9}.ac-stat-value{color:var(--text-1);font-size:24px;font-weight:800;line-height:1}.ac-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:600}.ac-toolbar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ac-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.ac-dropdown.p-dropdown{border:1px solid var(--border-md);height:36px;color:var(--text-1);font-size:13px;font-family:var(--font);background:var(--card);border-radius:9px;min-width:160px}.ac-exam-dd.p-dropdown{min-width:280px}.ac-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)}.ac-dropdown.p-dropdown.p-focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ac-dropdown.p-dropdown .p-dropdown-label{padding:0 12px;font-size:13px;line-height:36px}.ac-dropdown.p-dropdown .p-dropdown-trigger{width:32px}.ac-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-lg);border-radius:12px;margin-top:4px;overflow:hidden}.ac-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;width:250px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ac-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ac-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.ac-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.ac-result-count{color:var(--text-2);background:var(--bg);border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:600}.ac-view-toggle{border:1px solid var(--border-md);border-radius:8px;display:flex;position:relative;overflow:hidden}.ac-view-toggle-indicator{background:var(--primary-bg);will-change:transform;z-index:0;width:34px;height:32px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.ac-view-toggle-indicator.list{transform:translate(34px)}.ac-view-btn{z-index:1;width:34px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.ac-view-btn.active{color:var(--primary)}.ac-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both acViewSwitch}.ac-loading,.ac-empty{background:var(--card);border:1.5px dashed var(--border-md);border-radius:var(--radius);color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:70px 20px;font-size:14px;font-weight:700;display:flex}.ac-empty-icon{background:var(--primary-bg);width:68px;height:68px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;display:flex}.ac-cards{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;display:grid}.ac-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;animation:.38s acCardIn;display:flex;overflow:hidden}.ac-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.ac-card-head{justify-content:space-between;align-items:center;padding:16px 18px 0;display:flex}.ac-card-icon-wrap{background:var(--primary-bg);width:42px;height:42px;color:var(--primary);border-radius:11px;justify-content:center;align-items:center;display:flex}.ac-chip{text-transform:capitalize;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.ac-chip-issued{color:#065f46;background:var(--success-bg);border:1px solid #a7f3d0}.ac-chip-draft{color:#4f46e5;background:var(--primary-bg);border:1px solid var(--primary-ring)}.ac-chip-blocked{color:#92400e;background:var(--warning-bg);border:1px solid #fde68a}.ac-chip-cancelled{color:#991b1b;background:var(--danger-bg);border:1px solid #fecaca}.ac-card-body{flex:1;padding:12px 18px 14px}.ac-card-body h3{color:var(--text-1);font-size:15px;font-weight:800;line-height:1.35}.ac-card-sub{color:var(--text-2);margin-top:4px;font-size:12.5px}.ac-card-no{color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-ring);border-radius:7px;margin-top:8px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.ac-card-meta{color:var(--text-2);flex-direction:column;gap:3px;margin-top:10px;font-size:12px;display:flex}.ac-card-mini-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.ac-card-mini-stats div{background:var(--bg);text-align:center;border-radius:9px;padding:7px}.ac-card-mini-stats b{color:var(--text-1);font-size:16px;display:block}.ac-card-mini-stats span{color:var(--text-2);font-size:10.5px;font-weight:600}.ac-card-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:10px 16px 14px;display:flex}.ac-card-foot>span{color:var(--text-3);font-size:11px}.ac-card-actions{flex-wrap:wrap;gap:7px;display:flex}.ac-act-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.ac-act-btn.view{background:var(--primary);color:#fff}.ac-act-btn.print{background:var(--success-bg);color:#065f46;border:1px solid #a7f3d0}.ac-act-btn.reissue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.ac-act-btn.block{background:var(--warning-bg);color:#92400e;border:1px solid #fde68a}.ac-act-btn.block:hover{color:#fff;background:#f59e0b;border-color:#d97706}.ac-act-btn.cancel{background:var(--danger-bg);color:#991b1b;border:1px solid #fecaca}.ac-act-btn.cancel:hover{background:var(--danger);color:#fff;border-color:#dc2626}.ac-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:auto}.ac-table{border-collapse:collapse;width:100%;min-width:1050px}.ac-table thead{background:var(--bg)}.ac-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border-bottom:1px solid var(--border-md);padding:11px 16px;font-size:11.5px;font-weight:800}.ac-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px;font-size:13px}.ac-table td b{color:var(--text-1);font-size:13px;display:block}.ac-table td span{color:var(--text-3);margin-top:2px;font-size:11px;display:block}.ac-table-actions{flex-wrap:wrap;gap:6px;display:flex}.ac-tbl-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ac-tbl-btn.view{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.ac-tbl-btn.print{background:var(--success-bg);color:#065f46;border-color:#a7f3d0}.ac-mini-btn{border:1px solid var(--border-md);background:var(--card);height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;padding:0 10px;font-size:12px;font-weight:700}.ac-mini-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.ac-mini-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.ac-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;background:#0f0f1e66;position:fixed;inset:0}.ac-panel{background:var(--card);z-index:910;width:min(560px,100vw - 58px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.32s acPanelIn;display:flex;position:fixed;top:0;bottom:0;right:0}.ac-panel-head{border-bottom:1px solid var(--border-md);background:linear-gradient(135deg, var(--primary-bg), #fff);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ac-panel-head-left{align-items:center;gap:12px;display:flex}.ac-panel-head-icon{background:var(--primary);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ac-panel-head h2{color:var(--text-1);font-size:16px;font-weight:800}.ac-panel-head p{color:var(--text-2);margin-top:2px;font-size:12.5px}.ac-panel-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-3);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.ac-panel-close:hover{background:var(--danger-bg);color:var(--danger)}.ac-panel-body{flex-direction:column;flex:1;gap:14px;padding:18px 22px;display:flex;overflow-y:auto}.ac-issue-box{border:1px solid var(--border-md);background:#fafbff;border-radius:12px;padding:12px 14px}.ac-issue-box span{color:var(--text-2);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.ac-issue-box b{color:var(--text-1);margin-top:4px;font-size:13px;display:block}.ac-form-field{flex-direction:column;gap:6px;display:flex}.ac-form-field label{color:var(--text-1);font-size:12.5px;font-weight:700}.ac-textarea{border:1px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:10px;outline:none;padding:12px}.ac-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ac-note{background:var(--primary-bg);color:var(--primary-dk);border-radius:12px;padding:12px 14px;font-size:12.5px;font-weight:700}.ac-panel-foot{border-top:1px solid var(--border-md);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.ac-btn-cancel{border:1px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13.5px;font-weight:600}.ac-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 22px;font-size:13.5px;font-weight:700;box-shadow:0 3px 12px #6366f159}.ac-btn-save:hover{background:var(--primary-dk)}.ac-btn-regenerate{color:#92400e;cursor:pointer;height:40px;font-size:13.5px;font-weight:700;font-family:var(--font);background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex}.ac-btn-regenerate:hover{background:#fef3c7;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b33}.ac-btn-save:disabled,.ac-btn-cancel:disabled,.ac-mini-btn:disabled,.ac-act-btn:disabled,.ac-btn-regenerate:disabled{opacity:.6;cursor:not-allowed}.ac-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:930;background:#0f0f1e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ac-modal{background:var(--card);width:min(820px,96vw);max-height:88vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;animation:.25s acModalIn;display:flex;overflow:hidden}.ac-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.ac-modal-head h3{color:var(--text-1);font-size:17px;font-weight:800}.ac-modal-head p{color:var(--text-2);margin-top:2px;font-size:12px}.ac-modal-body{flex:1;padding:18px 22px;overflow-y:auto}.ac-detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ac-detail-grid div{border:1px solid var(--border-md);background:#fafbff;border-radius:12px;padding:10px 12px}.ac-detail-grid span{color:var(--text-2);text-transform:uppercase;font-size:10.5px;font-weight:800;display:block}.ac-detail-grid b{color:var(--text-1);margin-top:4px;font-size:13px;display:block}.ac-section-title{text-transform:uppercase;color:var(--text-2);margin:18px 0 10px;font-size:12px;font-weight:800}.ac-sub-table{border-collapse:collapse;width:100%;font-size:12.5px}.ac-sub-table th{background:var(--bg);border-bottom:2px solid var(--border-md);color:var(--text-2);text-align:left;text-transform:uppercase;padding:9px 10px;font-size:11px;font-weight:800}.ac-sub-table td{border-bottom:1px solid var(--border);padding:9px 10px}.ac-modal-foot{border-top:1px solid var(--border);justify-content:flex-end;padding:14px 22px;display:flex}@media (width<=1100px){.ac-stats{grid-template-columns:repeat(2,1fr)}.ac-exam-dd.p-dropdown{min-width:220px}}@media (width<=760px){.ac-root{padding:18px}.ac-stats{grid-template-columns:1fr}.ac-toolbar-left{width:100%}.ac-dropdown.p-dropdown,.ac-exam-dd.p-dropdown,.ac-search-box{width:100%;min-width:100%}.ac-view-toggle{margin-left:auto}.ac-panel{width:100%}.ac-detail-grid{grid-template-columns:1fr}}.ac-panel-dd.p-dropdown{background:var(--bg);width:100%!important;min-width:100%!important}.ac-panel-dd.p-dropdown .p-dropdown-label{background:var(--bg)}.ac-panel-dd.p-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3)}.ac-act-btn.edit{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.ac-act-btn.edit:hover{color:#fff;background:#2563eb}.ac-tbl-btn.edit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.ac-tbl-btn.edit:hover{color:#fff;background:#2563eb}.ac-edit-panel{width:min(980px,100vw - 58px)}.ac-edit-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ac-input{border:1px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);font-size:13px;font-family:var(--font);border-radius:9px;outline:none;padding:0 12px}.ac-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.ac-edit-subject-wrap{border:1px solid var(--border-md);background:var(--card);border-radius:12px;overflow:auto}.ac-edit-subject-table{border-collapse:collapse;width:100%;min-width:960px}.ac-edit-subject-table th{text-transform:uppercase;color:var(--text-2);background:var(--bg);border-bottom:2px solid var(--border-md);text-align:left;padding:9px 8px;font-size:11px;font-weight:800}.ac-edit-subject-table td{border-bottom:1px solid var(--border);padding:5px;font-size:12px}.ac-edit-subject-table input{width:100%;height:32px;color:var(--text-1);font-size:12px;font-family:var(--font);background:0 0;border:1px solid #0000;border-radius:7px;outline:none;padding:0 8px}.ac-edit-subject-table input:hover{border-color:var(--border-md);background:var(--bg)}.ac-edit-subject-table input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px #6366f11f}@media (width<=760px){.ac-edit-panel{width:100%}.ac-edit-grid{grid-template-columns:1fr}}.ac-panel-body .ac-form-field{animation:.25s acFadeUp}.ac-issue-modal{width:min(720px,94vw);max-height:86vh}.ac-issue-modal .ac-modal-head{align-items:flex-start}.ac-issue-title-row{align-items:center;gap:10px;display:flex}.ac-issue-icon{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.ac-issue-sub{color:var(--text-2);margin-top:5px;font-size:13px}.ac-issue-body{flex-direction:column;gap:0;padding:0;display:flex}.ac-issue-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 22px;display:flex}.ac-issue-badges{flex-wrap:wrap;gap:6px;display:flex}.ac-issue-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700}.ac-issue-badge.paid{background:var(--success-bg);color:#065f46;border:1px solid #a7f3d0}.ac-issue-badge.unpaid{background:var(--danger-bg);color:#991b1b;border:1px solid #fecaca}.ac-issue-badge.selected{background:var(--primary-bg);color:var(--primary-dk);border:1px solid var(--primary-ring)}.ac-issue-search{background:var(--bg);border:1px solid var(--border-md);height:34px;color:var(--text-3);border-radius:8px;align-items:center;gap:6px;min-width:200px;margin-left:auto;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.ac-issue-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ac-issue-search input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.ac-issue-list-head{background:var(--bg);border-bottom:1px solid var(--border-md);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;z-index:1;grid-template-columns:40px 1fr 90px 60px;gap:8px;padding:9px 22px;font-size:11px;font-weight:800;display:grid;position:sticky;top:0}.ac-issue-list{flex:1;min-height:200px;max-height:380px;overflow-y:auto}.ac-issue-empty{text-align:center;color:var(--text-3);padding:48px 24px;font-size:13.5px;font-weight:700}.ac-issue-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:40px 1fr 90px 60px;align-items:center;gap:8px;padding:10px 22px;transition:background .12s;display:grid}.ac-issue-row:hover{background:var(--primary-bg)}.ac-issue-row.selected{background:#f5f7ff}.ac-issue-avatar{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.ac-issue-avatar.paid{background:var(--success-bg);color:#16a34a}.ac-issue-avatar.unpaid{background:var(--danger-bg);color:var(--danger)}.ac-issue-student{min-width:0}.ac-issue-student b{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;display:block;overflow:hidden}.ac-issue-student span{color:var(--text-2);margin-top:1px;font-size:11.5px;display:block}.ac-issue-fee-chip{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.ac-issue-fee-chip.paid{background:var(--success-bg);color:#065f46;border:1px solid #a7f3d0}.ac-issue-fee-chip.unpaid{background:var(--danger-bg);color:#991b1b;border:1px solid #fecaca}.ac-issue-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.ac-issue-instructions{border-top:1px solid var(--border-md);padding:14px 22px 18px}.ac-issue-instructions .ac-textarea{width:100%}.ac-issue-foot{border-top:1px solid var(--border-md);background:var(--bg);border-radius:0 0 18px 18px;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.ac-issue-foot-count{color:var(--text-2);font-size:12.5px;font-weight:600}.ac-issue-foot-actions{gap:10px;display:flex}@media (width<=640px){.ac-issue-list-head,.ac-issue-row{grid-template-columns:34px 1fr 70px 46px;padding-left:16px;padding-right:16px}.ac-issue-toolbar,.ac-issue-instructions,.ac-issue-foot{padding-left:16px;padding-right:16px}.ac-issue-search{width:100%;margin-left:0}}@keyframes semesterExamPanelIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes semesterExamOverlayIn{0%{opacity:0}to{opacity:1}}.tt-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:20px;padding:26px 28px 56px;animation:.4s fadeUp;display:flex}.tt-top-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.tt-exam-select{flex-direction:column;flex:1;gap:6px;min-width:300px;display:flex}.tt-exam-select label{color:var(--text-2);font-size:12px;font-weight:600}.tt-dd-exam,.tt-dd-exam .p-dropdown{font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;width:100%!important;height:42px!important}.tt-dd-exam .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:40px!important}.tt-top-actions{align-items:flex-end;gap:8px;display:flex}.tt-btn-print{border:1.5px solid var(--border-md);background:var(--card);height:40px;color:var(--text-2);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.tt-btn-print:hover{background:var(--bg);color:var(--text-1)}.tt-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.tt-btn-add:hover{background:var(--primary-dk)}.tt-btn-add:disabled{background:var(--border-md);color:var(--text-3);cursor:not-allowed;box-shadow:none}.tt-btn-add:disabled:hover{background:var(--border-md)}.tt-exam-banner{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dk) 100%);border-radius:var(--radius);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.tt-eb-left{flex-direction:column;gap:4px;display:flex}.tt-eb-name{font-size:17px;font-weight:700}.tt-eb-meta{opacity:.85;font-size:12px}.tt-eb-right{gap:20px;display:flex}.tt-eb-stat{opacity:.9;font-size:13px}.tt-eb-stat b{font-size:18px;font-weight:700;line-height:1;display:block}.tt-schedule{flex-direction:column;gap:16px;display:flex}.tt-day-group{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.tt-day-header{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#f8f9fc,#fff);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.tt-day-info{align-items:center;gap:10px;display:flex}.tt-day-name{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:var(--primary-bg);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.tt-day-date{color:var(--text-1);font-size:13px;font-weight:600}.tt-day-count{color:var(--text-3);background:var(--bg);border:1px solid var(--border-md);border-radius:20px;padding:3px 10px;font-size:12px}.tt-entries{flex-direction:column;display:flex}.tt-entry{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:14px 18px;transition:background .15s;display:flex}.tt-entry:last-child{border-bottom:none}.tt-entry:hover{background:#fafbff}.tt-entry-time{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:68px;display:flex}.tt-time-start{color:var(--text-1);font-size:14px;font-weight:700}.tt-time-sep{color:var(--text-3);font-size:10px}.tt-time-end{color:var(--text-2);font-size:13px;font-weight:500}.tt-duration{color:var(--text-3);background:var(--bg);border:1px solid var(--border-md);border-radius:10px;margin-top:2px;padding:1px 6px;font-size:10px}.tt-entry-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.tt-entry-subject{color:var(--text-1);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.tt-sub-code{color:var(--text-3);background:var(--bg);border:1px solid var(--border-md);border-radius:5px;padding:1px 6px;font-size:11px;font-weight:500}.tt-entry-details{flex-wrap:wrap;gap:10px;display:flex}.tt-detail-item{color:var(--text-2);align-items:center;gap:4px;font-size:11.5px;display:flex}.tt-detail-item svg{color:var(--text-3);flex-shrink:0}.tt-entry-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:7px;display:flex}.tt-chip{border-radius:20px;padding:2px 9px;font-size:10.5px;font-weight:600}.tt-chip-scheduled{background:var(--primary-bg);color:var(--primary-dk)}.tt-chip-ongoing{background:var(--success-bg);color:#065f46;border:1px solid #10b9814d}.tt-chip-completed{color:#166534;background:#f0fdf4}.tt-chip-cancelled{background:var(--danger-bg);color:#991b1b}.tt-entry-actions{gap:5px;display:flex}.tt-act-btn{border:1px solid var(--border-md);background:var(--card);cursor:pointer;width:28px;height:28px;color:var(--text-3);border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tt-act-edit:hover{color:var(--warning);border-color:var(--warning);background:#f59e0b1a}.tt-act-del:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.tt-empty-select,.tt-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:80px 20px;display:flex}.tt-empty-select svg,.tt-empty svg{opacity:.4}.tt-empty-select p,.tt-empty p{color:var(--text-2);font-size:15px;font-weight:600}.tt-empty span{font-size:13px}.tt-loading{text-align:center;color:var(--text-3);background:var(--card);border-radius:var(--radius);padding:40px;font-size:14px}.semester-exam-tt-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;justify-content:flex-end;align-items:stretch;animation:.2s semesterExamOverlayIn;display:flex;position:fixed;inset:0}.semester-exam-tt-panel{background:var(--card);width:460px;max-width:100vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) semesterExamPanelIn;display:flex}.tt-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 16px;display:flex}.tt-panel-title{color:var(--text-1);font-size:17px;font-weight:700}.tt-panel-sub{color:var(--text-2);margin-top:3px;font-size:12px}.tt-close-btn{border:1.5px solid var(--border-md);background:var(--bg);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.tt-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.tt-panel-body{flex-direction:column;flex:1;gap:13px;padding:20px 24px;display:flex;overflow-y:auto}.tt-panel-body::-webkit-scrollbar{width:4px}.tt-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.tt-panel-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.tt-field{flex-direction:column;gap:5px;display:flex}.tt-field label{color:var(--text-2);font-size:12px;font-weight:600}.tt-req{color:var(--danger);margin-left:2px}.tt-opt{color:var(--text-3);font-weight:400}.tt-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s}.tt-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.tt-textarea{border:1.5px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:9px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.tt-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.tt-dd-full,.tt-dd-full .p-dropdown{font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--bg)!important;border-radius:9px!important;width:100%!important;height:38px!important}.tt-dd-full .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:36px!important}.tt-invigilator-ac.p-autocomplete{width:100%;display:flex}.tt-invigilator-ac .p-autocomplete-multiple-container{border:1.5px solid var(--border-md);background:var(--bg);border-radius:9px 0 0 9px;outline:none;flex:1;align-items:center;gap:4px;width:auto;min-height:38px;padding:3px 7px;transition:border-color .15s,box-shadow .15s}.tt-invigilator-ac.p-inputwrapper-focus .p-autocomplete-multiple-container{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.tt-invigilator-ac .p-autocomplete-token{background:var(--primary-bg);color:var(--primary-dk);border-radius:7px;margin:2px 2px 2px 0;padding:3px 7px;font-size:12px;font-weight:600}.tt-invigilator-ac .p-autocomplete-token-icon{color:var(--primary-dk);margin-left:5px}.tt-invigilator-ac .p-autocomplete-input-token{flex:1;min-width:120px;padding:0}.tt-invigilator-ac .p-autocomplete-input-token input{width:100%;height:28px;color:var(--text-1);font-size:13px;font-family:var(--font);background:0 0;border:0;outline:none}.tt-invigilator-ac .p-autocomplete-input-token input::placeholder{color:var(--text-3)}.tt-invigilator-ac .p-autocomplete-dropdown{border:1.5px solid var(--border-md);background:var(--bg);width:36px;color:var(--text-2);border-left:0;border-radius:0 9px 9px 0}.tt-invigilator-panel.p-autocomplete-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-lg);border-radius:10px;margin-top:4px;overflow:hidden}.tt-invigilator-panel .p-autocomplete-items{padding:4px}.tt-invigilator-panel .p-autocomplete-item{border-radius:7px;padding:8px 10px}.tt-invigilator-panel .p-autocomplete-item:hover,.tt-invigilator-panel .p-autocomplete-item.p-highlight{background:var(--primary-bg);color:var(--primary)}.tt-invigilator-option{flex-direction:column;gap:2px;display:flex}.tt-invigilator-name{color:var(--text-1);font-size:13px;font-weight:700}.tt-invigilator-meta{color:var(--text-3);font-size:11px}.tt-row-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.tt-field-err .tt-input,.tt-field-err .p-dropdown{border-color:var(--danger)!important}.tt-err{color:var(--danger);font-size:11px}.tt-status-tabs{flex-wrap:wrap;gap:5px;display:flex}.tt-stab{border:1.5px solid var(--border-md);min-width:70px;color:var(--text-2);background:var(--bg);cursor:pointer;text-transform:capitalize;text-align:center;border-radius:8px;flex:1;padding:6px 0;font-size:11.5px;font-weight:600;transition:all .15s}.tt-stab.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.tt-btn-cancel{border:1.5px solid var(--border-md);background:var(--bg);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s}.tt-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.tt-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s;box-shadow:0 2px 8px #6366f14d}.tt-btn-save:hover{background:var(--primary-dk)}.tt-btn-save:disabled{opacity:.6;cursor:not-allowed}@media print{.tt-top-bar,.tt-top-actions,.tt-entry-actions,.tt-btn-add,.tt-btn-print{display:none!important}.tt-root{padding:0}.tt-exam-banner{color:#111827!important;background:#f1f5f9!important}}.tt-invigilator-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tt-link-btn{color:var(--primary-color,#2563eb);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.tt-external-invigilator-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;padding:12px}.tt-row-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tt-btn-add-external{background:var(--primary-color,#2563eb);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:700}.tt-selected-invigilators{flex-direction:column;gap:8px;margin-top:12px;display:flex}.tt-selected-invigilator{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.tt-selected-invigilator-name{color:#111827;margin-right:8px;font-size:13px;font-weight:700}.tt-selected-invigilator-meta{color:#6b7280;margin-top:3px;font-size:11px}.tt-invigilator-type{border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.tt-invigilator-type-internal{color:#0369a1;background:#e0f2fe}.tt-invigilator-type-external{color:#92400e;background:#fef3c7}.tt-remove-invigilator{color:#dc2626;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}@media (width<=768px){.tt-row-2{grid-template-columns:1fr}.tt-selected-invigilator{flex-direction:column;align-items:flex-start}}:root{--primary:#6366f1;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}.gs-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:26px 28px 56px;animation:.4s fadeUp;display:flex}.gs-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.gs-header-left{flex-direction:column;gap:8px;display:flex}.gs-title-row{flex-direction:column;gap:3px;display:flex}.gs-title{color:var(--text-1);font-size:22px;font-weight:800}.gs-subtitle{color:var(--text-2);font-size:13px}.gs-meta-chips{flex-wrap:wrap;gap:8px;display:flex}.gs-meta-chip{background:var(--bg);border:1px solid var(--border-md);color:var(--text-2);border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600}.gs-meta-pass{background:var(--success-bg);color:#065f46;border-color:#10b9814d}.gs-meta-fail{background:var(--danger-bg);color:#991b1b;border-color:#ef444433}.gs-header-actions{align-items:center;gap:8px;display:flex}.gs-btn-seed{border:1.5px solid var(--warning);background:var(--warning-bg);color:#92400e;cursor:pointer;white-space:nowrap;border-radius:9px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s}.gs-btn-seed:hover{background:var(--warning);color:#fff}.gs-btn-seed:disabled{opacity:.6;cursor:not-allowed}.gs-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.gs-btn-add:hover{background:var(--primary-dk)}.gs-scale{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:10px;padding:18px;display:flex}.gs-scale-item{cursor:default;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:72px;padding:12px 16px;display:flex;position:relative}.gs-scale-name{font-size:20px;font-weight:800;line-height:1}.gs-scale-range{color:var(--text-2);font-size:10px;font-weight:500}.gs-scale-gp{color:var(--text-3);font-size:10px;font-weight:700}.gs-scale-fail-dot{background:var(--danger);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.gs-table-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.gs-table{border-collapse:collapse;width:100%;font-size:13px}.gs-table thead tr{border-bottom:2px solid var(--border-md);background:#fafbff}.gs-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;padding:11px 16px;font-size:11.5px;font-weight:700}.gs-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.gs-table tr:last-child td{border-bottom:none}.gs-table tr:hover td{background:#fafbff}.gs-row-fail td{background:#fff5f5!important}.gs-grade-cell{align-items:center;gap:8px;display:flex}.gs-grade-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.gs-grade-name{font-size:16px;font-weight:800}.gs-range-badge{background:var(--bg);border:1px solid var(--border-md);color:var(--text-1);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.gs-gp-badge{color:var(--text-1);font-size:15px;font-weight:700}.gs-remarks{color:var(--text-2);font-size:12px}.gs-type-pass{background:var(--success-bg);color:#065f46;border:1px solid #10b9814d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.gs-type-fail{background:var(--danger-bg);color:#991b1b;border:1px solid #ef44444d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.gs-status-active{color:#166534;background:#f0fdf4;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.gs-status-inactive{background:var(--bg);color:var(--text-3);border:1px solid var(--border-md);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.gs-row-actions{gap:5px;display:flex}.gs-act-btn{border:1px solid var(--border-md);background:var(--card);cursor:pointer;width:28px;height:28px;color:var(--text-3);border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.gs-act-edit:hover{color:var(--warning);border-color:var(--warning);background:#f59e0b1a}.gs-act-del:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.gs-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.gs-empty svg{opacity:.4}.gs-empty p{color:var(--text-2);font-size:15px;font-weight:600}.gs-empty span{font-size:13px}.gs-loading{text-align:center;color:var(--text-3);background:var(--card);border-radius:var(--radius);padding:40px}.gs-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;justify-content:flex-end;align-items:stretch;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.gs-panel{background:var(--card);width:440px;max-width:100vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) panelIn;display:flex}.gs-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 16px;display:flex}.gs-panel-title{color:var(--text-1);font-size:17px;font-weight:700}.gs-panel-sub{color:var(--text-2);margin-top:3px;font-size:12px}.gs-close-btn{border:1.5px solid var(--border-md);background:var(--bg);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.gs-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.gs-panel-body{flex-direction:column;flex:1;gap:14px;padding:20px 24px;display:flex;overflow-y:auto}.gs-panel-body::-webkit-scrollbar{width:4px}.gs-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.gs-panel-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.gs-field{flex-direction:column;gap:5px;display:flex}.gs-field label{color:var(--text-2);font-size:12px;font-weight:600}.gs-req{color:var(--danger);margin-left:2px}.gs-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s}.gs-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.gs-input-upper{text-transform:uppercase}.gs-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gs-field-err .gs-input{border-color:var(--danger)!important}.gs-err{color:var(--danger);font-size:11px}.gs-color-row{flex-wrap:wrap;gap:8px;display:flex}.gs-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s;display:flex}.gs-color-btn.selected{border-color:#fff;outline:3px solid;transform:scale(1.15)}.gs-pf-tabs{gap:8px;display:flex}.gs-pf-btn{border:1.5px solid var(--border-md);background:var(--bg);height:36px;color:var(--text-2);cursor:pointer;border-radius:9px;flex:1;font-size:12.5px;font-weight:600;transition:all .15s}.gs-pf-pass{border-color:var(--success);background:var(--success-bg);color:#065f46}.gs-pf-fail{border-color:var(--danger);background:var(--danger-bg);color:#991b1b}.gs-status-tabs{gap:6px;display:flex}.gs-stab{border:1.5px solid var(--border-md);color:var(--text-2);background:var(--bg);cursor:pointer;border-radius:8px;flex:1;padding:7px 0;font-size:12px;font-weight:600;transition:all .15s}.gs-stab.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.gs-btn-cancel{border:1.5px solid var(--border-md);background:var(--bg);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600}.gs-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.gs-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #6366f14d}.gs-btn-save:hover{background:var(--primary-dk)}.gs-btn-save:disabled{opacity:.6;cursor:not-allowed}:root{--primary:#6366f1;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}.rg-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:20px;padding:26px 28px 56px;animation:.4s both fadeUp;display:flex}.rg-top{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.rg-sel-wrap{flex-direction:column;flex:1;gap:6px;min-width:300px;display:flex}.rg-sel-wrap label{color:var(--text-2);font-size:12px;font-weight:600}.rg-dd,.rg-dd .p-dropdown{font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;width:100%!important;height:42px!important}.rg-dd .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:40px!important}.rg-actions{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.rg-btn-generate{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;height:42px;padding:0 20px;font-size:13px;font-weight:700;transition:background .15s;box-shadow:0 2px 8px #6366f14d}.rg-btn-generate:hover{background:var(--primary-dk)}.rg-btn-generate:disabled{opacity:.6;cursor:not-allowed}.rg-btn-publish{background:var(--success);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;height:42px;padding:0 20px;font-size:13px;font-weight:700;transition:background .15s;box-shadow:0 2px 8px #10b9814d}.rg-btn-publish:disabled{opacity:.6;cursor:not-allowed}.rg-btn-unpublish{border:1.5px solid var(--border-md);background:var(--card);height:42px;color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:10px;padding:0 20px;font-size:13px;font-weight:600;transition:all .15s}.rg-btn-unpublish:hover{background:var(--bg)}.rg-btn-unpublish:disabled{opacity:.6;cursor:not-allowed}.rg-stats{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (width<=1000px){.rg-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.rg-stats{grid-template-columns:repeat(2,1fr)}}.rg-stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:3px solid #0000;flex-direction:column;gap:4px;padding:16px 14px;display:flex}.rg-sc-total{border-left-color:var(--primary)}.rg-sc-dist{border-left-color:#f59e0b}.rg-sc-pass{border-left-color:var(--success)}.rg-sc-atkt{border-left-color:#8b5cf6}.rg-sc-fail{border-left-color:var(--danger)}.rg-sc-rate{border-left-color:#3b82f6}.rg-sc-val{color:var(--text-1);font-size:22px;font-weight:700}.rg-sc-lbl{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.rg-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rg-filter-dd,.rg-filter-dd .p-dropdown{min-width:160px;font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:9px!important;height:36px!important}.rg-filter-dd .p-dropdown-label{padding:0 10px!important;font-size:13px!important;line-height:34px!important}.rg-showing{color:var(--text-3);font-size:12px}.rg-published-badge{color:var(--success);background:var(--success-bg);border:1px solid #10b9814d;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.rg-table-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.rg-table{border-collapse:collapse;width:100%;font-size:13px}.rg-table thead tr{border-bottom:2px solid var(--border-md);background:#fafbff}.rg-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;font-size:11px;font-weight:700}.rg-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.rg-row:hover td{background:#fafbff}.rg-row-distinction td{background:#fffbf0}.rg-row-fail td{background:#fff8f8}.rg-row-atkt td{background:#faf5ff}.rg-col-no{text-align:center;width:36px;color:var(--text-3);font-weight:600}.rg-student{align-items:center;gap:8px;min-width:160px;display:flex}.rg-avatar{background:var(--primary-bg);width:30px;height:30px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.rg-sname{color:var(--text-1);font-size:13px;font-weight:600}.rg-enroll{color:var(--text-3);font-size:11px}.rg-roll{color:var(--text-2);font-size:12px}.rg-marks{font-size:13px;font-weight:600}.rg-pct{border-radius:20px;padding:2px 8px;font-size:13px;font-weight:700}.rg-pct-good{background:var(--success-bg);color:#065f46}.rg-pct-ok{background:var(--warning-bg);color:#92400e}.rg-pct-bad{background:var(--danger-bg);color:#991b1b}.rg-sgpa{font-weight:600}.rg-grade-badge{color:var(--primary);font-size:14px;font-weight:800}.rg-res-chip{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.rg-res-distinction{color:#92400e;background:#fffbeb;border:1px solid #f59e0b66}.rg-res-first{background:var(--primary-bg);color:var(--primary-dk);border:1px solid var(--primary-ring)}.rg-res-second{color:#166534;background:#f0fdf4;border:1px solid #10b9814d}.rg-res-pass{background:var(--success-bg);color:#065f46}.rg-res-atkt{color:#5b21b6;background:#f5f3ff;border:1px solid #8b5cf64d}.rg-res-fail{background:var(--danger-bg);color:#991b1b;border:1px solid #ef44444d}.rg-res-absent{color:var(--text-3);background:#f1f5f9}.rg-backlog-badge{color:#7c3aed;background:#fdf4ff;border:1px solid #8b5cf64d;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.rg-no-backlog{color:var(--text-3);font-size:12px}.rg-expand-btn{background:var(--bg);border:1px solid var(--border-md);cursor:pointer;width:26px;height:26px;color:var(--text-2);border-radius:6px;font-size:10px;transition:all .15s}.rg-expand-btn:hover{background:var(--primary-bg);color:var(--primary)}.rg-expanded-row td{border-bottom:2px solid var(--border-md);background:#fafbff!important;padding:0!important}.rg-subject-table-wrap{padding:12px 16px 16px 52px}.rg-sub-table{border-collapse:collapse;width:100%;font-size:12px}.rg-sub-table th{color:var(--text-2);text-align:left;background:#f0f4ff;padding:7px 10px;font-size:11px;font-weight:700}.rg-sub-table td{border-top:1px solid var(--border);padding:7px 10px}.rg-sub-absent td{color:var(--text-3);background:#fff8f8}.rg-sub-backlog td{background:#fff5f5}.rg-sub-name{color:var(--text-1);font-weight:600}.rg-sub-grade{font-size:13px;font-weight:700}.rg-sub-status-pass{background:var(--success-bg);color:#065f46;border-radius:20px;padding:2px 7px;font-size:10.5px;font-weight:700}.rg-sub-status-fail{background:var(--danger-bg);color:#991b1b;border-radius:20px;padding:2px 7px;font-size:10.5px;font-weight:700}.rg-sub-status-abs{color:var(--text-3);background:#f1f5f9;border-radius:20px;padding:2px 7px;font-size:10.5px;font-weight:600}.rg-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.rg-empty svg{opacity:.4}.rg-empty p{color:var(--text-2);font-size:15px;font-weight:600}.rg-empty span{text-align:center;max-width:360px;font-size:13px}:root{--primary:#6366f1;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}.ms-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:20px;padding:26px 28px 56px;animation:.4s fadeUp;display:flex}.ms-selector{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.ms-sel-field{flex-direction:column;flex:1;gap:6px;min-width:240px;display:flex}.ms-sel-field label{color:var(--text-2);font-size:12px;font-weight:600}.ms-dd,.ms-dd .p-dropdown{font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;width:100%!important;height:40px!important}.ms-dd .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:38px!important}.ms-btn-print{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.ms-btn-print:hover{background:var(--primary-dk)}.ms-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:80px 20px;display:flex}.ms-empty svg{opacity:.4}.ms-empty p{color:var(--text-2);text-align:center;max-width:360px;font-size:15px;font-weight:600}.ms-empty-action{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;height:38px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 8px #6366f13d}.ms-empty-action:hover{background:var(--primary-dk);color:#fff;transform:translateY(-1px)}.ms-sheet-container{justify-content:center;display:flex}.ms-sheet{background:var(--card);border-radius:var(--radius);width:100%;max-width:780px;box-shadow:var(--shadow-md);border:2px solid var(--border-md);padding:32px 36px;font-family:Georgia,serif}.ms-print-head{text-align:center;border-bottom:2px solid var(--text-1);margin-bottom:20px;padding-bottom:14px}.ms-print-college{text-transform:uppercase;letter-spacing:.06em;color:var(--text-1);font-size:20px;font-weight:900}.ms-print-title{color:var(--text-2);margin-top:4px;font-size:14px;font-weight:700}.ms-print-exam{color:var(--text-3);margin-top:2px;font-size:13px}.ms-info-grid{grid-template-columns:1fr 1fr;gap:6px 32px;margin-bottom:20px;display:grid}.ms-info-row{gap:6px;font-size:13px;display:flex}.ms-info-lbl{color:var(--text-2);min-width:120px;font-weight:700;font-family:var(--font)}.ms-info-val{color:var(--text-1);font-family:var(--font);border-bottom:1px solid var(--border-md);flex:1;padding-bottom:2px}.ms-table{border-collapse:collapse;width:100%;font-size:12.5px;font-family:var(--font);margin-bottom:16px}.ms-table th{border:1px solid var(--border-md);color:var(--text-2);text-align:center;text-transform:uppercase;letter-spacing:.03em;background:#f0f4ff;padding:8px 10px;font-size:11px;font-weight:700}.ms-table td{border:1px solid var(--border-md);text-align:center;vertical-align:middle;padding:8px 10px}.ms-table td:nth-child(2){text-align:left}.ms-sub-name{font-weight:600;color:var(--text-1)!important}.ms-total-cell{color:var(--text-1);font-weight:700}.ms-grade-cell{font-size:14px;font-weight:800}.ms-row-fail td{background:#fff5f5}.ms-total-row td{background:#f0f4ff;font-weight:700}.ms-badge-pass{background:var(--success-bg);color:#065f46;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.ms-badge-fail{background:var(--danger-bg);color:#991b1b;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.ms-badge-absent{color:var(--text-3);background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.ms-result-row{border:2px solid var(--border-md);background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 18px;display:flex}.ms-result-pass{background:var(--success-bg);border-color:#10b98180}.ms-result-fail{background:var(--danger-bg);border-color:#ef444480}.ms-result-atkt{background:#f5f3ff;border-color:#8b5cf680}.ms-result-label-key{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:10px;font-weight:600;font-family:var(--font);margin-bottom:3px}.ms-result-label{text-transform:uppercase;letter-spacing:.04em;font-size:18px;font-weight:900;font-family:var(--font)}.ms-result-pass .ms-result-label{color:#065f46}.ms-result-fail .ms-result-label{color:#991b1b}.ms-result-atkt .ms-result-label{color:#5b21b6}.ms-result-summary{gap:20px;display:flex}.ms-sum-item{flex-direction:column;align-items:center;gap:2px;display:flex}.ms-sum-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-family:var(--font)}.ms-sum-val{color:var(--text-1);font-size:18px;font-weight:800;font-family:var(--font)}.ms-backlog-val{color:var(--danger)}.ms-backlog-list{color:#991b1b;font-size:12.5px;font-family:var(--font);background:#fff5f5;border:1px solid #ef444433;border-radius:8px;margin-bottom:14px;padding:10px 14px}.ms-footer{border-top:1px solid var(--border-md);justify-content:space-between;margin-top:28px;padding-top:14px;display:flex}.ms-sig-line{text-align:center;width:140px;color:var(--text-2);border-top:1px solid var(--text-2);font-size:11.5px;font-family:var(--font);padding-top:6px}.ms-disclaimer{text-align:center;color:var(--text-3);font-size:10.5px;font-style:italic;font-family:var(--font);margin-top:14px}@media print{.ms-selector,.ms-btn-print{display:none!important}.ms-root{background:#fff;padding:0}.ms-sheet{box-shadow:none;border:none;max-width:100%;padding:16px 20px}}.sac-root{color:#111827;background:#f8f9fc;min-height:100vh;padding:26px 28px 56px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.sac-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.sac-head h1{letter-spacing:-.02em;font-size:24px;font-weight:800}.sac-head p{color:#6b7280;margin-top:4px;font-size:13px}.sac-refresh,.sac-download{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;height:38px;padding:0 16px;font-size:13px;font-weight:700;box-shadow:0 2px 10px #6366f147}.sac-refresh:hover,.sac-download:hover{background:#4f46e5}.sac-refresh:disabled,.sac-download:disabled{opacity:.6;cursor:not-allowed}.sac-empty{color:#9ca3af;background:#fff;border:1.5px dashed #e5e7eb;border-radius:16px;justify-content:center;align-items:center;min-height:220px;font-size:14px;font-weight:700;display:flex}.sac-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.sac-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 1px 3px #0000000f}.sac-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sac-card-top span{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.sac-card-top b{color:#065f46;text-transform:capitalize;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:3px 10px;font-size:11px}.sac-card h3{color:#111827;font-size:17px;font-weight:800}.sac-card p{color:#6b7280;margin-top:5px;font-size:13px}.sac-meta{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.sac-meta div{background:#f8f9fc;border-radius:12px;padding:10px}.sac-meta span{color:#6b7280;text-transform:uppercase;font-size:10.5px;font-weight:800;display:block}.sac-meta b{color:#111827;word-break:break-word;margin-top:4px;font-size:12px;display:block}.sac-download{width:100%}.iem-marks-cell:focus-within,.iem-marks-cell.iem-int:focus-within{border-color:var(--primary)}.bl-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:20px;padding:26px 28px 56px;animation:.4s fadeUp;display:flex}.bl-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=800px){.bl-stats{grid-template-columns:repeat(2,1fr)}}.bl-stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:4px solid #0000;flex-direction:column;gap:4px;padding:18px 20px;animation:.5s both cardIn;display:flex}.bl-sc-blue{border-left-color:var(--primary)}.bl-sc-yellow{border-left-color:var(--warning)}.bl-sc-green{border-left-color:var(--success)}.bl-sc-gray{border-left-color:#94a3b8}.bl-sv{color:var(--text-1);font-size:26px;font-weight:700}.bl-sl{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.bl-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bl-search{background:var(--card);border:1.5px solid var(--border-md);min-width:220px;max-width:340px;height:38px;color:var(--text-3);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.bl-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.bl-search input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.bl-search input::placeholder{color:var(--text-3)}.bl-clr{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.bl-clr:hover{color:var(--danger)}.bl-dd .p-dropdown{min-width:150px;font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;height:38px!important}.bl-dd .p-dropdown-label{padding:0 12px!important;font-size:13px!important;line-height:36px!important}.bl-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:38px;margin-left:auto;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.bl-btn-add:hover{background:var(--primary-dk)}.bl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.bl-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .2s,transform .15s;animation:.5s both cardIn;display:flex;overflow:hidden}.bl-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bl-card-head{color:#fff;background:linear-gradient(135deg,#1e1b4b,#4338ca);padding:16px}.bl-card-top-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.bl-exam-type{text-transform:uppercase;letter-spacing:.06em;background:#fff3;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:700}.bl-chip{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.bl-chip-upcoming{color:#fef3c7;background:#f59e0b33}.bl-chip-reg{color:#d1fae5;background:#10b98133}.bl-chip-ongoing{color:#e0e7ff;background:#6366f133}.bl-chip-completed{color:#e5e7eb;background:#fff3}.bl-chip-cancelled{color:#fee2e2;background:#ef444433}.bl-card-name{font-size:15px;font-weight:700}.bl-card-orig{opacity:.7;margin-top:3px;font-size:11px}.bl-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px;display:flex}.bl-card-badges{flex-wrap:wrap;gap:5px;display:flex}.bl-badge{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:500}.bl-badge-c{background:var(--primary-bg);color:var(--primary-dk)}.bl-badge-b{color:#166534;background:#f0fdf4}.bl-card-meta{color:var(--text-2);flex-wrap:wrap;gap:8px 14px;font-size:12px;display:flex}.bl-card-meta b{color:var(--text-1)}.bl-reg-bar{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;padding-top:10px;display:grid}.bl-reg-item{border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px;display:flex}.bl-reg-total{background:var(--bg)}.bl-reg-pass{background:var(--success-bg)}.bl-reg-fail{background:var(--danger-bg)}.bl-ri-val{color:var(--text-1);font-size:18px;font-weight:700}.bl-ri-lbl{color:var(--text-2);font-size:10px;font-weight:500}.bl-card-actions{border-top:1px solid var(--border);background:var(--bg);gap:6px;padding:10px 14px;display:flex}.bl-act-btn{border:1.5px solid var(--border-md);background:var(--card);cursor:pointer;color:var(--text-2);border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.bl-act-view{flex:1;justify-content:center}.bl-act-view:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.bl-act-edit:hover{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.bl-act-del:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.bl-loading,.bl-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:70px 20px;display:flex}.bl-empty svg{opacity:.4}.bl-empty p{color:var(--text-2);font-size:15px;font-weight:600}.bl-modal-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;justify-content:center;align-items:center;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.bl-modal{background:var(--card);width:min(820px,96vw);max-height:85vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;animation:.3s both modalIn;display:flex;overflow:hidden}.bl-modal-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.bl-modal-title{color:var(--text-1);font-size:17px;font-weight:700}.bl-modal-sub{color:var(--text-2);margin-top:2px;font-size:12px}.bl-close-btn{border:1.5px solid var(--border-md);background:var(--bg);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.bl-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.bl-modal-body{flex:1;padding:16px 20px;overflow-y:auto}.bl-modal-body::-webkit-scrollbar{width:4px}.bl-modal-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.bl-stu-empty{color:var(--text-3);justify-content:center;align-items:center;padding:40px;display:flex}.bl-stu-empty p{font-size:14px}.bl-stu-table{border-collapse:collapse;width:100%;font-size:13px}.bl-stu-table th{border-bottom:2px solid var(--border-md);color:var(--text-2);text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#fafbff;padding:10px 12px;font-size:11px;font-weight:700}.bl-stu-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.bl-stu-cell{align-items:center;gap:8px;font-weight:500;display:flex}.bl-stu-av{background:var(--primary-bg);width:28px;height:28px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.bl-subj-chips{flex-wrap:wrap;gap:4px;display:flex}.bl-subj-chip{color:#991b1b;background:#fff5f5;border:1px solid #ef444433;border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:500}.bl-stu-status{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600}.bl-ss-registered{background:var(--primary-bg);color:var(--primary-dk)}.bl-ss-appeared{background:var(--warning-bg);color:#92400e}.bl-ss-passed{background:var(--success-bg);color:#065f46}.bl-ss-failed{background:var(--danger-bg);color:#991b1b}.bl-ss-absent{color:var(--text-3);background:#f1f5f9}.bl-stu-sel{border:1.5px solid var(--border-md);background:var(--bg);height:30px;color:var(--text-1);cursor:pointer;border-radius:7px;outline:none;padding:0 8px;font-size:12px}.bl-overlay{z-index:910;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;justify-content:flex-end;align-items:stretch;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.bl-panel{background:var(--card);width:480px;max-width:100vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) both panelIn;display:flex}.bl-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 16px;display:flex}.bl-panel-title{color:var(--text-1);font-size:17px;font-weight:700}.bl-panel-sub{color:var(--text-2);margin-top:3px;font-size:12px}.bl-panel-body{flex-direction:column;flex:1;gap:13px;padding:20px 24px;display:flex;overflow-y:auto}.bl-panel-body::-webkit-scrollbar{width:4px}.bl-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.bl-panel-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.bl-field{flex-direction:column;gap:5px;display:flex}.bl-field label{color:var(--text-2);font-size:12px;font-weight:600}.bl-req{color:var(--danger);margin-left:2px}.bl-opt{color:var(--text-3);font-weight:400}.bl-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s}.bl-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.bl-textarea{border:1.5px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:9px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.bl-textarea:focus{border-color:var(--primary)}.bl-dd-full,.bl-dd-full .p-dropdown{font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--bg)!important;border-radius:9px!important;width:100%!important;height:38px!important}.bl-dd-full .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:36px!important}.bl-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bl-field-err .bl-input,.bl-field-err .p-dropdown{border-color:var(--danger)!important}.bl-err{color:var(--danger);font-size:11px}.bl-type-tabs,.bl-status-tabs{flex-wrap:wrap;gap:5px;display:flex}.bl-ttab,.bl-stab{border:1.5px solid var(--border-md);min-width:70px;color:var(--text-2);background:var(--bg);cursor:pointer;text-transform:capitalize;text-align:center;border-radius:8px;flex:1;padding:6px 0;font-size:11.5px;font-weight:600;transition:all .15s}.bl-ttab.active,.bl-stab.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.bl-btn-cancel{border:1.5px solid var(--border-md);background:var(--bg);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600}.bl-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.bl-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #6366f14d}.bl-btn-save:hover{background:var(--primary-dk)}.bl-btn-save:disabled{opacity:.6;cursor:not-allowed}.bl-modal-wide{width:min(1100px,96vw)}.bl-workspace-tabs{border-bottom:1px solid var(--border);background:#fafbff;gap:8px;padding:12px 20px;display:flex}.bl-wtab{border:1.5px solid var(--border-md);background:var(--card);height:34px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 14px;font-size:12px;font-weight:700;transition:all .15s}.bl-wtab.active{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.bl-section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.bl-section-head h4{color:var(--text-1);margin-bottom:3px;font-size:14px;font-weight:800}.bl-section-head p{color:var(--text-2);font-size:12px}.bl-mini-btn{border:1.5px solid var(--border-md);background:var(--card);height:30px;color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:7px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s}.bl-mini-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.bl-mini-btn:disabled{opacity:.6;cursor:not-allowed}.bl-mini-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.bl-mini-primary:hover{background:var(--primary-dk);color:#fff}.bl-small-muted{color:var(--text-3);margin-top:2px;font-size:10.5px;font-weight:500}.bl-result-pill{background:#fff;border:1.5px solid;border-radius:20px;align-items:center;min-height:22px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.bl-ss-payment_pending,.bl-ss-pay-pending,.bl-ss-enroll-payment_pending{background:var(--warning-bg);color:#92400e}.bl-ss-pay-paid,.bl-ss-pay-waived,.bl-ss-enroll-enrolled{background:var(--success-bg);color:#065f46}.bl-ss-pay-failed,.bl-ss-pay-refunded,.bl-ss-enroll-cancelled,.bl-ss-cancelled{background:var(--danger-bg);color:#991b1b}.bl-payment-modal{width:min(460px,94vw)}.bl-result-modal{width:min(900px,96vw)}.bl-result-subjects{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.bl-result-card{border:1.5px solid var(--border-md);background:#fafbff;border-radius:14px;padding:14px}.bl-result-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.bl-result-card-head h4{color:var(--text-1);font-size:14px;font-weight:800}.bl-result-card-head p{color:var(--text-3);margin-top:2px;font-size:11px}.bl-result-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.bl-check-inline{color:var(--text-2);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.bl-check-inline input{width:14px;height:14px;accent-color:var(--primary)}@media (width<=900px){.bl-result-grid{grid-template-columns:repeat(2,1fr)}}.bl-action-stack{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bl-mini-success{background:var(--success);color:#fff;border-color:var(--success)}.bl-mini-success:hover{color:#fff;background:#059669;border-color:#059669}.bl-published-result-modal{width:min(560px,94vw)}.bl-result-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.bl-result-summary-card{border:1.5px solid var(--border-md);background:#fafbff;border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.bl-result-summary-card span{color:var(--text-2);text-transform:uppercase;font-size:11px;font-weight:700}.bl-result-summary-card b{color:var(--text-1);font-size:17px}.bl-published-box{border:1.5px solid var(--border-md);border-radius:12px;margin-bottom:14px;overflow:hidden}.bl-published-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.bl-published-row:last-child{border-bottom:none}.bl-published-row span{color:var(--text-2);font-weight:700}.bl-published-row b{color:var(--text-1);word-break:break-all;text-align:right;font-weight:700}.bl-success-note{background:var(--success-bg);color:#065f46;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700}@media (width<=700px){.bl-result-summary-grid{grid-template-columns:repeat(2,1fr)}}.blm-root{color:#1e293b;background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.blm-page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.blm-page-head h1{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.blm-page-head p{color:#64748b;margin:4px 0 0;font-size:14px}.blm-head-actions{flex-shrink:0;gap:8px;display:flex}.blm-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.blm-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.blm-btn:disabled{opacity:.5;cursor:not-allowed}.blm-btn.primary{color:#fff;background:#6366f1;border-color:#6366f1}.blm-btn.primary:hover:not(:disabled){background:#4f46e5}.blm-btn.ghost{background:0 0;border-color:#0000}.blm-btn.ghost:hover:not(:disabled){background:#f1f5f9}.blm-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.blm-field{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.blm-field label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.blm-dd{width:100%}.blm-dd .p-dropdown{border-color:#e2e8f0;border-radius:8px;width:100%}.blm-dd .p-dropdown:not(.p-disabled).p-focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.blm-stats{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.blm-stat{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:12px;min-width:140px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.blm-stat b{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;display:block}.blm-stat small{color:#94a3b8;white-space:nowrap;font-size:12px}.blm-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.blm-stat-icon.blue{color:#6366f1;background:#eef2ff}.blm-stat-icon.slate{color:#64748b;background:#f1f5f9}.blm-stat-icon.amber{color:#f59e0b;background:#fffbeb}.blm-stat-icon.green{color:#10b981;background:#ecfdf5}.blm-stat-icon.purple{color:#8b5cf6;background:#f5f3ff}.blm-empty{text-align:center;color:#94a3b8;background:#fff;border:1px dashed #e2e8f0;border-radius:12px;margin-bottom:20px;padding:60px 24px;font-size:15px}.blm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.blm-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blm-search{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:220px;padding:6px 12px;display:flex}.blm-search input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:13px}.blm-search input::placeholder{color:#94a3b8}.blm-search button{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0;display:flex}.blm-search button:hover{color:#64748b}.blm-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:12px}.blm-selected-count{color:#94a3b8;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:12px}.blm-result-count{color:#64748b;white-space:nowrap;font-size:13px}.blm-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.blm-table{border-collapse:collapse;width:100%}.blm-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:600}.blm-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.blm-table tr:last-child td{border-bottom:none}.blm-table tr:hover{background:#f8fafc}.blm-table tr.selected{background:#eef2ff}.blm-check-col{text-align:center;width:40px}.blm-check-col input[type=checkbox]{cursor:pointer;accent-color:#6366f1;width:16px;height:16px}.blm-student-cell{align-items:center;gap:10px;display:flex}.blm-student-cell b{color:#1e293b;font-size:13px;font-weight:600;display:block}.blm-student-cell span{color:#94a3b8;font-size:12px}.blm-avatar{color:#6366f1;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.blm-subj-chips{flex-wrap:wrap;gap:4px;display:flex}.blm-subj-chip{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.blm-status-chip{white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.blm-ss-pending{color:#64748b;background:#f1f5f9}.blm-ss-submitted{color:#d97706;background:#fffbeb}.blm-ss-locked{color:#059669;background:#ecfdf5}.blm-ss-paypending{color:#dc2626;background:#fef2f2}.blm-chip{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.blm-chip-pass{color:#059669;background:#ecfdf5}.blm-chip-fail{color:#dc2626;background:#fef2f2}.blm-chip-absent{color:#d97706;background:#fff7ed}.blm-muted{color:#94a3b8;font-size:12px}.blm-row-actions{gap:6px;display:flex}.blm-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.blm-icon-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.blm-icon-btn.view:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.blm-icon-btn.publish:hover{color:#059669;background:#ecfdf5;border-color:#059669}.blm-pagination{justify-content:center;align-items:center;gap:12px;padding:8px 0;display:flex}.blm-pagination span{color:#64748b;font-size:13px}.blm-table-empty{text-align:center;color:#94a3b8;font-size:14px;padding:32px!important}.blm-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a4d;animation:.2s blmFadeIn;position:fixed;inset:0}@keyframes blmFadeIn{0%{opacity:0}to{opacity:1}}.blm-panel{z-index:1000;background:#fff;flex-direction:column;width:520px;max-width:100vw;transition:transform .25s cubic-bezier(.4,0,.2,1),visibility 0s linear .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #0000001a}.blm-panel.open{transition-delay:0s;transform:translate(0)}.blm-panel-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.blm-panel-head h2{color:#0f172a;margin:0;font-size:17px;font-weight:700}.blm-panel-head p{color:#64748b;margin:4px 0 0;font-size:13px}.blm-panel-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.blm-panel-close:hover{color:#1e293b;background:#e2e8f0}.blm-panel-note{padding:12px 24px;font-size:13px;line-height:1.4}.blm-panel-note.warning{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a}.blm-panel-body{flex:1;padding:20px 24px;overflow-y:auto}.blm-panel-foot{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.blm-subject-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:16px}.blm-subject-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.blm-subject-head b{color:#1e293b;font-size:14px;font-weight:600;display:block}.blm-subject-head span{color:#94a3b8;font-size:12px}.blm-subject-head>strong{color:#6366f1;font-size:15px}.blm-component-grid{flex-direction:column;gap:10px;display:flex}.blm-component-row{align-items:center;gap:10px;display:flex}.blm-component-row>b{color:#475569;min-width:90px;font-size:12px;font-weight:500}.blm-component-row.full{flex-wrap:wrap}.blm-mark-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 10px;font-size:13px;transition:border-color .15s}.blm-mark-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.blm-mark-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.blm-mark-input.wide{flex:2}.blm-absent-check{color:#64748b;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.blm-absent-check input{cursor:pointer;width:14px;height:14px}.blm-textarea{color:#1e293b;resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.blm-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.blm-textarea:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}@media (width<=768px){.blm-root{padding:16px}.blm-page-head{flex-direction:column}.blm-filters-card{flex-direction:column;padding:16px}.blm-field{min-width:auto}.blm-stats{flex-direction:column}.blm-toolbar{flex-direction:column;align-items:stretch}.blm-search{min-width:auto}.blm-panel{width:100vw}.blm-table th:nth-child(3),.blm-table td:nth-child(3){display:none}}:root{--primary:#6366f1;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes afcFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes afcModalIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.afc-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:20px;padding:26px 28px 56px;animation:.4s afcFadeUp;display:flex}.afc-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.afc-stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:4px solid #0000;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.afc-sc-blue{border-left-color:var(--primary)}.afc-sc-yellow{border-left-color:var(--warning)}.afc-sc-green{border-left-color:var(--success)}.afc-sc-gray{border-left-color:#94a3b8}.afc-sv{color:var(--text-1);font-size:26px;font-weight:700}.afc-sl{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.afc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.afc-card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.afc-card-head h3{color:var(--text-1);font-size:17px;font-weight:800}.afc-card-head p{color:var(--text-2);margin-top:3px;font-size:12px}.afc-toolbar{grid-template-columns:1.1fr 1.1fr .9fr 1.3fr;align-items:end;gap:12px;padding:16px 20px;display:grid}.afc-field{flex-direction:column;gap:5px;display:flex}.afc-field label{color:var(--text-2);font-size:12px;font-weight:700}.afc-dd,.afc-dd .p-dropdown{font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--bg)!important;border-radius:9px!important;width:100%!important;height:38px!important}.afc-dd .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:36px!important}.afc-search{border:1.5px solid var(--border-md);background:var(--bg);height:38px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.afc-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.afc-search input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.afc-clr{color:var(--text-3);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.afc-btn-refresh{border:1.5px solid var(--border-md);background:var(--card);height:34px;color:var(--text-2);cursor:pointer;border-radius:8px;padding:0 14px;font-size:12px;font-weight:700}.afc-btn-refresh:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.afc-loading,.afc-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);justify-content:center;align-items:center;padding:70px 20px;font-size:14px;font-weight:700;display:flex}.afc-table-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:auto}.afc-table{border-collapse:collapse;width:100%;min-width:1050px;font-size:13px}.afc-table th{border-bottom:2px solid var(--border-md);color:var(--text-2);text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#fafbff;padding:11px 12px;font-size:11px;font-weight:800}.afc-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px}.afc-student{align-items:center;gap:9px;display:flex}.afc-avatar{background:var(--primary-bg);width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.afc-student b,.afc-exam-cell b{color:var(--text-1);font-size:13px;display:block}.afc-student span,.afc-exam-cell span,.afc-small{color:var(--text-3);margin-top:2px;font-size:10.5px;font-weight:600;display:block}.afc-subjects{flex-wrap:wrap;gap:4px;display:flex}.afc-subjects span{color:#991b1b;background:#fff5f5;border:1px solid #ef444433;border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:600}.afc-amount b{color:var(--text-1);font-size:14px;display:block}.afc-amount span{color:var(--success);margin-top:2px;font-size:10.5px;font-weight:700;display:block}.afc-status{border-radius:999px;align-items:center;min-height:22px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-flex}.afc-pay-pending{background:var(--warning-bg);color:#92400e}.afc-pay-paid,.afc-pay-waived{background:var(--success-bg);color:#065f46}.afc-pay-failed,.afc-pay-refunded{background:var(--danger-bg);color:#991b1b}.afc-receipt{color:var(--text-1);font-size:12px}.afc-actions{flex-wrap:wrap;gap:6px;display:flex}.afc-mini-btn{border:1.5px solid var(--border-md);background:var(--card);height:30px;color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:7px;padding:0 12px;font-size:12px;font-weight:800}.afc-mini-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.afc-mini-primary{background:var(--primary);border-color:var(--primary);color:#fff}.afc-mini-primary:hover{background:var(--primary-dk);border-color:var(--primary-dk);color:#fff}.afc-modal-overlay{z-index:920;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.afc-modal{background:var(--card);width:min(480px,94vw);max-height:88vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;animation:.25s afcModalIn;display:flex;overflow:hidden}.afc-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.afc-modal-head h3{color:var(--text-1);font-size:17px;font-weight:800}.afc-modal-head p{color:var(--text-2);margin-top:2px;font-size:12px}.afc-close-btn{border:1.5px solid var(--border-md);background:var(--bg);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:7px;font-size:18px}.afc-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.afc-modal-body{flex-direction:column;gap:13px;padding:18px 22px;display:flex;overflow:auto}.afc-fee-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.afc-fee-summary div{border:1.5px solid var(--border-md);background:#fafbff;border-radius:12px;padding:10px 12px}.afc-fee-summary span{color:var(--text-2);text-transform:uppercase;font-size:10.5px;font-weight:800;display:block}.afc-fee-summary b{color:var(--text-1);margin-top:4px;font-size:13px;display:block}.afc-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px}.afc-input:focus,.afc-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.afc-textarea{border:1.5px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:9px;outline:none;width:100%;padding:10px 12px}.afc-modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.afc-btn-cancel{border:1.5px solid var(--border-md);background:var(--bg);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:700}.afc-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 20px;font-size:13px;font-weight:800;box-shadow:0 2px 8px #6366f14d}.afc-btn-save:hover{background:var(--primary-dk)}.afc-btn-save:disabled,.afc-btn-cancel:disabled,.afc-mini-btn:disabled,.afc-btn-refresh:disabled{opacity:.6;cursor:not-allowed}@media (width<=1000px){.afc-toolbar{grid-template-columns:1fr 1fr}}@media (width<=760px){.afc-root{padding:18px}.afc-stats{grid-template-columns:repeat(2,1fr)}.afc-toolbar{grid-template-columns:1fr}.afc-card-head{flex-direction:column}.afc-fee-summary{grid-template-columns:1fr}}.cgcp-root,.cgcp-root *{box-sizing:border-box}.cgcp-root{--cgcp-primary:#6366f1;--cgcp-primary-dark:#4f46e5;--cgcp-primary-bg:#eef2ff;--cgcp-success:#10b981;--cgcp-success-bg:#ecfdf5;--cgcp-danger:#ef4444;--cgcp-danger-bg:#fef2f2;--cgcp-warning:#f59e0b;--cgcp-warning-bg:#fffbeb;--cgcp-purple:#8b5cf6;--cgcp-purple-bg:#f5f3ff;--cgcp-bg:#f8f9fc;--cgcp-card:#fff;--cgcp-text:#111827;--cgcp-muted:#6b7280;--cgcp-soft:#9ca3af;--cgcp-border:#e5e7eb;--cgcp-border-soft:#f0f0f5;--cgcp-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--cgcp-shadow-md:0 4px 20px #00000014;--cgcp-shadow-lg:0 12px 40px #00000024;background:var(--cgcp-bg);min-height:100%;color:var(--cgcp-text);flex-direction:column;gap:20px;padding:26px 28px 56px;display:flex}.cgcp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cgcp-page-head h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.cgcp-page-head p{color:var(--cgcp-muted);margin:5px 0 0;font-size:13.5px}.cgcp-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.cgcp-btn.primary{background:var(--cgcp-primary);color:#fff;box-shadow:0 2px 10px #6366f147}.cgcp-btn.primary:hover:not(:disabled){background:var(--cgcp-primary-dark);transform:translateY(-1px)}.cgcp-btn.secondary{color:var(--cgcp-primary);background:#fff;border-color:#6366f152}.cgcp-btn.secondary:hover:not(:disabled){background:var(--cgcp-primary-bg)}.cgcp-btn.ghost{color:var(--cgcp-muted);border-color:var(--cgcp-border);background:#fff}.cgcp-btn.ghost:hover:not(:disabled){color:var(--cgcp-text);background:#fafbff;border-color:#c7d2fe}.cgcp-btn.danger{color:var(--cgcp-danger);background:#fff;border-color:#ef444452}.cgcp-btn.danger:hover:not(:disabled){background:var(--cgcp-danger-bg)}.cgcp-btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.cgcp-filters-card{background:var(--cgcp-card);border:1px solid var(--cgcp-border);box-shadow:var(--cgcp-shadow-sm);border-radius:16px;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;padding:18px;display:grid}.cgcp-field{flex-direction:column;gap:6px;display:flex}.cgcp-field label{color:var(--cgcp-muted);font-size:12px;font-weight:700}.cgcp-dd,.cgcp-dd .p-dropdown{width:100%}.cgcp-stats{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.cgcp-stat{background:var(--cgcp-card);border:1px solid var(--cgcp-border);box-shadow:var(--cgcp-shadow-sm);border-radius:16px;align-items:center;gap:12px;padding:15px 16px;display:flex}.cgcp-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.cgcp-stat-icon.blue{background:var(--cgcp-primary-bg);color:var(--cgcp-primary)}.cgcp-stat-icon.green{background:var(--cgcp-success-bg);color:var(--cgcp-success)}.cgcp-stat-icon.amber{background:var(--cgcp-warning-bg);color:var(--cgcp-warning)}.cgcp-stat-icon.purple{background:var(--cgcp-purple-bg);color:var(--cgcp-purple)}.cgcp-stat b{font-size:22px;line-height:1;display:block}.cgcp-stat small{color:var(--cgcp-muted);margin-top:4px;font-size:12px;font-weight:600;display:block}.cgcp-cards-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cgcp-cards-header h2{margin:0;font-size:18px}.cgcp-student-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;display:grid}.cgcp-student-card{background:var(--cgcp-card);border:1px solid var(--cgcp-border);box-shadow:var(--cgcp-shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:18px;transition:box-shadow .15s;display:flex}.cgcp-student-card:hover{box-shadow:var(--cgcp-shadow-md)}.cgcp-student-top{align-items:center;gap:12px;display:flex}.cgcp-avatar{background:linear-gradient(135deg, var(--cgcp-primary), var(--cgcp-purple));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.cgcp-student-info b{font-size:14px;display:block}.cgcp-student-info span{color:var(--cgcp-muted);margin-top:3px;font-size:12px;display:block}.cgcp-card-badges{flex-wrap:wrap;gap:8px;display:flex}.cgcp-badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.cgcp-badge.draft{background:var(--cgcp-warning-bg);color:var(--cgcp-warning);border-color:#fde68a}.cgcp-badge.published{background:var(--cgcp-success-bg);color:var(--cgcp-success);border-color:#a7f3d0}.cgcp-badge.archived{color:#64748b;border-color:var(--cgcp-border);background:#f3f4f6}.cgcp-badge.missing{background:var(--cgcp-danger-bg);color:var(--cgcp-danger);border-color:#fecaca}.cgcp-badge.skipped{color:#92400e;background:#fffbeb;border-color:#fde68a}.cgcp-card-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.cgcp-card-actions .cgcp-btn{height:32px;padding:0 12px;font-size:12px}.cgcp-result-card{background:var(--cgcp-card);border:1px solid var(--cgcp-border);box-shadow:var(--cgcp-shadow-sm);border-radius:16px;padding:18px}.cgcp-result-head{border-bottom:1px solid var(--cgcp-border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.cgcp-result-head h3{margin:0;font-size:16px}.cgcp-result-stats{flex-wrap:wrap;gap:14px;display:flex}.cgcp-result-stat{text-align:center;border-right:1px solid var(--cgcp-border);padding:0 10px}.cgcp-result-stat:last-child{border-right:none}.cgcp-result-stat b{font-size:20px;display:block}.cgcp-result-stat span{color:var(--cgcp-muted);margin-top:2px;font-size:11px;font-weight:700;display:block}.cgcp-skipped-list{flex-direction:column;gap:8px;display:flex}.cgcp-skipped-item{background:#fffbeb;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.cgcp-skipped-item .cgcp-skip-reason{color:var(--cgcp-muted);font-size:12px}.cgcp-empty{text-align:center;color:var(--cgcp-muted);background:#fff;border:1px dashed #d1d5db;border-radius:16px;padding:38px 22px}.cgcp-empty h3{color:var(--cgcp-text);margin:0 0 6px}.cgcp-empty p{max-width:520px;margin:0 auto 18px}.cgcp-loading{background:var(--cgcp-card);border:1px solid var(--cgcp-border);text-align:center;color:var(--cgcp-muted);border-radius:16px;padding:32px;font-weight:600}.cgcp-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a61;position:fixed;inset:0}.cgcp-modal{z-index:201;width:640px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--cgcp-shadow-lg);background:#fff;border-radius:20px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cgcp-modal-head{border-bottom:1px solid var(--cgcp-border);justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 22px 16px;display:flex}.cgcp-modal-head h2{margin:0;font-size:18px}.cgcp-modal-head p{color:var(--cgcp-muted);margin:4px 0 0;font-size:13px}.cgcp-modal-close{border:1px solid var(--cgcp-border);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cgcp-modal-close:hover{background:var(--cgcp-danger-bg);color:var(--cgcp-danger);border-color:#fecaca}.cgcp-modal-body{flex:1;padding:20px 22px;overflow:auto}.cgcp-modal-foot{border-top:1px solid var(--cgcp-border);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.cgcp-detail-section{margin-bottom:16px}.cgcp-detail-section h4{color:var(--cgcp-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:14px}.cgcp-semester-table{border-collapse:collapse;width:100%;font-size:13px}.cgcp-semester-table th{text-align:left;color:var(--cgcp-muted);text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--cgcp-border);background:#fafbfc;padding:10px 12px;font-size:11px}.cgcp-semester-table td{border:1px solid var(--cgcp-border);padding:10px 12px}.cgcp-semester-table .pass{color:var(--cgcp-success);font-weight:700}.cgcp-semester-table .fail{color:var(--cgcp-danger);font-weight:700}.cgcp-semester-table .pending{color:var(--cgcp-warning);font-weight:700}@media (width<=1100px){.cgcp-filters-card,.cgcp-stats{grid-template-columns:repeat(2,1fr)}.cgcp-student-grid{grid-template-columns:1fr}}@media (width<=760px){.cgcp-root{padding:18px 14px 48px}.cgcp-filters-card,.cgcp-stats{grid-template-columns:1fr}.cgcp-page-head{flex-direction:column}.cgcp-modal{width:calc(100vw - 16px)}}.er-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:26px 28px 56px;animation:.4s fadeUp;display:flex}.er-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.er-stats{grid-template-columns:repeat(2,1fr)}}.er-stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:4px solid #0000;flex-direction:column;gap:4px;padding:20px 22px;animation:.5s cardIn;display:flex}.er-stat-blue{border-left-color:var(--primary)}.er-stat-purple{border-left-color:var(--purple)}.er-stat-green{border-left-color:var(--success)}.er-stat-yellow{border-left-color:var(--warning)}.er-stat-value{color:var(--text-1);font-size:28px;font-weight:700}.er-stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.er-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.er-search{background:var(--card);border:1.5px solid var(--border-md);min-width:200px;max-width:280px;height:38px;color:var(--text-3);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.er-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.er-search input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.er-search input::placeholder{color:var(--text-3)}.er-clr{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:0;display:flex}.er-clr:hover{color:var(--text-1)}.er-dd .p-dropdown{min-width:140px;font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;height:38px!important}.er-dd .p-dropdown-label{padding:0 12px!important;font-size:13px!important;line-height:36px!important}.er-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:38px;margin-left:auto;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.er-btn-add:hover{background:var(--primary-dk)}.er-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.er-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;transition:box-shadow .2s,transform .15s;animation:.5s cardIn;display:flex;overflow:hidden}.er-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.er-card-head{justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.er-card-number{color:var(--text-1);letter-spacing:-.02em;font-size:24px;font-weight:800}.er-badge-hall{background:var(--purple);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.er-card-body{flex-direction:column;flex:1;gap:10px;padding:0 18px 14px;display:flex}.er-card-name{color:var(--text-2);font-size:14px;font-weight:500}.er-card-capacity{gap:16px;display:flex}.er-cap-item{flex-direction:column;gap:2px;display:flex}.er-cap-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.er-cap-value{color:var(--text-1);font-size:18px;font-weight:700}.er-cap-exam{color:var(--purple)}.er-card-location{color:var(--text-3);align-items:center;gap:5px;font-size:12px;display:flex}.er-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.er-chip{border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600}.er-chip-active{color:#065f46;background:#ecfdf5;border:1px solid #10b9814d}.er-chip-maintenance{color:#92400e;background:#fffbeb;border:1px solid #f59e0b4d}.er-chip-inactive{color:#6b7280;background:#f3f4f6;border:1px solid #9ca3af4d}.er-card-actions{gap:6px;display:flex}.er-act-btn{border:1.5px solid var(--border-md);background:var(--card);cursor:pointer;width:30px;height:30px;color:var(--text-3);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.er-act-edit:hover{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.er-act-del:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.er-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:80px 20px;display:flex}.er-empty svg{opacity:.5}.er-empty p{color:var(--text-2);font-size:15px;font-weight:600}.er-empty span{font-size:13px}.er-skel-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:12px;padding:18px;display:flex}.er-skel{background:linear-gradient(90deg,#f0f0f5 25%,#e8e8f0 50%,#f0f0f5 75%) 0 0/400px;border-radius:8px;height:14px;animation:1.4s infinite shimmer}.er-skel-h{height:80px}.er-skel-s{width:55%}.er-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;justify-content:flex-end;align-items:stretch;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.er-panel{background:var(--card);width:460px;max-width:100vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) both panelIn;display:flex}.er-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 18px;display:flex}.er-panel-title{color:var(--text-1);font-size:18px;font-weight:700}.er-panel-sub{color:var(--text-2);margin-top:3px;font-size:13px}.er-close-btn{border:1.5px solid var(--border-md);background:var(--bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.er-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.er-panel-body{flex-direction:column;flex:1;gap:14px;padding:22px 24px;display:flex;overflow-y:auto}.er-panel-body::-webkit-scrollbar{width:4px}.er-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.er-panel-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.er-section-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.er-sec-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.er-divider{background:var(--border);height:1px;margin:4px 0}.er-field{flex-direction:column;gap:5px;display:flex}.er-field label{color:var(--text-2);font-size:12px;font-weight:600}.er-req{color:var(--danger);margin-left:2px}.er-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.er-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #6366f11a}.er-textarea{border:1.5px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:9px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.er-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.er-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.er-field-err .er-input{border-color:var(--danger)!important}.er-auto-capacity{background:var(--primary-bg);color:var(--text-2);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.er-auto-capacity strong{color:var(--primary);font-size:15px}.er-cap-icon{font-size:16px}.er-err{color:var(--danger);font-size:11px}.er-status-tabs{gap:6px;display:flex}.er-stab{border:1.5px solid var(--border-md);color:var(--text-2);background:var(--bg);cursor:pointer;text-transform:capitalize;border-radius:8px;flex:1;padding:7px 0;font-size:11.5px;font-weight:600;transition:all .15s}.er-stab.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.er-toggle-label{cursor:pointer;align-items:center;gap:10px;display:flex;color:var(--text-1)!important;font-size:13px!important}.er-toggle-label input[type=checkbox]{display:none}.er-toggle-switch{background:var(--border-md);border-radius:12px;width:36px;height:20px;transition:background .2s;position:relative}.er-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.er-toggle-label input:checked+.er-toggle-switch{background:var(--primary)}.er-toggle-label input:checked+.er-toggle-switch:after{transform:translate(16px)}.er-btn-cancel{border:1.5px solid var(--border-md);background:var(--bg);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s}.er-btn-cancel:hover{background:var(--border)}.er-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.er-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s;box-shadow:0 2px 8px #6366f14d}.er-btn-save:hover{background:var(--primary-dk)}.er-btn-save:disabled{opacity:.6;cursor:not-allowed}:root{--primary:#6366f1;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#8b5cf6;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}.esa-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:26px 28px 56px;animation:.4s fadeUp;display:flex}.esa-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.esa-stats{grid-template-columns:repeat(2,1fr)}}.esa-stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:4px solid #0000;flex-direction:column;gap:4px;padding:20px 22px;animation:.5s cardIn;display:flex}.esa-stat-blue{border-left-color:var(--primary)}.esa-stat-gray{border-left-color:#94a3b8}.esa-stat-green{border-left-color:var(--success)}.esa-stat-purple{border-left-color:var(--purple)}.esa-stat-value{color:var(--text-1);font-size:28px;font-weight:700}.esa-stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.esa-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.esa-dd .p-dropdown{min-width:140px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;height:38px!important}.esa-dd .p-dropdown-label{padding:0 12px!important;font-size:13px!important;line-height:36px!important}.esa-dd .p-dropdown:not(.p-disabled):hover{border-color:#c7cdfe!important}.esa-dd .p-dropdown.p-focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f11f!important}.esa-dd .p-dropdown-trigger{color:var(--text-3);transition:color .15s,transform .2s}.esa-dd .p-dropdown.p-focus .p-dropdown-trigger{color:var(--primary);transform:rotate(180deg)}.esa-btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:38px;margin-left:auto;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.esa-btn-add:hover{background:var(--primary-dk)}.esa-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.esa-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;transition:box-shadow .2s,transform .15s;animation:.5s cardIn;display:flex;overflow:hidden}.esa-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.esa-card-head{justify-content:space-between;align-items:flex-start;gap:8px;padding:16px 16px 10px;display:flex}.esa-card-title{color:var(--text-1);flex:1;font-size:14px;font-weight:700;line-height:1.3}.esa-card-exam-sub{color:var(--text-3,#94a3b8);margin-top:2px;font-size:11px;font-weight:500}.esa-chip{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.esa-chip-draft{color:#6b7280;background:#f3f4f6;border:1px solid #9ca3af4d}.esa-chip-confirmed{color:#065f46;background:#ecfdf5;border:1px solid #10b9814d}.esa-chip-completed{color:#4338ca;background:#eef2ff;border:1px solid #6366f133}.esa-chip-cancelled{color:#991b1b;background:#fef2f2;border:1px solid #ef444433}.esa-card-body{flex-direction:column;flex:1;gap:8px;padding:0 16px 12px;display:flex}.esa-card-info{color:var(--text-2);gap:14px;font-size:12px;display:flex}.esa-card-info span{align-items:center;gap:4px;display:flex}.esa-card-subject{color:var(--purple);font-size:12px;font-weight:600}.esa-card-rooms{flex-wrap:wrap;gap:4px;display:flex}.esa-room-tag{background:var(--bg);border:1px solid var(--border-md);color:var(--text-2);border-radius:6px;padding:2px 8px;font-size:10px}.esa-room-more{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.esa-card-meta{color:var(--text-3);gap:14px;font-size:11px;display:flex}.esa-card-remarks{color:var(--text-3);background:var(--bg);border-radius:6px;padding:6px 8px;font-size:11px;font-style:italic}.esa-card-actions{border-top:1px solid var(--border);background:var(--bg);gap:6px;padding:8px 14px;display:flex}.esa-act-btn{border:1.5px solid var(--border-md);background:var(--card);cursor:pointer;color:var(--text-2);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.esa-act-btn:disabled{opacity:.5;cursor:not-allowed}.esa-act-view:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.esa-act-edit:hover{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.esa-act-assign:hover{color:var(--success);border-color:var(--success);background:#f0fdf4}.esa-act-del:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.esa-detail-panel{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.esa-detail-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.esa-room-table{flex-direction:column;gap:4px;display:flex}.esa-room-row{color:var(--text-1);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.esa-rrn{font-weight:600}.esa-rsa{color:var(--text-2)}.esa-status-strip{border-top:1px solid var(--border);display:flex}.esa-ss-btn{color:var(--text-3);cursor:pointer;text-transform:capitalize;background:0 0;border:none;flex:1;padding:6px;font-size:11px;transition:all .15s}.esa-ss-btn:hover{background:var(--bg);color:var(--text-1)}.esa-ss-btn.active{color:var(--primary);font-weight:700}.esa-ss-btn:not(:last-child){border-right:1px solid var(--border)}.esa-ss-btn:disabled{opacity:.4;cursor:not-allowed}.esa-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:80px 20px;display:flex}.esa-empty svg{opacity:.5}.esa-empty p{color:var(--text-2);font-size:15px;font-weight:600}.esa-empty span{font-size:13px}.esa-skel-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:12px;padding:18px;display:flex}.esa-skel{background:linear-gradient(90deg,#f0f0f5 25%,#e8e8f0 50%,#f0f0f5 75%) 0 0/400px;border-radius:8px;height:14px;animation:1.4s infinite shimmer}.esa-skel-h{height:80px}.esa-skel-s{width:55%}.esa-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;justify-content:flex-end;align-items:stretch;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.esa-panel{background:var(--card);width:460px;max-width:100vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) panelIn;display:flex}.esa-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 18px;display:flex}.esa-panel-title{color:var(--text-1);font-size:18px;font-weight:700}.esa-panel-sub{color:var(--text-2);margin-top:3px;font-size:13px}.esa-close-btn{border:1.5px solid var(--border-md);background:var(--bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.esa-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.esa-panel-body{flex-direction:column;flex:1;gap:14px;padding:22px 24px;display:flex;overflow-y:auto}.esa-panel-body::-webkit-scrollbar{width:4px}.esa-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.esa-panel-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.esa-section-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.esa-sec-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.esa-divider{background:var(--border);height:1px;margin:4px 0}.esa-field{flex-direction:column;gap:5px;display:flex}.esa-field label{color:var(--text-2);font-size:12px;font-weight:600}.esa-req{color:var(--danger);margin-left:2px}.esa-input{border:1.5px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);border-radius:9px;outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.esa-input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #6366f11a}.esa-textarea{border:1.5px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:9px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.esa-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.esa-dd-full,.esa-dd-full .p-dropdown{font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s;border:1.5px solid var(--border-md)!important;background:var(--bg)!important;border-radius:9px!important;width:100%!important;height:38px!important}.esa-dd-full .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:36px!important}.esa-dd-full .p-dropdown-label.p-placeholder,.esa-dd-full .p-multiselect-label.p-placeholder{color:var(--text-3)!important}.esa-dd-full.p-dropdown:not(.p-disabled):hover,.esa-dd-full.p-multiselect:not(.p-disabled):hover{background:var(--card)!important;border-color:#c7cdfe!important}.esa-dd-full.p-dropdown.p-focus,.esa-dd-full.p-multiselect.p-focus{border-color:var(--primary)!important;background:var(--card)!important;box-shadow:0 0 0 3px #6366f11f!important}.esa-dd-full .p-dropdown-trigger,.esa-dd-full .p-multiselect-trigger{color:var(--text-3);transition:color .15s,transform .2s}.esa-dd-full.p-dropdown.p-focus .p-dropdown-trigger,.esa-dd-full.p-multiselect.p-focus .p-multiselect-trigger{color:var(--primary);transform:rotate(180deg)}.p-multiselect.esa-dd-full{height:auto!important;min-height:38px!important}.p-multiselect.esa-dd-full .p-multiselect-label{flex-wrap:wrap;gap:5px;display:flex;padding:6px 10px!important;font-size:13px!important;line-height:1.5!important}.p-multiselect.esa-dd-full .p-multiselect-token{gap:5px;background:var(--primary-bg)!important;color:var(--primary-dk)!important;border-radius:6px!important;margin:0!important;padding:3px 6px 3px 9px!important;font-size:11.5px!important;font-weight:600!important}.p-multiselect.esa-dd-full .p-multiselect-token-icon{opacity:.7;transition:opacity .15s;color:var(--primary-dk)!important}.p-multiselect.esa-dd-full .p-multiselect-token-icon:hover{opacity:1}.p-multiselect.esa-dd-full .p-multiselect-clear-icon{color:var(--text-3);transition:color .15s}.p-multiselect.esa-dd-full .p-multiselect-clear-icon:hover{color:var(--danger)}.esa-dd-panel.p-dropdown-panel,.esa-dd-panel.p-multiselect-panel{margin-top:6px;animation:.15s ddPanelIn;overflow:hidden;border:1px solid var(--border-md)!important;box-shadow:var(--shadow-lg)!important;border-radius:12px!important}.esa-dd-panel .p-dropdown-items,.esa-dd-panel .p-multiselect-items{padding:6px}.esa-dd-panel .p-dropdown-item,.esa-dd-panel .p-multiselect-item{color:var(--text-1);margin:1px 0;font-size:13px;transition:background .12s,color .12s;border-radius:8px!important;padding:9px 10px!important}.esa-dd-panel .p-dropdown-item:not(.p-highlight):hover,.esa-dd-panel .p-multiselect-item:not(.p-highlight):hover{background:var(--primary-bg)!important;color:var(--primary-dk)!important}.esa-dd-panel .p-dropdown-item.p-highlight{font-weight:600;background:var(--primary)!important;color:#fff!important}.esa-dd-panel .p-multiselect-item.p-highlight{font-weight:600;background:var(--primary-bg)!important;color:var(--primary-dk)!important}.esa-dd-panel .p-checkbox .p-checkbox-box{transition:all .15s;border:1.5px solid var(--border-md)!important;border-radius:5px!important;width:17px!important;height:17px!important}.esa-dd-panel .p-checkbox .p-checkbox-box.p-highlight{background:var(--primary)!important;border-color:var(--primary)!important}.esa-dd-panel .p-dropdown-filter-container,.esa-dd-panel .p-multiselect-filter-container{border-bottom:1px solid var(--border);padding:8px}.esa-dd-panel .p-multiselect-filter-container .p-inputtext,.esa-dd-panel .p-dropdown-filter{width:100%;font-size:13px;transition:border-color .15s,box-shadow .15s;border:1.5px solid var(--border-md)!important;border-radius:8px!important;padding:7px 10px!important}.esa-dd-panel .p-multiselect-filter-container .p-inputtext:focus,.esa-dd-panel .p-dropdown-filter:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f11f!important}.esa-dd-panel .p-dropdown-empty-message,.esa-dd-panel .p-multiselect-empty-message{color:var(--text-3);text-align:center;padding:16px;font-size:12.5px}.esa-dd-panel .p-multiselect-header{border-bottom:1px solid var(--border);padding:8px 10px}.esa-dd-panel .p-multiselect-header .p-checkbox .p-checkbox-box{width:16px!important;height:16px!important}.esa-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.esa-field-err .esa-input,.esa-field-err .p-dropdown{border-color:var(--danger)!important}.esa-err{color:var(--danger);font-size:11px}.esa-session-grid{gap:6px;display:flex}.esa-sess-btn{border:1.5px solid var(--border-md);color:var(--text-2);background:var(--bg);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:7px 4px;font-size:11px;font-weight:600;transition:all .15s}.esa-sess-btn.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.esa-status-tabs{gap:6px;display:flex}.esa-stab{border:1.5px solid var(--border-md);color:var(--text-2);background:var(--bg);cursor:pointer;text-transform:capitalize;border-radius:8px;flex:1;padding:7px 0;font-size:11.5px;font-weight:600;transition:all .15s}.esa-stab.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.esa-room-alloc-list{flex-direction:column;gap:8px;display:flex}.esa-room-alloc-row{align-items:flex-start;gap:8px;display:flex}.esa-alloc-field{flex-direction:column;flex:1;gap:3px;display:flex}.esa-alloc-field .esa-dd-full,.esa-alloc-field .p-dropdown{width:100%!important;min-width:0!important}.esa-alloc-seats{flex-direction:column;flex-shrink:0;gap:3px;width:90px;display:flex}.esa-alloc-seats .esa-input{text-align:center}.esa-input-readonly{background:var(--bg-2,#f1f5f9);color:var(--text-2,#64748b);cursor:not-allowed;font-weight:600}.esa-input-err{border-color:var(--danger)!important}.esa-alloc-rm{border:1.5px solid var(--border-md);background:var(--bg);cursor:pointer;width:32px;height:38px;color:var(--text-3);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.esa-alloc-rm:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.esa-btn-add-alloc{border:1.5px dashed var(--border-md);background:var(--bg);color:var(--text-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.esa-btn-add-alloc:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.esa-alloc-summary{color:var(--primary);padding:6px 0;font-size:12px;font-weight:600}.esa-exam-setups-summary{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.esa-exam-tag{background:var(--primary-bg);color:var(--primary);border:1px solid #6366f133;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600}.esa-info-box{color:#92400e;background:#fffbeb;border:1px solid #f59e0b33;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.esa-info-box svg{color:var(--warning);flex-shrink:0;margin-top:1px}.esa-btn-cancel{border:1.5px solid var(--border-md);background:var(--bg);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s}.esa-btn-cancel:hover{background:var(--border)}.esa-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.esa-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 20px;font-size:13px;font-weight:600;transition:background .15s;box-shadow:0 2px 8px #6366f14d}.esa-btn-save:hover{background:var(--primary-dk)}.esa-btn-save:disabled{opacity:.6;cursor:not-allowed}:root{--primary:#6366f1;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#8b5cf6;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #0000001f;--radius:14px;--radius-sm:10px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes seatPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 6px #6366f114}}.esa-assign-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:20px;padding:24px 28px 40px;animation:.4s fadeUp;display:flex}.esa-assign-loading,.esa-assign-empty{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:100px 20px;display:flex}.esa-spinner{border:3px solid var(--border-md);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.esa-spinner-small{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.esa-assign-empty p{color:var(--text-2);font-size:15px;font-weight:600}.esa-assign-empty button{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:9px;padding:8px 18px;font-size:13px;font-weight:600}.esa-assign-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.esa-assign-header-left{align-items:flex-start;gap:14px;display:flex}.esa-assign-back{border:1.5px solid var(--border-md);background:var(--card);cursor:pointer;width:36px;height:36px;color:var(--text-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.esa-assign-back:hover{background:var(--bg);color:var(--text-1);border-color:var(--text-3)}.esa-assign-header-info h1{color:var(--text-1);font-size:20px;font-weight:700;line-height:1.2}.esa-assign-meta{color:var(--text-2);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12.5px;display:flex}.esa-assign-meta span{align-items:center;gap:5px;display:flex}.esa-assign-status{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 10px;font-size:10.5px;font-weight:700}.esa-assign-status-draft{color:#6b7280;background:#f3f4f6}.esa-assign-status-confirmed{color:#065f46;background:#ecfdf5}.esa-assign-status-completed{color:#4338ca;background:#eef2ff}.esa-assign-status-cancelled{color:#991b1b;background:#fef2f2}.esa-assign-header-stats{gap:10px;display:flex}.esa-assign-hstat{background:var(--card);min-width:80px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 18px;display:flex}.esa-hstat-val{color:var(--text-1);font-size:22px;font-weight:800}.esa-hstat-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.esa-assign-body{align-items:flex-start;gap:22px;display:flex}@media (width<=1100px){.esa-assign-body{flex-direction:column}}.esa-assign-rooms{flex-direction:column;flex:1;gap:20px;display:flex}.esa-room-block{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1.5px solid var(--border);transition:border-color .2s,box-shadow .2s;overflow:hidden}.esa-room-block.active{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.esa-room-block-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.esa-room-block-name{color:var(--text-1);font-size:16px;font-weight:700}.esa-room-block-sub{color:var(--text-3);margin-top:1px;font-size:12px}.esa-room-block-cap{color:var(--primary);background:var(--primary-bg);border-radius:8px;padding:4px 12px;font-size:14px;font-weight:700}.esa-seat-grid{gap:8px;padding:14px 16px;display:grid}.esa-seat{border:1.5px solid var(--border-md);background:var(--bg);cursor:default;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-height:56px;padding:8px 4px 6px;transition:all .15s;animation:.25s seatPop;display:flex;position:relative}.esa-seat:nth-child(n){animation-delay:calc(20ms * var(--seat-index,0))}.esa-seat-num{color:var(--text-3);font-size:10px;font-weight:700;line-height:1}.esa-seat-name{color:var(--text-1);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9.5px;font-weight:600;line-height:1.2;overflow:hidden}.esa-seat-course{text-align:center;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:4px;max-width:100%;padding:1px 6px;font-size:8.5px;font-weight:700;line-height:1.4;display:inline-block;overflow:hidden}.esa-seat.selectable{border-color:var(--primary);background:var(--primary-bg);cursor:pointer;border-style:dashed;animation:1.5s ease-in-out infinite pulseGlow}.esa-seat.selectable:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}.esa-seat.selectable:hover .esa-seat-num{color:#fff}.esa-seat.occupied{background:var(--success-bg);border-color:var(--success);cursor:pointer}.esa-seat.occupied:hover{border-color:var(--danger);background:var(--danger-bg)}.esa-seat.can-replace{border-color:var(--warning);background:var(--warning-bg)}.esa-seat.can-replace:hover{border-color:var(--danger);background:var(--danger-bg)}.esa-seat.drag-over{border-color:var(--primary);background:var(--primary-bg);cursor:grab;border-style:dashed;transform:scale(1.08);box-shadow:0 0 0 3px #6366f126}.esa-seat.drag-over .esa-seat-num{color:var(--primary)}.esa-assign-sidebar{background:var(--card);border-radius:var(--radius);width:320px;box-shadow:var(--shadow-sm);border:1.5px solid var(--border);flex-direction:column;flex-shrink:0;max-height:calc(100vh - 180px);display:flex;position:sticky;top:24px}@media (width<=1100px){.esa-assign-sidebar{width:100%;max-height:none;position:static}}.esa-sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.esa-sidebar-header h3{color:var(--text-1);font-size:14px;font-weight:700}.esa-sidebar-count{color:#fff;background:var(--primary);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.esa-sidebar-selected{background:var(--primary-bg);border-bottom:1px solid #6366f126;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.esa-sidebar-selected-inner{align-items:center;gap:10px;display:flex}.esa-selected-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.esa-selected-info{flex-direction:column;gap:1px;display:flex}.esa-selected-info strong{color:var(--text-1);font-size:13px}.esa-selected-info span{color:var(--text-2);font-size:11px}.esa-sidebar-hint{color:var(--primary);text-align:center;padding:4px 0 0;font-size:11px;font-weight:600}.esa-sidebar-cancel{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:6px;width:100%;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s}.esa-sidebar-cancel:hover{background:var(--bg);color:var(--text-1)}.esa-sidebar-list{flex:1;padding:6px;overflow-y:auto}.esa-sidebar-list::-webkit-scrollbar{width:4px}.esa-sidebar-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:3px}.esa-sidebar-empty{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.esa-sidebar-empty p{color:var(--text-2);font-size:13px;font-weight:600}.esa-sidebar-student{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:all .15s;display:flex}.esa-sidebar-student:hover{background:var(--bg)}.esa-sidebar-student.selected{background:var(--primary-bg)}.esa-student-avatar{background:var(--bg);border:1.5px solid var(--border-md);width:28px;height:28px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .15s;display:flex}.esa-student-avatar.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.esa-student-details{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.esa-student-details strong{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.esa-student-row2{color:var(--text-3);align-items:center;gap:5px;font-size:10.5px;display:flex}.esa-student-row2 span:last-child{color:var(--text-3)}.esa-student-course{border:1px solid;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700;line-height:1.4;display:inline-block}.esa-sidebar-footer{border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 var(--radius) var(--radius);flex-direction:column;gap:7px;padding:10px 12px;display:flex}.esa-sidebar-footer-row{gap:7px;display:flex}.esa-sidebar-footer-row .esa-btn-auto-assign,.esa-sidebar-footer-row .esa-btn-clear-all{flex:1}.esa-btn-auto-assign{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.esa-btn-auto-assign:hover{background:var(--success-bg);color:var(--success);border-color:var(--success)}.esa-btn-auto-assign:disabled{opacity:.5;cursor:not-allowed;background:var(--bg);color:var(--text-3)}.esa-btn-clear-all{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.esa-btn-clear-all:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.esa-btn-clear-all:disabled{opacity:.5;cursor:not-allowed;background:var(--bg);color:var(--text-3)}.esa-btn-save-assign{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.esa-btn-save-assign:hover{background:var(--primary-dk)}.esa-btn-save-assign:disabled{opacity:.6;cursor:not-allowed}.esa-assign-header-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.esa-btn-print{border:1.5px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.esa-btn-print:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.print-only-chart{display:none}@media print{.no-print,.no-print *{display:none!important}.print-only-chart{width:100%;padding:20px 24px;display:block;position:static}.poc-header{border-bottom:2px solid #000;margin-bottom:18px;padding-bottom:12px}.poc-title{color:#000;margin-bottom:6px;font-size:18px;font-weight:700}.poc-meta{color:#444;flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.poc-room{page-break-inside:avoid;margin-bottom:20px}.poc-room-header{background:#f1f5f9;border:1px solid #ccc;border-bottom:none;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.poc-room-name{color:#000;font-size:15px;font-weight:700}.poc-room-cap{color:#555;font-size:11px}.poc-table{border-collapse:collapse;border:1px solid #ccc;width:100%;font-size:11px}.poc-table th{text-align:left;color:#000;text-transform:uppercase;letter-spacing:.03em;background:#e2e8f0;border:1px solid #ccc;padding:6px 10px;font-size:11px;font-weight:700}.poc-table td{color:#000;border:1px solid #ddd;padding:5px 10px}.poc-seat-no{text-align:center;color:#333;width:50px;font-weight:600}.poc-empty td{color:#aaa;font-style:italic}}.saa-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.18s saa-fade-in;display:flex;position:fixed;inset:0}@keyframes saa-fade-in{0%{opacity:0}to{opacity:1}}.saa-modal{background:#fff;border-radius:16px;width:100%;max-width:620px;max-height:90vh;padding:22px 24px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.22s cubic-bezier(.34,1.56,.64,1) saa-pop-in;overflow-y:auto;box-shadow:0 20px 60px #0f172a59}@keyframes saa-pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.saa-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.saa-header-title{align-items:center;gap:12px;display:flex}.saa-header-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex}.saa-header-title h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.saa-header-title p{color:#64748b;margin:2px 0 0;font-size:12.5px}.saa-close-x{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.saa-close-x:hover{color:#0f172a;background:#e2e8f0}.saa-status-block{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:50px 20px 40px;display:flex}.saa-status-block p{margin:0;font-size:13.5px}.saa-error-text{color:#b91c1c;font-weight:500}.saa-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:34px;height:34px;animation:.7s linear infinite saa-spin}@keyframes saa-spin{to{transform:rotate(360deg)}}.saa-progress-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.saa-progress-bar{background:#e2e8f0;border-radius:5px;flex:1;height:9px;overflow:hidden}.saa-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:5px;height:100%;transition:width .25s}.saa-progress-label{color:#475569;white-space:nowrap;font-size:12px;font-weight:600}.saa-room-chips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.saa-room-chip{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.saa-chip-active{color:#4338ca;background:#eef2ff;border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f11f}.saa-chip-done{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.saa-room-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.saa-room-heading-name{color:#0f172a;font-size:14px;font-weight:700}.saa-room-heading-count{color:#64748b;font-size:12px;font-weight:600}.saa-seat-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:5px;max-height:240px;margin-bottom:16px;padding:10px;display:grid;overflow-y:auto}.saa-seat{border:1px solid #e2e8f0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:40px;transition:transform .15s,box-shadow .15s;display:flex}.saa-seat.empty{color:#cbd5e1;background:#fff}.saa-seat.filled{border-width:1.5px}.saa-seat-num{opacity:.6;font-size:9px;font-weight:600;line-height:1}.saa-seat-code{font-size:9.5px;font-weight:700;line-height:1}.saa-seat-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) saa-seat-pop-anim}@keyframes saa-seat-pop-anim{0%{transform:scale(.4);box-shadow:0 0 #6366f180}55%{transform:scale(1.18);box-shadow:0 0 0 6px #6366f11f}to{transform:scale(1);box-shadow:0 0 #6366f100}}.saa-ticket-wrap{align-items:center;min-height:62px;margin-bottom:16px;display:flex}.saa-ticket{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;animation:.3s cubic-bezier(.34,1.56,.64,1) saa-ticket-in;display:flex}@keyframes saa-ticket-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.saa-ticket-badge{white-space:nowrap;border:1px solid;border-radius:8px;flex-shrink:0;padding:5px 12px;font-size:12.5px;font-weight:700}.saa-ticket-info{flex-direction:column;gap:2px;min-width:0;display:flex}.saa-ticket-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.saa-ticket-meta{color:#64748b;font-size:12px;font-weight:500}.saa-ticket-done{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0}.saa-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.saa-btn{cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.saa-btn-ghost{color:#475569;background:#f1f5f9}.saa-btn-ghost:hover{color:#0f172a;background:#e2e8f0}.saa-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.saa-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.saa-btn-wide{flex:1;padding:11px 16px}.saa-actions{gap:10px;display:flex}.saa-speed-group{background:#f1f5f9;border-radius:9px;gap:2px;margin-left:auto;padding:3px;display:flex}.saa-speed-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .15s}.saa-speed-btn.active{color:#4338ca;background:#fff;box-shadow:0 1px 3px #0000001a}@media (width<=560px){.saa-modal{padding:18px 16px 16px}.saa-controls{flex-direction:column;align-items:stretch}.saa-speed-group{justify-content:center;margin-left:0}.saa-progress-row{flex-direction:column;align-items:stretch}}.sa-root{max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sa-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.sa-header-left{align-items:flex-start;gap:16px;display:flex}.sa-back{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.sa-back:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.sa-title-section{flex-direction:column;gap:2px;display:flex}.sa-title{color:#0f172a;margin:0;font-size:22px;font-weight:700;line-height:1.2}.sa-subtitle{color:#64748b;margin:0;font-size:13px}.sa-header-actions{flex-shrink:0;gap:10px;display:flex}.sa-btn-execute,.sa-btn-assign,.sa-btn-save-changes{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.sa-btn-save-changes{color:#fff;background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 2px 8px #f59e0b4d}.sa-btn-save-changes:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.sa-btn-save-changes:disabled{opacity:.65;cursor:not-allowed}.sa-btn-execute{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.sa-btn-execute:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.sa-btn-assign{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d}.sa-btn-assign:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.sa-loading,.sa-allocating,.sa-idle,.sa-error{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.sa-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite sa-spin}.sa-spinner-lg{border-width:4px;width:48px;height:48px}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-allocating-anim{flex-direction:column;align-items:center;gap:16px;display:flex}.sa-allocating-text{text-align:center}.sa-allocating-text h3{color:#0f172a;margin:0 0 6px;font-size:18px}.sa-allocating-text p{color:#64748b;margin:0;font-size:13px}.sa-summary-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.sa-summary-card{border:1px solid;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:transform .15s;display:flex}.sa-summary-card:hover{transform:translateY(-2px)}.sa-card-blue{background:#eff6ff;border-color:#bfdbfe}.sa-card-green{background:#f0fdf4;border-color:#bbf7d0}.sa-card-purple{background:#faf5ff;border-color:#e9d5ff}.sa-card-orange{background:#fff7ed;border-color:#fed7aa}.sa-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sa-card-blue .sa-summary-icon{color:#2563eb;background:#dbeafe}.sa-card-green .sa-summary-icon{color:#16a34a;background:#dcfce7}.sa-card-purple .sa-summary-icon{color:#9333ea;background:#f3e8ff}.sa-card-orange .sa-summary-icon{color:#ea580c;background:#ffedd5}.sa-summary-info{flex-direction:column;gap:1px;display:flex}.sa-summary-value{color:#0f172a;font-size:22px;font-weight:700;line-height:1.1}.sa-summary-label{color:#64748b;font-size:12px;font-weight:500}.sa-algo-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.sa-algo-header{color:#0f172a;align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.sa-algo-steps{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.sa-algo-step{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:12px;padding:12px;display:flex}.sa-algo-step-num{color:#fff;background:#6366f1;border-radius:8px;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.sa-algo-step div strong{color:#0f172a;margin-bottom:3px;font-size:13px;display:block}.sa-algo-step div p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.sa-section{margin-bottom:28px}.sa-section-title{color:#0f172a;margin:0 0 14px;font-size:16px;font-weight:700}.sa-course-list{flex-direction:column;gap:8px;display:flex}.sa-course-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:14px;padding:10px 14px;transition:transform .15s;display:flex}.sa-course-row:hover{transform:translate(4px)}.sa-course-info{align-items:center;gap:10px;min-width:160px;display:flex}.sa-course-badge{white-space:nowrap;border:1px solid;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.sa-course-name{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sa-course-bar-wrap{border-radius:6px;flex:1;height:24px;overflow:hidden}.sa-course-bar{border:1px solid;border-radius:6px;min-width:4px;height:100%;transition:width .6s;position:relative}.sa-course-bar-fill{border-radius:4px;height:100%;transition:width .6s}.sa-course-count{color:#0f172a;text-align:right;white-space:nowrap;min-width:90px;font-size:13px;font-weight:600}.sa-room-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.sa-room-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:transform .15s;overflow:hidden}.sa-room-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.sa-room-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sa-room-number{color:#0f172a;font-size:14px;font-weight:700}.sa-room-cap{color:#64748b;font-size:12px;font-weight:600}.sa-room-seat-preview{gap:3px;padding:10px;display:grid}.sa-seat-dot{aspect-ratio:1;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;width:100%}.sa-seat-more{color:#94a3b8;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.sa-room-card-footer{color:#94a3b8;border-top:1px solid #e2e8f0;padding:6px 14px;font-size:11px}.sa-readiness{margin-top:20px}.sa-readiness-bar{background:#e2e8f0;border-radius:4px;width:100%;height:8px;margin-bottom:6px;overflow:hidden}.sa-readiness-fill{border-radius:4px;height:100%;transition:width .6s}.sa-readiness-text{color:#475569;font-size:13px;font-weight:500}.sa-result-stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.sa-result-stat{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.sa-result-stat-val{color:#0f172a;margin-bottom:2px;font-size:28px;font-weight:700;display:block}.sa-result-stat-lbl{color:#64748b;font-size:12px;font-weight:500}.sa-room-tabs{gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.sa-room-tab{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-width:110px;padding:10px 16px;transition:all .15s;display:flex}.sa-room-tab:hover{background:#f8fafc;border-color:#6366f1}.sa-room-tab.active{background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.sa-room-tab-name{color:#0f172a;font-size:14px;font-weight:700}.sa-room-tab-seats{color:#64748b;font-size:12px;font-weight:600}.sa-room-tab-pair{color:#6366f1;font-size:11px;font-weight:600}.sa-pair-multi{color:#f59e0b}.sa-room-detail{margin-bottom:20px;display:none}.sa-room-detail.visible{display:block}.sa-room-detail-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:12px 16px;display:flex}.sa-room-detail-name{color:#0f172a;margin-right:12px;font-size:16px;font-weight:700}.sa-room-detail-pair{color:#475569;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.sa-pair-badge{border:1px solid;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.sa-room-detail-cap{color:#475569;font-size:13px;font-weight:600}.sa-seat-grid{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:4px;margin-bottom:16px;padding:8px;display:grid}.sa-seat{cursor:default;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:44px;padding:6px 2px;transition:all .15s;display:flex}.sa-seat.filled{cursor:grab;border-width:1.5px}.sa-seat.filled:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.sa-seat.empty{color:#cbd5e1;background:#f8fafc}.sa-seat.sa-seat-dragging{opacity:.4}.sa-seat.sa-seat-drag-over{border-style:dashed;border-color:#6366f1;transform:scale(1.08);box-shadow:0 0 0 3px #6366f12e}.sa-seat-num{opacity:.6;font-size:10px;font-weight:600;line-height:1}.sa-seat-course{font-size:10px;font-weight:700;line-height:1}.sa-room-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.sa-room-table{border-collapse:collapse;width:100%;font-size:13px}.sa-room-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:12px;font-weight:600}.sa-room-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:8px 12px}.sa-room-table tr:last-child td{border-bottom:none}.sa-room-table tr:hover td{background:#f8fafc}.sa-td-seat{color:#0f172a;text-align:center;font-weight:700}.sa-table-badge{white-space:nowrap;border:1px solid;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.sa-flow{flex-direction:column;gap:0;display:flex}.sa-flow-step{gap:14px;display:flex}.sa-flow-connector{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.sa-flow-dot{z-index:1;background:#6366f1;border:3px solid #e0e7ff;border-radius:50%;flex-shrink:0;width:14px;height:14px}.sa-flow-line{background:#e0e7ff;flex:1;width:2px;min-height:20px}.sa-flow-content{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;margin-bottom:10px;padding:12px 16px;transition:transform .15s}.sa-flow-content:hover{transform:translate(4px);box-shadow:0 2px 8px #0000000a}.sa-flow-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sa-flow-room{color:#0f172a;font-size:14px;font-weight:700}.sa-flow-seats{color:#64748b;font-size:12px;font-weight:600}.sa-flow-pair{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.sa-flow-badge{border:1px solid;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.sa-flow-bar-wrap{background:#f1f5f9;border-radius:5px;height:10px;display:flex;overflow:hidden}.sa-flow-bar-seg{height:100%;transition:width .3s}.sa-error h3{color:#0f172a;margin:8px 0 4px;font-size:18px}.sa-error p{color:#64748b;margin:0 0 16px;font-size:13px}.sa-btn-retry{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:background .15s}.sa-btn-retry:hover{background:#4f46e5}@media (width<=768px){.sa-root{padding:14px}.sa-header{flex-direction:column}.sa-header-actions{width:100%}.sa-btn-execute,.sa-btn-assign{justify-content:center;width:100%}.sa-summary-row{grid-template-columns:repeat(2,1fr)}.sa-course-info{min-width:100px}.sa-algo-steps{grid-template-columns:1fr}.sa-room-tabs{flex-wrap:nowrap}}:root{--primary:#6366f1;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--primary-dk:#4f46e5;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#7c3aed;--purple-bg:#f5f3ff;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes slideInR{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.ppc-content{padding:28px;animation:.35s both fadeUp}.ppc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.ppc-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.ppc-sub{color:var(--text-2);margin-top:3px;font-size:13px}.ppc-btn-add{background:var(--primary);color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 4px 14px #6366f159}.ppc-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.ppc-stats{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.ppc-stat{background:var(--card);border:1px solid var(--border-md);min-width:160px;box-shadow:var(--shadow-sm);border-radius:12px;flex:1;align-items:center;gap:12px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex}.ppc-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ppc-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ppc-stat-value{font-size:22px;font-weight:800;line-height:1}.ppc-stat-label{color:var(--text-2);margin-top:3px;font-size:12px;font-weight:500}.ppc-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ppc-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ppc-search-box{background:var(--card);border:1px solid var(--border-md);min-width:240px;height:38px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ppc-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ppc-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.ppc-search-box input::placeholder{color:var(--text-3)}.ppc-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.ppc-clear:hover{color:var(--text-1)}.ppc-count{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:flex}.ppc-dropdown.p-dropdown{border:1px solid var(--border-md);background:var(--card);height:38px;color:var(--text-1);border-radius:9px;min-width:130px;font-size:13px;transition:border-color .15s,box-shadow .15s}.ppc-dropdown.p-dropdown .p-dropdown-label{font-size:13px;line-height:36px;font-family:var(--font);padding:0 10px}.ppc-dropdown.p-dropdown .p-dropdown-trigger{color:var(--text-3);width:28px}.ppc-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)}.ppc-dropdown.p-dropdown.p-focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.ppc-dropdown.full.p-dropdown{width:100%;height:40px}.ppc-dropdown.full.p-dropdown .p-dropdown-label{line-height:38px}.ppc-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);border-radius:10px;margin-top:4px;overflow:hidden}.ppc-dropdown-panel .p-dropdown-items{padding:5px 0}.ppc-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.ppc-dropdown-panel .p-dropdown-item:hover,.ppc-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.ppc-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.ppc-table-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.ppc-table{border-collapse:collapse;width:100%;font-size:13px}.ppc-table thead tr{background:#f9fafc}.ppc-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-md);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700}.ppc-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px}.ppc-table tbody tr:last-child td{border-bottom:none}.ppc-table tbody tr:hover{background:#fafbff}.ppc-company-cell{align-items:center;gap:11px;display:flex}.ppc-logo{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000014}.ppc-logo img{object-fit:contain;width:100%;height:100%}.ppc-company-name{color:var(--text-1);font-size:13.5px;font-weight:600}.ppc-website{color:var(--primary);align-items:center;gap:3px;margin-top:2px;font-size:11px;text-decoration:none;display:flex}.ppc-website:hover{text-decoration:underline}.ppc-type-badge{letter-spacing:.02em;border-radius:6px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.ppc-industry{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;overflow:hidden}.ppc-contact{flex-direction:column;gap:3px;display:flex}.ppc-contact span{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:flex}.ppc-location span{color:var(--text-2);align-items:center;gap:4px;font-size:12px;display:flex}.ppc-recruiter-count{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:flex}.ppc-na{color:var(--text-3);font-size:12px}.ppc-status-btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:20px;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:700;transition:opacity .15s;display:inline-flex}.ppc-status-btn.active{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.ppc-status-btn.inactive{color:var(--text-3);border:1px solid var(--border-md);background:#f4f4f5}.ppc-status-btn:hover{opacity:.8}.ppc-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.ppc-edit-btn{background:var(--primary-bg);color:var(--primary);border:1.5px solid var(--primary-ring);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:8px;align-items:center;gap:6px;padding:6px 13px;transition:background .15s,border-color .15s,transform .12s;display:flex}.ppc-edit-btn:hover{border-color:var(--primary);background:#e0e7ff;transform:translateY(-1px)}.ppc-empty{text-align:center;color:var(--text-2);padding:56px 16px}.ppc-empty svg{color:var(--text-3);opacity:.5;margin:0 auto 14px;display:block}.ppc-empty p{color:var(--text-2);font-size:14px}.ppc-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;animation:.2s fadeUp;position:fixed;inset:0}.ppc-panel{background:var(--card);z-index:201;flex-direction:column;width:540px;height:100vh;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000024}.ppc-panel.open{transition-delay:0s;transform:translate(0)}.ppc-panel-head{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.ppc-panel-head-left{align-items:center;gap:13px;display:flex}.ppc-panel-icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff47;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00000026}.ppc-panel-title{color:#fff;letter-spacing:-.01em;font-size:17px;font-weight:800}.ppc-panel-sub{color:#ffffffb8;margin-top:3px;font-size:12px}.ppc-panel-close{color:#ffffffd9;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,border-color .15s,color .15s;display:flex}.ppc-panel-close:hover{color:#fff;background:#ffffff38;border-color:#ffffff73}.ppc-tabs{border-bottom:1px solid var(--border-md);background:#f8f9fc;flex-shrink:0;gap:4px;padding:10px 20px;display:flex}.ppc-tab{color:var(--text-2);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px;align-items:center;gap:6px;margin-bottom:0;padding:7px 16px;transition:background .15s,color .15s,box-shadow .15s;display:flex}.ppc-tab.active{color:var(--primary);background:#fff;border-bottom:2px solid #0000;box-shadow:0 1px 5px #00000017,0 0 0 1px #6366f11f}.ppc-tab:hover:not(.active){color:var(--text-1);background:#6366f10f}.ppc-tab-badge{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-ring);border-radius:8px;padding:2px 7px;font-size:10px;font-weight:700}.ppc-panel-body{flex:1;padding:20px 24px 8px;overflow-y:auto}.ppc-panel-body::-webkit-scrollbar{width:4px}.ppc-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.ppc-form-sections{flex-direction:column;gap:16px;display:flex}.ppc-section{border:1.5px solid var(--border-md);background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 1px 4px #0000000a}.ppc-section-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);align-items:center;gap:9px;margin-bottom:0;padding-bottom:12px;font-size:11px;font-weight:700;display:flex}.ppc-section-icon{background:var(--primary-bg);width:26px;height:26px;color:var(--primary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ppc-section-icon.ppc-section-icon-green{background:var(--success-bg);color:var(--success)}.ppc-section-icon.ppc-section-icon-orange{background:var(--warning-bg);color:var(--warning)}.ppc-field{flex-direction:column;flex:1;gap:6px;display:flex}.ppc-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.ppc-req{color:var(--danger);margin-left:2px}.ppc-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:0;display:grid}.ppc-row.three{grid-template-columns:1fr 1fr 1fr}.ppc-input{border:1.5px solid var(--border-md);height:40px;color:var(--text-1);width:100%;font-size:13px;font-family:var(--font);background:#fafbfc;border-radius:9px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s}.ppc-input:hover{background:#fff;border-color:#c4c9d8}.ppc-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.ppc-input::placeholder{color:var(--text-3);font-size:12.5px}.ppc-input-icon{align-items:center;display:flex;position:relative}.ppc-input-icon>svg{color:var(--text-3);pointer-events:none;z-index:1;position:absolute;left:12px}.ppc-input.iconed{padding-left:34px}.ppc-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;border-radius:9px;margin-bottom:14px;padding:10px 14px;font-size:13px}.ppc-logo-upload{border:1.5px dashed var(--border-md);background:#fafbfc;border-radius:10px;grid-template-columns:68px 1fr;align-items:center;gap:14px;padding:14px;transition:border-color .15s;display:grid}.ppc-logo-upload:hover{border-color:#a5b4fc}.ppc-logo-preview{border:1.5px solid var(--border-md);width:68px;height:68px;color:var(--text-3);background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000012}.ppc-logo-preview img{object-fit:contain;width:100%;height:100%}.ppc-logo-upload-body{flex-direction:column;gap:7px;min-width:0;display:flex}.ppc-logo-upload-btn{background:var(--primary-bg);width:fit-content;color:var(--primary);border:1.5px solid var(--primary-ring);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;transition:background .15s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.ppc-logo-upload-btn:hover{border-color:var(--primary);background:#e0e7ff}.ppc-logo-upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.ppc-logo-upload-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ppc-recruiters{flex-direction:column;gap:14px;display:flex}.ppc-recruiters-head{color:var(--text-2);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.ppc-add-rec-btn{background:var(--primary-bg);color:var(--primary);border:1.5px solid var(--primary-ring);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:8px;align-items:center;gap:6px;padding:6px 13px;transition:background .15s,border-color .15s;display:flex}.ppc-add-rec-btn:hover{border-color:var(--primary);background:#e0e7ff}.ppc-rec-empty{text-align:center;color:var(--text-2);border:1.5px dashed var(--border-md);background:#fafbfc;border-radius:12px;padding:36px 24px}.ppc-rec-empty svg{color:var(--text-3);margin:0 auto 10px;display:block}.ppc-rec-empty p{margin-bottom:12px;font-size:13px}.ppc-rec-card{border:1.5px solid var(--border-md);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 4px #0000000a}.ppc-rec-card .ppc-row{margin-top:0}.ppc-rec-card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.ppc-rec-num{color:var(--primary);background:var(--primary-bg);border:1px solid var(--primary-ring);letter-spacing:.02em;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.ppc-rec-actions{align-items:center;gap:10px;display:flex}.ppc-primary-label{color:var(--text-2);cursor:pointer;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.ppc-rec-remove{cursor:pointer;color:var(--text-3);background:0 0;border:none;border-radius:7px;align-items:center;padding:5px;transition:color .15s,background .15s;display:flex}.ppc-rec-remove:hover{color:var(--danger);background:var(--danger-bg)}.ppc-panel-foot{border-top:1px solid var(--border-md);background:#fafbfc;flex-shrink:0;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.ppc-btn-cancel{border:1.5px solid var(--border-md);background:var(--card);cursor:pointer;height:42px;color:var(--text-2);font-size:13.5px;font-weight:600;font-family:var(--font);border-radius:10px;flex:1;padding:0 16px;transition:border-color .15s,color .15s,background .15s}.ppc-btn-cancel:hover{color:var(--text-1);background:#f9fafb;border-color:#c4c9d8}.ppc-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:42px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:7px;padding:0 20px;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 4px 14px #6366f159}.ppc-btn-save:hover:not(.disabled):not(.saved){background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.ppc-btn-save.disabled{color:#a5b4fc;cursor:not-allowed;box-shadow:none;background:#e0e7ff}.ppc-btn-save.saved{background:var(--success);box-shadow:0 4px 14px #10b98159}@media (width<=540px){.ppc-panel{width:100vw}.ppc-stats{flex-direction:column}.ppc-row,.ppc-row.three{grid-template-columns:1fr}}:root{--primary:#6366f1;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--primary-dk:#4f46e5;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#7c3aed;--purple-bg:#f5f3ff;--blue:#3b82f6;--blue-bg:#eff6ff;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}@keyframes ppdViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ppd-content{padding:28px;animation:.35s both fadeUp}.ppd-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.ppd-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.ppd-sub{color:var(--text-2);margin-top:3px;font-size:13px}.ppd-btn-add{background:var(--primary);color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 4px 14px #6366f159}.ppd-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.ppd-stats{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.ppd-stat{background:var(--card);border:1px solid var(--border-md);min-width:150px;box-shadow:var(--shadow-sm);border-radius:12px;flex:1;align-items:center;gap:12px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex}.ppd-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ppd-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ppd-stat-value{font-size:22px;font-weight:800;line-height:1}.ppd-stat-label{color:var(--text-2);margin-top:3px;font-size:12px;font-weight:500}.ppd-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ppd-toolbar-left,.ppd-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ppd-search-box{background:var(--card);border:1px solid var(--border-md);min-width:220px;height:38px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ppd-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ppd-search-box input{color:var(--text-1);font-size:13px;font-family:var(--font);background:0 0;border:none;outline:none;flex:1}.ppd-search-box input::placeholder{color:var(--text-3)}.ppd-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.ppd-clear:hover{color:var(--text-1)}.ppd-count{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:flex}.ppd-view-toggle{background:var(--card);border:1px solid var(--border-md);border-radius:9px;align-items:center;gap:3px;height:38px;padding:3px;display:flex;position:relative}.ppd-view-toggle-indicator{background:var(--primary-bg);will-change:transform;z-index:0;border-radius:7px;width:32px;height:30px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.ppd-view-toggle-indicator.list{transform:translate(35px)}.ppd-view-btn{z-index:1;width:32px;height:30px;color:var(--text-3);cursor:pointer;font-family:var(--font);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:flex;position:relative}.ppd-view-btn:active{transform:scale(.88)}.ppd-view-btn:hover:not(.active){color:var(--text-1)}.ppd-view-btn.active{color:var(--primary)}.ppd-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both ppdViewSwitch}.ppd-dropdown.p-dropdown{border:1px solid var(--border-md);background:var(--card);border-radius:9px;min-width:130px;height:38px;font-size:13px;transition:border-color .15s,box-shadow .15s}.ppd-dropdown.p-dropdown .p-dropdown-label{font-size:13px;line-height:36px;font-family:var(--font);padding:0 10px}.ppd-dropdown.p-dropdown .p-dropdown-trigger{color:var(--text-3);width:28px}.ppd-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)}.ppd-dropdown.p-dropdown.p-focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.ppd-dropdown.full.p-dropdown{width:100%;min-width:unset;height:40px}.ppd-dropdown.full.p-dropdown .p-dropdown-label{line-height:38px}.ppd-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);border-radius:10px;margin-top:4px;overflow:hidden}.ppd-dropdown-panel .p-dropdown-items{padding:5px 0}.ppd-dropdown-panel .p-dropdown-item{color:var(--text-1);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 14px;transition:background .12s}.ppd-dropdown-panel .p-dropdown-item:hover,.ppd-dropdown-panel .p-dropdown-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.ppd-dropdown-panel .p-dropdown-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.ppd-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.ppd-table-wrap{background:var(--card);border:1px solid var(--border-md);box-shadow:var(--shadow-sm);border-radius:12px;overflow:auto}.ppd-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.ppd-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-md);white-space:nowrap;background:#fafbff;padding:12px 14px;font-size:11px;font-weight:700}.ppd-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:13px 14px;font-size:12px}.ppd-table tbody tr{transition:background .15s}.ppd-table tbody tr:hover{background:#fafbff}.ppd-table tbody tr:last-child td{border-bottom:none}.ppd-table-main{min-width:190px}.ppd-table-title{color:var(--text-1);font-size:13px;font-weight:700;line-height:1.35}.ppd-table-sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-top:2px;font-size:11px;overflow:hidden}.ppd-table-company{align-items:center;gap:9px;min-width:180px;display:flex}.ppd-company-logo.table-logo{border-radius:8px;width:32px;height:32px;font-size:13px}.ppd-table-company-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12px;font-weight:700;overflow:hidden}.ppd-table-year{color:var(--text-1);white-space:nowrap;font-size:12px;font-weight:600}.ppd-table-tags{flex-wrap:wrap;align-items:center;gap:5px;min-width:145px;display:flex}.ppd-table-ctc{color:var(--success);white-space:nowrap;font-weight:700}.ppd-muted{color:var(--text-3)}.ppd-dropdown.table-status-dd.p-dropdown{min-width:122px}.ppd-icon-btn{border:1.5px solid var(--primary-ring);background:var(--primary-bg);width:32px;height:32px;color:var(--primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .12s;display:flex}.ppd-icon-btn:hover{border-color:var(--primary);background:#e0e7ff;transform:translateY(-1px)}.ppd-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:20px;transition:box-shadow .2s,transform .2s;animation:.3s both cardIn;display:flex}.ppd-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ppd-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ppd-card-company{align-items:center;gap:10px;display:flex}.ppd-company-logo{background:var(--primary-bg);width:38px;height:38px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000014}.ppd-company-logo img{object-fit:contain;width:100%;height:100%}.ppd-company-name{color:var(--text-1);font-size:13px;font-weight:600}.ppd-session{color:var(--text-3);margin-top:1px;font-size:11px}.ppd-status-badge{white-space:nowrap;letter-spacing:.02em;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.ppd-card-body{flex-direction:column;gap:8px;display:flex}.ppd-drive-title{color:var(--text-1);font-size:15px;font-weight:700;line-height:1.3}.ppd-role{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.ppd-tags{flex-wrap:wrap;gap:6px;display:flex}.ppd-tag{letter-spacing:.01em;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ppd-tag.type{background:var(--primary-bg);color:var(--primary)}.ppd-tag.mode{color:#16a34a;background:#f0fdf4}.ppd-tag.loc{color:#a21caf;background:#fdf4ff}.ppd-courses{color:var(--text-2);border:1px solid var(--border-md);background:#f9fafb;border-radius:8px;padding:7px 10px;font-size:12px;line-height:1.4}.ppd-meta-row{align-items:center;gap:12px;display:flex}.ppd-ctc{color:var(--success);font-size:14px;font-weight:700}.ppd-openings{color:var(--text-2);align-items:center;gap:4px;font-size:12px;display:flex}.ppd-date{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:flex}.ppd-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.ppd-card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:4px;display:flex}.ppd-dropdown.status-dd.p-dropdown{border-radius:8px;min-width:110px;height:32px;font-size:12px}.ppd-dropdown.status-dd.p-dropdown .p-dropdown-label{padding:0 8px;font-size:12px;line-height:30px}.ppd-edit-btn{background:var(--primary-bg);color:var(--primary);border:1.5px solid var(--primary-ring);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:8px;align-items:center;gap:6px;padding:6px 13px;transition:background .15s,border-color .15s,transform .12s;display:flex}.ppd-edit-btn:hover{border-color:var(--primary);background:#e0e7ff;transform:translateY(-1px)}.ppd-empty{text-align:center;color:var(--text-2);padding:64px 16px}.ppd-empty svg{color:var(--text-3);opacity:.5;margin:0 auto 14px;display:block}.ppd-empty p{font-size:14px}.ppd-table-courses{max-width:180px;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.ppd-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;animation:.2s fadeUp;position:fixed;inset:0}.ppd-panel{background:var(--card);z-index:201;flex-direction:column;width:560px;height:100vh;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000024}.ppd-panel.open{transition-delay:0s;transform:translate(0)}.ppd-panel-head{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.ppd-panel-head-left{align-items:center;gap:13px;display:flex}.ppd-panel-icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff47;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00000026}.ppd-panel-title{color:#fff;letter-spacing:-.01em;font-size:17px;font-weight:800}.ppd-panel-sub{color:#ffffffb8;margin-top:3px;font-size:12px}.ppd-panel-close{color:#ffffffd9;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,border-color .15s,color .15s;display:flex}.ppd-panel-close:hover{color:#fff;background:#ffffff38;border-color:#ffffff73}.ppd-panel-body{flex:1;padding:20px 24px 8px;overflow-y:auto}.ppd-panel-body::-webkit-scrollbar{width:4px}.ppd-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.ppd-form-sections{flex-direction:column;gap:16px;display:flex}.ppd-section{border:1.5px solid var(--border-md);background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 1px 4px #0000000a}.ppd-section-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);align-items:center;gap:9px;margin-bottom:0;padding-bottom:12px;font-size:11px;font-weight:700;display:flex}.ppd-section-label.with-action{justify-content:space-between}.ppd-section-label-left{align-items:center;gap:9px;display:flex}.ppd-section-icon{background:var(--primary-bg);width:26px;height:26px;color:var(--primary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ppd-si-blue{background:var(--blue-bg);color:var(--blue)}.ppd-si-green{background:var(--success-bg);color:var(--success)}.ppd-si-orange{background:var(--warning-bg);color:var(--warning)}.ppd-si-purple{background:var(--purple-bg);color:var(--purple)}.ppd-mini-btn{border:1.5px solid var(--primary-ring);background:var(--primary-bg);color:var(--primary);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font);text-transform:none;letter-spacing:0;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;transition:background .15s,border-color .15s;display:inline-flex}.ppd-mini-btn:hover{border-color:var(--primary);background:#e0e7ff}.ppd-field{flex-direction:column;flex:1;gap:6px;display:flex}.ppd-field label{color:var(--text-1);font-size:12.5px;font-weight:600}.ppd-req{color:var(--danger);margin-left:2px}.ppd-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ppd-input{border:1.5px solid var(--border-md);height:40px;color:var(--text-1);width:100%;font-size:13px;font-family:var(--font);background:#fafbfc;border-radius:9px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s}.ppd-input:hover{background:#fff;border-color:#c4c9d8}.ppd-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.ppd-input:disabled{color:var(--text-3);cursor:not-allowed;border-color:var(--border-md);background:#f4f4f5}.ppd-input[readonly]{color:var(--text-2);cursor:not-allowed;background:#f4f4f5}.ppd-input::placeholder{color:var(--text-3);font-size:12.5px}.ppd-input.textarea{resize:vertical;height:auto;padding:10px 12px;line-height:1.6}.ppd-input-icon{align-items:center;display:flex;position:relative}.ppd-input-icon>svg{color:var(--text-3);pointer-events:none;z-index:1;position:absolute;left:12px}.ppd-input-icon .ppd-input.iconed{padding-left:34px}.ppd-input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ppd-field-error{color:var(--danger);margin-top:2px;font-size:11.5px;line-height:1.4}.ppd-help{color:var(--text-3);font-size:11.5px;line-height:1.4}.ppd-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;border-radius:9px;margin-bottom:14px;padding:10px 14px;font-size:13px}.ppd-multiselect.p-multiselect{border:1.5px solid var(--border-md);width:100%;min-height:40px;font-size:13px;font-family:var(--font);background:#fafbfc;border-radius:9px;transition:border-color .15s,box-shadow .15s}.ppd-multiselect.p-multiselect:not(.p-disabled):hover{background:#fff;border-color:#c4c9d8}.ppd-multiselect.p-multiselect.p-focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #6366f11f}.ppd-multiselect .p-multiselect-label-container{padding:4px 8px}.ppd-multiselect .p-multiselect-label{font-size:13px;font-family:var(--font);flex-wrap:wrap;align-items:center;gap:5px;padding:0;display:flex}.ppd-multiselect .p-multiselect-label.p-placeholder{color:var(--text-3);font-size:12.5px}.ppd-multiselect .p-multiselect-trigger{color:var(--text-3);width:34px}.ppd-multiselect .p-multiselect-token{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-ring);font-size:11.5px;font-weight:600;font-family:var(--font);border-radius:7px;margin:2px 3px 2px 0;padding:3px 9px}.ppd-multiselect .p-multiselect-token-icon{color:var(--primary);margin-left:3px;font-size:11px}.ppd-multiselect-panel.p-multiselect-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-md);font-family:var(--font);border-radius:10px;margin-top:4px;overflow:hidden}.ppd-multiselect-panel .p-multiselect-header{border-bottom:1px solid var(--border);background:#fafbfc;padding:8px 12px}.ppd-multiselect-panel .p-multiselect-filter-container .p-inputtext{border:1.5px solid var(--border-md);height:36px;font-size:13px;font-family:var(--font);border-radius:8px;padding:0 10px;transition:border-color .15s}.ppd-multiselect-panel .p-multiselect-filter-container .p-inputtext:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.ppd-multiselect-panel .p-multiselect-items{padding:6px 0}.ppd-multiselect-panel .p-multiselect-item{color:var(--text-1);font-size:13px;font-family:var(--font);padding:9px 14px;transition:background .12s}.ppd-multiselect-panel .p-multiselect-item:hover,.ppd-multiselect-panel .p-multiselect-item:focus{background:var(--primary-bg);color:var(--primary);outline:none}.ppd-multiselect-panel .p-multiselect-item.p-highlight{background:var(--primary-bg);color:var(--primary);font-weight:600}.ppd-multiselect-panel .p-checkbox .p-checkbox-box{border-color:#cbd5e1;border-radius:5px;width:16px;height:16px}.ppd-multiselect-panel .p-checkbox .p-checkbox-box.p-highlight{background:var(--primary);border-color:var(--primary)}.ppd-multiselect-panel .p-multiselect-empty-message{color:var(--text-3);text-align:center;padding:16px 14px;font-size:13px}.ppd-round-empty{border:1.5px dashed var(--border-md);text-align:center;color:var(--text-3);background:#fafbfc;border-radius:10px;padding:20px;font-size:12.5px}.ppd-round-card{border:1.5px solid var(--border-md);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 4px #0000000a}.ppd-round-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.ppd-round-num{color:var(--purple);background:var(--purple-bg);letter-spacing:.02em;border:1px solid #ddd6fe;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.ppd-round-remove{border:1px solid var(--border-md);width:28px;height:28px;color:var(--text-2);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.ppd-round-remove:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.ppd-round-card .ppd-field,.ppd-round-card .ppd-row{margin:0}.ppd-panel-foot{border-top:1px solid var(--border-md);background:#fafbfc;flex-shrink:0;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.ppd-btn-cancel{border:1.5px solid var(--border-md);background:var(--card);cursor:pointer;height:42px;color:var(--text-2);font-size:13.5px;font-weight:600;font-family:var(--font);border-radius:10px;flex:1;padding:0 16px;transition:border-color .15s,color .15s,background .15s}.ppd-btn-cancel:hover{color:var(--text-1);background:#f9fafb;border-color:#c4c9d8}.ppd-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:42px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:7px;padding:0 20px;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 4px 14px #6366f159}.ppd-btn-save:hover:not(.disabled):not(.saved){background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.ppd-btn-save.disabled{color:#a5b4fc;cursor:not-allowed;box-shadow:none;background:#e0e7ff}.ppd-btn-save.saved{background:var(--success);box-shadow:0 4px 14px #10b98159}@media (width<=600px){.ppd-panel{width:100vw}.ppd-stats{flex-direction:column}.ppd-row,.ppd-grid{grid-template-columns:1fr}}.ppa-content{padding:28px;animation:.35s both fadeUp}.ppa-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.ppa-title{color:var(--text-1);font-size:22px;font-weight:700}.ppa-sub{color:var(--text-2);margin-top:2px;font-size:13px}.ppa-drive-selector{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:22px;padding:18px 22px}.ppa-drive-selector-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.ppa-drive-picker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ppa-clear-drive{border:1px solid var(--border-md);color:var(--text-2);cursor:pointer;white-space:nowrap;background:#f9fafb;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s;display:flex}.ppa-clear-drive:hover{border-color:var(--danger);color:var(--danger)}.ppa-drive-info{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.ppa-drive-chip{color:var(--text-2);background:#f4f4f5;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:flex}.ppa-drive-session{color:var(--text-1);font-weight:600}.ppa-drive-status-badge{border-radius:7px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.ppa-stats{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.ppa-stat{background:var(--card);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow-sm);border-radius:12px;flex:1;align-items:center;gap:12px;padding:14px 20px;display:flex}.ppa-stat-icon{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ppa-stat-value{font-size:20px;font-weight:700;line-height:1}.ppa-stat-label{color:var(--text-2);margin-top:3px;font-size:12px}.ppa-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ppa-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ppa-toolbar-right{align-items:center;gap:10px;display:flex}.ppa-search-box{background:var(--card);border:1px solid var(--border-md);min-width:220px;height:38px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ppa-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ppa-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.ppa-search-box input::placeholder{color:var(--text-3)}.ppa-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.ppa-clear:hover{color:var(--text-1)}.ppa-count{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:flex}.ppa-dropdown.p-dropdown{border:1px solid var(--border-md);background:var(--card);border-radius:9px;min-width:150px;height:38px;font-size:13px}.ppa-dropdown.p-dropdown .p-dropdown-label{padding:0 10px;font-size:13px;line-height:36px}.ppa-dropdown.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)}.ppa-dropdown.p-dropdown.p-focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ppa-dropdown.full.p-dropdown{width:100%;min-width:unset}.ppa-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:auto}.ppa-table{border-collapse:collapse;width:100%;font-size:13px}.ppa-table thead tr{border-bottom:1px solid var(--border-md);background:#fafafa}.ppa-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:12px 16px;font-size:11.5px;font-weight:600}.ppa-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.ppa-table tbody tr:last-child{border-bottom:none}.ppa-table tbody tr.ppa-row{cursor:pointer}.ppa-table tbody tr.ppa-row:hover{background:#fafbff}.ppa-table td{vertical-align:middle;padding:13px 16px}.ppa-student-cell{align-items:center;gap:10px;display:flex}.ppa-avatar{background:var(--primary-bg);width:36px;height:36px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.ppa-student-name{color:var(--text-1);font-size:13px;font-weight:600}button.ppa-student-name{font:inherit;text-align:left;background:0 0;border:none;margin:0;padding:0}.ppa-student-link{cursor:pointer;transition:color .15s}.ppa-student-link:hover{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.ppa-student-id{color:var(--text-2);margin-top:1px;font-size:11.5px}.ppa-student-meta{color:var(--text-3);margin-top:2px;font-size:11px}.ppa-elig-badge{border-radius:7px;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.ppa-elig-badge.yes{color:#10b981;background:#ecfdf5}.ppa-elig-badge.no{color:#ef4444;background:#fef2f2}.ppa-elig-badge.na{color:#71717a;background:#f4f4f5}.ppa-rounds-progress{align-items:center;gap:8px;display:flex}.ppa-rounds-bar{align-items:center;gap:4px;display:flex}.ppa-round-dot{border-radius:50%;width:10px;height:10px}.ppa-rounds-text{color:var(--text-2);font-size:11px}.ppa-status-badge{white-space:nowrap;border-radius:7px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.ppa-status-badge.lg{padding:5px 12px;font-size:12.5px}.ppa-status-badge.sm{padding:3px 8px;font-size:11px}.ppa-action-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ppa-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.ppa-action-btn:hover{transform:translateY(-1px)}.ppa-action-btn.shortlist{color:#d97706;background:#fffbeb}.ppa-action-btn.shortlist:hover{background:#fef3c7}.ppa-action-btn.view{background:var(--primary-bg);color:var(--primary)}.ppa-action-btn.view:hover{background:#e0e7ff}.ppa-muted{color:var(--text-3);font-size:12.5px}.ppa-empty{color:var(--text-3);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 24px;display:flex}.ppa-empty p{font-size:14px}.ppa-no-drive{color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.ppa-no-drive h3{color:var(--text-2);font-size:17px;font-weight:600}.ppa-no-drive p{max-width:380px;font-size:13.5px}.ppa-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;position:fixed;inset:0}.ppa-panel{background:var(--card);z-index:300;width:460px;box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.ppa-panel.open{transition-delay:0s;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;transform:translate(0)}.ppa-panel-head{border-bottom:1px solid var(--border-md);background:#fafbff;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex}.ppa-panel-head-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ppa-back-btn{border:1px solid var(--border-md);background:var(--card);cursor:pointer;width:32px;height:32px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.ppa-back-btn:hover{border-color:var(--primary);color:var(--primary)}.ppa-panel-avatar{background:var(--primary-bg);width:44px;height:44px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.ppa-panel-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.ppa-panel-title-block{flex:1;min-width:0}button.ppa-panel-name{max-width:100%;font:inherit;text-align:left;background:0 0;border:none;margin:0;padding:0;display:block}.ppa-panel-name-link{cursor:pointer;transition:color .15s}.ppa-panel-name-link:hover{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.ppa-panel-sub{color:var(--text-2);margin-top:2px;font-size:12px}.ppa-panel-body{flex-direction:column;flex:1;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.ppa-detail-section{border:1px solid var(--border);background:#fafafa;border-radius:12px;padding:16px}.ppa-detail-section-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:12px;font-size:11.5px;font-weight:700;display:flex}.ppa-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ppa-detail-item{flex-direction:column;gap:2px;display:flex}.ppa-detail-item.full{grid-column:1/-1}.ppa-detail-key{color:var(--text-3);font-size:11px;font-weight:500}.ppa-detail-val{color:var(--text-1);font-size:13px;font-weight:500}.ppa-marks-section{background:#fffdfa;border-color:#fde68a}.ppa-marks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ppa-mark-card{background:var(--card);border:1px solid var(--border-md);border-radius:10px;flex-direction:column;gap:3px;padding:10px 11px;display:flex}.ppa-mark-key{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.ppa-mark-val{color:var(--text-1);font-size:16px;font-weight:700}.ppa-shortlisted-note{color:var(--text-2);margin-top:10px;font-size:11.5px}.ppa-failed-reasons{flex-direction:column;gap:4px;margin-top:10px;display:flex}.ppa-failed-reason{color:#ef4444;background:#fef2f2;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.ppa-rounds-list{flex-direction:column;gap:12px;display:flex}.ppa-round-card{background:var(--card);border:1px solid var(--border-md);border-radius:10px;padding:14px}.ppa-round-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.ppa-round-name{color:var(--text-1);font-size:13px;font-weight:600}.ppa-round-type{color:var(--text-2);margin-top:2px;font-size:11.5px}.ppa-round-badge{border-radius:7px;padding:3px 9px;font-size:11px;font-weight:600}.ppa-round-form{flex-direction:column;gap:8px;display:flex}.ppa-round-row{grid-template-columns:1fr;gap:8px;display:grid}.ppa-round-remarks{resize:vertical;min-height:88px;line-height:1.45}.ppa-round-save-btn{background:var(--primary-bg);color:var(--primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:5px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .15s;display:inline-flex}.ppa-round-save-btn:hover{background:#e0e7ff}.ppa-round-save-btn.saving{opacity:.6;cursor:not-allowed}.ppa-input{border:1px solid var(--border-md);width:100%;color:var(--text-1);background:var(--card);border-radius:8px;outline:none;padding:8px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.ppa-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ppa-input::placeholder{color:var(--text-3)}.ppa-field{flex-direction:column;gap:5px;display:flex}.ppa-field label{color:var(--text-2);font-size:12px;font-weight:500}.ppa-offer-form{flex-direction:column;gap:10px;margin-top:4px;display:flex}.ppa-offer-form-label{color:var(--text-1);margin-bottom:2px;font-size:12.5px;font-weight:600}.ppa-offer-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ppa-offer-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.ppa-btn-cancel{border:1px solid var(--border-md);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:500;transition:border-color .15s}.ppa-btn-cancel:hover{border-color:var(--text-1);color:var(--text-1)}.ppa-quick-actions{flex-direction:column;gap:8px;display:flex}.ppa-action-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;align-self:flex-start;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 3px 12px #6366f14d}.ppa-action-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #6366f166}.ppa-action-primary:disabled{opacity:.6;cursor:not-allowed}.ppa-action-primary.shortlist{background:#d97706;box-shadow:0 3px 12px #d9770647}.ppa-action-primary.shortlist:hover{box-shadow:0 5px 16px #d9770661}.ppa-action-primary.joined{background:#4f46e5;box-shadow:0 3px 12px #4f46e547}.ppa-action-primary.joined:hover{box-shadow:0 5px 16px #4f46e561}.ppa-no-actions{margin-top:4px}.ppa-link{color:var(--primary);align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.ppa-link:hover{text-decoration:underline}@media (width<=640px){.ppa-content{padding:16px}.ppa-panel{width:100%}.ppa-detail-grid,.ppa-marks-grid,.ppa-offer-row,.ppa-round-row{grid-template-columns:1fr}}:root{--primary:#6366f1;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000026;--radius:14px}@keyframes papFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pap-content{padding:28px;animation:.35s both papFadeUp}.pap-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.pap-title{color:var(--text-1);font-size:22px;font-weight:700}.pap-sub{color:var(--text-2);margin-top:2px;font-size:13px}.pap-stats{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.pap-stat{background:var(--card);border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow-sm);border-radius:12px;flex:1;align-items:center;gap:12px;padding:14px 20px;display:flex}.pap-stat-icon{border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pap-stat-icon.blue{color:#2563eb;background:#eff6ff}.pap-stat-icon.green{background:var(--success-bg);color:var(--success)}.pap-stat-icon.amber{background:var(--warning-bg);color:var(--warning)}.pap-stat-icon.violet{background:var(--primary-bg);color:var(--primary)}.pap-stat-value{color:var(--text-1);font-size:20px;font-weight:700;line-height:1}.pap-stat-label{color:var(--text-2);margin-top:3px;font-size:12px}.pap-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pap-search-box{background:var(--card);border:1px solid var(--border-md);min-width:min(360px,100%);height:40px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.pap-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.pap-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.pap-search-box input::placeholder{color:var(--text-3)}.pap-clear{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:0;display:flex}.pap-clear:hover{color:var(--text-1)}.pap-count{color:var(--text-2);font-size:12px}.pap-loading,.pap-empty{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;color:var(--text-2);padding:56px 20px}.pap-empty{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.pap-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.pap-drive-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.pap-drive-card:hover{box-shadow:var(--shadow-md);border-color:#d8def8;transform:translateY(-1px)}.pap-drive-top{align-items:flex-start;gap:12px;display:flex}.pap-company-logo{width:42px;height:42px;color:var(--text-2);background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pap-company-logo img{object-fit:contain;width:100%;height:100%}.pap-drive-main{flex:1;min-width:0}.pap-company-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pap-drive-title{color:var(--text-1);margin-top:2px;font-size:16px;font-weight:700;line-height:1.25}.pap-drive-role{color:var(--text-2);margin-top:2px;font-size:13px}.pap-state{white-space:nowrap;border-radius:7px;align-items:center;padding:4px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pap-state.open{background:var(--success-bg);color:var(--success)}.pap-state.applied{background:var(--primary-bg);color:var(--primary)}.pap-state.waiting{background:var(--warning-bg);color:var(--warning)}.pap-state.closed{color:#71717a;background:#f4f4f5}.pap-description{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.pap-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.pap-meta{min-width:0;color:var(--text-2);align-items:center;gap:7px;font-size:12px;display:flex}.pap-meta svg{color:var(--text-3);flex-shrink:0}.pap-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pap-drive-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.pap-reason{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.pap-drive-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pap-view-btn{border:1px solid var(--border-md);color:var(--text-2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.pap-view-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.pap-apply-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #6366f140}.pap-apply-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f159}.pap-apply-btn.disabled{color:#71717a;box-shadow:none;cursor:not-allowed;background:#f4f4f5}.pap-apply-btn.disabled:hover{transform:none}.pap-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;position:fixed;inset:0}.pap-panel{background:var(--card);z-index:201;width:460px;max-width:100%;height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.pap-panel.open{transition-delay:0s;transform:translate(0)}.pap-panel-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eef2ff,#f8f9fc);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.pap-panel-kicker{color:var(--primary);margin-bottom:4px;font-size:12px;font-weight:700}.pap-panel-title{color:var(--text-1);font-size:18px;font-weight:700;line-height:1.25}.pap-panel-sub{color:var(--text-2);margin-top:4px;font-size:12.5px}.pap-panel-close{border:1px solid var(--border-md);width:32px;height:32px;color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pap-panel-close:hover{border-color:var(--danger);color:var(--danger)}.pap-panel-body{flex:1;padding:22px 24px;overflow:auto}.pap-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.pap-summary div{border:1px solid var(--border);background:#f9fafb;border-radius:10px;padding:11px}.pap-summary span{color:var(--text-2);margin-bottom:4px;font-size:11px;display:block}.pap-summary strong{color:var(--text-1);font-size:12.5px}.pap-upload{cursor:pointer;background:#fafbff;border:1px dashed #c7d2fe;border-radius:12px;align-items:center;gap:13px;padding:18px;transition:border-color .15s,background .15s;display:flex}.pap-upload:hover{border-color:var(--primary);background:#f5f7ff}.pap-upload input{display:none}.pap-upload-icon{background:var(--primary-bg);width:42px;height:42px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pap-upload-title{color:var(--text-1);word-break:break-word;font-size:13px;font-weight:700}.pap-upload-sub{color:var(--text-2);margin-top:3px;font-size:12px;line-height:1.35}.pap-panel-foot{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.pap-btn-cancel,.pap-btn-submit{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:700;display:inline-flex}.pap-btn-cancel{border:1px solid var(--border-md);color:var(--text-2);background:#fff}.pap-btn-cancel:hover{border-color:var(--text-3);color:var(--text-1)}.pap-btn-submit{background:var(--primary);color:#fff;border:none;box-shadow:0 4px 14px #6366f140}.pap-btn-submit:hover{box-shadow:0 6px 18px #6366f159}.pap-btn-submit.disabled{box-shadow:none;cursor:not-allowed;background:#c7d2fe}.pap-modal-wrap{z-index:300;visibility:hidden;justify-content:center;align-items:center;padding:24px;transition:visibility 0s linear .28s;display:flex;position:fixed;inset:0}.pap-modal-wrap.open{visibility:visible;transition:none}.pap-modal-bd{-webkit-backdrop-filter:blur(6px);opacity:0;background:#0f122d8c;transition:opacity .25s;position:absolute;inset:0}.pap-modal-wrap.open .pap-modal-bd{opacity:1}.pap-modal{z-index:1;background:var(--card);opacity:0;border-radius:20px;flex-direction:column;width:100%;max-width:620px;max-height:88vh;transition:opacity .28s,transform .3s cubic-bezier(.34,1.45,.64,1);display:flex;position:relative;transform:scale(.93)translateY(14px);box-shadow:0 32px 80px #0000003d}.pap-modal-wrap.open .pap-modal{opacity:1;transform:scale(1)translateY(0)}.pap-modal-hdr{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eef2ff 0%,#f0fdf4 100%);border-radius:20px 20px 0 0;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.pap-modal-hdr-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.pap-modal-logo{border:1px solid var(--border-md);width:58px;height:58px;box-shadow:var(--shadow-sm);color:var(--text-2);background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pap-modal-logo img{object-fit:contain;width:100%;height:100%}.pap-modal-hdr-text{flex:1;min-width:0}.pap-modal-co{color:var(--primary);letter-spacing:.03em;margin-bottom:3px;font-size:11.5px;font-weight:700}.pap-modal-title{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:800;line-height:1.2;overflow:hidden}.pap-modal-role-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.pap-modal-role{color:var(--text-2);font-size:13px}.pap-modal-close{border:1px solid var(--border-md);width:34px;height:34px;color:var(--text-2);cursor:pointer;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.pap-modal-close:hover{border-color:var(--danger);color:var(--danger);background:#fff8f8}.pap-modal-body{flex:1;padding:22px 24px;overflow-y:auto}.pap-modal-body::-webkit-scrollbar{width:5px}.pap-modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:99px}.pap-modal-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.pap-modal-stat{border:1px solid var(--border);background:#f8f9fc;border-radius:11px;padding:12px 13px}.pap-modal-stat span{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;margin-bottom:6px;font-size:10.5px;display:flex}.pap-modal-stat strong{color:var(--text-1);word-break:break-word;font-size:13px;font-weight:700;display:block}.pap-modal-tags{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.pap-modal-tag{background:var(--primary-bg);color:var(--primary);border:1px solid #c7d2fe;border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.pap-modal-sec{margin-bottom:20px}.pap-modal-sec-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:7px;font-size:11px;font-weight:700}.pap-modal-dates{flex-direction:column;gap:8px;display:flex}.pap-modal-date-row{border:1px solid var(--border);background:#f9fafb;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.pap-modal-date-row svg{color:var(--text-3);flex-shrink:0}.pap-modal-date-row span{color:var(--text-2);flex:1}.pap-modal-date-row strong{color:var(--text-1);font-weight:600}.pap-modal-desc{color:var(--text-2);border:1px solid var(--border);background:#f9fafb;border-radius:10px;padding:15px 16px;font-size:13.5px;line-height:1.7}.pap-modal-foot{border-top:1px solid var(--border);background:#fafbff;border-radius:0 0 20px 20px;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;display:flex}@media (width<=760px){.pap-content{padding:18px}.pap-grid,.pap-meta-grid{grid-template-columns:1fr}.pap-drive-foot{flex-direction:column;align-items:stretch}.pap-drive-actions{justify-content:stretch}.pap-view-btn,.pap-apply-btn{flex:1;justify-content:center}.pap-panel{width:100vw}.pap-summary{grid-template-columns:1fr}.pap-modal-wrap{padding:12px}.pap-modal{border-radius:16px;max-height:94vh}.pap-modal-hdr{border-radius:16px 16px 0 0}.pap-modal-foot{border-radius:0 0 16px 16px}.pap-modal-stats{grid-template-columns:repeat(2,1fr)}}.rp-route-path{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;display:flex}.rp-route-point{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:120px;font-size:12px;display:flex;overflow:hidden}.rp-route-point.rp-start{color:#10b981}.rp-route-point.rp-end{color:#ef4444}.rp-route-arrow{color:var(--text-3);flex-shrink:0;font-size:14px}.rp-add-stop-btn{background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-ring);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.rp-add-stop-btn:hover{background:var(--primary);color:#fff}.rp-stops-list{flex-direction:column;gap:8px;display:flex}.rp-stop-row{align-items:flex-start;gap:8px;display:flex}.rp-stop-num{background:var(--primary-bg);width:24px;height:24px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:10px;font-size:11px;font-weight:700;display:flex}.rp-stop-fields{flex:1;grid-template-columns:2fr 1fr 1fr;gap:6px;display:grid}.rp-remove-stop{border:1px solid var(--border-md);background:var(--card);width:28px;height:28px;color:var(--text-3);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-top:8px;transition:all .15s;display:flex}.rp-remove-stop:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.dp-avatar{color:#fff;letter-spacing:.5px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.dp-avatar-sm{border-radius:8px;width:32px;height:32px;font-size:11px}.tp-panel-foot.has-error{flex-wrap:wrap}.tp-save-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;border-radius:8px;flex:0 0 100%;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.4}.ap-student-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.tp-fees-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.tp-fees-badge{white-space:nowrap;cursor:pointer;border:0;border-radius:20px;justify-content:center;align-items:center;gap:5px;min-width:104px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.2;transition:background .15s,color .15s,transform .15s;display:inline-flex}.tp-fees-badge.assigned{color:#059669;background:#ecfdf5}.tp-fees-badge.unassigned{color:#b45309;background:#fef3c7}button.tp-fees-badge:hover{transform:translateY(-1px)}button.tp-fees-badge.assigned:hover{background:#d1fae5}button.tp-fees-badge.unassigned:hover{background:#fde68a}span.tp-fees-badge{cursor:default}.tp-fees-amount{color:var(--text-2);white-space:nowrap;font-size:11px}.tp-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.tp-fees-modal{background:var(--card);border-radius:12px;flex-direction:column;width:100%;max-width:680px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.tp-modal-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eef2ff,#f8fafc);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.tp-modal-head-left{align-items:center;gap:12px;min-width:0;display:flex}.tp-modal-head-icon{color:#fff;background:#6366f1;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.tp-modal-title{color:var(--text-1);font-size:15px;font-weight:700}.tp-modal-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.tp-modal-close{border:1px solid var(--border-md);background:var(--card);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.tp-modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.tp-modal-body{flex-direction:column;gap:16px;padding:18px 22px;display:flex;overflow-y:auto}.tp-fees-date-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tp-fees-loading{border:1px solid var(--border);color:var(--text-2);text-align:center;background:#f8fafc;border-radius:10px;padding:18px;font-size:13px;font-weight:600}.tp-sem-fee-list{flex-direction:column;gap:8px;display:flex}.tp-sem-fee-head,.tp-sem-fee-row{grid-template-columns:minmax(120px,1.1fr) minmax(110px,.9fr) minmax(135px,.9fr);align-items:center;gap:10px;display:grid}.tp-sem-fee-head{color:var(--text-2);letter-spacing:.4px;text-transform:uppercase;padding:0 2px;font-size:11px;font-weight:800}.tp-sem-fee-row{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:10px}.tp-sem-name{min-width:0;color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.tp-fees-error{color:#dc2626;background:#fef2f2;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:600}.tp-modal-foot{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.tp-select{border:1.5px solid var(--border-md);width:100%;height:42px;color:var(--text-1);font-size:13.5px;font-family:var(--font);cursor:pointer;appearance:auto;background:#fafbfc;border-radius:10px;outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .15s}.tp-select:hover{background:#fff;border-color:#c4c9d8}.tp-select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #6366f124}.tp-select:disabled{opacity:.5;cursor:not-allowed}@media (width<=560px){.tp-fees-modal{max-width:100%}.tp-fees-date-row{grid-template-columns:1fr}.tp-sem-fee-head{display:none}.tp-sem-fee-row{grid-template-columns:1fr}.tp-sem-name{white-space:normal}.tp-modal-foot{flex-direction:column-reverse}}@keyframes almFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes almScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes almSlideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes almFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes almShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes almCountUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes almPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes almRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--alm-primary:#6366f1;--alm-primary-dark:#4f46e5;--alm-primary-bg:#eef2ff;--alm-violet:#8b5cf6;--alm-success:#10b981;--alm-success-bg:#ecfdf5;--alm-warning:#f59e0b;--alm-warning-bg:#fffbeb;--alm-danger:#ef4444;--alm-danger-bg:#fef2f2;--alm-teal:#14b8a6;--alm-teal-bg:#f0fdfa;--alm-text-1:#111827;--alm-text-2:#6b7280;--alm-text-3:#9ca3af;--alm-border:#e5e7eb;--alm-border-light:#f3f4f6;--alm-card:#fff;--alm-radius:14px;--alm-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--alm-shadow-md:0 4px 24px #00000017;--alm-shadow-lg:0 12px 40px #00000024}.alm-content{color:var(--alm-text-1);flex-direction:column;gap:22px;padding:24px;animation:.4s both almFadeUp;display:flex}.alm-page-head{border-radius:var(--alm-radius);background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 55%,#6366f1 100%);justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #4f46e54d}.alm-page-head:before{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:220px;height:220px;animation:7s ease-in-out infinite almFloat;position:absolute;top:-50px;right:-50px}.alm-page-head:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-70px;left:15%}.alm-page-head-info{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.alm-page-head-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff2e;border:1.5px solid #ffffff4d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.alm-page-head h1{color:#fff;letter-spacing:-.4px;margin:0;font-size:26px;font-weight:800}.alm-page-head p{color:#ffffffc7;margin:6px 0 0;font-size:13.5px}.alm-refresh{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1.5px solid #ffffff59;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .15s;display:inline-flex;position:relative}.alm-refresh:hover{background:#ffffff47;border-color:#fff9;transform:translateY(-2px)}.alm-stats{grid-template-columns:repeat(5,minmax(140px,1fr));gap:14px;display:grid}.alm-stat{border:1px solid var(--alm-border);border-radius:var(--alm-radius);background:var(--alm-card);min-height:104px;box-shadow:var(--alm-shadow-sm);flex-direction:column;gap:8px;padding:18px 16px;transition:transform .22s,box-shadow .22s;animation:.45s both almFadeUp;display:flex;position:relative;overflow:hidden}.alm-stat:first-child{animation-delay:60ms}.alm-stat:nth-child(2){animation-delay:.12s}.alm-stat:nth-child(3){animation-delay:.18s}.alm-stat:nth-child(4){animation-delay:.24s}.alm-stat:nth-child(5){animation-delay:.3s}.alm-stat:hover{box-shadow:var(--alm-shadow-md);transform:translateY(-4px)}.alm-stat:after{content:"";opacity:.07;border-radius:50%;width:90px;height:90px;transition:transform .3s;position:absolute;top:-20px;right:-20px}.alm-stat:hover:after{transform:scale(1.3)}.alm-stat:first-child{border-top:3px solid var(--alm-primary)}.alm-stat:first-child:after{background:var(--alm-primary)}.alm-stat:nth-child(2){border-top:3px solid var(--alm-success)}.alm-stat:nth-child(2):after{background:var(--alm-success)}.alm-stat:nth-child(3){border-top:3px solid var(--alm-violet)}.alm-stat:nth-child(3):after{background:var(--alm-violet)}.alm-stat:nth-child(4){border-top:3px solid var(--alm-warning)}.alm-stat:nth-child(4):after{background:var(--alm-warning)}.alm-stat:nth-child(5){border-top:3px solid var(--alm-teal)}.alm-stat:nth-child(5):after{background:var(--alm-teal)}.alm-stat-icon{z-index:1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.alm-stat:first-child .alm-stat-icon{background:var(--alm-primary-bg);color:var(--alm-primary)}.alm-stat:nth-child(2) .alm-stat-icon{background:var(--alm-success-bg);color:var(--alm-success)}.alm-stat:nth-child(3) .alm-stat-icon{color:var(--alm-violet);background:#f5f3ff}.alm-stat:nth-child(4) .alm-stat-icon{background:var(--alm-warning-bg);color:var(--alm-warning)}.alm-stat:nth-child(5) .alm-stat-icon{background:var(--alm-teal-bg);color:var(--alm-teal)}.alm-stat strong{color:var(--alm-text-1);z-index:1;font-size:23px;font-weight:800;line-height:1;animation:.5s both almCountUp;display:block;position:relative}.alm-stat span{color:var(--alm-text-2);z-index:1;font-size:12.5px;position:relative}.alm-tabs{background:var(--alm-card);border:1px solid var(--alm-border);border-radius:var(--alm-radius);box-shadow:var(--alm-shadow-sm);flex-wrap:wrap;gap:4px;padding:6px;display:flex}.alm-tabs button{min-height:38px;color:var(--alm-text-2);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.alm-tabs button:hover:not(.active){background:var(--alm-border-light);color:var(--alm-text-1)}.alm-tabs button.active{background:var(--alm-primary);color:#fff;transform:translateY(-1px);box-shadow:0 3px 12px #6366f161}.alm-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.alm-toolbar>span{color:var(--alm-text-3);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.alm-toolbar>span.alm-loading-status{color:var(--alm-primary);animation:1.4s ease-in-out infinite almPulse}.alm-search{border:1.5px solid var(--alm-border);background:var(--alm-card);border-radius:10px;align-items:center;gap:10px;width:min(500px,100%);min-height:42px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.alm-search:focus-within{border-color:var(--alm-primary);box-shadow:0 0 0 3px #6366f11f}.alm-search svg{color:var(--alm-text-3);flex-shrink:0}.alm-search input{min-width:0;color:var(--alm-text-1);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.alm-search input::placeholder{color:var(--alm-text-3)}.alm-search button{border:1px solid var(--alm-border);background:var(--alm-border-light);width:26px;height:26px;color:var(--alm-text-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.alm-search button:hover{background:var(--alm-danger-bg);color:var(--alm-danger);border-color:#fecaca}.alm-grid-layout{grid-template-columns:minmax(320px,.42fr) minmax(0,.58fr);align-items:start;gap:18px;animation:.38s both almFadeUp;display:grid}.alm-form-card,.alm-list-card{border:1px solid var(--alm-border);border-radius:var(--alm-radius);background:var(--alm-card);box-shadow:var(--alm-shadow-sm);transition:box-shadow .22s;animation:.35s both almScaleIn}.alm-form-card:hover,.alm-list-card:hover{box-shadow:var(--alm-shadow-md)}.alm-form-card{padding:20px}.alm-list-card{overflow:hidden}.alm-section-head{justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;display:flex}.alm-list-card .alm-section-head{border-bottom:1px solid var(--alm-border-light);background:linear-gradient(90deg,#fafbff,#f9f9ff);padding:18px 20px}.alm-section-head h2{color:var(--alm-text-1);letter-spacing:-.2px;margin:0;font-size:16px;font-weight:700}.alm-section-head>span{background:var(--alm-primary-bg);color:var(--alm-primary);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.alm-section-head button{border:1px solid var(--alm-border);background:var(--alm-card);min-height:34px;color:var(--alm-text-2);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.alm-section-head button:hover{background:var(--alm-danger-bg);color:var(--alm-danger);border-color:#fecaca}.alm-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.alm-form-grid input,.alm-form-grid select,.alm-form-grid textarea{border:1.5px solid var(--alm-border);width:100%;min-width:0;color:var(--alm-text-1);font:inherit;background:#fafbff;border-radius:9px;outline:0;padding:10px 12px;font-size:13.5px;transition:border-color .2s,box-shadow .2s,background .2s}.alm-form-grid input::placeholder,.alm-form-grid textarea::placeholder{color:var(--alm-text-3)}.alm-form-grid textarea{resize:vertical;grid-column:1/-1;min-height:90px}.alm-form-grid input:hover:not(:focus),.alm-form-grid select:hover:not(:focus),.alm-form-grid textarea:hover:not(:focus){border-color:#c7d2fe}.alm-form-grid input:focus,.alm-form-grid select:focus,.alm-form-grid textarea:focus{border-color:var(--alm-primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.alm-primary{background:linear-gradient(135deg, var(--alm-primary) 0%, var(--alm-violet) 100%);color:#fff;width:100%;min-height:42px;font:inherit;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:700;transition:transform .17s,box-shadow .17s;display:inline-flex;box-shadow:0 4px 14px #6366f161}.alm-primary:hover{transform:translateY(-2px);box-shadow:0 7px 22px #6366f17a}.alm-primary:active{transform:translateY(0)}.alm-primary:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.alm-table-wrap{overflow-x:auto}.alm-table{border-collapse:collapse;width:100%;min-width:760px}.alm-table th{text-align:left;border-bottom:1px solid var(--alm-border);color:var(--alm-text-2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#fafbff;padding:12px 18px;font-size:11px;font-weight:800}.alm-table td{border-bottom:1px solid var(--alm-border-light);text-align:left;vertical-align:middle;padding:14px 18px}.alm-table tbody tr{transition:background .15s}.alm-table tbody tr:hover{background:#fafbff}.alm-table tbody tr:last-child td{border-bottom:none}.alm-table td strong,.alm-table td span{display:block}.alm-table td strong{color:var(--alm-text-1);font-size:13.5px;font-weight:700}.alm-table td span{color:var(--alm-text-2);margin-top:3px;font-size:12px}.alm-table td span svg{vertical-align:-2px;margin-right:4px}.alm-row-actions{align-items:center;gap:7px;display:flex}.alm-row-actions button{border:1px solid var(--alm-border);background:var(--alm-card);width:32px;height:32px;color:var(--alm-text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.alm-row-actions button:first-child:hover{background:var(--alm-primary-bg);color:var(--alm-primary);border-color:#c7d2fe;transform:scale(1.12)}.alm-row-actions button:last-child:hover,.alm-row-actions button.alm-status-action.active:hover{background:var(--alm-danger-bg);color:var(--alm-danger);border-color:#fecaca;transform:scale(1.12)}.alm-row-actions button.alm-status-action.inactive:hover{background:var(--alm-success-bg);color:var(--alm-success);border-color:#a7f3d0;transform:scale(1.12)}.alm-record-list{flex-direction:column;gap:10px;max-height:580px;padding:16px;display:flex;overflow-y:auto}.alm-record-list::-webkit-scrollbar{width:4px}.alm-record-list::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:2px}.alm-record-card{border:1px solid var(--alm-border);background:#fafbff;border-radius:11px;padding:14px 130px 14px 16px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;animation:.3s both almSlideRight;position:relative}.alm-record-card:hover{background:var(--alm-card);border-color:#c7d2fe;transform:translate(3px);box-shadow:0 4px 18px #6366f11a}.alm-record-card>div:first-child{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.alm-record-card strong{color:var(--alm-text-1);font-weight:700}.alm-record-card span,.alm-record-card p{color:var(--alm-text-2);font-size:12.5px}.alm-record-card p{align-items:center;gap:6px;margin:8px 0 0;display:flex}.alm-chip-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.alm-record-card .alm-chip{margin-top:0}.alm-record-card .alm-row-actions{position:absolute;bottom:14px;right:14px}.alm-chip{text-transform:capitalize;letter-spacing:.02em;border-radius:20px;align-items:center;width:fit-content;padding:4px 11px;font-size:11.5px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.alm-chip:hover{transform:scale(1.05)}.alm-chip.verified,.alm-chip.active,.alm-chip.high,.alm-chip.sent,.alm-chip.received,.alm-chip.completed{background:var(--alm-success-bg);color:#065f46;border:1px solid #a7f3d0}.alm-chip.registered,.alm-chip.medium,.alm-chip.planned,.alm-chip.scheduled,.alm-chip.pledged{background:var(--alm-primary-bg);color:var(--alm-primary-dark);border:1px solid #c7d2fe}.alm-chip.inactive,.alm-chip.low,.alm-chip.cancelled,.alm-chip.draft{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.alm-status-select{text-transform:capitalize;cursor:pointer;border-radius:20px;outline:none;min-width:112px;padding:5px 28px 5px 10px;font-size:11.5px;font-weight:700}.alm-status-select:disabled{cursor:not-allowed;opacity:.65}.alm-status-select.verified{background:var(--alm-success-bg);color:#065f46;border:1px solid #a7f3d0}.alm-status-select.registered{background:var(--alm-primary-bg);color:var(--alm-primary-dark);border:1px solid #c7d2fe}.alm-status-select.inactive{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.alm-empty{color:var(--alm-text-3);text-align:center;padding:52px 24px;font-size:14px}@media (width<=1180px){.alm-stats{grid-template-columns:repeat(3,minmax(140px,1fr))}.alm-grid-layout{grid-template-columns:1fr}}@media (width<=760px){.alm-content{gap:16px;padding:14px}.alm-page-head{padding:20px}.alm-page-head-info{gap:12px}.alm-page-head-icon{border-radius:12px;width:46px;height:46px}.alm-page-head h1{font-size:20px}.alm-toolbar{flex-direction:column;align-items:stretch}.alm-stats{grid-template-columns:repeat(2,1fr)}.alm-form-grid{grid-template-columns:1fr}.alm-tabs{border-radius:10px;flex-wrap:nowrap;overflow-x:auto}.alm-tabs button{white-space:nowrap;flex-shrink:0}.alm-record-card{padding-bottom:58px;padding-right:16px}.alm-record-card .alm-row-actions{position:absolute;bottom:14px;right:14px}}@media (width<=480px){.alm-stats{grid-template-columns:1fr}.alm-page-head{flex-direction:column;align-items:stretch}}.rp-hero h1{color:#0f172a;margin:0;font-size:22px;font-weight:800;line-height:1.2}.rp-hero-stat strong{font-size:22px;font-weight:800;line-height:1}.rp-report-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;min-height:118px;padding:16px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 1px 2px #0f172a0d}.rp-report-card:hover{border-color:var(--card-accent,#6366f1);transform:translateY(-1px);box-shadow:0 10px 28px #0f172a1a}.rp-report-icon{border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.rp-report-card strong{margin-bottom:5px;font-size:14px;font-weight:800;display:block}@media (width<=760px){.rp-page{padding:10px}.rp-hero{flex-direction:column;align-items:flex-start}.rp-report-grid{grid-template-columns:1fr}}@keyframes rp-chart-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}.rp-attendance-modal .p-dialog-header{background:#fafbff;border-bottom:1px solid #e5e7eb;padding:14px 18px 12px}.rp-attendance-modal .p-dialog-content{padding:0}.rp-modal-header{flex:1;justify-content:space-between;align-items:flex-start;gap:12px;margin-right:8px;display:flex}.rp-modal-label{color:#64748b;font-size:11px;display:block}.rp-modal-name{color:#111827;margin-top:2px;font-size:14px;font-weight:700;display:block}.rp-modal-sub{color:#64748b;margin-top:1px;font-size:11px;display:block}.rp-modal-table-wrap{border-top:none;max-height:60vh;overflow:auto}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}.ctn-report-item-table{min-width:720px}.ctn-report-order-table{min-width:1280px}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}.rp-hero-stat-group{flex-shrink:0;gap:10px;display:flex}.rp-hero-stat{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:72px;padding:8px 14px;display:flex;box-shadow:0 3px 10px #4f46e542}.rp-hero-stat strong{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1}.rp-hero-stat span{opacity:.85;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:9.5px;font-weight:600}.rp-report-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.rp-report-card{color:inherit;box-shadow:0 1px 3px #0000000a, inset 3px 0 0 var(--card-accent,#e2e8f0);background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:flex-start;gap:11px;padding:13px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.rp-report-card:hover{box-shadow:0 6px 20px #4f46e517, inset 3px 0 0 var(--card-accent,#4f46e5);border-color:#c7d2fe;transform:translateY(-2px)}.rp-report-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:inline-flex}.rp-report-card:hover .rp-report-icon{transform:scale(1.1)rotate(-4deg)}.rp-report-card strong{color:#111827;margin-bottom:3px;font-size:13.5px;font-weight:700;transition:color .15s;display:block}.rp-report-card:hover strong{color:#4f46e5}.rp-report-card small{color:#64748b;font-size:11.5px;line-height:1.45;display:block}.rp-search input,.rp-date input,.rp-filter-bar select{color:#111827;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px}.rp-filter-bar select{color:#374151;cursor:pointer;appearance:auto;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;flex-shrink:0;min-width:120px;max-width:200px;height:30px;padding:0 7px;font-family:inherit;font-size:12px;transition:border-color .14s,box-shadow .14s}.rp-filter-bar select:focus{border-color:#a5b4fc;outline:none;box-shadow:0 0 0 2px #6366f117}.rp-filter-row .rp-btn{flex-shrink:0}.rp-metric small{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.rp-section-label{align-items:center;gap:8px;margin-bottom:7px;display:flex}.rp-section-label:before{content:"";background:#e2e8f0;width:14px;height:1px}.rp-section-label:after{content:"";background:linear-gradient(90deg,#e2e8f0,#0000);flex:1;height:1px}.rp-section-label span{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;white-space:nowrap;font-size:9.5px;font-weight:700}.rp-charts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.rp-charts-grid--1{grid-template-columns:1fr}.rp-charts-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-charts-grid--2w{grid-template-columns:2fr 1fr}.rp-chart-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.rp-chart-panel:before{content:"";background:var(--chart-accent,#6366f1);border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.rp-chart-panel:hover{transform:translateY(-2px);box-shadow:0 5px 16px #00000014}.rp-chart-panel-header{background:linear-gradient(135deg,#fafbff,#f8fafc);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 12px 6px;display:flex}.rp-chart-panel-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.rp-chart-kind-tag{text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-radius:20px;align-items:center;width:fit-content;padding:2px 6px;font-size:8.5px;font-weight:700;display:inline-flex}.rp-chart-kind-tag[data-kind=doughnut]{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.rp-chart-kind-tag[data-kind=hbar]{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.rp-chart-kind-tag[data-kind=bar]{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.rp-chart-kind-tag[data-kind=line]{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.rp-chart-panel-title-text{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11.5px;font-weight:700;line-height:1.3;overflow:hidden}.rp-chart-total-badge{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-shrink:0;margin-top:1px;padding:2px 7px;font-size:9.5px;font-weight:600}.rp-chart-wrap{box-sizing:border-box;height:168px;padding:8px 10px 6px;position:relative}.rp-chart-wrap--doughnut{height:190px;padding:8px 10px 4px}.rp-chart-wrap--line{height:160px;padding:7px 10px 5px}.rp-chart-wrap--hbar{height:clamp(110px, calc(44px + var(--bar-count,4) * 26px), 230px);padding:7px 10px 5px}.rp-chart-wrap canvas{display:block;width:100%!important;height:100%!important}.rp-chart-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:7px;height:140px;margin:8px 10px;animation:1.4s infinite rp-chart-shimmer}.rp-chart-data-list{border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;padding:0 10px 8px;display:flex}.rp-cdl-row{grid-template-columns:8px 1fr auto auto;align-items:center;gap:6px;min-height:20px;display:grid}.rp-cdl-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:block}.rp-cdl-label{color:#374151;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.rp-cdl-track{background:#f1f5f9;border-radius:99px;flex-shrink:0;width:52px;height:4px;overflow:hidden}.rp-cdl-fill{border-radius:99px;height:100%;transition:width .4s}.rp-cdl-val{color:#111827;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;min-width:28px;font-size:11px;font-weight:700}.rp-breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.rp-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.rp-panel-title{color:#111827;background:linear-gradient(135deg,#fafbff,#f8fafc);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.rp-panel-count{color:#4f46e5;background:#eef2ff;border-radius:20px;justify-content:center;align-items:center;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.rp-break-row{border-bottom:1px solid #f8fafc;padding:6px 12px 8px;transition:background .12s}.rp-break-row:hover{background:#fafbff}.rp-break-row:last-child{border-bottom:none}.rp-break-info{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.rp-break-info span{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.rp-break-info strong{color:#111827;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.rp-break-bar-track{background:#f1f5f9;border-radius:99px;height:3.5px;overflow:hidden}.rp-break-bar-fill{background:linear-gradient(90deg,#818cf8,#4f46e5);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.rp-empty-mini{color:#94a3b8;text-align:center;padding:16px 12px;font-size:12px}.rp-clickable-row{cursor:pointer}.rp-table tbody tr.rp-row-selected td,.rp-table tbody tr.rp-row-selected:hover td{box-shadow:inset 3px 0 #4f46e5;background:#eef2ff!important}.rp-table tbody tr:last-child td{border-bottom:none}.rp-attendance-detail-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:10px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.rp-attendance-detail-head{background:#fafbff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 13px;display:flex}.rp-attendance-detail-head span,.rp-attendance-detail-head small{color:#64748b;font-size:11px;display:block}.rp-attendance-detail-head strong{color:#111827;margin-top:2px;font-size:13.5px;display:block}.rp-attendance-detail-stats{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.rp-attendance-detail-stats span{color:#0f172a;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;min-height:26px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.rp-attendance-detail-table{min-width:980px}.rp-library-detail-table{min-width:1120px}@media (width<=1100px){.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-hero-stat-group{justify-content:flex-start}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid,.rp-charts-grid,.rp-charts-grid--2w,.rp-charts-grid--2,.rp-charts-grid--1,.rp-report-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}@media (width<=1100px){.rp-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}.rp-page{background:linear-gradient(160deg,#eef2ff 0%,#f8fafc 50%,#f0fdf4 100%);min-height:100vh;padding:10px 14px}.rp-hero{background:#fff;border:1px solid #e0e7ff;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:10px;padding:14px 18px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 18px #4f46e50f}.rp-hero:after{content:"";background:linear-gradient(90deg,#4f46e5,#7c3aed,#2563eb);border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.rp-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f10d 0%,#0000 70%);border-radius:50%;width:130px;height:130px;position:absolute;top:-40px;right:-40px}.rp-detail-hero{align-items:center}.rp-eyebrow{color:#4f46e5;text-transform:uppercase;letter-spacing:.08em;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;align-items:center;gap:5px;margin-bottom:5px;padding:2px 9px;font-size:10px;font-weight:700;display:inline-flex}.rp-hero h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800;line-height:1.2}.rp-hero p{color:#64748b;max-width:600px;margin:3px 0 0;font-size:12.5px;line-height:1.5}.rp-hero-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:5px;display:flex}.rp-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.rp-btn:disabled{cursor:not-allowed;opacity:.5}.rp-btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);border-color:#4338ca;box-shadow:0 2px 5px #4f46e538}.rp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#3730a3);transform:translateY(-1px);box-shadow:0 4px 10px #4f46e552}.rp-btn-light{color:#374151;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d}.rp-btn-light:hover:not(:disabled){color:#4f46e5;background:#f5f8ff;border-color:#c7d2fe;transform:translateY(-1px)}.rp-filter-bar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:5px;margin-bottom:9px;padding:7px 9px;display:flex;box-shadow:0 1px 2px #00000008}.rp-filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rp-search,.rp-date{color:#94a3b8;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 8px;transition:border-color .14s,box-shadow .14s,background .14s;display:flex}.rp-search{flex:1;min-width:170px}.rp-date{flex-shrink:0}.rp-search:focus-within,.rp-date:focus-within{color:#6366f1;background:#fff;border-color:#a5b4fc;box-shadow:0 0 0 2px #6366f117}.rp-search input,.rp-date input{color:#111827;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px}.rp-date span{color:#64748b;white-space:nowrap;text-transform:uppercase;flex-shrink:0;font-size:9.5px;font-weight:800;line-height:1}.rp-filter-dropdown.p-dropdown{min-width:0;height:30px;box-shadow:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;flex-shrink:0;font-family:inherit}.rp-filter-dropdown.p-dropdown:not(.p-disabled):hover,.rp-filter-dropdown.p-dropdown:not(.p-disabled).p-focus{border-color:#a5b4fc;box-shadow:0 0 0 2px #6366f117}.rp-filter-dropdown .p-dropdown-label{color:#111827;align-items:center;padding:0 8px;font-size:12px;line-height:28px;display:flex}.rp-filter-dropdown .p-dropdown-trigger,.rp-filter-dropdown .p-dropdown-clear-icon{color:#64748b}.rp-filter-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:12px}.rp-fetch-btn{min-width:120px}.rp-search button{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .12s;display:inline-flex}.rp-search button:hover{background:#cbd5e1}.rp-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;margin:-3px 0 9px;padding:8px 11px;font-size:12px}.rp-error{color:#b91c1c;background:linear-gradient(135deg,#fef2f2,#fff8f8);border:1px solid #fca5a5;border-radius:7px;align-items:center;gap:8px;margin-bottom:9px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.rp-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.rp-metric{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px 10px 14px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.rp-metric:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000012}.rp-metric:before{content:"";border-radius:10px 0 0 10px;width:4px;position:absolute;top:0;bottom:0;left:0}.rp-metric:after{content:"";opacity:.07;pointer-events:none;border-radius:50%;width:60px;height:60px;position:absolute;top:-16px;right:-16px}.rp-metric-blue:before{background:linear-gradient(#6366f1,#4f46e5)}.rp-metric-blue:after{background:#4f46e5}.rp-metric-purple:before{background:linear-gradient(#a855f7,#7c3aed)}.rp-metric-purple:after{background:#7c3aed}.rp-metric-green:before{background:linear-gradient(#34d399,#059669)}.rp-metric-green:after{background:#059669}.rp-metric-orange:before{background:linear-gradient(#fbbf24,#d97706)}.rp-metric-orange:after{background:#d97706}.rp-metric span{color:#64748b;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700;display:block}.rp-metric strong{color:#0f172a;letter-spacing:-.02em;word-break:break-word;margin-top:4px;font-size:20px;font-weight:800;line-height:1.15;display:block}.rp-metric-blue strong{color:#3730a3}.rp-metric-purple strong{color:#6b21a8}.rp-metric-green strong{color:#065f46}.rp-metric-orange strong{color:#92400e}.rp-table-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.rp-table-head{background:linear-gradient(135deg,#fafbff,#f8fafc);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;display:flex}.rp-table-head strong{color:#111827;font-size:12.5px;font-weight:700;display:block}.rp-table-head span,.rp-table-head small{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.rp-table-wrap{width:100%;overflow-x:auto}.rp-table{border-collapse:collapse;width:100%;min-width:920px}.rp-table th{z-index:1;color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:linear-gradient(#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;padding:8px 11px;font-size:10px;font-weight:700;position:sticky;top:0}.rp-th-num{width:40px;min-width:40px;text-align:center!important;color:#94a3b8!important;font-size:9.5px!important}.rp-td-num{border-right:1px solid #f1f5f9;width:40px;min-width:40px;text-align:center!important;color:#94a3b8!important;padding:0 6px!important;font-size:11px!important;font-weight:600!important}.rp-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;max-width:220px;padding:8px 11px;font-size:12px;transition:background .1s}.rp-table tbody tr:nth-child(2n) td{background:#fafbff}.rp-table tbody tr:hover td{background:#f0f4ff!important}.rp-amount-cell{white-space:nowrap;color:#0f172a;font-variant-numeric:tabular-nums;font-weight:700}.rp-badge{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.rp-badge-success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.rp-badge-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.rp-badge-warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.rp-badge-neutral{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.rp-badge-info{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.rp-empty-state{color:#94a3b8;text-align:center;padding:30px 20px;font-size:13px}.rp-row-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e9eef4 50%,#f1f5f9 75%) 0 0/400% 100%;border-radius:6px;height:13px;animation:1.4s infinite rp-shimmer}@media (width<=1100px){.rp-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.rp-page{padding:8px 10px}.rp-hero{flex-direction:column;align-items:stretch}.rp-hero:before{display:none}.rp-table-head{flex-direction:column;align-items:stretch}.rp-hero-actions{justify-content:stretch}.rp-hero-actions .rp-btn{flex:1}.rp-filter-bar,.rp-metric-grid{grid-template-columns:1fr}.rp-hero h1{font-size:17px}.rp-metric strong{font-size:18px}}.ub-page{padding:24px 32px 40px}.ub-hero{background:linear-gradient(120deg,#4338ca 0%,#7c3aed 48%,#c026d3 100%);border-radius:18px;align-items:center;gap:18px;margin-bottom:24px;padding:28px 32px;animation:.45s both ub-fade-up;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 34px #6329d947}.ub-hero-deco{opacity:.35;pointer-events:none;filter:saturate(1.1);font-size:26px;animation:5s ease-in-out infinite ub-float;position:absolute}.ub-hero-deco.d1{font-size:30px;animation-delay:0s;top:14px;right:18%}.ub-hero-deco.d2{font-size:22px;animation-delay:1.1s;bottom:10px;right:8%}.ub-hero-deco.d3{opacity:.5;font-size:18px;animation-delay:2s;top:42%;right:30%}.ub-hero-deco.d4{font-size:24px;animation-delay:.6s;bottom:18px;right:20%}@keyframes ub-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(6deg)}}.ub-hero-icon{color:#fde68a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1;background:#ffffff29;border:1px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;animation:2.6s ease-in-out infinite ub-icon-pulse;display:flex;position:relative;box-shadow:0 4px 18px #0000001f,inset 0 1px #fff3}@keyframes ub-icon-pulse{0%,to{box-shadow:0 4px 18px #0000001f,inset 0 1px #fff3}50%{box-shadow:0 4px 26px #fde68a59,inset 0 1px #fff3}}.ub-hero-text{z-index:1;position:relative}.ub-title{color:#fff;letter-spacing:.1px;margin:0 0 5px;font-size:24px;font-weight:800}.ub-subtitle{color:#ffffffd1;margin:0;font-size:13.5px}.ub-stats{gap:16px;margin-bottom:22px;display:flex}.ub-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:1;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.45s both ub-fade-up;display:flex}.ub-stat-card:nth-child(2){animation-delay:50ms}.ub-stat-card:nth-child(3){animation-delay:.1s}.ub-stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0f172a14}.ub-stat-card.today{border-left:4px solid #f59e0b}.ub-stat-card.week{border-left:4px solid #6366f1}.ub-stat-card.total{border-left:4px solid #10b981}.ub-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ub-stat-card.today .ub-stat-icon{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a)}.ub-stat-card.week .ub-stat-icon{color:#6366f1;background:linear-gradient(135deg,#e0e7ff,#ede9fe)}.ub-stat-card.total .ub-stat-icon{color:#059669;background:linear-gradient(135deg,#d1fae5,#ccfbf1)}.ub-stat-value{color:#1e293b;font-size:26px;font-weight:800;line-height:1.2}.ub-stat-card.today .ub-stat-value{color:#d97706}.ub-stat-card.week .ub-stat-value{color:#6366f1}.ub-stat-card.total .ub-stat-value{color:#059669}.ub-stat-label{color:#64748b;margin-top:2px;font-size:12.5px;font-weight:500}.ub-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.ub-controls-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.ub-search-box{color:#94a3b8;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;min-width:200px;max-width:300px;padding:9px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.ub-search-box:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11f}.ub-search-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.ub-search-box input::placeholder{color:#94a3b8}.ub-search-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.ub-search-clear:hover{color:#1e293b;background:#e2e8f0}.ub-type-toggle{background:#f1f5f9;border-radius:10px;gap:3px;padding:3px;display:flex}.ub-type-toggle button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.ub-type-toggle button:hover:not(.active){color:#1e293b}.ub-type-toggle button.active{color:#6366f1;background:#fff;box-shadow:0 1px 4px #0f172a1f}.ub-day-selector{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.ub-day-label{color:#64748b;font-size:13px;font-weight:500}.ub-day-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.ub-day-btn:hover:not(:disabled){color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.ub-day-btn:disabled{opacity:.4;cursor:not-allowed}.ub-day-value{color:#1e293b;text-align:center;min-width:60px;font-size:13.5px;font-weight:700}.ub-sections{flex-direction:column;gap:26px;display:flex}.ub-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;animation:.4s both ub-fade-up}.ub-section.highlight{background:linear-gradient(150deg,#fffbeb 0%,#fff 55%);border-color:#fde68a;box-shadow:0 4px 22px #f59e0b1f}.ub-section-head{margin-bottom:16px}.ub-section-title{color:#1e293b;align-items:center;gap:9px;margin:0;font-size:15.5px;font-weight:700;display:flex}.ub-section-icon{color:#6366f1;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ub-section.highlight .ub-section-icon{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.ub-section-count{color:#475569;background:#e2e8f0;border-radius:12px;margin-left:2px;padding:2px 9px;font-size:11.5px;font-weight:700}.ub-section.highlight .ub-section-count{color:#78350f;background:#fbbf24}.ub-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.ub-card{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.35s both ub-fade-up;display:flex;position:relative;overflow:hidden}.ub-card:before{content:"";opacity:0;background:linear-gradient(#10b981,#06b6d4);width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.ub-card.staff:before{background:linear-gradient(#6366f1,#8b5cf6)}.ub-card:hover:before{opacity:1}.ub-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.ub-card.is-today{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fde68a}.ub-card.is-today:before{opacity:1;background:linear-gradient(#fbbf24,#f97316)}.ub-card.is-today:hover{border-color:#fbbf24;box-shadow:0 8px 22px #f59e0b2e}.ub-card-glow{pointer-events:none;background:radial-gradient(circle at 100% 0,#fbbf2429,#0000 60%);position:absolute;inset:0}.ub-card-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:14px;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px #0000001f}.ub-card-avatar[data-type=staff]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.ub-card-avatar[data-type=student]{background:linear-gradient(135deg,#10b981,#06b6d4)}.ub-card.is-today .ub-card-avatar[data-type=staff]{background:linear-gradient(135deg,#f59e0b,#f97316)}.ub-card.is-today .ub-card-avatar[data-type=student]{background:linear-gradient(135deg,#f59e0b,#d97706)}.ub-card-cake{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:15px;animation:1.8s ease-in-out infinite ub-wiggle;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 4px #0003}@keyframes ub-wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.ub-card-body{flex:1;min-width:0}.ub-card-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.ub-card-id{color:#94a3b8;margin-top:1px;font-size:11.5px}.ub-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;display:flex}.ub-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.ub-badge.staff{color:#6366f1;background:#eef2ff}.ub-badge.student{color:#059669;background:#ecfdf5}.ub-date{color:#64748b;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.ub-card-side{text-align:right;flex-shrink:0}.ub-age{color:#d97706;white-space:nowrap;font-size:12px;font-weight:700}.ub-days-away{color:#6366f1;white-space:nowrap;background:#eef2ff;border-radius:10px;padding:4px 9px;font-size:11px;font-weight:700}.ub-days-away.tomorrow{color:#d97706;background:#fffbeb}.ub-loading{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.ub-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:12px;height:76px;animation:1.5s infinite ub-shimmer}@keyframes ub-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ub-empty{text-align:center;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:64px 20px}.ub-empty-icon{color:#818cf8;background:linear-gradient(135deg,#eef2ff,#ede9fe);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 16px;display:flex}.ub-empty h3{color:#475569;margin:0 0 6px;font-size:17px;font-weight:700}.ub-empty p{margin:0;font-size:13.5px}@keyframes ub-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.ub-hero-deco{display:none}}@media (width<=768px){.ub-page{padding:16px}.ub-hero{padding:22px 20px}.ub-stats{flex-direction:column}.ub-controls,.ub-controls-left{flex-direction:column;align-items:stretch}.ub-search-box{max-width:none}.ub-day-selector{justify-content:center}.ub-grid{grid-template-columns:1fr}}@media (width<=480px){.ub-hero{text-align:center;flex-direction:column}.ub-card{flex-wrap:wrap}.ub-card-side{text-align:left;width:100%;margin-top:4px}}.access-page{color:#111827;background:#f1f5f9;justify-content:center;align-items:flex-start;min-height:calc(100vh - 72px);padding:24px;display:flex}.access-panel{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;width:min(100%,560px);margin-top:40px;padding:38px 28px;font-size:13px;line-height:1.5;box-shadow:0 2px 8px #0f172a0f}.access-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:inline-flex}.access-icon.denied{color:#dc2626;background:#fef2f2}.access-panel h1{color:#0f172a;margin:0;font-size:22px;font-weight:800}.access-panel p{margin:8px 0 0}.access-skeleton{flex-direction:column;gap:16px;width:min(100%,980px);margin-top:24px;display:flex}.access-skeleton-head,.access-skeleton-card,.access-skeleton-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0f}.access-skeleton-head{align-items:center;gap:14px;min-height:88px;padding:18px 22px;display:flex}.access-skeleton-avatar,.access-skeleton-line,.access-skeleton-card,.access-skeleton-row span{background:linear-gradient(90deg,#e5e7eb 25%,#f8fafc 50%,#e5e7eb 75%) 0 0/600px 100%;animation:1.35s ease-in-out infinite access-shimmer}.access-skeleton-avatar{border-radius:10px;flex:none;width:48px;height:48px}.access-skeleton-copy{flex-direction:column;flex:1;gap:10px;display:flex}.access-skeleton-line{border-radius:7px;height:14px}.access-skeleton-line.lg{width:min(260px,60%);height:18px}.access-skeleton-line.md{width:min(420px,82%)}.access-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.access-skeleton-card{min-height:82px}.access-skeleton-table{padding:10px 16px}.access-skeleton-row{border-bottom:1px solid #f1f5f9;grid-template-columns:1.2fr 1fr .8fr .6fr;align-items:center;gap:16px;min-height:44px;display:grid}.access-skeleton-row:last-child{border-bottom:0}.access-skeleton-row span{border-radius:7px;height:13px}@keyframes access-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@media (width<=720px){.access-page{padding:14px}.access-skeleton-grid{grid-template-columns:1fr}.access-skeleton-row{grid-template-columns:1fr .8fr}}.fp-steps{justify-content:center;align-items:center;display:flex}.fp-step-dot{color:#94a3b8;z-index:1;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Inter,inherit;font-size:13px;font-weight:700;transition:background .3s,border-color .3s,box-shadow .3s,color .3s;display:flex;position:relative}.fp-step-dot.fp-active{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#2563eb 100%);border-color:#0000;box-shadow:0 4px 14px #2563eb61}.fp-step-dot.fp-done{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-color:#0000;box-shadow:0 4px 12px #10b98152}.fp-step-line{background:#e2e8f0;border-radius:2px;flex:1;max-width:56px;height:2px;margin:0 6px;transition:background .35s}.fp-step-line.fp-done{background:linear-gradient(90deg,#059669,#10b981)}.fp-email-badge{color:#1d4ed8;word-break:break-all;background:#2563eb0f;border:1px solid #2563eb2e;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.fp-timer{color:#64748b;justify-content:center;align-items:center;gap:6px;padding:4px 0;font-size:13px;display:flex}.fp-timer.fp-timer-warn{color:#d97706}.fp-timer-expired{color:#dc2626;font-weight:600}.fp-resend-wrap{text-align:center}.fp-resend-cooldown{color:#94a3b8;font-size:13px}.fp-resend-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 10px;font-family:Inter,inherit;font-size:13.5px;font-weight:600;transition:color .2s,background .2s}.fp-resend-btn:hover:not(:disabled){color:#1d4ed8;background:#2563eb12}.fp-resend-btn:disabled{color:#94a3b8;cursor:not-allowed}.fp-btn-group{align-items:stretch;gap:10px;display:flex}.fp-back-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8faff;border:1.5px solid #e2e8f0;border-radius:12px;flex-shrink:0;align-items:center;gap:5px;padding:13px 16px;font-family:Inter,inherit;font-size:13.5px;font-weight:600;transition:background .22s,border-color .22s,color .22s;display:flex}.fp-back-btn:hover:not(:disabled){color:#475569;background:#f1f5f9;border-color:#cbd5e1}.fp-back-btn:disabled{opacity:.55;cursor:not-allowed}.fp-submit-flex{flex:1}.fp-back-link{justify-content:center;display:flex}.fp-text-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-family:Inter,inherit;font-size:13.5px;font-weight:500;transition:color .2s,background .2s;display:flex}.fp-text-btn:hover{color:#2563eb;background:#2563eb0f}.fp-strength{align-items:center;gap:10px;display:flex}.fp-strength-bars{flex:1;gap:5px;display:flex}.fp-strength-bar{background:#e2e8f0;border-radius:2px;flex:1;height:4px;transition:background .3s}.fp-strength-bar.fp-bar-weak{background:#ef4444}.fp-strength-bar.fp-bar-medium{background:#f59e0b}.fp-strength-bar.fp-bar-strong{background:#10b981}.fp-strength-label{color:#64748b;white-space:nowrap;text-align:right;min-width:90px;font-size:11.5px}.fp-match{align-items:center;gap:5px;padding:1px 0;font-size:12.5px;font-weight:500;display:flex}.fp-match-ok{color:#059669}.fp-match-err{color:#dc2626}.myp-page{flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;padding:24px;display:flex}.myp-top-bar{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.myp-back-btn,.myp-refresh-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.myp-back-btn:hover,.myp-refresh-btn:hover:not(:disabled){color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.myp-refresh-btn:disabled{opacity:.5;cursor:default}@keyframes myp-spin{to{transform:rotate(360deg)}}.myp-spin{animation:.8s linear infinite myp-spin}.myp-error-box{text-align:center;color:#6b7280;background:#fff;border:1px solid #f0f0f5;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.myp-error-box p{margin:0;font-size:14px}.myp-error-box button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s}.myp-error-box button:hover{background:#4f46e5}.myp-hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.myp-hero-banner{height:80px;position:relative;overflow:hidden}.myp-hero-blob{filter:blur(28px);border-radius:50%;position:absolute}.myp-hb-1{width:200px;height:200px;top:-60px;right:10%}.myp-hb-2{width:140px;height:140px;top:-40px;right:35%}.myp-hero-body{align-items:flex-start;gap:20px;margin-top:-32px;padding:0 28px 24px;display:flex;position:relative}.myp-hero-avatar-wrap{flex-shrink:0;position:relative}.myp-hero-status-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:4px;right:4px}.myp-hero-status-dot.myp-status-approved{background:#22c55e}.myp-hero-status-dot.myp-status-pending{background:#f59e0b}.myp-hero-status-dot.myp-status-rejected{background:#ef4444}.myp-hero-avatar{color:#fff;border:3px solid #fff;border-radius:16px;justify-content:center;align-items:center;width:76px;height:76px;font-size:24px;font-weight:800;display:flex;overflow:hidden}.myp-hero-avatar-img{object-fit:cover;border:3px solid #fff;border-radius:16px;width:76px;height:76px;display:block}.myp-hero-info{flex:1;min-width:0;padding-top:36px}.myp-hero-name{color:#111827;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:800}.myp-hero-ids{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.myp-id-pill{color:#374151;letter-spacing:.3px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.myp-hero-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.myp-chip{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.myp-chip-code{opacity:.7;margin-left:2px;font-size:10px}.myp-chip.myp-status-approved{color:#166534;background:#dcfce7;border-color:#bbf7d0}.myp-chip.myp-status-pending{color:#854d0e;background:#fef9c3;border-color:#fde68a}.myp-chip.myp-status-rejected{color:#991b1b;background:#fee2e2;border-color:#fecaca}.myp-hero-contact{color:#6b7280;flex-wrap:wrap;gap:12px;font-size:12px;font-weight:500;display:flex}.myp-hero-contact span{align-items:center;gap:5px;display:flex}.myp-blood{color:#dc2626}.myp-hero-stats{background:#f8f9fc;border:1px solid #f0f0f5;border-radius:12px;flex-shrink:0;align-items:center;gap:0;min-width:240px;margin-top:44px;padding:12px 20px;display:flex}.myp-stat-item{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.myp-stat-val{color:#111827;white-space:nowrap;font-size:13px;font-weight:800}.myp-stat-label{color:#9ca3af;text-align:center;font-size:10px;font-weight:500}.myp-stat-div{background:#e5e7eb;width:1px;height:28px;margin:0 4px}.myp-stat-val.myp-status-approved{color:#16a34a}.myp-stat-val.myp-status-pending{color:#d97706}.myp-stat-val.myp-status-rejected{color:#dc2626}.myp-enroll-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden;box-shadow:0 1px 4px #00000008}.myp-enroll-left{border-left:4px solid #6366f1;border-right:1px solid #f0f0f5;padding:20px 24px}.myp-enroll-right{padding:20px 24px}.myp-enroll-sec-title{color:#374151;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;font-weight:700;display:flex}.myp-enroll-sec-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.myp-enroll-course-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.myp-enroll-course-name{letter-spacing:-.2px;font-size:16px;font-weight:800}.myp-enroll-course-code{border:1px solid;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.myp-enroll-details-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.myp-enroll-detail-item{align-items:flex-start;gap:8px;display:flex}.myp-edi-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.myp-edi-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;margin-bottom:1px;font-size:10px;font-weight:600}.myp-edi-val{color:#111827;font-size:12.5px;font-weight:700}.myp-ef-body{flex-direction:column;gap:10px;display:flex}.myp-ef-rows{flex-direction:column;gap:0;display:flex}.myp-ef-row{border-bottom:1px solid #f8f9fc;justify-content:space-between;align-items:center;padding:6px 0;font-size:12.5px;display:flex}.myp-ef-row:last-child{border-bottom:none}.myp-ef-label{color:#6b7280;font-weight:500}.myp-ef-val{color:#111827;font-weight:700}.myp-green{color:#16a34a!important}.myp-orange{color:#d97706!important}.myp-ef-prog-wrap{align-items:center;gap:10px;margin-top:4px;display:flex}.myp-ef-prog-track{background:#f0f0f5;border-radius:3px;flex:1;height:6px;overflow:hidden}.myp-ef-prog-fill{border-radius:3px;height:100%;transition:width .4s}.myp-ef-prog-pct{color:#6b7280;white-space:nowrap;flex-shrink:0;font-size:10.5px;font-weight:600}.myp-ef-empty{color:#9ca3af;text-align:center;padding:20px 0;font-size:13px}.myp-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.myp-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #00000008}.myp-card-head{border-bottom:1px solid #f0f0f5;align-items:center;gap:10px;padding:14px 18px 12px;display:flex}.myp-card-icon{color:#6b7280;background:#f0f0f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.myp-card-title{color:#111827;flex:1;font-size:13px;font-weight:700}.myp-card-action{flex-shrink:0;margin-left:auto}.myp-card-body{padding:14px 18px}.myp-info-row{border-bottom:1px solid #f8f9fc;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0;font-size:12.5px;display:flex}.myp-info-row:last-child{border-bottom:none}.myp-info-label{color:#9ca3af;flex-shrink:0;min-width:110px;font-weight:500}.myp-info-value{color:#111827;text-align:right;word-break:break-word;font-weight:600}.myp-mono{letter-spacing:.5px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11.5px}.myp-address-block{padding:4px 0 8px}.myp-address-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.myp-address-text{color:#374151;font-size:13px;font-weight:500;line-height:1.5}.myp-divider{background:#f0f0f5;height:1px;margin:8px 0}.myp-address-detail-grid{flex-direction:column;gap:12px;margin-top:8px;display:flex}.myp-address-detail-panel{background:#f9fafb;border:1px solid #f0f0f5;border-radius:10px;overflow:hidden}.myp-address-detail-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:8px 12px 6px;font-size:11px;font-weight:700}.myp-address-detail-fields{padding:4px 12px 6px}.myp-salary-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.myp-salary-head{text-transform:uppercase;letter-spacing:.6px;color:#6b7280;border-bottom:2px solid #f0f0f5;margin-bottom:4px;padding-bottom:8px;font-size:11.5px;font-weight:800}.myp-salary-row{color:#374151;border-bottom:1px solid #f8f9fc;justify-content:space-between;align-items:center;padding:6px 0;font-size:12.5px;display:flex}.myp-salary-row:last-child{border-bottom:none}.myp-salary-row span:first-child{color:#6b7280}.myp-salary-row span:last-child{color:#111827;font-weight:700}.myp-salary-total{margin-top:6px;padding-top:10px;border-top:2px solid #e5e7eb!important;border-bottom:none!important}.myp-salary-total span:first-child{font-size:13px;font-weight:700;color:#111827!important}.myp-salary-total span:last-child{font-size:14px}.myp-deduct{color:#dc2626!important}.myp-salary-total.myp-net span:last-child{color:#16a34a!important}.myp-salary-total:not(.myp-net) span:last-child{color:#6366f1!important}.myp-bank-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.myp-bank-grid .myp-info-row{grid-column:auto}.myp-guardian-tabs{border-bottom:1px solid #f0f0f5;gap:0;margin-bottom:14px;display:flex}.myp-g-tab{color:#6b7280;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:9px 12px;font-size:12.5px;font-weight:600;transition:color .15s,border-bottom-color .15s}.myp-g-tab.active{color:#6366f1;border-bottom-color:#6366f1}.myp-g-tab:hover:not(.active){color:#374151}.myp-guardian-body{padding:0}.myp-g-grid{grid-template-columns:1fr;display:grid}.myp-doc-summary-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.myp-docs-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.myp-docs-grid-staff{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.myp-doc-chip{border:1px solid;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:12px;font-weight:600;display:flex}.myp-doc-chip.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.myp-doc-chip.missing{color:#9ca3af;background:#fafafa;border-color:#e5e7eb}.myp-doc-chip-staff{align-items:flex-start}.myp-doc-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.myp-doc-ok{color:#16a34a;background:#dcfce7}.myp-doc-miss{color:#9ca3af;background:#f3f4f6}.myp-doc-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.myp-doc-label{font-size:12px;font-weight:700}.myp-doc-file{color:#374151;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11px;font-weight:500;overflow:hidden}.myp-doc-meta{color:#9ca3af;font-size:10.5px;font-weight:400}.myp-doc-view{color:inherit;opacity:.6;flex-shrink:0;align-items:center;margin-top:2px;transition:opacity .15s;display:flex}.myp-doc-view:hover{opacity:1}@media (width<=900px){.myp-grid,.myp-enroll-card{grid-template-columns:1fr}.myp-enroll-left{border-bottom:1px solid #f0f0f5;border-right:none}.myp-salary-grid,.myp-bank-grid,.myp-enroll-details-grid{grid-template-columns:1fr}.myp-hero-stats{min-width:unset;width:100%;margin-top:16px}.myp-hero-body{flex-wrap:wrap}.myp-hero-info{width:100%;padding-top:8px}.myp-hero-avatar{margin-top:-20px}.myp-docs-grid-staff{grid-template-columns:1fr}}@media (width<=600px){.myp-page{padding:16px}.myp-hero-name{font-size:18px}.myp-docs-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.myp-hero-stats{flex-wrap:wrap;padding:10px 14px}.myp-bank-grid{grid-template-columns:1fr}}:root{--primary:#6366f1;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}.iem-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:18px;padding:26px 28px 56px;animation:.4s fadeUp;display:flex}.iem-selector{flex-wrap:wrap;gap:14px;display:flex}.iem-sel-field{flex-direction:column;flex:1;gap:5px;min-width:240px;display:flex}.iem-sel-field label{color:var(--text-2);font-size:12px;font-weight:600}.iem-dd,.iem-dd .p-dropdown{font-size:13px;border:1.5px solid var(--border-md)!important;background:var(--card)!important;border-radius:10px!important;width:100%!important;height:40px!important}.iem-dd .p-dropdown-label{color:var(--text-1)!important;padding:0 12px!important;font-size:13px!important;line-height:38px!important}.iem-marks-legend{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;display:flex}.iem-legend-item{border-radius:10px;flex:1;align-items:center;gap:8px;min-width:130px;padding:8px 14px;display:flex}.iem-legend-int{background:#eef2ff;border:1px solid #c7d2fe}.iem-legend-ext{background:#ecfdf5;border:1px solid #10b9814d}.iem-legend-prac{background:#fffbeb;border:1px solid #f59e0b4d}.iem-legend-total{background:#f5f3ff;border:1px solid #8b5cf64d}.iem-leg-icon{flex-shrink:0;font-size:18px}.iem-legend-item div{flex-direction:column;gap:2px;display:flex}.iem-legend-item b{color:var(--text-1);font-size:13px;font-weight:700}.iem-legend-item span{color:var(--text-2);font-size:11px}.iem-legend-sep{color:var(--text-3);font-size:20px;font-weight:700}.iem-tabs{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;gap:8px;width:fit-content;padding:6px;display:flex}.iem-tab{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.iem-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #6366f14d}.iem-tab:hover:not(.active){background:var(--bg);color:var(--text-1)}.iem-table-wrap{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.iem-tw-head{border-bottom:1px solid var(--border);background:var(--bg);color:var(--text-1);justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;display:flex}.iem-save-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:36px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s;box-shadow:0 2px 8px #6366f14d}.iem-save-btn:hover{background:var(--primary-dk)}.iem-save-btn:disabled{opacity:.6;cursor:not-allowed}.iem-table-container{overflow-x:auto}.iem-table{border-collapse:collapse;width:100%;font-size:13px}.iem-table thead tr{border-bottom:2px solid var(--border-md);background:#fafbff}.iem-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:700}.iem-th-int{color:#4f46e5!important;background:#eef2ff!important}.iem-th-ext{color:#065f46!important;background:#ecfdf5!important}.iem-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 12px}.iem-table tr:last-child td{border-bottom:none}.iem-row-absent td{opacity:.8;background:#fff8f8}.iem-col-no{text-align:center;width:36px;color:var(--text-3);font-weight:600}.iem-stu{align-items:center;gap:8px;min-width:140px;font-weight:500;display:flex}.iem-av{background:var(--primary-bg);width:28px;height:28px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.iem-roll{color:var(--text-2);font-size:12px}.iem-chk-wrap{cursor:pointer;justify-content:center;align-items:center;display:flex}.iem-chk-wrap input{display:none}.iem-chk{border:2px solid var(--border-md);background:var(--bg);border-radius:5px;width:18px;height:18px;transition:all .15s}.iem-chk-wrap input:checked+.iem-chk{background:var(--danger);border-color:var(--danger)}.iem-marks-cell{background:var(--bg);border:1.5px solid var(--border-md);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;transition:border-color .15s;display:flex}.iem-marks-cell:focus-within,.iem-marks-cell.iem-int:focus-within{border-color:var(--primary)}.iem-marks-cell.iem-ext:focus-within{border-color:var(--success)}.iem-marks-cell input{width:52px;color:var(--text-1);text-align:center;background:0 0;border:none;outline:none;font-size:13px}.iem-max-lbl{color:var(--text-3);white-space:nowrap;font-size:10px}.iem-disabled{opacity:.5;cursor:not-allowed;background:var(--border)!important}.iem-disabled input{cursor:not-allowed}.iem-prac-input{border:1.5px solid var(--border-md);text-align:center;background:var(--bg);border-radius:7px;outline:none;width:66px;height:32px;padding:0 8px;font-size:13px;transition:border-color .15s}.iem-prac-input:focus{border-color:var(--warning)}.iem-total{font-size:14px;font-weight:700}.iem-total-pass{color:var(--success)}.iem-total-fail{color:var(--danger)}.iem-pct{font-size:12px;font-weight:600}.iem-pct-pass{color:var(--success)}.iem-pct-fail{color:var(--danger)}.iem-pct-abs{color:var(--text-3)}.iem-badge-pass{background:var(--success-bg);color:#065f46;border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:700}.iem-badge-fail{background:var(--danger-bg);color:#991b1b;border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:700}.iem-badge-ab{color:var(--text-3);background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:600}.iem-empty{background:var(--card);border-radius:var(--radius);border:1.5px dashed var(--border-md);color:var(--text-3);justify-content:center;align-items:center;padding:80px 20px;display:flex}.iem-empty p{color:var(--text-2);font-size:15px;font-weight:600}@keyframes iesFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes iesCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes iesViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes iesPanelIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes iesOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes iesFieldIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes iesShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ies-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:26px 28px 56px;animation:.4s iesFadeUp;display:flex}.ies-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ies-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.ies-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.ies-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:700;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.ies-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.ies-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ies-stat-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s iesFadeUp;display:flex}.ies-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ies-stat-value{color:var(--text-1);font-size:24px;font-weight:800;line-height:1}.ies-stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px;font-weight:600}.ies-stat-blue .ies-stat-value{color:var(--primary)}.ies-stat-yellow .ies-stat-value{color:var(--warning)}.ies-stat-green .ies-stat-value{color:var(--success)}.ies-stat-gray .ies-stat-value{color:var(--text-2)}.ies-toolbar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.ies-search{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;flex:1;align-items:center;gap:8px;min-width:200px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ies-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ies-search input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.ies-clr{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.ies-dd.p-dropdown{border:1px solid var(--border-md)!important;min-width:160px!important;height:36px!important;color:var(--text-1)!important;font-size:13px!important;font-family:var(--font)!important;background:var(--card)!important;border-radius:9px!important}.ies-dd.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)!important}.ies-dd.p-dropdown.p-focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f11a!important}.ies-dd.p-dropdown .p-dropdown-label{padding:0 10px!important;font-size:13px!important;line-height:34px!important}.ies-dd.p-dropdown .p-dropdown-trigger{width:30px!important}.ies-view-toggle{border:1px solid var(--border-md);border-radius:8px;flex-shrink:0;display:flex;position:relative;overflow:hidden}.ies-view-toggle-indicator{background:var(--primary-bg);will-change:transform;z-index:0;width:34px;height:32px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.ies-view-toggle-indicator.list{transform:translate(34px)}.ies-view-btn{z-index:1;width:34px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.ies-view-btn.active{color:var(--primary)}.ies-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both iesViewSwitch}.ies-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;display:grid}.ies-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:auto}.ies-table{border-collapse:collapse;width:100%;min-width:950px}.ies-table thead{background:var(--bg)}.ies-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border-bottom:1px solid var(--border-md);white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:800}.ies-table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:12px 16px;font-size:13px}.ies-table td b{color:var(--text-1);font-size:13px}.ies-table tr:last-child td{border-bottom:none}.ies-table tr:hover td{background:#fafbff}.ies-tbl-batch{color:var(--text-3);font-size:11px}.ies-tbl-dates{color:var(--text-2);font-size:12px}.ies-chip-static{text-transform:capitalize;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.ies-chip-static.ies-chip-upcoming{color:#92400e;background:var(--warning-bg);border:1px solid #fde68a}.ies-chip-static.ies-chip-ongoing{color:#065f46;background:var(--success-bg);border:1px solid #a7f3d0}.ies-chip-static.ies-chip-completed{color:var(--text-2);background:var(--bg);border:1px solid var(--border-md)}.ies-chip-static.ies-chip-cancelled{color:#991b1b;background:var(--danger-bg);border:1px solid #fecaca}.ies-tbl-status-strip{gap:4px;display:flex}.ies-ss-mini{border:1px solid var(--border-md);background:var(--card);width:24px;height:24px;color:var(--text-3);cursor:pointer;border-radius:6px;font-size:11px;font-weight:700;transition:all .15s}.ies-ss-mini:hover{border-color:var(--primary-ring);color:var(--primary);background:var(--primary-bg)}.ies-ss-mini.active{background:var(--purple);color:#fff;border-color:var(--purple)}.ies-tbl-actions{gap:6px;display:flex}.ies-tbl-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.ies-tbl-btn-edit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.ies-tbl-btn-edit:hover{color:#fff;background:#2563eb}.ies-tbl-btn-del{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.ies-tbl-btn-del:hover{background:var(--danger);color:#fff}.ies-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;animation:.38s iesCardIn;display:flex;overflow:hidden}.ies-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.ies-card-top{background:linear-gradient(135deg, var(--purple), #a78bfa);color:#fff;align-items:center;gap:10px;padding:14px 16px;display:flex}.ies-card-type-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ies-card-type-info{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ies-chip{text-transform:capitalize;color:#fff;background:#ffffff40;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.ies-card-body{flex:1;padding:14px 18px}.ies-card-name{color:var(--text-1);margin-bottom:8px;font-size:15px;font-weight:800;line-height:1.35}.ies-card-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.ies-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.ies-badge-course{background:var(--purple-bg);color:var(--purple)}.ies-badge-batch{background:var(--primary-bg);color:var(--primary)}.ies-badge-sem{background:var(--success-bg);color:#059669}.ies-card-meta{color:var(--text-2);flex-wrap:wrap;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.ies-card-meta span{align-items:center;gap:3px;display:inline-flex}.ies-card-meta b{color:var(--text-1)}.ies-card-dates{color:var(--text-3);align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.ies-card-actions{border-top:1px solid var(--border);gap:7px;padding:12px 18px;display:flex}.ies-act-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.ies-act-edit{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.ies-act-edit:hover{color:#fff;background:#2563eb}.ies-act-del{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.ies-act-del:hover{background:var(--danger);color:#fff}.ies-status-strip{border-top:1px solid var(--border);display:flex}.ies-ss-btn{cursor:pointer;text-transform:capitalize;background:var(--bg);color:var(--text-3);border:none;flex:1;padding:7px;font-size:11px;font-weight:600;transition:all .15s}.ies-ss-btn:not(:last-child){border-right:1px solid var(--border)}.ies-ss-btn:hover{background:var(--primary-bg);color:var(--primary)}.ies-ss-btn.active{background:var(--purple);color:#fff;font-weight:700}.ies-skel-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-md);padding:16px}.ies-skel{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;margin-bottom:8px;animation:1.5s infinite iesShimmer}.ies-skel-h{width:80%;height:20px}.ies-skel-l{width:60%;height:14px}.ies-skel-s{width:40%}.ies-empty{background:var(--card);border:1.5px dashed var(--border-md);border-radius:var(--radius);color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:70px 20px;display:flex}.ies-empty svg{opacity:.4}.ies-empty p{color:var(--text-2);font-size:16px;font-weight:700}.ies-empty span{font-size:13px}.ies-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a61;animation:.22s iesOverlayIn;position:fixed;inset:0}.ies-panel{background:var(--card);z-index:201;will-change:transform;flex-direction:column;width:480px;max-width:100%;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.ies-panel.open{transition-delay:0s;transform:translate(0)}.ies-panel-head{border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.ies-panel-title{color:var(--text-1);font-size:16px;font-weight:800}.ies-panel-sub{color:var(--text-2);margin-top:2px;font-size:12.5px}.ies-close-btn{border:1px solid var(--border-md);width:34px;height:34px;color:var(--text-2);cursor:pointer;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s,border-color .14s;display:flex}.ies-close-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.ies-panel-body{flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.ies-panel-body::-webkit-scrollbar{width:4px}.ies-panel-body::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:2px}.ies-panel.open .ies-section-lbl,.ies-panel.open .ies-field,.ies-panel.open .ies-row-2,.ies-panel.open .ies-divider{animation:.3s iesFieldIn}.ies-section-lbl{text-transform:uppercase;color:var(--text-2);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:800;display:flex}.ies-sec-num{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.ies-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.ies-field label{color:var(--text-1);font-size:12.5px;font-weight:700}.ies-req{color:var(--danger)}.ies-input{border:1px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);font-size:13px;font-family:var(--font);border-radius:9px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s}.ies-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.ies-textarea{border:1px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:10px;outline:none;padding:12px}.ies-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ies-field-err .ies-input,.ies-field-err .p-dropdown{border-color:var(--danger)!important}.ies-err{color:var(--danger);margin-top:3px;font-size:11px;display:block}.ies-divider{background:var(--border);height:1px;margin:16px 0}.ies-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ies-dd-full.p-dropdown{background:var(--bg)!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important}.ies-dd-full.p-dropdown .p-dropdown-label{padding-left:12px!important;line-height:36px!important}.ies-status-tabs{flex-wrap:wrap;gap:6px;display:flex}.ies-stab{border:1px solid var(--border-md);cursor:pointer;background:var(--card);color:var(--text-2);text-transform:capitalize;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s}.ies-stab:hover{border-color:var(--primary-ring);color:var(--primary);background:var(--primary-bg)}.ies-stab.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.ies-panel-foot{border-top:1px solid var(--border);background:#fafbfc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.ies-btn-cancel{border:1px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13.5px;font-weight:600}.ies-btn-cancel:hover{background:var(--bg)}.ies-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:38px;font-size:13.5px;font-weight:700;font-family:var(--font);border:none;border-radius:9px;padding:0 22px;transition:background .15s;box-shadow:0 3px 12px #6366f159}.ies-btn-save:hover{background:var(--primary-dk)}.ies-btn-save:disabled,.ies-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.ies-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.ies-panel{width:420px}}@media (width<=760px){.ies-root{padding:18px}.ies-stats{grid-template-columns:1fr}.ies-panel{width:100%;left:0}.ies-row-2{grid-template-columns:1fr}.ies-dd.p-dropdown{min-width:100%}}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes iettFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes iettFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.iett-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:26px 28px 56px;animation:.4s iettFadeUp;display:flex}.iett-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.iett-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.iett-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.iett-selector{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px 18px;display:flex}.iett-sel-field{flex-direction:column;flex:1;gap:6px;min-width:250px;display:flex}.iett-sel-field label{color:var(--text-1);font-size:12.5px;font-weight:700}.iett-dd.p-dropdown{border:1px solid var(--border-md)!important;height:36px!important;color:var(--text-1)!important;font-size:13px!important;font-family:var(--font)!important;background:var(--card)!important;border-radius:9px!important;width:100%!important}.iett-dd.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)!important}.iett-dd.p-dropdown.p-focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f11a!important}.iett-dd.p-dropdown .p-dropdown-label{padding:0 10px!important;font-size:13px!important;line-height:34px!important}.iett-dd.p-dropdown .p-dropdown-trigger{width:30px!important}.iett-btn-add{background:var(--primary);color:#fff;cursor:pointer;height:38px;font-size:13px;font-weight:700;font-family:var(--font);white-space:nowrap;border:none;border-radius:9px;align-items:center;gap:7px;padding:0 18px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.iett-btn-add:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.iett-empty{background:var(--card);border:1.5px dashed var(--border-md);border-radius:var(--radius);color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:70px 20px;font-size:14px;font-weight:700;display:flex}.iett-table-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:auto}.iett-table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.iett-table thead{background:var(--bg)}.iett-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border-bottom:1px solid var(--border-md);padding:11px 16px;font-size:11.5px;font-weight:800}.iett-table td{border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle;padding:12px 16px}.iett-table tr:last-child td{border-bottom:none}.iett-table tr:hover td{background:#fafbff}.iett-table td b{color:var(--text-1);font-weight:700}.iett-act-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;height:30px;margin-right:4px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s}.iett-act-edit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.iett-act-edit:hover{color:#fff;background:#2563eb}.iett-act-del{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.iett-act-del:hover{background:var(--danger);color:#fff}.iett-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;background:#0f0f1e66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.iett-panel{background:var(--card);width:100%;max-width:540px;max-height:88vh;box-shadow:var(--shadow-lg);border-radius:18px;animation:.25s iettFadeUp;overflow-y:auto}.iett-panel-head{border-bottom:1px solid var(--border-md);background:linear-gradient(135deg, var(--primary-bg), #fff);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.iett-panel-title{color:var(--text-1);font-size:17px;font-weight:800}.iett-panel-sub{color:var(--text-2);margin-top:2px;font-size:12.5px}.iett-close-btn{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-3);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.iett-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.iett-panel-body{padding:20px 24px}.iett-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.iett-field label{color:var(--text-1);font-size:12.5px;font-weight:700}.iett-req{color:var(--danger)}.iett-input{border:1px solid var(--border-md);height:38px;color:var(--text-1);background:var(--bg);font-size:13px;font-family:var(--font);border-radius:9px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s}.iett-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6366f11a}.iett-textarea{border:1px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:10px;outline:none;padding:12px}.iett-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.iett-field-err .iett-input{border-color:var(--danger)}.iett-err{color:var(--danger);margin-top:3px;font-size:11px;display:block}.iett-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.iett-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.iett-panel-foot{border-top:1px solid var(--border-md);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.iett-btn-cancel{border:1px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13.5px;font-weight:600}.iett-btn-cancel:hover{background:var(--bg)}.iett-btn-save{background:var(--primary);color:#fff;cursor:pointer;height:38px;font-size:13.5px;font-weight:700;font-family:var(--font);border:none;border-radius:9px;padding:0 22px;transition:background .15s;box-shadow:0 3px 12px #6366f159}.iett-btn-save:hover{background:var(--primary-dk)}.iett-btn-save:disabled,.iett-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.iett-count{color:var(--text-2);background:var(--bg);white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:600}@media (width<=760px){.iett-root{padding:18px}.iett-sel-field{min-width:100%}.iett-row-2{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-lt:#818cf8;--primary-dk:#4f46e5;--primary-bg:#eef2ff;--primary-ring:#c7d2fe;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#8b5cf6;--purple-bg:#f5f3ff;--bg:#f8f9fc;--card:#fff;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--border:#f0f0f5;--border-md:#e5e7eb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #00000024;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}@keyframes ieacFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ieacCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ieacViewSwitch{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ieacModalIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.ieac-root{background:var(--bg);min-height:100vh;font-family:var(--font);color:var(--text-1);flex-direction:column;gap:22px;padding:26px 28px 56px;animation:.4s ieacFadeUp;display:flex}.ieac-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ieac-page-title{color:var(--text-1);letter-spacing:-.02em;font-size:22px;font-weight:800}.ieac-page-sub{color:var(--text-2);margin-top:3px;font-size:13px}.ieac-btn-issue{background:var(--primary);color:#fff;cursor:pointer;height:40px;font-size:13.5px;font-weight:700;font-family:var(--font);border:none;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 2px 10px #6366f152}.ieac-btn-issue:hover{background:var(--primary-dk);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.ieac-btn-issue:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.ieac-btn-regenerate{color:#92400e;cursor:pointer;height:40px;font-size:13.5px;font-weight:700;font-family:var(--font);background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex}.ieac-btn-regenerate:hover{background:#fef3c7;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b33}.ieac-btn-regenerate:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.ieac-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ieac-stat{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;animation:.4s ieacFadeUp;display:flex}.ieac-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ieac-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ieac-bg-primary{background:var(--primary-bg);color:var(--primary)}.ieac-bg-success{background:var(--success-bg);color:var(--success)}.ieac-bg-warning{background:var(--warning-bg);color:var(--warning)}.ieac-bg-gray{color:#64748b;background:#f1f5f9}.ieac-stat-value{color:var(--text-1);font-size:24px;font-weight:800;line-height:1}.ieac-stat-label{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:600}.ieac-toolbar{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ieac-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.ieac-dd.p-dropdown{border:1px solid var(--border-md);height:36px;color:var(--text-1);font-size:13px;font-family:var(--font);background:var(--card);border-radius:9px;min-width:160px}.ieac-exam-dd.p-dropdown{min-width:280px}.ieac-dd.p-dropdown:not(.p-disabled):hover{border-color:var(--primary)}.ieac-dd.p-dropdown.p-focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ieac-dd.p-dropdown .p-dropdown-label{padding:0 12px;font-size:13px;line-height:36px}.ieac-dd.p-dropdown .p-dropdown-trigger{width:32px}.ieac-dropdown-panel.p-dropdown-panel{border:1px solid var(--border-md);box-shadow:var(--shadow-lg);border-radius:12px;margin-top:4px;overflow:hidden}.ieac-result-count{color:var(--text-2);background:var(--bg);border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:600}.ieac-view-toggle{border:1px solid var(--border-md);border-radius:8px;flex-shrink:0;display:flex;position:relative;overflow:hidden}.ieac-view-toggle-indicator{background:var(--primary-bg);will-change:transform;z-index:0;width:34px;height:32px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.ieac-view-toggle-indicator.list{transform:translate(34px)}.ieac-view-btn{z-index:1;width:34px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.ieac-view-btn.active{color:var(--primary)}.ieac-view-switch{animation:.32s cubic-bezier(.4,0,.2,1) both ieacViewSwitch}.ieac-loading,.ieac-empty{background:var(--card);border:1.5px dashed var(--border-md);border-radius:var(--radius);color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:70px 20px;font-size:14px;font-weight:700;display:flex}.ieac-empty-icon{background:var(--primary-bg);width:68px;height:68px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;display:flex}.ieac-empty p{color:var(--text-2);font-size:15px;font-weight:700}.ieac-empty span{color:var(--text-3);font-size:13px;font-weight:600}.ieac-cards{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;display:grid}.ieac-card{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;animation:.38s ieacCardIn;display:flex;overflow:hidden}.ieac-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.ieac-card-disabled{opacity:.6}.ieac-card-head{justify-content:space-between;align-items:center;padding:16px 18px 0;display:flex}.ieac-card-icon-wrap{background:var(--primary-bg);width:42px;height:42px;color:var(--primary);border-radius:11px;justify-content:center;align-items:center;display:flex}.ieac-chip{text-transform:capitalize;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.ieac-chip-issued{color:#065f46;background:var(--success-bg);border:1px solid #a7f3d0}.ieac-chip-printed{color:#1e40af;background:var(--primary-bg);border:1px solid var(--primary-ring)}.ieac-chip-blocked{color:#92400e;background:var(--warning-bg);border:1px solid #fde68a}.ieac-chip-cancelled{color:#991b1b;background:var(--danger-bg);border:1px solid #fecaca}.ieac-card-body{flex:1;padding:12px 18px 14px}.ieac-card-body h3{color:var(--text-1);font-size:15px;font-weight:800;line-height:1.35}.ieac-card-sub{color:var(--text-2);margin-top:4px;font-size:12.5px}.ieac-card-meta{color:var(--text-2);flex-direction:column;gap:3px;margin-top:10px;font-size:12px;display:flex}.ieac-card-mini-stats{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px;display:grid}.ieac-card-mini-stats div{background:var(--bg);text-align:center;border-radius:9px;padding:7px}.ieac-card-mini-stats b{color:var(--text-1);font-size:16px;display:block}.ieac-card-mini-stats span{color:var(--text-2);font-size:10.5px;font-weight:600}.ieac-card-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:10px 16px 14px;display:flex}.ieac-card-foot>span{color:var(--text-3);font-size:11px}.ieac-card-actions{flex-wrap:wrap;gap:7px;display:flex}.ieac-act-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.ieac-act-btn.view{background:var(--primary);color:#fff}.ieac-act-btn.danger{background:var(--danger-bg);color:#991b1b;border:1px solid #fecaca}.ieac-act-btn.danger:hover{background:var(--danger);color:#fff}.ieac-act-btn.reissue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.ieac-act-btn.reissue:hover{color:#fff;background:#2563eb}.ieac-act-btn.cancel{background:var(--bg);color:var(--text-2);border:1px solid var(--border-md)}.ieac-act-btn.cancel:hover{background:var(--text-2);color:#fff;border-color:var(--text-2)}.ieac-list-wrap{background:var(--card);border:1px solid var(--border-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:auto}.ieac-table{border-collapse:collapse;width:100%;min-width:900px}.ieac-table thead{background:var(--bg)}.ieac-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border-bottom:1px solid var(--border-md);padding:11px 16px;font-size:11.5px;font-weight:800}.ieac-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px;font-size:13px}.ieac-table td b{color:var(--text-1);font-size:13px;display:block}.ieac-table tr:last-child td{border-bottom:none}.ieac-table tr:hover td{background:#fafbff}.ieac-row-disabled td{opacity:.5;background:#f9fafb!important}.ieac-tbl-stu{align-items:center;gap:10px;display:flex}.ieac-tbl-av{background:linear-gradient(135deg, var(--primary), var(--primary-lt));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.ieac-tbl-roll{color:var(--text-2);font-weight:600}.ieac-tbl-enroll{color:var(--text-2);font-size:12.5px}.ieac-tbl-batch{color:var(--text-3);font-size:11px}.ieac-badge{background:var(--purple-bg);color:var(--purple);border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.ieac-tbl-actions{gap:6px;display:flex}.ieac-tbl-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.ieac-tbl-btn.view{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-ring)}.ieac-tbl-btn.view:hover{background:var(--primary);color:#fff}.ieac-tbl-btn.danger{background:var(--danger-bg);color:#991b1b;border-color:#fecaca}.ieac-tbl-btn.danger:hover{background:var(--danger);color:#fff}.ieac-tbl-btn.reissue{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.ieac-tbl-btn.reissue:hover{color:#fff;background:#2563eb}.ieac-tbl-btn.cancel{background:var(--bg);color:var(--text-2);border-color:var(--border-md)}.ieac-tbl-btn.cancel:hover{background:var(--text-2);color:#fff}.ieac-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:930;background:#0f0f1e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ieac-modal{background:var(--card);width:min(680px,96vw);max-height:88vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;animation:.25s ieacModalIn;display:flex;overflow:hidden}.ieac-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.ieac-modal-head h3{color:var(--text-1);font-size:17px;font-weight:800}.ieac-modal-head p{color:var(--text-2);margin-top:2px;font-size:12px}.ieac-modal-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-3);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.ieac-modal-close:hover{background:var(--danger-bg);color:var(--danger)}.ieac-modal-body{flex:1;padding:18px 22px;overflow-y:auto}.ieac-detail-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ieac-detail-grid div{border:1px solid var(--border-md);background:#fafbff;border-radius:12px;padding:10px 12px}.ieac-detail-grid span{color:var(--text-2);text-transform:uppercase;font-size:10.5px;font-weight:800;display:block}.ieac-detail-grid b{color:var(--text-1);margin-top:4px;font-size:13px;display:block}.ieac-modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.ieac-btn-primary{background:var(--primary);color:#fff;cursor:pointer;height:38px;font-size:13.5px;font-weight:700;font-family:var(--font);border:none;border-radius:9px;padding:0 22px;transition:background .15s;box-shadow:0 3px 12px #6366f159}.ieac-btn-primary:hover{background:var(--primary-dk)}.ieac-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ieac-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;background:#0f0f1e66;position:fixed;inset:0}.ieac-panel{background:var(--card);z-index:910;width:min(560px,100vw - 58px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.32s ieacPanelIn;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes ieacPanelIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.ieac-panel-head{border-bottom:1px solid var(--border-md);background:linear-gradient(135deg, var(--primary-bg), #fff);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ieac-panel-head-left{align-items:center;gap:12px;display:flex}.ieac-panel-head-icon{background:var(--primary);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ieac-panel-head h2{color:var(--text-1);font-size:16px;font-weight:800}.ieac-panel-head p{color:var(--text-2);margin-top:2px;font-size:12.5px}.ieac-panel-close{border:1px solid var(--border-md);background:var(--card);width:32px;height:32px;color:var(--text-3);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.ieac-panel-close:hover{background:var(--danger-bg);color:var(--danger)}.ieac-panel-body{flex-direction:column;flex:1;gap:14px;padding:18px 22px;display:flex;overflow-y:auto}.ieac-form-field{flex-direction:column;gap:6px;display:flex}.ieac-form-field label{color:var(--text-1);font-size:12.5px;font-weight:700}.ieac-panel-dd.p-dropdown{background:var(--bg);width:100%!important;min-width:100%!important}.ieac-panel-dd.p-dropdown .p-dropdown-label{background:var(--bg)}.ieac-panel-dd.p-dropdown .p-dropdown-label.p-placeholder{color:var(--text-3)}.ieac-issue-box{border:1px solid var(--border-md);background:#fafbff;border-radius:12px;padding:12px 14px}.ieac-issue-box span{color:var(--text-2);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.ieac-issue-box b{color:var(--text-1);margin-top:4px;font-size:13px;display:block}.ieac-textarea{border:1px solid var(--border-md);color:var(--text-1);background:var(--bg);resize:vertical;font-size:13px;font-family:var(--font);border-radius:10px;outline:none;padding:12px}.ieac-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ieac-note{background:var(--primary-bg);color:var(--primary-dk);border-radius:12px;padding:12px 14px;font-size:12.5px;font-weight:700}.ieac-panel-foot{border-top:1px solid var(--border-md);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.ieac-btn-cancel{border:1px solid var(--border-md);background:var(--card);height:38px;color:var(--text-2);cursor:pointer;border-radius:9px;padding:0 18px;font-size:13.5px;font-weight:600}.ieac-btn-cancel:hover{border-color:var(--text-2)}.ieac-btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;height:38px;padding:0 22px;font-size:13.5px;font-weight:700;box-shadow:0 3px 12px #6366f159}.ieac-btn-save:hover{background:var(--primary-dk)}.ieac-btn-save:disabled,.ieac-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.ieac-search-box{background:var(--bg);border:1px solid var(--border-md);height:36px;color:var(--text-3);border-radius:9px;align-items:center;gap:8px;width:250px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ieac-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ieac-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.ieac-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.ieac-modal-wide{width:min(820px,96vw)}.ieac-detail-grid-3col{grid-template-columns:repeat(3,1fr)}.ieac-act-btn.print{background:var(--success-bg);color:#065f46;border:1px solid #a7f3d0}.ieac-act-btn.print:hover{background:var(--success);color:#fff}.ieac-tbl-btn.print{background:var(--success-bg);color:#065f46;border-color:#a7f3d0}.ieac-tbl-btn.print:hover{background:var(--success);color:#fff}@media (width<=1100px){.ieac-stats{grid-template-columns:repeat(2,1fr)}.ieac-exam-dd.p-dropdown{min-width:220px}}@media (width<=760px){.ieac-root{padding:18px}.ieac-stats{grid-template-columns:1fr}.ieac-toolbar-left{width:100%}.ieac-dd.p-dropdown,.ieac-exam-dd.p-dropdown{width:100%;min-width:100%}.ieac-view-toggle{margin-left:auto}.ieac-detail-grid{grid-template-columns:1fr}}.srcp-root,.srcp-root *{box-sizing:border-box}.srcp-root{--srcp-primary:#6366f1;--srcp-primary-dark:#4f46e5;--srcp-primary-bg:#eef2ff;--srcp-success:#10b981;--srcp-success-bg:#ecfdf5;--srcp-danger:#ef4444;--srcp-danger-bg:#fef2f2;--srcp-warning:#f59e0b;--srcp-warning-bg:#fffbeb;--srcp-purple:#8b5cf6;--srcp-purple-bg:#f5f3ff;--srcp-bg:#f8f9fc;--srcp-card:#fff;--srcp-text:#111827;--srcp-muted:#6b7280;--srcp-soft:#9ca3af;--srcp-border:#e5e7eb;--srcp-border-soft:#f0f0f5;--srcp-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--srcp-shadow-md:0 4px 20px #00000014;--srcp-shadow-lg:0 12px 40px #00000024;background:var(--srcp-bg);min-height:100%;color:var(--srcp-text);flex-direction:column;gap:20px;padding:26px 28px 56px;display:flex}.srcp-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.srcp-page-head h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800;line-height:1.1}.srcp-page-head p{color:var(--srcp-muted);margin:5px 0 0;font-size:13.5px}.srcp-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.srcp-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.srcp-btn.primary{background:var(--srcp-primary);color:#fff;box-shadow:0 2px 10px #6366f147}.srcp-btn.primary:hover:not(:disabled){background:var(--srcp-primary-dark);transform:translateY(-1px)}.srcp-btn.secondary{color:var(--srcp-primary);background:#fff;border-color:#6366f152}.srcp-btn.secondary:hover:not(:disabled){background:var(--srcp-primary-bg)}.srcp-btn.ghost{color:var(--srcp-muted);border-color:var(--srcp-border);background:#fff}.srcp-btn.ghost:hover:not(:disabled){color:var(--srcp-text);background:#fafbff;border-color:#c7d2fe}.srcp-btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.srcp-filters-card{background:var(--srcp-card);border:1px solid var(--srcp-border);box-shadow:var(--srcp-shadow-sm);border-radius:16px;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;padding:18px;display:grid}.srcp-field{flex-direction:column;gap:6px;display:flex}.srcp-field label{color:var(--srcp-muted);font-size:12px;font-weight:700}.srcp-dd,.srcp-dd .p-dropdown{width:100%}.srcp-stats{grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;display:grid}.srcp-stat{background:var(--srcp-card);border:1px solid var(--srcp-border);box-shadow:var(--srcp-shadow-sm);border-radius:16px;align-items:center;gap:12px;padding:15px 16px;display:flex}.srcp-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.srcp-stat-icon.blue{background:var(--srcp-primary-bg);color:var(--srcp-primary)}.srcp-stat-icon.slate{color:#64748b;background:#f3f4f6}.srcp-stat-icon.amber{background:var(--srcp-warning-bg);color:var(--srcp-warning)}.srcp-stat-icon.green{background:var(--srcp-success-bg);color:var(--srcp-success)}.srcp-stat-icon.purple{background:var(--srcp-purple-bg);color:var(--srcp-purple)}.srcp-stat b{font-size:22px;line-height:1;display:block}.srcp-stat small{color:var(--srcp-muted);margin-top:4px;font-size:12px;font-weight:600;display:block}.srcp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.srcp-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.srcp-search{border:1.5px solid var(--srcp-border);width:320px;height:38px;color:var(--srcp-soft);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.srcp-search:focus-within{border-color:var(--srcp-primary);box-shadow:0 0 0 3px #6366f121}.srcp-search input{min-width:0;color:var(--srcp-text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.srcp-search button{color:var(--srcp-soft);cursor:pointer;background:0 0;border:none;display:flex}.srcp-select{border:1.5px solid var(--srcp-border);height:38px;color:var(--srcp-text);cursor:pointer;background:#fff;border-radius:10px;outline:none;padding:0 12px;font-size:13px;font-weight:600}.srcp-select.small{min-width:105px}.srcp-selected-count,.srcp-result-count{background:var(--srcp-primary-bg);color:var(--srcp-primary);border:1px solid #6366f138;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.srcp-table-wrap{background:var(--srcp-card);border:1px solid var(--srcp-border);box-shadow:var(--srcp-shadow-sm);border-radius:16px;overflow:hidden}.srcp-table{border-collapse:collapse;width:100%}.srcp-table thead tr{border-bottom:1px solid var(--srcp-border);background:#fafbfc}.srcp-table th{text-align:left;color:var(--srcp-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:13px 14px;font-size:11.5px}.srcp-table td{border-bottom:1px solid var(--srcp-border-soft);vertical-align:middle;padding:14px;font-size:13px}.srcp-table tbody tr:last-child td{border-bottom:none}.srcp-table tbody tr:hover{background:#fafbff}.srcp-table tbody tr.selected{background:#f8f7ff}.srcp-check-col{width:44px;text-align:center!important}.srcp-student-cell{align-items:center;gap:11px;min-width:230px;display:flex}.srcp-avatar{background:linear-gradient(135deg, var(--srcp-primary), #8b5cf6);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.srcp-student-cell b{font-size:13.5px;display:block}.srcp-student-cell span{color:var(--srcp-muted);margin-top:3px;font-size:12px;display:block}.srcp-muted{color:var(--srcp-muted);font-size:12.5px}.srcp-chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.srcp-chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.srcp-chip.result.pass,.srcp-chip.status.submitted{background:var(--srcp-success-bg);color:var(--srcp-success);border-color:#a7f3d0}.srcp-chip.result.fail{background:var(--srcp-danger-bg);color:var(--srcp-danger);border-color:#fecaca}.srcp-chip.result.pending,.srcp-chip.status.draft{background:var(--srcp-warning-bg);color:var(--srcp-warning);border-color:#fde68a}.srcp-chip.result.absent,.srcp-chip.result.not_started,.srcp-chip.status.not_started{color:#64748b;border-color:var(--srcp-border);background:#f3f4f6}.srcp-chip.status.locked{background:var(--srcp-purple-bg);color:var(--srcp-purple);border-color:#ddd6fe}.srcp-row-actions{gap:7px;display:flex}.srcp-icon-btn{border:1px solid var(--srcp-border);width:32px;height:32px;color:var(--srcp-muted);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;transition:all .15s;display:flex}.srcp-icon-btn.view{color:var(--srcp-primary);background:var(--srcp-primary-bg);border-color:#6366f147}.srcp-icon-btn:hover{box-shadow:var(--srcp-shadow-sm);transform:translateY(-1px)}.srcp-table-empty{text-align:center;color:var(--srcp-muted);padding:44px 16px!important}.srcp-skeleton-line{background:linear-gradient(90deg,#f3f4f6 0%,#e5e7eb 45%,#f3f4f6 100%) 0 0/200% 100%;border-radius:8px;height:32px;animation:1.3s infinite srcpShimmer}@keyframes srcpShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.srcp-pagination{color:var(--srcp-muted);justify-content:center;align-items:center;gap:14px;font-size:13px;font-weight:700;display:flex}.srcp-empty{text-align:center;color:var(--srcp-muted);background:#fff;border:1px dashed #d1d5db;border-radius:16px;padding:38px 22px}.srcp-empty.action h3{color:var(--srcp-text);margin:0 0 6px}.srcp-empty.action p{max-width:520px;margin:0 auto 18px}.srcp-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a61;position:fixed;inset:0}.srcp-panel{z-index:201;background:#fff;flex-direction:column;width:700px;max-width:100%;height:100vh;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 50px #00000029}.srcp-panel.open{transition-delay:0s;transform:translate(0)}.srcp-panel-head{border-bottom:1px solid var(--srcp-border);justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px 18px;display:flex}.srcp-panel-head h2{margin:0;font-size:18px}.srcp-panel-head p{color:var(--srcp-muted);margin:4px 0 0;font-size:13px}.srcp-panel-close{border:1px solid var(--srcp-border);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.srcp-panel-close:hover{background:var(--srcp-danger-bg);color:var(--srcp-danger);border-color:#fecaca}.srcp-panel-note{border-radius:12px;margin:14px 20px 0;padding:12px 14px;font-size:13px;font-weight:600}.srcp-panel-note.warning{background:var(--srcp-warning-bg);color:#92400e;border:1px solid #fde68a}.srcp-panel-body{background:var(--srcp-bg);flex-direction:column;flex:1;gap:16px;padding:22px 24px;display:flex;overflow:auto}.srcp-subject-card{border:1px solid var(--srcp-border);box-shadow:var(--srcp-shadow-sm);background:#fff;border-radius:16px;overflow:hidden}.srcp-subject-head{border-bottom:1px solid var(--srcp-border);background:linear-gradient(#fafbfc,#f5f6fa);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.srcp-subject-head-info{align-items:center;gap:10px;min-width:0;display:flex}.srcp-subject-head-info b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:800;overflow:hidden}.srcp-subject-code-pill{border:1px solid var(--srcp-border);color:var(--srcp-muted);white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.srcp-subject-total{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.srcp-subject-total strong{color:var(--srcp-text);font-size:16px;font-weight:800;line-height:1.1}.srcp-subject-total small{color:var(--srcp-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.srcp-component-grid{flex-direction:column;display:flex}.srcp-component-row{border-bottom:1px solid var(--srcp-border-soft);flex-direction:column;gap:12px;padding:16px 18px;transition:background .15s;display:flex}.srcp-component-row:last-child{border-bottom:none}.srcp-component-row:hover{background:#fafbff}.srcp-component-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.srcp-component-info{min-width:150px}.srcp-component-info b{font-size:13.5px;font-weight:700;display:block}.srcp-component-info small{color:var(--srcp-muted);margin-top:3px;font-size:11.5px;display:block}.srcp-component-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.srcp-absent{border:1px solid var(--srcp-border);height:36px;color:var(--srcp-muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.srcp-absent input{width:14px;height:14px;accent-color:var(--srcp-danger);cursor:pointer}.srcp-absent.is-checked{background:var(--srcp-danger-bg);color:var(--srcp-danger);border-color:#fecaca}.srcp-absent:has(input:disabled){cursor:not-allowed;opacity:.6}.srcp-mark-input{border:1px solid var(--srcp-border);background:#f8f9fc;border-radius:10px;align-items:center;height:36px;display:flex;overflow:hidden}.srcp-mark-input input{width:60px;height:100%;color:var(--srcp-text);text-align:center;background:0 0;border:none;outline:none;padding:0 8px 0 12px;font-size:13.5px;font-weight:700}.srcp-mark-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.srcp-mark-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.srcp-mark-input input:disabled{color:var(--srcp-soft);background:0 0}.srcp-mark-input input:focus{background:#fff}.srcp-mark-input span{border-left:1px solid var(--srcp-border);height:100%;color:var(--srcp-muted);white-space:nowrap;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:flex}.srcp-remarks{border:1px solid var(--srcp-border);background:#fcfcfd;border-radius:9px;outline:none;width:100%;height:36px;padding:0 12px;font-size:12.5px}.srcp-remarks:focus{border-color:var(--srcp-primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.srcp-remarks:disabled{color:var(--srcp-soft);cursor:not-allowed}.srcp-panel-foot{border-top:1px solid var(--srcp-border);background:#fafbfc;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}@media (width<=1180px){.srcp-filters-card{grid-template-columns:repeat(2,minmax(180px,1fr))}.srcp-stats{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=760px){.srcp-root{padding:18px 14px 48px}.srcp-page-head,.srcp-toolbar{flex-direction:column;align-items:stretch}.srcp-head-actions,.srcp-toolbar-left{width:100%}.srcp-head-actions .srcp-btn,.srcp-toolbar-left>*{flex:1}.srcp-search{width:100%}.srcp-filters-card,.srcp-stats{grid-template-columns:1fr}.srcp-table-wrap{overflow-x:auto}.srcp-table{min-width:900px}.srcp-panel{width:100%}.srcp-component-main{align-items:flex-start}.srcp-component-controls{justify-content:space-between;width:100%}}.strc-root,.strc-root *{box-sizing:border-box}.strc-root{--strc-primary:#6366f1;--strc-primary-dark:#4f46e5;--strc-primary-bg:#eef2ff;--strc-success:#10b981;--strc-success-bg:#ecfdf5;--strc-warning:#f59e0b;--strc-warning-bg:#fffbeb;--strc-danger:#ef4444;--strc-danger-bg:#fef2f2;--strc-purple:#8b5cf6;--strc-purple-bg:#f5f3ff;--strc-bg:#f8f9fc;--strc-card:#fff;--strc-text:#111827;--strc-muted:#6b7280;--strc-soft:#9ca3af;--strc-border:#e5e7eb;--strc-border-soft:#f0f0f5;--strc-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--strc-shadow-md:0 4px 20px #00000014;background:var(--strc-bg);min-height:100%;color:var(--strc-text);flex-direction:column;gap:20px;padding:26px 28px 56px;display:flex}.strc-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.strc-page-head h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:850}.strc-page-head p{color:var(--strc-muted);margin:5px 0 0;font-size:13.5px}.strc-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 17px;font-size:13px;font-weight:750;transition:all .15s;display:inline-flex}.strc-btn.primary{background:var(--strc-primary);color:#fff;box-shadow:0 2px 10px #6366f147}.strc-btn.primary:hover:not(:disabled){background:var(--strc-primary-dark);transform:translateY(-1px)}.strc-btn.secondary{color:var(--strc-primary);background:#fff;border-color:#6366f152}.strc-btn.secondary:hover:not(:disabled){background:var(--strc-primary-bg)}.strc-btn.ghost{color:var(--strc-muted);border-color:var(--strc-border);background:#fff}.strc-btn.ghost:hover:not(:disabled){color:var(--strc-text);background:#fafbff;border-color:#c7d2fe}.strc-btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.strc-control-card{background:var(--strc-card);border:1px solid var(--strc-border);box-shadow:var(--strc-shadow-sm);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px;display:flex}.strc-select-field{flex-direction:column;flex:1;gap:7px;min-width:280px;display:flex}.strc-select-field label{color:var(--strc-muted);font-size:12px;font-weight:800}.strc-dd{width:100%}.strc-control-actions{flex-wrap:wrap;gap:10px;display:flex}.strc-empty{text-align:center;color:var(--strc-muted);background:#fff;border:1px dashed #d1d5db;border-radius:16px;padding:44px 24px}.strc-empty svg{color:var(--strc-primary);margin-bottom:8px}.strc-empty h3{color:var(--strc-text);margin:6px 0}.strc-empty p{max-width:520px;margin:0 auto}.strc-empty.soft{background:#fafbff}.strc-student-card{box-shadow:var(--strc-shadow-sm);background:linear-gradient(135deg,#fff 0%,#f8f7ff 100%);border:1px solid #ddd6fe;border-radius:18px;padding:20px}.strc-student-main{border-bottom:1px solid #e9d5ff;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.strc-avatar{background:linear-gradient(135deg, var(--strc-primary), var(--strc-purple));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.strc-student-main h2{margin:0;font-size:20px}.strc-student-main p{color:var(--strc-muted);margin:4px 0 0;font-size:13px}.strc-student-grid{grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;display:grid}.strc-info{background:#fff;border:1px solid #6366f124;border-radius:13px;padding:11px 13px}.strc-info span{color:var(--strc-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:800;display:block}.strc-info b{color:var(--strc-text);margin-top:4px;font-size:13.5px;display:block}.strc-summary-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;display:grid}.strc-summary-card{border:1px solid var(--strc-border);box-shadow:var(--strc-shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.strc-summary-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.strc-summary-card.blue .strc-summary-icon{background:var(--strc-primary-bg);color:var(--strc-primary)}.strc-summary-card.green .strc-summary-icon{background:var(--strc-success-bg);color:var(--strc-success)}.strc-summary-card.purple .strc-summary-icon{background:var(--strc-purple-bg);color:var(--strc-purple)}.strc-summary-card.amber .strc-summary-icon{background:var(--strc-warning-bg);color:var(--strc-warning)}.strc-summary-card b{font-size:20px;line-height:1;display:block}.strc-summary-card span{color:var(--strc-muted);margin-top:5px;font-size:12px;font-weight:700;display:block}.strc-report-card{border:1px solid var(--strc-border);box-shadow:var(--strc-shadow-sm);background:#fff;border-radius:18px;overflow:hidden}.strc-report-head{border-bottom:1px solid var(--strc-border);background:#fafbfc;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.strc-report-head h3{margin:0;font-size:17px}.strc-report-head p{color:var(--strc-muted);margin:4px 0 0;font-size:13px}.strc-table-wrap{overflow-x:auto}.strc-table{border-collapse:collapse;width:100%}.strc-table th{color:var(--strc-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--strc-border);white-space:nowrap;background:#fafbfc;padding:13px 14px;font-size:11.5px}.strc-table td{border-bottom:1px solid var(--strc-border-soft);vertical-align:top;padding:14px;font-size:13px}.strc-table tbody tr:last-child td{border-bottom:none}.strc-subject b{font-size:13.5px;display:block}.strc-subject span{color:var(--strc-muted);margin-top:3px;font-size:12px;display:block}.strc-components{flex-direction:column;gap:5px;min-width:220px;display:flex}.strc-components div{border-bottom:1px dashed #e5e7eb;justify-content:space-between;gap:10px;padding-bottom:4px;display:flex}.strc-components div:last-child{border-bottom:none;padding-bottom:0}.strc-components span{color:var(--strc-muted)}.strc-chip{border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:850;display:inline-flex}.strc-chip.pass{background:var(--strc-success-bg);color:var(--strc-success);border-color:#a7f3d0}.strc-chip.fail{background:var(--strc-danger-bg);color:var(--strc-danger);border-color:#fecaca}.strc-chip.pending{background:var(--strc-warning-bg);color:var(--strc-warning);border-color:#fde68a}.strc-chip.absent{color:#64748b;border-color:var(--strc-border);background:#f3f4f6}.strc-table-empty{text-align:center;color:var(--strc-muted);padding:40px 16px!important}@media (width<=1050px){.strc-summary-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.strc-student-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (width<=720px){.strc-root{padding:18px 14px 48px}.strc-page-head,.strc-control-card,.strc-report-head{flex-direction:column;align-items:stretch}.strc-control-actions{width:100%}.strc-control-actions .strc-btn{flex:1}.strc-summary-grid,.strc-student-grid{grid-template-columns:1fr}.strc-table{min-width:860px}}