@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";:root{--primary:#047857;--primary-light:#10b981;--primary-dark:#064e3b;--accent:#d97706;--accent-light:#fbbf24;--bg-main:#f8fafc;--bg-sidebar:#022c22;--bg-card:#fffffff2;--text-main:#0f172a;--text-muted:#64748b;--text-on-primary:#fff;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 10px 30px #0000000d;--shadow-lg:0 20px 40px #00000014;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--glass:#fffc;--glass-border:#ffffff80}html{width:100%;max-width:100vw;height:100%;font-size:16px;overflow-x:hidden}body{overflow-x:hidden}@media (width<=768px){html{font-size:14px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}#root{width:100%;max-width:100vw;position:relative;overflow-x:hidden}button,.btn,.nav-link,.icon-btn,a,.sdx-qa,.sdx-task,.sdx-card-link,.notif-item,.user-profile,.card-header-wali,.pg-card,.stat-card-premium,.stats-main-card{touch-action:manipulation;cursor:pointer}@media (hover:hover) and (pointer:fine){button:active,.btn:active,.icon-btn:active,.sdx-qa:active{transition:transform .1s!important;transform:scale(.95)!important}}.sdx-task:active,.sdx-card-link:active,.notif-item:active{opacity:.7;transition:opacity .1s!important}html,body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.03em;font-family:Plus Jakarta Sans,sans-serif;font-weight:800}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:var(--radius-xl);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#10b98133;transform:translateY(-4px)}.glass-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.glass-card:hover:after{left:100%}.panel-search{color:#047857;background-color:#f0fdf4;border:1px solid #dcfce7;border-radius:10px;align-items:center;gap:10px;width:300px;padding:.5rem 1rem;display:flex}.panel-search svg{color:#047857}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background-color:var(--primary-light);transform:scale(1.02)}.btn-accent{background-color:var(--accent);color:#fff}.btn-accent:hover{background-color:var(--accent-light)}.btn-ghost{color:var(--text-main);background-color:#0000}.btn-ghost:hover{background-color:#0000000d}.flex-col{flex-direction:column!important}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.fluid-container{width:100%;max-width:100%;margin:0 auto;padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem)}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000005}::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box padding-box}.premium-info-box{border-left:4px solid var(--primary);text-align:left;background:#f0fdf4;border-radius:12px;gap:1rem;padding:1.25rem;display:flex}.info-icon{color:var(--primary);flex-shrink:0}.info-content h4{color:#065f46;margin:0 0 .25rem;font-size:.875rem;font-weight:700}.info-content p{color:#065f46;opacity:.8;margin:0;font-size:.8125rem;line-height:1.5}.mobile-only{display:none!important}@media (width<=1024px){.mobile-only{display:block!important}.desktop-only{display:none!important}}.panel-search input::placeholder,.search-wrapper input::placeholder{color:#04785773!important}.panel-search input,.search-wrapper input{color:#064e3b!important}.page-header-premium{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:15px!important;margin-bottom:.5rem!important;padding:0!important;display:flex!important}.header-text-group-with-icon{flex:1!important;align-items:center!important;gap:16px!important;min-width:280px!important;display:flex!important}.header-icon-wrapper{color:#fff;border-radius:16px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:56px!important;height:56px!important;display:flex!important;box-shadow:0 4px 12px #0000000d!important}.header-icon-wrapper.theme-green{background:#0f9f6e!important}.header-icon-wrapper.theme-indigo{background:#4f46e5!important}.header-icon-wrapper.theme-amber{background:#d97706!important}.header-icon-wrapper.theme-rose{background:#e11d48!important}.header-title-area{flex-direction:column!important;justify-content:center!important;display:flex!important}.page-title{color:#111827!important;letter-spacing:-.02em!important;margin:0!important;font-size:clamp(1.5rem,3.5vw,2.25rem)!important;font-weight:800!important;line-height:1.2!important}.page-subtitle{color:#64748b!important;margin-top:4px!important;font-size:.95rem!important;line-height:1.4!important}.header-actions-premium{flex-wrap:wrap!important;align-items:center!important;gap:1rem!important;display:flex!important}.btn-premium{cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:.75rem 1.5rem!important;font-size:.95rem!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}@media (hover:hover) and (pointer:fine){.btn-premium:active{transform:scale(.95)!important}}.btn-primary-premium{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 10px 20px -5px #10b9814d!important}.btn-primary-premium:hover{transform:translateY(-2px)!important;box-shadow:0 15px 25px -5px #10b98166!important}.btn-secondary-premium{color:#475569!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.btn-secondary-premium:hover{color:#1e293b!important;background:#e2e8f0!important;transform:translateY(-2px)!important}.form-group-premium{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-group-premium label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.form-group-premium input,.form-group-premium select,.form-group-premium textarea{width:100%;color:var(--text-main,#1e293b);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:all .2s}.form-group-premium input:focus,.form-group-premium select:focus,.form-group-premium textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b98114}@media (width<=768px){.page-header-premium{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;margin-bottom:.5rem!important}.header-text-group-with-icon{text-align:left!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;width:100%!important}.header-icon-wrapper{border-radius:12px!important;width:48px!important;height:48px!important}.page-title{font-size:1.25rem!important}.page-subtitle{font-size:.85rem!important}.header-actions-premium{flex-wrap:nowrap!important;justify-content:center!important;gap:.5rem!important;width:100%!important}}.stats-scroll-container{scroll-snap-type:x mandatory;gap:1rem;width:100%;margin-bottom:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.stat-card-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scroll-snap-align:start;cursor:default;background:#fffffff2;border:1px solid #f1f5f9;border-radius:1.25rem;flex:1 0 200px;align-items:center;gap:1rem;min-width:200px;padding:1rem;transition:all .3s;display:flex;box-shadow:0 4px 12px -4px #0000000d}.stat-card-premium:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a}.stat-icon-wrapper{border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:inset 0 2px 4px #ffffff80}.stat-info{flex-direction:column;display:flex}.stat-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem;font-size:.6875rem;font-weight:700}.stat-value{color:#1e293b;letter-spacing:-.025em;font-size:1.5rem;font-weight:800}.stat-unit{color:#94a3b8;font-size:.6875rem;font-weight:700}.remedial-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.remedial-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff80;border-radius:1.5rem;width:100%;max-width:28rem;padding:2rem;position:relative;box-shadow:0 25px 50px -12px #00000040}.remedial-close{cursor:pointer;color:#94a3b8;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.remedial-close:hover{color:#334155}.remedial-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.remedial-icon{color:#ea580c;background-color:#ffedd5;border-radius:.75rem;padding:.5rem;display:flex}.remedial-title{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.remedial-subtitle{color:#64748b;margin-bottom:1.5rem;font-size:.875rem}.remedial-student{color:#334155;font-weight:600}.remedial-info-box{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:1rem;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1rem;display:flex}.remedial-info-label{color:#475569;font-size:.875rem;font-weight:500}.remedial-info-value{color:#e11d48;font-size:1.5rem;font-weight:900}.remedial-field{margin-bottom:1.25rem}.remedial-label{color:#334155;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.remedial-input{color:#334155;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;width:100%;padding:.875rem;font-size:.875rem;transition:all .2s}.remedial-input.center-bold{text-align:center;color:#1d4ed8;font-size:1.5rem;font-weight:700}.remedial-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.remedial-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#4f46e5);border:none;border-radius:1rem;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #4f46e563}.remedial-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e53b}.table-premium-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:1.25rem;margin-bottom:1rem;overflow:hidden;box-shadow:0 4px 20px #00000008}.table-premium{border-collapse:separate;border-spacing:0;width:100%}.table-premium th{color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0cc;border-right:1px solid #e2e8f04d;padding:1rem;font-size:.75rem;font-weight:700}.table-premium td{color:#334155;border-bottom:1px solid #f1f5f9cc;border-right:1px solid #f1f5f966;padding:.5rem;font-size:.875rem;transition:all .2s}.table-premium tbody tr:hover td{background-color:#f8fafccc}.table-premium th.header-group-1{color:#334155;background:linear-gradient(90deg,#f8fafc,#f1f5f9)}.table-premium th.header-group-2{color:#166534;background:linear-gradient(90deg,#f0fdf4,#dcfce7)}.table-premium th.header-group-3{color:#9f1239;background:linear-gradient(90deg,#fff1f2,#ffe4e6)}.table-premium th.header-group-4{color:#854d0e;background:linear-gradient(90deg,#fefce8,#fef9c3)}.table-premium-input{text-align:center;background:0 0;border:1px solid #0000;border-radius:.5rem;width:100%;padding:.5rem;font-family:inherit;font-size:.875rem;transition:all .2s}.table-premium-input:hover{background:#ffffff80;border-color:#e2e8f0}.table-premium-input:focus{background:#fff;border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}html,body{box-sizing:border-box;overflow-x:hidden}.custom-datepicker-container{width:100%;font-family:Inter,sans-serif;position:relative}.cdp-trigger{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.cdp-trigger:hover{background:#fff;border-color:#10b981;box-shadow:0 4px 6px #10b9810d}.cdp-trigger.active{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.cdp-icon{color:#10b981;flex-shrink:0}.cdp-value{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-size:.9rem;font-weight:500;overflow:hidden}.cdp-trigger.placeholder .cdp-value{color:#94a3b8;font-weight:400}.cdp-clear{color:#94a3b8;cursor:pointer;border-radius:4px;padding:2px;transition:color .2s}.cdp-clear:hover{color:#ef4444;background:#ef44441a}.cdp-dropdown{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:0 0;background:#fffffffa;border:1px solid #ffffff4d;border-radius:16px;width:280px;padding:16px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d}.cdp-dropdown.cdp-dropdown-right{transform-origin:100% 0;left:auto;right:0}.cdp-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cdp-nav-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.cdp-nav-btn:hover{color:#fff;background:#10b981;border-color:#10b981}.cdp-current-month{color:#0f172a;font-size:.95rem;font-weight:600}.cdp-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.cdp-weekday{text-align:center;color:#64748b;padding:4px 0;font-size:.75rem;font-weight:600}.cdp-days-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cdp-day{aspect-ratio:1;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.cdp-day:not(.empty):hover{color:#10b981;background:#f1f5f9;font-weight:600}.cdp-day.today{color:#10b981;background:#10b9810d;border:1px dashed #10b981;font-weight:700}.cdp-day.selected{color:#fff;background:#10b981;border:none;font-weight:600;box-shadow:0 4px 10px #10b9814d}.cdp-day.empty{cursor:default}.cdp-footer{border-top:1px solid #f1f5f9;justify-content:center;margin-top:16px;padding-top:12px;display:flex}.cdp-today-btn{color:#10b981;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:background .2s}.cdp-today-btn:hover{background:#10b9811a}.cmp-dropdown{padding:8px}.cmp-header{border-bottom:none;padding-bottom:0}.cmp-current-year{font-size:1.125rem;font-weight:700}.cmp-body{padding:16px}.cmp-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cmp-month-item{cursor:pointer;text-align:center;color:#334155;border-radius:8px;padding:8px 0;font-size:.875rem;transition:all .2s}.cmp-month-item:hover{background:#f1f5f9}.cmp-month-item.selected{color:#fff;background:#10b981;font-weight:700;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.cmp-month-item.current:not(.selected){color:#10b981;border:1px solid #10b981;font-weight:600}.cmp-footer{border-top:1px solid #f1f5f9;padding-top:8px}@media (width<=768px){.cdp-trigger{gap:6px;padding:8px 10px}.cdp-value{font-size:.8rem}}.premium-selector-container{z-index:10;width:100%;position:relative}.premium-selector-container.is-open{z-index:100}.premium-selector{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}@media (hover:hover) and (pointer:fine){.premium-selector:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9810d}}.premium-selector.open{background:#fff;border-color:#10b981;box-shadow:0 8px 25px #10b9811a}.selector-trigger{align-items:center;gap:10px;padding:8px 14px;display:flex}.selected-value{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.chevron{color:#94a3b8;transition:transform .4s cubic-bezier(.4,0,.2,1)}.chevron.rotate{color:var(--primary);transform:rotate(180deg)}.selector-options{z-index:1000;background:#fff;border:1px solid #f1f5f9;border-radius:24px;max-height:320px;padding:10px;animation:.4s cubic-bezier(.16,1,.3,1) slideDown;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow-y:auto;box-shadow:0 25px 60px -15px #0000001f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.option-item{color:#475569;cursor:pointer;box-sizing:border-box;border-radius:12px;width:100%;margin-bottom:4px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);justify-content:flex-start!important;align-items:center!important;gap:10px!important;display:flex!important}.option-item input[type=checkbox]{cursor:pointer;flex-shrink:0!important;width:16px!important;height:16px!important;margin:0!important}.option-item span{color:#475569;white-space:nowrap;font-size:.85rem;font-weight:600;text-align:left!important;flex:1!important}.option-item:last-child{margin-bottom:0}@media (hover:hover) and (pointer:fine){.option-item:hover{color:#10b981;background:#f8fafc;transform:translate(4px)}}.option-item.active{color:#10b981;background:#ecfdf5}.option-item.disabled{color:#cbd5e1;cursor:not-allowed;font-style:italic}.selector-options::-webkit-scrollbar{width:6px}.selector-options::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.app-layout{width:100%;max-width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.main-wrapper{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;height:100dvh;margin-left:260px;display:flex;overflow:hidden auto}@media (width<=1024px){.main-wrapper{margin-left:0}}.page-content{background-color:var(--bg-main);box-sizing:border-box;flex:1;width:100%;max-width:100%;padding:1rem 2rem 2rem}@media (width<=768px){.page-content{padding:1rem;overflow-x:hidden}}.sidebar{color:#fff;z-index:1000;will-change:transform;background-color:#0d3d30;flex-direction:column;width:260px;height:100dvh;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 24px #0000004d}.sidebar.open{transform:translate(0)}@media (width>=1025px){.sidebar{transform:none}}.sidebar-overlay{z-index:999;opacity:0;visibility:hidden;background:#00000080;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(45deg,#0000,#0000 30px,#4ade800a 30px 31px),repeating-linear-gradient(-45deg,#0000,#0000 50px,#3b82f608 50px 51px),repeating-linear-gradient(90deg,#0000,#0000 70px,#f59e0b06 70px 71px);width:400%;height:400%;animation:25s linear infinite sidebar-geo-scroll;position:absolute;top:-100%;left:-100%}.sidebar:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(60deg,#0000,#0000 45px,#4ade8009 45px 46px),repeating-linear-gradient(-60deg,#0000,#0000 45px,#4ade8009 45px 46px);width:300%;height:300%;animation:35s linear infinite reverse sidebar-geo-scroll-2;position:absolute;top:-50%;left:-50%}@keyframes sidebar-geo-scroll{0%{transform:translate(0)}to{transform:translate(25%,25%)}}@keyframes sidebar-geo-scroll-2{0%{transform:translate(0)}to{transform:translate(16.5%,16.5%)}}.sidebar>*{z-index:1;position:relative}.sidebar-header{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 1.25rem 1rem;display:flex}.sidebar-logo-icon{color:#4ade80;width:60px;height:60px;box-shadow:none;background:linear-gradient(135deg,#1a5c42,#10422e);border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;display:flex;overflow:hidden}.sidebar-logo-img{object-fit:contain;width:100%;height:100%}.sidebar-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.sidebar-brand-text{color:#fffffff2;letter-spacing:-.3px;font-size:1.3rem;font-weight:400}.sidebar button,.sidebar .nav-link{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sidebar-header{flex-shrink:0;align-items:center;gap:.75rem;padding:1.5rem 1.25rem .75rem;display:flex}.sidebar-logo-icon{color:#4ade80;width:40px;height:40px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;transition:all .3s;display:flex;overflow:visible}.sidebar-logo-icon.has-image{box-shadow:none;background:0 0;border:none;transition:all .3s}.sidebar-logo-img{object-fit:contain;filter:drop-shadow(0 0 10px #4ade8080);width:100%;height:100%;padding:2px;transition:all .3s}.sidebar-logo-icon.has-image:hover{box-shadow:none;border:none}.sidebar-logo-icon.has-image:hover .sidebar-logo-img{filter:drop-shadow(0 0 14px #4ade80b3);transform:scale(1.05)}.sidebar-brand{flex:1;min-width:0}.sidebar-brand-text{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:1rem;font-weight:400;line-height:1.2;display:block;overflow:hidden}.sidebar-brand-text strong{color:#fff;font-weight:800}.sidebar-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px;transition:all .2s;display:none}@media (hover:hover) and (pointer:fine){.sidebar-close-btn:hover{color:#fff;background:#ffffff1a}}.sidebar-period{flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem 1rem;display:flex}.period-year{color:#ffffffe6;letter-spacing:.3px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;line-height:1}.period-semester{color:#0d3d30;letter-spacing:.5px;background:#4ade80;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.sidebar-divider{background:#ffffff14;flex-shrink:0;height:1px;margin:0 1.25rem}.sidebar-nav{overscroll-behavior:contain;flex:1;min-height:0;padding:.75rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.nav-group{margin-bottom:.5rem;padding:0 .75rem}.nav-group-label{letter-spacing:.08em;color:#fff6;text-transform:uppercase;padding:.75rem .75rem .35rem;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;display:block}.nav-link{color:#ffffffb3;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4;text-decoration:none;transition:all .2s;display:flex}@media (hover:hover) and (pointer:fine){.nav-link:hover{color:#fff;background:#ffffff14}}.nav-link.active{color:#fff;background:#4ade8026;font-weight:600}.nav-link.active .nav-link-icon{color:#4ade80}.nav-link *{pointer-events:none}.nav-link-icon{color:#ffffff80;flex-shrink:0;justify-content:center;align-items:center;width:20px;transition:color .2s;display:flex}@media (hover:hover) and (pointer:fine){.nav-link:hover .nav-link-icon{color:#ffffffe6}}.nav-link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-footer{z-index:1;background:0 0;border-top:1px solid #ffffff14;flex-shrink:0;margin-top:auto;padding:.25rem .75rem .5rem;position:relative}.sidebar-footer .nav-link{padding-top:.4rem;padding-bottom:.4rem;font-size:.85rem}.sidebar-footer .nav-group-label{padding-top:.6rem}@media (hover:hover) and (pointer:fine){.nav-link.logout:hover{color:#f87171;background:#ef444426}.nav-link.logout:hover .nav-link-icon{color:#f87171}}.sidebar-overlay{display:none}@media (width<=1024px){.sidebar-overlay{z-index:995;-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;background-color:#00000080;width:100%;height:100dvh;transition:opacity .25s;display:block;position:fixed;top:0;left:0}.sidebar-overlay.mobile-visible{opacity:1;pointer-events:auto;display:block}.sidebar{visibility:hidden;pointer-events:none;left:0;transform:translate(-100%)}.sidebar.open{visibility:visible;pointer-events:auto;transform:translate(0)}.sidebar-close-btn{justify-content:center;align-items:center;display:flex}}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:900;background-color:#ffffffe6;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.search-container{background-color:#f1f5f9;border-radius:10px;align-items:center;gap:.5rem;width:350px;padding:.5rem 1rem;display:flex}.search-icon{color:#94a3b8}.search-input{background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.topbar-actions{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.notification-wrapper{position:relative}.notification-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:350px;position:absolute;top:120%;right:0;box-shadow:0 10px 40px -10px #0003}@media (width<=768px){.notification-dropdown{width:auto;max-width:calc(100vw - 2rem);position:fixed;top:80px;left:1rem;right:1rem}}.notif-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.notif-header h3{color:var(--primary-dark);margin:0;font-size:1rem;font-weight:700}.notif-header button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600}.notif-list{max-height:400px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid #f8fafc;gap:1rem;padding:1.25rem;transition:background .2s;display:flex}@media (hover:hover) and (pointer:fine){.notif-item:hover{background-color:#f0fdf4}}.notif-item.unread{background-color:#10b98108}.notif-icon{width:36px;height:36px;color:var(--primary);background:#f0fdf4;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-content{flex:1}.notif-title-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.notif-title{color:#1e293b;font-size:.9rem;font-weight:700}.notif-time{color:#94a3b8;font-size:.75rem}.notif-message{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}.notif-footer{text-align:center;background-color:#f8fafc;padding:1rem}.notif-footer button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.avatar-img{object-fit:cover;width:100%;height:100%}.icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .2s;position:relative}@media (hover:hover) and (pointer:fine){.icon-btn:hover{color:var(--primary);background-color:#f1f5f9}}.notification-badge{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.user-profile{border-left:1px solid #e2e8f0;align-items:center;gap:.75rem;padding-left:1.5rem;display:flex}.user-info{flex-direction:column;align-items:flex-end;display:flex}.user-name{color:var(--text-main);font-size:.875rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.75rem}.user-avatar{width:40px;height:40px;color:var(--primary);background-color:#ecfdf5;border:1px solid #10b9811a;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.mobile-menu-toggle{display:none}@media (width<=1024px){.topbar{padding:0 1rem}.mobile-menu-toggle{z-index:1005;justify-content:center;align-items:center;width:44px;height:44px;margin-right:.5rem;display:flex;position:relative}.hamburger-btn{color:var(--text-main,#1e293b);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}.hamburger-btn svg{width:26px;height:26px}.search-container,.user-info{display:none}.topbar-actions{gap:.75rem}.user-profile{padding-left:.75rem}}@media (width<=480px){.notification-dropdown{width:auto;max-width:calc(100vw - 2rem);position:fixed;top:80px;left:1rem;right:1rem}}.app-container{min-height:100vh;display:flex}.main-content{flex:1;padding:2rem;overflow-y:auto}@media (width<=768px){.main-content{padding:1rem}}.agenda-date .month,.announcement-label,.config-label,.guardian-role,.live-badge,.premium-title,.quote-author,.quote-author-mini,.session-label,.standby-label,.time-zone{text-transform:uppercase}.am-td-center,.hero-quote-footer,.quote-widget-hero,.session-info,.slideshow-header,.standby-note,.trend-note{text-align:center}.current-hour,.row-all-classes td.st-class,.session-name{font-family:Outfit,sans-serif}.announcement-label,.announcement-track p,.pd-announce-track p,.pd-cstat label,.pd-cstat span,.quick-btn,.sdx-announce-track p,.sdx-badge,.sdx-card-link,.sdx-grade-subject,.sdx-header-badge,.td-announcement-track p,.td-sch-status,.td-sch-time{white-space:nowrap}.header-text h1,.login-header h2,.premium-page-title,.premium-title{-webkit-text-fill-color:transparent}.g-subject,.p-student-name,.pd-cstat span,.pd-grade-sub,.sdx-grade-subject{text-overflow:ellipsis}.agenda-item-premium,.cm-input,.evidence-label,.presence-container,.report-page,.sdx-bk-textarea,.upcoming-events-list{box-sizing:border-box}:root{--clr-primary:#10b981;--clr-primary-dark:#059669;--clr-primary-darker:#047857;--clr-primary-deepest:#064e3b;--clr-primary-deep:#065f46;--clr-primary-tint:#ecfdf5;--clr-primary-light:#d1fae5;--clr-bg-lightest:#f8fafc;--clr-bg-light:#f1f5f9;--clr-border:#e2e8f0;--clr-border-dark:#cbd5e1;--clr-text-dark:#1e293b;--clr-text-darkest:#0f172a;--clr-text-medium:#334155;--clr-text-secondary:#475569;--clr-text-muted:#64748b;--clr-text-light:#94a3b8;--clr-blue:#3b82f6;--clr-blue-tint:#eff6ff;--clr-blue-light:#dbeafe;--clr-red:#ef4444;--clr-red-tint:#fef2f2;--clr-red-light:#fee2e2;--clr-amber:#f59e0b;--clr-amber-tint:#fffbeb;--clr-amber-light:#fef3c7;--clr-purple:#8b5cf6;--clr-purple-tint:#f5f3ff;--clr-indigo:#6366f1;--clr-indigo-tint:#eef2ff;--border-light:var(--clr-border);--border-lighter:#f1f5f9;--text-dark:var(--clr-text-dark);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 25px #0000001a;--transition-fast:all .2s ease;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--gradient-primary:var(--gradient-primary);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--rdm-border:1px solid #000;--rdm-header-bg:#f2f2f2}.dashboard-header-premium{justify-content:flex-end;align-items:center;margin-bottom:1rem;padding:0 10px;display:flex}.quick-actions-bar{scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:4px;display:flex;overflow-x:auto}.quick-actions-bar::-webkit-scrollbar{display:none}.quick-btn{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:10px;padding:8px 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.btn-icon,.running-announcement{border-radius:8px;align-items:center;display:flex}.quick-btn span{color:var(--text-primary);font-size:.85rem;font-weight:600}.btn-icon{color:#fff;justify-content:center;width:32px;height:32px}.accent-green:before,.agenda-status-indicator.acara,.agenda-status-indicator.umum,.bar-column:last-child .bar-fill,.c-stat-card.accent-green:before,.cat-umum,.desk-item.hadir .desk-status-indicator,.dot-hadir,.hd-stat.accent-green:before,.log-indicator.hadir,.premium-student-card.hadir:before,.q-absen,.sdx-dot.hadir,.type-success .td-act-indicator{background:var(--clr-primary)}.accent-blue:before,.agenda-status-indicator.akademik,.bar-fill.dinas,.cat-akademik,.desk-item.izin .desk-status-indicator,.dot-sakit,.hd-stat.accent-blue:before,.log-indicator.izin,.premium-student-card.izin:before,.q-jurnal,.sdx-dot.sakit,.type-info .td-act-indicator{background:var(--clr-blue)}.accent-amber:before,.agenda-status-indicator.ujian,.bar-fill.izin,.c-stat-card.accent-amber:before,.cat-libur,.desk-item.sakit .desk-status-indicator,.dot-izin,.hd-stat.accent-amber:before,.leaderboard-item:first-child .rank-badge,.log-indicator.sakit,.premium-student-card.sakit:before,.q-laporan,.sdx-dot.izin,.type-warning .td-act-indicator{background:var(--clr-amber)}.accent-purple:before,.c-stat-card.accent-purple:before,.hd-stat.accent-purple:before,.premium-student-card.terlambat:before,.q-agenda{background:var(--clr-purple)}.running-announcement{background:var(--clr-text-dark);border-bottom:2px solid #10b98166;height:42px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.announcement-label{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;letter-spacing:1.2px;z-index:10;clip-path:polygon(0 0,85% 0,100% 100%,0% 100%);align-items:center;gap:10px;height:100%;padding:0 24px 0 16px;font-size:.7rem;font-weight:900;display:flex;position:relative}.announcement-label svg{transform-origin:top;animation:2s ease-in-out infinite bell-swing}@keyframes bell-swing{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}.announcement-track{flex:1;min-width:0;padding-left:10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.announcement-track p{color:var(--clr-bg-light);letter-spacing:.3px;font-size:.85rem;font-weight:500;animation:30s linear infinite scroll-text;display:inline-block}@keyframes scroll-text{0%{transform:translate(100%)}to{transform:translate(-100%)}}.quote-widget-hero{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;border:1px solid #ffffff80;border-radius:20px;max-width:500px;margin-top:1.5rem;margin-left:auto;margin-right:auto;padding:16px 24px;position:relative}.quote-icon-top{color:var(--primary-color);opacity:.3;position:absolute;top:-8px;left:20px}.quote-text{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-style:italic;line-height:1.5}.quote-author{color:var(--primary-color);letter-spacing:1px;font-size:.75rem;font-weight:700}.agenda-list,.leaderboard-list,.premium-log-list,.q-leaderboard,.stats-breakdown-section{flex-direction:column;gap:12px;display:flex}.agenda-item{background:#ffffff80;border:1px solid #00000008;border-radius:12px;gap:12px;padding:12px;transition:all .2s;display:flex}.agenda-date{background:var(--primary-color);color:#fff;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.agenda-date .day{font-size:1rem;font-weight:800;line-height:1}.agenda-date .month{font-size:.6rem;font-weight:600}.act-info,.agenda-details,.agenda-info,.cm-lib-content,.doc-header-text,.list-item-premium .item-content,.material-info,.notif-row-content,.pd-grade-bar-wrap,.profile-details,.rl-card-content,.s-info-mini,.sdx-grade-bar-wrap,.sdx-task-body{flex:1}.agenda-title{color:var(--text-primary);margin-bottom:4px;font-size:.85rem;font-weight:700}.agenda-tag,.bar-label{font-size:.65rem;font-weight:600}.agenda-tag{border-radius:100px;padding:2px 8px}.agenda-tag.akademik,.stat-icon-wrap.blue{color:var(--clr-blue);background:#3b82f61a}.agenda-tag.umum{color:var(--clr-purple);background:#8b5cf61a}.agenda-tag.libur,.stat-icon-wrap.red{color:var(--clr-red);background:#ef44441a}.trend-chart-mini{justify-content:space-between;align-items:flex-end;gap:8px;height:100px;padding:20px 10px 10px;display:flex}.chart-bar-wrap{flex-direction:column;flex:1;align-items:center;display:flex}.chart-bar{background:linear-gradient(to top, var(--primary-color), #34d399);border-radius:4px 4px 0 0;width:100%;transition:height 1s cubic-bezier(.4,0,.2,1);position:relative}.bar-tooltip{background:var(--clr-text-dark);color:#fff;opacity:0;pointer-events:none;z-index:10;border-radius:4px;padding:2px 6px;font-size:.65rem;transition:all .2s;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bar-label,.trend-note{color:var(--text-secondary)}.live-session-card,.portrait-frame{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.trend-note{margin-top:10px;font-size:.7rem;font-style:italic}.dashboard-container{box-sizing:border-box;min-width:0;max-width:100%;padding-bottom:3rem;overflow-x:hidden}.royal-hero{background:linear-gradient(135deg, #fff 0, var(--clr-bg-lightest) 100%);border:1px solid #eef2f6;border-radius:32px;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,3rem);margin-bottom:2rem;padding:clamp(1.5rem,4vw,4rem) clamp(1rem,3vw,3rem);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000f}@media (width<=768px){.royal-hero{border-radius:24px;padding:2rem 1.25rem}.guardian-portrait{display:none}}.royal-hero:before{content:"";opacity:.03;pointer-events:none;background:url(https://www.transparenttextures.com/patterns/cubes.png);width:100%;height:100%;position:absolute;top:0;left:0}.guardian-portrait{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.portrait-frame{background:linear-gradient(45deg, var(--clr-primary), #059669);border-radius:50%;width:clamp(140px,15vw,200px);height:clamp(140px,15vw,200px);padding:6px;box-shadow:0 15px 35px #10b98133}.portrait-frame img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:100%;height:100%}.guardian-role{color:var(--clr-primary-dark);letter-spacing:.1em;font-size:.75rem;font-weight:700}.guardian-name{color:var(--clr-text-dark);margin:0;font-size:1.1rem;font-weight:700}.slideshow-center{z-index:1;flex-direction:column;flex:1;gap:2rem;width:100%;display:flex}.premium-title{background:linear-gradient(135deg, var(--clr-text-darkest) 0, #334155 100%);letter-spacing:-.05em;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-background-clip:text;margin:0;font-size:clamp(1.5rem,5vw,3rem);font-weight:900;line-height:1.2}.premium-tagline{color:var(--clr-text-muted);margin:.5rem 0 0;font-size:1.15rem;font-weight:500}.hero-quote-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ecfdf599 0,#f0f9ff99 100%);border:1px solid #10b9811f;border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;margin-top:.25rem;padding:1.25rem 2rem;display:flex;position:relative}.hero-quote-footer:before{content:"“";color:var(--clr-primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:2rem;font-weight:900;line-height:1;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #10b98126}.quote-text-mini{color:var(--clr-text-medium);margin:0;font-size:.95rem;font-style:italic;font-weight:600;line-height:1.6}.quote-author-mini{color:var(--clr-primary-dark);letter-spacing:1.5px;font-size:.75rem;font-weight:800}.live-session-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffffff2 0,#ecfdf5f2 100%)!important;border:1px solid #10b9814d!important;box-shadow:0 20px 40px -15px #10b98126!important}.live-session-card:after{content:"";z-index:0;background:radial-gradient(circle,#10b9811a 0,#0000 70%);width:150px;height:150px;position:absolute;top:-50%;right:-50%}.live-header{z-index:1;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex;position:relative}.live-badge{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;letter-spacing:1px;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:.65rem;font-weight:900;display:flex;box-shadow:0 4px 12px #10b9814d}.pulse-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-white}@keyframes pulse-white{0%{opacity:1;transform:scale(1);box-shadow:0 0 #ffffffb3}70%{opacity:0;transform:scale(1.5);box-shadow:0 0 0 10px #fff0}to{opacity:0;transform:scale(1);box-shadow:0 0 #fff0}}.session-info{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.session-label,.session-time{align-items:center;gap:8px;display:flex}.session-label{color:var(--clr-text-muted);letter-spacing:1.5px;justify-content:center;width:100%;font-size:.7rem;font-weight:800}.session-label:after,.session-label:before{content:"";background:linear-gradient(to right, transparent, var(--clr-border), transparent);flex:1;height:1px}.session-name{color:var(--clr-primary-deepest);letter-spacing:-1px;margin:0;font-size:2rem;font-weight:900;line-height:1}.session-time{color:var(--clr-primary);font-variant-numeric:tabular-nums;justify-content:center;font-size:1.1rem;font-weight:700}.session-footer,.standby-visual{align-items:center;display:flex}.session-footer{color:var(--clr-text-secondary);border-top:1px solid #10b9811a;justify-content:center;gap:10px;margin-top:12px;padding-top:16px;font-size:.8rem;font-weight:600}.session-info.standby{flex-direction:column;gap:1.5rem;padding:8px 0;display:flex}.standby-visual{gap:16px}.standby-icon{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;animation:4s ease-in-out infinite float-soft;display:flex;box-shadow:0 12px 24px #10b98140}.big-time-display,.slideshow-container{border-radius:20px;position:relative;overflow:hidden}@keyframes float-soft{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(5deg)}}.standby-label{letter-spacing:1.5px;color:var(--clr-text-muted);margin-bottom:4px;font-size:.7rem;font-weight:800;display:block}.standby-status{color:var(--clr-primary-deepest);margin:0;font-size:1rem;font-weight:800;line-height:1.2}.big-time-display{background:linear-gradient(135deg, var(--clr-bg-lightest) 0, #f1f5f9 100%);border:var(--border-light);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.big-time-display:before{content:"TIME";color:#10b98108;pointer-events:none;font-size:3rem;font-weight:900;position:absolute;top:10px;right:10px}.current-hour{color:var(--clr-text-dark);letter-spacing:-2px;font-size:3.5rem;font-weight:900;line-height:1}.time-zone{color:var(--clr-primary);letter-spacing:2px;margin-top:4px;font-size:.85rem;font-weight:800}.standby-note{color:var(--clr-text-muted);font-size:.75rem;font-weight:500;line-height:1.5}.class-name,.section-title{font-weight:700}.slideshow-container{border:4px solid #fff;width:100%;height:380px;box-shadow:0 15px 40px #0000001a}.slide-image{object-fit:cover;animation:1s ease-in-out fadeIn}.slide-indicators{gap:.75rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background-color:#ffffff4d;transition:all .3s}.dot.active{background-color:#fbbf24;border-radius:5px;width:30px}.dashboard-content-grid{grid-template-columns:1fr 340px;align-items:start;gap:2rem;width:100%;display:grid}@media (width<=1200px){.royal-hero{text-align:center;flex-direction:column}.slideshow-center{order:-1;width:100%}.dashboard-content-grid{grid-template-columns:1fr;gap:2.5rem}.stats-sidebar{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem;display:grid}}.dashboard-main{flex-direction:column;min-width:0;display:flex}.doc-meta,.input-group,.section-header{margin-bottom:1.5rem}.section-title{color:var(--clr-primary-deep);margin:0;font-size:1.5rem}.big-number .unit,.config-label,.section-subtitle{color:var(--clr-text-muted)}.section-subtitle{margin:.25rem 0 0;font-size:.95rem}.stats-main{flex:1;min-width:0;overflow:visible!important}.mobile-class-selector{z-index:50;background:#fff;border:1px solid #10b9811a;border-radius:20px;width:100%;max-width:450px;margin-bottom:2rem;padding:1rem;position:relative;box-shadow:0 4px 15px #00000008;overflow:visible!important}.config-label{letter-spacing:1px;margin-bottom:.75rem;display:block}.stat-label,.upcoming-title{letter-spacing:.05em;text-transform:uppercase}.class-cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:1.5rem;display:grid}.class-stat-card{flex-direction:column;gap:1.25rem;padding:1.5rem;transition:transform .3s;display:flex}.am-user-cell,.cbt-brand,.class-stat-header,.pd-grade-item,.rate-input-group,.sdx-grade-item,.session-actions,.student-cell,.title-group{align-items:center;gap:.75rem;display:flex}.class-icon{background-color:var(--clr-blue-tint);width:40px;height:40px;color:var(--clr-blue);border-radius:10px;justify-content:center;align-items:center;display:flex}.attendance-bar,.row-bar-container{background-color:var(--clr-bg-light);overflow:hidden}.big-number,.card-title,.class-name{color:var(--clr-text-dark)}.big-number{font-size:2.25rem;font-weight:800;line-height:1}.big-number .unit{font-size:1rem;font-weight:500}.attendance-indicator,.mt-4{margin-top:1rem}.attendance-bar{border-radius:10px;height:6px;margin-bottom:.5rem}.attendance-bar .fill{background:linear-gradient(to right, var(--clr-primary), #34d399);border-radius:10px;height:100%}.attendance-indicator .percent{color:var(--clr-primary-dark);font-size:.8rem;font-weight:600}.class-management-page,.leave-form,.nilai-siswa-page,.org-settings-form,.q-form,.q-sidebar,.religious-right-column,.riwayat-presensi-page,.side-presence-panel,.stats-sidebar,.student-religious-page,.students-wali-cards-container,.weekly-stats{flex-direction:column;gap:1.5rem;display:flex}.calendar-premium-card,.info-stat-card,.modal-body,.profile-page,.profile-sidebar .glass-card,.sidebar-card,.tab-content{padding:1.5rem}.card-title{margin-bottom:1.5rem;font-size:1rem;font-weight:700}.dashboard-container .card-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.dashboard-container .card-header .card-title{margin:0!important}.exam-creation-form,.gender-bars,.hd-col-main,.hd-col-side,.hd-tab-content,.leaves-modal-body,.pd-col-main,.pd-col-side,.pd-tab-content,.sdx-col-main,.sdx-col-side,.td-col-main,.td-col-side,.today-stats-mini{flex-direction:column;gap:1.25rem;display:flex}.am-header-content,.gender-row,.grade-item-small,.header-text-group-with-icon,.pdc-identity{align-items:center;gap:1rem;display:flex}.row-label{color:var(--clr-text-muted);width:70px;font-size:.8rem;font-weight:600}.panel-title,.row-value{color:var(--clr-text-dark)}.row-bar-container{border-radius:6px;flex:1;height:12px}.row-bar{border-radius:6px;height:100%}.row-bar.male{background:linear-gradient(to right, var(--clr-blue), #60a5fa)}.row-bar.female{background:linear-gradient(90deg,#ec4899,#f472b6)}.row-value{text-align:right;width:30px;font-size:.9rem;font-weight:700}.alert-card .card-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.alert-card .card-header .card-title,.main-clock-display{margin-bottom:0}.alert-item.empty{text-align:center;color:var(--clr-text-light);padding:2rem 0;font-size:.875rem}.class-stat-card.active{border:2px solid var(--clr-blue);background-color:#f0f9ff;box-shadow:0 10px 20px #3b82f61a}.class-detail-panel{margin-top:2rem;padding:1.5rem}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.panel-title{margin:0}.panel-subtitle{color:var(--clr-text-muted);margin:.25rem 0 0;font-size:.85rem}.panel-search{border-radius:10px;align-items:center;gap:10px;width:300px;padding:.5rem 1rem;display:flex;background-color:var(--clr-primary-light)!important;border:1px solid var(--clr-primary)!important}.panel-search svg,.search-wrapper .search-icon,.session-date-box.completed .day,.text-emerald-700{color:var(--clr-primary-darker)!important}.panel-search input{background:0 0;border:none;outline:0;width:100%;font-size:.875rem}.dashboard-detail-table,.data-table,.grades-table,.info-col table,.payment-history-table table,.preview-table,.schedule-edit-table{border-collapse:collapse;width:100%}.dashboard-detail-table th{text-align:left;color:var(--clr-text-light);text-transform:uppercase;border-bottom:var(--border-lighter);padding:.75rem 1rem;font-size:.75rem;font-weight:700}.dashboard-detail-table td{border-bottom:1px solid var(--clr-bg-lightest);color:var(--clr-text-dark);padding:1rem;font-size:.9rem}.pd-att-day-num,.st-name,.subject-name{font-weight:600}.st-nisn{color:var(--clr-text-muted);font-family:monospace}.st-class{color:var(--primary-color);font-size:.8rem;font-weight:700}.empty-table-note{text-align:center;color:var(--text-secondary);padding:3rem;font-size:.9rem;font-style:italic}.all-classes-card.active{border-color:var(--clr-primary)!important;background:linear-gradient(135deg,#f0fdf4 0,#fff 100%)!important;box-shadow:0 10px 25px #10b98126!important}.all-classes-badge{color:var(--clr-primary);background:#10b9811a;border-radius:100px;margin-top:8px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.row-all-classes:nth-child(2n){background-color:#f8fafc80}.row-all-classes td.st-class{letter-spacing:.5px}.status-pill.belum-hadir{color:#64748b;background-color:#f1f5f9}.status-pill.hadir{color:#166534;background-color:#dcfce7}.score-badge.failed,.status-pill.alpa{background-color:var(--clr-red-light);color:#991b1b}.status-pill.izin{color:#854d0e;background-color:#fef9c3}.status-pill.terlambat{color:#9a3412;background-color:#ffedd5}.animate-slide-up{animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1280px){.dashboard-content-grid{grid-template-columns:1fr}}.p-form-section.full-width,.q-loading{grid-column:1/-1}.quote-view-wrapper{width:100%;position:relative}.quote-edit-btn{color:var(--clr-text-muted);cursor:pointer;opacity:0;background:#fff;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #0000001a}.quote-edit-form{background:#ffffff80;border:1px dashed #0000001a;border-radius:12px;width:100%;padding:10px}.edit-quote-textarea{width:100%;min-height:80px;color:var(--clr-text-dark);resize:vertical;background:0 0;border:none;outline:0;padding:8px;font-family:inherit;font-size:.95rem;font-style:italic}.edit-quote-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.edit-quote-author-input{color:var(--clr-text-muted);text-transform:uppercase;background:0 0;border:none;border-bottom:1px solid #0000001a;outline:0;flex:1;font-size:.8rem;font-weight:700}.edit-actions{gap:8px;display:flex}.btn-cancel-quote,.btn-save-quote{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.btn-save-quote{background:var(--clr-primary-darker);color:#fff}.btn-cancel-quote,.notif-status-icon.system,.t-badge.umum{background:var(--clr-bg-light);color:#64748b}.quote-edit-btn{background:var(--clr-primary-dark)!important;color:#fff!important;border:none!important;width:28px!important;height:28px!important}.quote-content,.stat-item{flex-direction:column;justify-content:center;align-items:center;display:flex}.quote-author{justify-content:center;align-items:center;display:flex}.c-tabs-wrapper .tab-btn span,.mobile-only,.quote-author:before,.timeline-point:last-child:before{display:none}.quote-author:after{content:"";background:var(--clr-primary);opacity:.3;width:30px;height:2px;margin-left:.75rem}.quote-widget-hero:before{font-size:6rem!important;top:-30px!important;left:50%!important;transform:translate(-50%)!important}.calendar-month-label{color:var(--clr-primary);background:var(--clr-primary-tint);text-transform:uppercase;border-radius:20px;margin-left:auto;padding:4px 10px;font-size:.8rem;font-weight:800}.mini-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin:1.5rem 0;display:grid}.calendar-day-head{color:var(--clr-text-light);text-align:center;padding-bottom:8px;font-size:.7rem;font-weight:900}.agenda-name,.calendar-day-cell,.desk-student-name,.res-name,.upcoming-title{color:var(--clr-text-dark)}.calendar-day-cell{aspect-ratio:1;cursor:default;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .2s;display:flex;position:relative}.calendar-day-cell.empty{opacity:0}.calendar-day-cell.today{background:var(--clr-primary);color:#fff;box-shadow:0 4px 10px #10b9814d}.calendar-day-cell.has-event{color:var(--clr-primary);background:var(--clr-primary-tint)}.event-dot{background:var(--clr-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.upcoming-events-list{border-top:var(--border-lighter);margin-top:1.5rem;padding-top:1.5rem}.agenda-item-premium{gap:12px;margin-bottom:1rem;display:flex}.agenda-status-indicator{border-radius:4px;flex-shrink:0}.agenda-meta,.sdx-task-meta{justify-content:space-between;align-items:center;display:flex}.agenda-date-text,.form-group label,.leave-card-dates svg,.page-subtitle{color:var(--clr-text-muted)}.agenda-category-badge.libur,.leave-badge-type.sakit,.q-q-d,.stat-icon.min{background:var(--clr-red-tint);color:var(--clr-red)}.agenda-category-badge.ujian,.log-badge.sakit,.premium-student-card.sakit .p-avatar,.premium-student-card.sakit .p-status-pill,.q-q-c,.status-btn-sm.sakit,.t-badge.ujian{background:var(--clr-amber-tint);color:var(--clr-amber)}.agenda-category-badge.acara,.log-badge.hadir,.notif-status-icon.presence,.premium-student-card.hadir .p-avatar,.premium-student-card.hadir .p-status-pill,.q-q-a,.stat-icon.max,.status-btn-sm.hadir,.t-badge.acara{background:var(--clr-primary-tint);color:var(--clr-primary)}.overview-today-card{background:linear-gradient(135deg,#fff 0,#f0fdf4 100%)!important}.am-form-group,.c-form-group,.cm-lib-actions,.hd-attention-list,.legend-grid,.pd-contact-list,.pdc-progress-section,.sdx-tasks,.settings-list,.td-activity-list,.td-schedule-list,.today-stat-item{flex-direction:column;gap:.5rem;display:flex}.stat-label{color:var(--clr-text-muted)}.stat-value-group{align-items:baseline;gap:.75rem;display:flex}.stat-info strong,.v-main{color:var(--clr-text-dark);font-size:1.25rem;font-weight:800}.v-sub{color:var(--clr-primary-dark);font-size:.7rem;font-weight:600}.mini-bar{background:var(--clr-bg-light);border-radius:2px;height:4px;overflow:hidden}.mini-bar .fill{background:var(--clr-primary);border-radius:2px;height:100%}.premium-hero-widget-container{perspective:1000px;width:100%;margin:1.5rem 0 3rem}.main-live-widget{-webkit-backdrop-filter:blur(25px)saturate(180%);backdrop-filter:blur(25px)saturate(180%);text-align:center;padding:4rem 2rem;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffffb3 0,#f0fdf4b3 100%)!important;border:1px solid #ffffff80!important;border-radius:40px!important;box-shadow:0 20px 80px #10b98126,inset 0 0 0 1px #fff6!important}.widget-inner-glow{pointer-events:none;background:radial-gradient(circle at 50% -20%,#10b9811a 0,#0000 70%);position:absolute;inset:0}.class-selector,.live-status-header,.login-header{margin-bottom:2.5rem}.live-badge-premium-glow{background:var(--clr-text-dark);color:#fff;letter-spacing:2px;border-radius:100px;align-items:center;gap:10px;padding:8px 24px;font-size:.7rem;font-weight:900;display:inline-flex;position:relative;box-shadow:0 4px 20px #0003}.pulse-ring{background:var(--clr-primary);border-radius:50%;width:10px;height:10px;position:relative}.pulse-ring:after{content:"";background:inherit;border-radius:inherit;width:100%;height:100%;animation:2s infinite ripple;position:absolute}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3.5)}}.clock-session-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;display:flex}.left-clock-col{flex-direction:row;align-items:center;gap:2rem;display:flex}.digital-time-mega{color:var(--clr-text-darkest);letter-spacing:-3px;text-shadow:0 10px 30px #0000000d;margin:0;font-family:Outfit,sans-serif;font-size:6rem;font-weight:900;line-height:1}.time-metadata{justify-content:center;align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.timezone-label{color:var(--clr-primary);letter-spacing:5px;font-size:1.5rem;font-weight:900}.date-label{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:1.1rem;font-weight:600}.session-detail-card{border:var(--border-lighter);background:#fff;border-radius:30px;align-items:center;gap:2rem;max-width:600px;padding:1.5rem 2.5rem;display:inline-flex;box-shadow:0 10px 30px #0000000d}.session-icon-circle{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;animation:3s ease-in-out infinite float-soft;display:flex;box-shadow:0 8px 20px #10b98133}.label-standby{color:var(--clr-text-light);letter-spacing:2px;text-align:left;margin-bottom:4px;font-size:.75rem;font-weight:800;display:block}.status-main-text{color:var(--clr-text-dark);text-align:left;margin:0;font-size:1.25rem;font-weight:800}.status-sub-text{color:var(--clr-text-light);text-align:left;margin-top:4px;font-size:.85rem;font-weight:500}.widget-decorative-elements div{filter:blur(60px);z-index:-1;opacity:.3;border-radius:50%;position:absolute}.circle-grad-1{background:var(--clr-primary);width:300px;height:300px;top:-100px;left:-100px}.circle-grad-2{background:var(--clr-blue);width:250px;height:250px;bottom:-80px;right:-80px}.royal-hero-modern{margin-bottom:3rem}.hero-welcome-card{justify-content:center;align-items:center;padding:2.5rem;display:flex;border:var(--border-lighter)!important;background:#fff!important;border-radius:32px!important}.welcome-avatar-group{align-items:center;gap:2rem;max-width:800px;display:flex}.avatar-frame-premium{background:linear-gradient(45deg, var(--clr-primary), #3b82f6);border-radius:50%;flex-shrink:0;width:120px;height:120px;padding:4px;box-shadow:0 10px 25px #10b98133}.avatar-frame-premium img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%}.role-tag{color:var(--clr-primary);text-transform:uppercase;letter-spacing:2px;font-size:.75rem;font-weight:800}.welcome-text h3{color:var(--clr-text-dark);margin:4px 0 10px;font-size:1.75rem;font-weight:800}.welcome-msg{color:var(--clr-text-muted);margin:0;font-size:1.1rem;font-style:italic;line-height:1.6}@media (width<=1024px){.premium-hero-widget-container{padding:0}.main-live-widget{padding:2rem 1.5rem}.digital-time-mega{font-size:5rem}}.animate-fade-in{animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeIn}.upcoming-events-list{flex-direction:column;gap:0;max-height:240px;padding-right:6px;display:flex;overflow:hidden auto}.upcoming-events-list::-webkit-scrollbar{width:4px}.upcoming-events-list::-webkit-scrollbar-track{background:0 0}.upcoming-events-list::-webkit-scrollbar-thumb{background:var(--clr-border-dark);border-radius:10px}.upcoming-title{color:var(--clr-text-dark);margin-bottom:8px;font-size:1.1rem;font-weight:700}.agenda-item-premium{background:#fff;border:1px solid #0000000a;border-radius:8px;align-items:center;gap:6px;width:100%;padding:4px 16px 4px 10px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px -1px #00000005}.agenda-status-indicator{background:var(--clr-border-dark);width:4px;position:absolute;top:0;bottom:0;left:0}.agenda-status-indicator.libur,.bar-fill.sakit,.c-stat-card.accent-red:before,.desk-item.alpa .desk-status-indicator,.log-indicator.alpa,.premium-student-card.alpa:before,.sdx-dot.alpa{background:var(--clr-red)}.agenda-details{flex-direction:column;flex:1;gap:0;display:flex}.agenda-name{color:var(--clr-text-darkest);margin:0;font-size:.85rem;font-weight:700}.agenda-meta{justify-content:space-between;align-items:center;width:100%;display:flex}.agenda-date-text{color:var(--clr-text-muted);font-size:.7rem;font-weight:500}.agenda-category-badge{text-transform:uppercase;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 10px;font-size:.65rem;font-weight:800}.agenda-category-badge.akademik,.stat-icon-box.total{background:var(--clr-blue-tint);color:#2563eb}.agenda-category-badge.umum,.icon-btn-sm.pay{color:#16a34a;background:#f0fdf4}.agenda-category-badge.libur,.summary-icon.overdue{background:var(--clr-red-tint);color:#dc2626}.empty-agenda{text-align:center;color:var(--clr-text-light);background:var(--clr-bg-lightest);border:1px dashed var(--clr-border-dark);border-radius:12px;padding:24px;font-size:.9rem}.btn-atur-widget{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;transition:all .3s;display:flex;box-shadow:0 4px 12px #10b98140}.btn-atur-widget:active{transform:scale(.95)}.homeroom-dashboard,.teacher-dashboard{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem;font-family:Inter,sans-serif}.hd-header,.td-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.td-greeting-badge{background:linear-gradient(135deg, var(--clr-primary-light), #a7f3d0);color:var(--clr-primary-deep);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:6px;margin-bottom:.5rem;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.hd-title,.td-title{color:var(--clr-text-darkest);margin:0 0 .25rem;font-size:1.75rem;font-weight:800}.hd-subtitle,.page-subtitle,.td-subtitle{color:var(--clr-text-muted);margin:0;font-size:.875rem}.hd-clock-card,.td-clock-card{justify-content:flex-end;align-items:center;gap:12px;display:flex}.hd-clock-date,.td-clock-date{color:var(--clr-text-muted);font-size:.95rem;font-weight:600}.hd-clock-divider,.td-clock-divider{color:var(--clr-border-dark);font-weight:700}.hd-clock-time,.td-clock-time{color:var(--clr-text-darkest);font-family:Outfit,monospace;font-size:2rem;font-weight:800;line-height:1}.hd-session-badge,.td-session-badge{color:#fff;letter-spacing:.06em;white-space:nowrap;border-radius:20px;margin-top:0;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.td-announcement{color:var(--clr-primary-deep);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:8px;margin-bottom:1.25rem;padding:8px 16px;font-size:.8rem;font-weight:500;display:flex;overflow:hidden}.hd-announcement-track,.pd-announce-track,.sdx-announce-track,.td-announcement-track{flex:1;overflow:hidden}.td-announcement-track p{margin:0;animation:25s linear infinite scrollText}@keyframes scrollText{0%{transform:translate(100%)}to{transform:translate(-100%)}}.hd-stats-row,.td-stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.hd-stat,.td-stat-card{border:var(--border-lighter);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000d}.c-stat-card:before,.hd-stat:before,.td-stat-card:before{content:"";border-radius:16px 0 0 16px;width:4px;position:absolute;top:0;bottom:0;left:0}.pd-hero:after,.sdx-hero:after{content:"";top:-60px;right:-60px}.c-stat-icon,.hd-stat-icon,.notif-status-icon,.td-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.accent-green .hd-stat-icon,.accent-green .td-stat-icon,.c-stat-card.accent-green .c-stat-icon,.p-hadir,.pdc-status-pill.hadir,.premium-badge.success,.status-badge.hadir,.tp-avatar[data-status=hadir]{background:var(--clr-primary-light);color:var(--clr-primary-dark)}.pdc-status-pill.belum-hadir,.status-badge.belum-hadir,.tp-status-btn.belum-hadir,.tp-avatar[data-status=belum-hadir]{color:#64748b;background:#f1f5f9}.accent-blue .hd-stat-icon,.accent-blue .td-stat-icon,.p-icon-wrap.blue{background:var(--clr-blue-light);color:var(--clr-blue)}.accent-amber .hd-stat-icon,.accent-amber .td-stat-icon,.c-stat-card.accent-amber .c-stat-icon,.p-sakit,.pdc-status-pill.sakit,.premium-badge.warning,.status-badge.sakit,.tp-avatar[data-status=sakit]{background:var(--clr-amber-light);color:#d97706}.accent-purple .hd-stat-icon,.accent-purple .td-stat-icon,.c-stat-card.accent-purple .c-stat-icon{color:#7c3aed;background:#ede9fe}.c-stat-content,.td-stat-body{flex-direction:column;flex:1;display:flex}.td-stat-arrow{color:var(--clr-border-dark)}.hd-quick-actions,.td-quick-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.td-qa-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.td-main-grid{grid-template-columns:1fr 380px;align-items:start;gap:1.5rem;display:grid}.c-zone-card,.hd-card,.pd-card,.sdx-card,.td-card{border:var(--border-lighter);background:#fff;border-radius:20px;padding:1.25rem 1.5rem;box-shadow:0 2px 16px #0000000d}.td-card-header{border-bottom:1px solid var(--clr-bg-lightest);color:var(--clr-primary);align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.hd-card-header h4,.pd-card-header h4,.sdx-card-header h3,.td-card-header h3{color:var(--clr-text-darkest);flex:1;margin:0;font-size:.95rem;font-weight:700}.td-badge-today{color:var(--clr-primary-dark);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700}.td-schedule-item{background:var(--clr-bg-lightest);border:var(--border-lighter);border-radius:12px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .2s;display:flex}.sdx-tl-card.completed,.td-schedule-item.done{opacity:.6}.td-schedule-item:not(.done){background:#f0fdf4;border-color:#bbf7d0}.td-sch-period{flex-direction:column;align-items:center;min-width:56px;display:flex}.sdx-tl-start,.td-sch-num{color:var(--clr-text-darkest);font-size:.85rem;font-weight:700}.td-sch-time{color:var(--clr-text-light);font-size:.65rem}.hd-att-info,.hd-bk-body,.pd-bk-body,.q-leader-info,.td-act-body,.td-sch-info,.td-stu-info{flex-direction:column;flex:1;display:flex}.td-sch-subject{color:var(--clr-text-darkest);font-size:.9rem;font-weight:600}.hd-bk-type,.td-sch-class{color:var(--clr-text-muted);font-size:.75rem}.td-sch-status{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;display:flex}.status-done{background:var(--clr-bg-light);color:#94a3b8}.bk-pos,.c-point-badge.positive,.fin-green,.hd-bk-pos,.hd-status-pill.hadir,.hd-status-pill.lunas,.pd-status-pill.lunas,.positive .hd-bk-point,.positive .pd-bk-poin,.status-next,.td-stu-status.hadir{background:var(--clr-primary-light);color:var(--clr-primary-deep)}.td-class-tab,.td-nilai-item{color:var(--clr-text-secondary)}.td-nilai-legend{border-top:var(--border-lighter);flex-wrap:wrap;gap:.5rem 1rem;margin-top:.75rem;padding-top:.75rem;display:flex}.td-nilai-item{align-items:center;gap:6px;font-size:.8rem;display:flex}.td-nilai-dot{border-radius:3px;width:10px;height:10px}.td-class-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.td-class-tab{border:var(--border-light);background:var(--clr-bg-lightest);cursor:pointer;border-radius:8px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .15s}.hd-cal-day,.td-cal-day,.td-see-more,.td-student-row{cursor:pointer;transition:background .15s}.td-class-tab.active{background:var(--clr-primary-deep);border-color:var(--clr-primary-deep);color:#fff}.td-student-list{flex-direction:column;gap:.4rem;max-height:280px;display:flex;overflow-y:auto}.hd-att-avatar,.td-stu-avatar,.td-student-row{border-radius:10px;align-items:center;display:flex}.td-student-row{gap:.75rem;padding:.5rem .75rem}.hd-att-avatar,.td-stu-avatar{width:36px;height:36px;color:var(--clr-text-darkest);flex-shrink:0;justify-content:center;font-size:.9rem;font-weight:700}.c-student-name,.hd-att-name,.pd-bk-text,.td-stu-name{color:var(--clr-text-darkest);font-size:.85rem;font-weight:600}.c-student-class,.hd-att-reason,.log-time,.pd-agenda-date,.sdx-agenda-date,.sdx-tl-end,.td-agenda-date,.td-stu-nisn{color:var(--clr-text-light);font-size:.7rem}.c-point-badge,.td-stu-status{border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700}.badge-payment.partial,.fin-amber,.hd-status-pill.izin,.hd-status-pill.sebagian,.status-btn-sm.izin,.td-stu-status.izin{background:var(--clr-amber-light);color:#92400e}.badge-payment.unpaid,.bk-neg,.c-point-badge.negative,.fin-red,.hd-bk-neg,.hd-status-pill.alpa,.hd-status-pill.belum,.negative .hd-bk-point,.negative .pd-bk-poin,.pd-status-pill.belum,.status-badge.unpaid,.status-btn-sm.alpa,.td-stu-status.alpa{background:var(--clr-red-light);color:#991b1b}.td-see-more{color:var(--clr-primary);background:0 0;border:1px dashed #a7f3d0;border-radius:8px;justify-content:center;align-items:center;gap:4px;margin-top:4px;padding:.5rem;font-size:.8rem;font-weight:600;display:flex}.td-activity-item{background:var(--clr-bg-lightest);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.6rem .75rem;display:flex}.pd-agenda-dot,.sdx-agenda-dot,.td-act-indicator,.td-agenda-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.td-act-label{color:var(--clr-text-medium);font-size:.82rem;font-weight:500}.td-act-time{color:var(--clr-text-light);margin-top:2px;font-size:.7rem}.hd-cal-nav,.td-cal-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.hd-cal-nav button,.pd-cal-nav button,.sdx-cal-nav button,.td-cal-nav button{cursor:pointer;color:var(--clr-text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:2px;transition:background .15s;display:flex}.hd-cal-nav span,.td-cal-nav span{color:var(--clr-text-secondary);font-size:.8rem;font-weight:600}.td-mini-cal{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:1rem;display:grid}.hd-cal-head,.td-cal-head{text-align:center;color:var(--clr-text-light);text-transform:uppercase;padding:4px 0;font-size:.65rem;font-weight:700}.hd-cal-day,.td-cal-day{text-align:center;color:var(--clr-text-secondary);border-radius:8px;padding:5px 2px;font-size:.8rem;position:relative}.sdx-cal-day.today,.td-cal-day.today{background:var(--clr-primary-deep);color:#fff;font-weight:700}.sdx-cal-day.has-event,.td-cal-day.has-event{color:var(--clr-primary);font-weight:600}.hd-cal-day.today.has-event,.pd-cal-day.today.has-event,.sdx-cal-day.today.has-event,.td-cal-day.today.has-event{color:#fff}.hd-event-dot,.pd-event-dot,.sdx-event-dot,.td-event-dot{background:var(--clr-amber);border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.td-agenda-mini{border-top:var(--border-lighter);flex-direction:column;gap:.4rem;padding-top:.75rem;display:flex}.td-empty,.td-quote-card{text-align:center;padding:1.5rem}.pd-agenda-item,.sdx-agenda-item,.td-agenda-item{align-items:flex-start;gap:.6rem;display:flex}.pd-agenda-title,.sdx-agenda-title,.td-agenda-title{color:var(--clr-text-medium);font-size:.82rem;font-weight:600;display:block}.td-quote-card{background:linear-gradient(135deg, var(--clr-primary-deepest) 0, var(--clr-primary-deep) 100%);color:#fff;border-radius:20px}.td-quote-icon{color:#6ee7b7;justify-content:center;margin-bottom:.75rem;display:flex}.td-quote-card blockquote{color:#ffffffe6;margin:0 0 .75rem;font-size:.9rem;font-style:italic;line-height:1.6}.td-quote-card cite{color:#6ee7b7;font-size:.75rem;font-weight:600}.td-empty{color:var(--clr-text-light);font-size:.85rem}@media (width<=1100px){.td-main-grid{grid-template-columns:1fr}.td-col-side{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=768px){.royal-hero{grid-template-columns:1fr;gap:3rem}.slideshow-center{order:-1;grid-column:span 1}.guardian-portrait.chairman{order:1}.guardian-portrait.principal{order:2}.main-title{font-size:1.75rem}.portrait-frame{width:160px;height:160px}.panel-header,.td-header{flex-direction:column}.panel-search{width:100%}.dashboard-main{width:100%;max-width:100vw;overflow-x:hidden}.interactive-panel{box-sizing:border-box;width:100%;max-width:calc(100vw - 2rem);overflow-x:auto}.individual-status-list{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:1rem;display:block;overflow-x:auto}.dashboard-detail-table{width:700px}.digital-time-mega{letter-spacing:-1px;font-size:3.5rem}.welcome-avatar-group{text-align:center;flex-direction:column}.session-detail-card{text-align:center;flex-direction:column;padding:1.5rem}.label-standby,.status-main-text,.status-sub-text{text-align:center}.quick-actions-bar{justify-content:flex-start;padding-bottom:10px}.quick-btn{border-radius:22px;justify-content:center;gap:0;min-width:44px;height:44px;padding:6px}.quick-btn span{font-size:.75rem;display:none}@media (hover:hover){.quick-btn:active,.quick-btn:focus,.quick-btn:hover{border-radius:12px;gap:8px;min-width:max-content;padding:6px 16px}.quick-btn:active span,.quick-btn:focus span,.quick-btn:hover span{display:block}}.class-cards-grid,.td-col-side{grid-template-columns:1fr}.stats-sidebar{grid-template-columns:1fr;gap:1rem}.premium-title{font-size:clamp(1.5rem,6vw,2rem)}.premium-tagline{font-size:1rem}.teacher-dashboard{box-sizing:border-box;width:100%;max-width:100%;padding:.75rem .6rem 2.5rem;overflow-x:hidden}.td-header{flex-direction:column;align-items:stretch;gap:.75rem}.td-title{font-size:1.35rem}.td-clock-card{flex-wrap:wrap;justify-content:flex-start;gap:8px}.td-clock-time{font-size:1.4rem}.td-clock-date{font-size:.8rem}.td-stats-row{grid-template-columns:repeat(2,1fr);gap:8px}.td-stat-card{border-radius:14px;gap:8px;padding:.75rem .6rem}.td-stat-icon{border-radius:10px;width:38px;height:38px}.td-stat-val{font-size:1.15rem}.td-stat-label{font-size:.7rem}.td-stat-arrow{display:none}.td-col-side{gap:1rem;width:100%;flex-direction:column!important;grid-template-columns:1fr!important;display:flex!important}.td-card{box-sizing:border-box;border-radius:16px;max-width:100%;padding:1rem .85rem}.td-card-header{flex-wrap:wrap;gap:8px}.td-schedule-item{gap:8px;padding:.6rem .75rem}.td-sch-subject{font-size:.85rem}.td-class-tabs{flex-wrap:wrap;gap:6px}}.pd-page,.sdx-page{flex-direction:column;gap:1.25rem;max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem;font-family:Inter,sans-serif;display:flex}.sdx-hero{background:linear-gradient(135deg, var(--clr-primary-deepest) 0, var(--clr-primary-deep) 40%, var(--clr-primary-darker) 100%);color:#fff;border-radius:24px;padding:2.25rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 12px 40px #064e3b40}.sdx-hero-bg,.sdx-hero:after{pointer-events:none;position:absolute}.sdx-hero-bg{background:radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 50%),radial-gradient(circle at 20% 80%,#ffffff0d 0,#0000 40%);inset:0}.sdx-avatar,.sdx-greeting-chip{background:#ffffff1f}.sdx-hero:after{border:40px solid #ffffff0f;border-radius:50%;width:240px;height:240px}.pd-hero-inner,.sdx-hero-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}.logo-upload-item,.sdx-hero-left{align-items:center;gap:1.25rem;display:flex}.sdx-avatar{background:linear-gradient(135deg,#6ee7b740,#10b9814d);border:3px solid #6ee7b780;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #6ee7b740,0 4px 12px #00000026}.sdx-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sdx-avatar span{color:#fff;text-shadow:0 2px 8px #0003;font-size:1.6rem;font-weight:800}.sdx-avatar-ring{border:2px dashed #6ee7b766;border-radius:50%;animation:12s linear infinite rotateRing;position:absolute;inset:-5px}.pd-greeting-chip,.sdx-greeting-chip{border:1px solid #fff3}@keyframes rotateRing{to{transform:rotate(360deg)}}.sdx-greeting-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#6ee7b7;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;align-items:center;gap:5px;margin-bottom:.5rem;padding:4px 14px;font-size:.7rem;font-weight:700;display:inline-flex}.sdx-hero-info h1{text-shadow:0 2px 8px #00000026;margin:0 0 .35rem;font-size:1.65rem;font-weight:800;line-height:1.1}.sdx-hero-meta{color:#ffffffb3;margin:0 0 .75rem;font-size:.82rem}.sdx-hero-meta strong,.sdx-quote-card svg{color:#6ee7b7}.sdx-badge-row{flex-wrap:wrap;gap:.5rem;display:flex}.sdx-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.sdx-hero-right{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.pd-hero-right,.sdx-clock-display{text-align:right}.sdx-time{letter-spacing:-.02em;text-shadow:0 2px 12px #0003;font-family:Outfit,monospace;font-size:2.6rem;font-weight:800;line-height:1}.sdx-session-tag{letter-spacing:.07em;color:#fff;border-radius:20px;margin-top:6px;padding:5px 16px;font-size:.68rem;font-weight:800;display:inline-block;box-shadow:0 2px 10px #00000026}.sdx-period-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:1.25rem;padding:.85rem 1.5rem;display:flex}.sdx-pi-item{flex-direction:column;align-items:center;gap:3px;display:flex}.sdx-pi-item span{color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.sdx-pi-item strong{color:#fff;font-size:.95rem;font-weight:700}.sdx-pi-divider{background:#ffffff26;width:1px;height:32px}.sdx-announce{color:var(--clr-primary-deep);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:500;display:flex;overflow:hidden}.sdx-announce-track p{margin:0;animation:30s linear infinite sdxScroll}@keyframes sdxScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.header-actions-premium,.pd-quick-actions,.sdx-quick-actions,.tp-summary-row{flex-wrap:wrap;gap:.75rem;display:flex}.hd-qa-btn,.pd-qa,.sdx-qa{cursor:pointer;color:#fff;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.qa-pink{background:linear-gradient(135deg,#ec4899,#be185d)}.sdx-grid{grid-template-columns:1fr 360px;align-items:start;gap:1.25rem;display:grid}.sdx-card-header{border-bottom:1px solid var(--clr-bg-lightest);color:var(--clr-primary-deep);align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.sdx-header-badge{color:var(--clr-primary-dark);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700}.sdx-card-link,.sdx-check-done,.sdx-grade-val.pass,.sdx-task-deadline.completed,.sdx-tl-item.ongoing .sdx-tl-start{color:var(--clr-primary)}.sdx-header-badge.green{background:var(--clr-primary-light)}.sdx-card-link{cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:.78rem;font-weight:600;display:flex}.sdx-timeline,.sdx-tl-time{flex-direction:column;display:flex}.sdx-tl-dot,.sdx-tl-line{background:var(--clr-border)}.sdx-timeline{gap:0}.sdx-tl-item{gap:.75rem;min-height:72px;display:flex}.sdx-tl-time{align-items:flex-end;min-width:52px;padding-top:4px}.empty-notif p,.sdx-dot-item span,.sdx-tl-item.completed .sdx-tl-start{color:var(--clr-text-light)}.sdx-tl-node{flex-direction:column;flex-shrink:0;align-items:center;width:18px;display:flex}.sdx-tl-dot{width:12px;height:12px;box-shadow:0 0 0 1px var(--clr-border);z-index:1;border:2px solid #fff;border-radius:50%;flex-shrink:0;margin-top:6px}.sdx-tl-item.ongoing .sdx-tl-dot{background:var(--clr-primary);box-shadow:0 0 0 3px #10b98133}.leaderboard-item:nth-child(2) .rank-badge,.sdx-tl-item.completed .sdx-tl-dot{background:var(--clr-text-light)}.sdx-tl-line{flex:1;width:2px;margin-top:2px}.sdx-tl-card{background:var(--clr-bg-lightest);border:var(--border-lighter);border-radius:14px;flex:1;margin-bottom:8px;padding:.75rem 1rem;transition:all .2s}.sdx-tl-card.ongoing{background:#f0fdf4;border-color:#bbf7d0;box-shadow:0 4px 16px #10b9811a}.sdx-tl-card-top{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.sdx-done-pill,.sdx-live-pill{font-size:.68rem;display:inline-flex}.sdx-tl-subject{color:var(--clr-text-darkest);font-size:.9rem;font-weight:700}.sdx-live-pill{color:var(--clr-primary-deep);letter-spacing:.04em;background:#dcfce7;border-radius:20px;align-items:center;gap:5px;padding:2px 10px;font-weight:800}.pd-child-chip,.pd-greeting-chip{text-transform:uppercase;letter-spacing:.05em}.sdx-live-dot{background:var(--clr-primary);border-radius:50%;width:6px;height:6px;animation:1.5s infinite sdxPulse}@keyframes sdxPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.sdx-done-pill{background:var(--clr-bg-light);color:var(--clr-text-muted);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-weight:600}.sdx-tl-card-meta{color:var(--clr-text-muted);gap:1rem;font-size:.78rem;display:flex}.sdx-weekly-dots{justify-content:space-around;margin-bottom:.75rem;display:flex}.sdx-dot-item{flex-direction:column;align-items:center;gap:4px;display:flex}.sdx-dot-item span{font-size:.68rem;font-weight:600}.sdx-dot{border-radius:50%;width:14px;height:14px}.pd-grade-list,.sdx-grade-list{flex-direction:column;gap:.6rem;margin-bottom:.75rem;display:flex}.sdx-grade-subject{width:120px;color:var(--clr-text-secondary);flex-shrink:0;font-size:.78rem;font-weight:600;overflow:hidden}.pd-grade-bar,.sdx-grade-bar{background:var(--clr-bg-light);border-radius:20px;height:10px;position:relative;overflow:visible}.pd-grade-fill,.sdx-grade-fill{border-radius:20px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.sdx-grade-fill.pass{background:linear-gradient(90deg, var(--clr-primary), #34d399)}.pd-grade-fill.fail,.sdx-grade-fill.fail{background:linear-gradient(90deg, var(--clr-amber), #fbbf24)}.pd-kkm-line,.sdx-kkm-line{background:var(--clr-red);border-radius:2px;width:2px;height:16px;position:absolute;top:-3px}.pd-grade-val,.sdx-grade-val{text-align:right;min-width:28px;font-size:.82rem;font-weight:800}.pd-grade-val.fail,.sdx-grade-val.fail,.star-active,.text-warning{color:var(--clr-amber)}.pd-grade-note,.sdx-grade-note{color:var(--clr-text-light);align-items:center;gap:6px;margin:0;font-size:.72rem;display:flex}.pd-kkm-legend,.sdx-kkm-legend{background:var(--clr-red);border-radius:2px;width:2px;height:12px;display:inline-block}.sdx-hafalan-card{background:linear-gradient(135deg, var(--clr-primary-deepest) 0, var(--clr-primary-deep) 100%);color:#fff;border-radius:20px;padding:1.5rem}.sdx-hafalan-header{color:#6ee7b7;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.pd-hafalan-header h3,.sdx-hafalan-header h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.pd-hafalan-header p,.sdx-hafalan-header p{color:#fff9;margin:0;font-size:.75rem}.pd-hafalan-body,.sdx-hafalan-body{align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.pd-radial-wrap,.q-avatar-wrapper,.sdx-radial-wrap{flex-shrink:0;position:relative}.hd-pie-center,.pd-pie-center,.pd-radial-center,.sdx-radial-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sdx-radial-pct{color:#fff;font-size:1.75rem;font-weight:800;line-height:1;display:block}.pd-radial-sub,.sdx-radial-sub{color:#fff9;text-transform:uppercase;font-size:.7rem}.hd-att-legend,.sdx-hafalan-stats{flex-direction:column;flex:1;gap:.6rem;display:flex}.sdx-haf-stat{background:#ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:.4rem .75rem;display:flex}.sdx-haf-stat span{color:#fff9;font-size:.75rem}.sdx-haf-stat strong{color:#6ee7b7;font-size:.85rem;font-weight:700}.pd-hafalan-btn,.sdx-hafalan-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:.6rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.sdx-task-progress-chip{color:var(--clr-primary-deep);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700}.sdx-task-prog-bar{background:var(--clr-bg-light);border-radius:20px;height:4px;margin-bottom:.75rem;overflow:hidden}.sdx-task-prog-fill{background:linear-gradient(90deg, var(--clr-primary), #34d399);border-radius:20px;height:100%;transition:width .5s}.sdx-task{border:var(--border-lighter);background:var(--clr-bg-lightest);cursor:pointer;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.sdx-task.completed{opacity:.65}.sdx-task-check{flex-shrink:0;margin-top:1px}.sdx-check-empty{border:2px solid var(--clr-border-dark);border-radius:50%;width:20px;height:20px;transition:border-color .2s}.desk-item.alpa,.sdx-check-empty.urgent{border-color:var(--clr-red)}.sdx-task-title{color:var(--clr-text-darkest);margin-bottom:.3rem;font-size:.87rem;font-weight:600;transition:all .2s;display:block}.sdx-task.completed .sdx-task-title{color:var(--clr-text-light);text-decoration:line-through}.sdx-task-subject{color:#4f46e5;background:#e0e7ff;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:600}.sdx-task-deadline{color:var(--clr-text-light);align-items:center;gap:3px;font-size:.7rem;display:flex}.sdx-task-deadline.urgent{color:var(--clr-red);font-weight:700}.pd-cal-nav,.sdx-cal-nav{align-items:center;gap:5px;margin-left:auto;display:flex}.pd-cal-nav span,.sdx-cal-nav span{color:var(--clr-text-secondary);font-size:.78rem;font-weight:600}.pd-mini-cal,.sdx-mini-cal{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.75rem;display:grid}.pd-cal-head,.sdx-cal-head{text-align:center;color:var(--clr-text-light);text-transform:uppercase;padding:4px 0;font-size:.62rem;font-weight:700}.pd-cal-day,.sdx-cal-day{text-align:center;color:var(--clr-text-secondary);cursor:pointer;border-radius:8px;padding:5px 2px;font-size:.78rem;transition:background .15s;position:relative}.pd-agenda-list,.sdx-agenda-mini{border-top:var(--border-lighter);flex-direction:column;gap:.4rem;padding-top:.75rem;display:flex}.pd-no-agenda,.sdx-no-agenda{color:var(--clr-text-light);text-align:center;margin:0;padding:.5rem 0;font-size:.8rem}.sdx-bk-card{background:#fff5f7;border:1px solid #fecdd3;border-radius:20px;padding:1.25rem 1.5rem}.pd-contact-desc,.sdx-bk-desc{color:var(--clr-text-muted);margin:0 0 .75rem;font-size:.82rem}.hd-bk-list,.pd-bk-list,.sdx-bk-form{flex-direction:column;gap:.6rem;display:flex}.sdx-bk-textarea{resize:none;background:#fff;border:1px solid #fecdd3;border-radius:12px;outline:0;width:100%;padding:.7rem;font-family:inherit;font-size:.82rem;transition:border-color .2s}.sdx-bk-textarea:focus{border-color:#ec4899}.sdx-bk-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#be185d);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:.65rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.sdx-bk-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sdx-quote-card{background:linear-gradient(135deg, var(--clr-primary-deepest), #065f46);color:#fff;text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem;display:flex}.hd-quote-card blockquote,.pd-quote-card blockquote,.sdx-quote-card blockquote{color:#ffffffe6;margin:0;font-size:.88rem;font-style:italic;line-height:1.6}.sdx-quote-card cite{color:#6ee7b7;font-size:.72rem;font-weight:600}.pd-hero{color:#fff;background:linear-gradient(135deg,#1e3a8a 0,#1d4ed8 50%,#2563eb 100%);border-radius:24px;padding:2rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 12px 40px #1d4ed840}.pd-hero-bg{pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 50%),radial-gradient(circle at 10% 90%,#ffffff0d 0,#0000 40%);position:absolute;inset:0}.pd-clock-capsule,.pd-greeting-chip{background:#ffffff26;align-items:center;display:inline-flex}.pd-hero:after{pointer-events:none;border:40px solid #ffffff0f;border-radius:50%;width:220px;height:220px;position:absolute}.pd-greeting-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffe6;border-radius:20px;gap:6px;margin-bottom:.5rem;padding:3px 12px;font-size:.7rem;font-weight:700}.pd-hero-title{margin:0 0 .3rem;font-size:1.7rem;font-weight:800;line-height:1.1}.pd-hero-sub{color:#ffffffbf;margin:0;font-size:.85rem}.pd-clock-capsule{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid #fff3;border-radius:30px;gap:10px;padding:6px 16px;box-shadow:0 4px 12px #0000001a}.pd-child-avatar,.pd-child-card{border-radius:20px;display:flex}.pd-capsule-time{font-family:Outfit,monospace;font-size:1.3rem;font-weight:800;line-height:1}.pd-capsule-divider{opacity:.6;font-weight:700}.pd-capsule-date{opacity:.9;font-size:.82rem;font-weight:600}.pd-child-card{background:linear-gradient(to right, #fff, var(--clr-bg-lightest));border:1px solid #dbeafeb3;flex-wrap:wrap;align-items:center;gap:1.75rem;padding:1.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -5px #3b82f614,0 4px 12px -2px #3b82f608}.pd-child-header-row{flex:1;align-items:center;gap:1.5rem;width:100%;min-width:280px;display:flex}.pd-child-avatar{background:linear-gradient(135deg, var(--clr-blue-tint) 0, #bfdbfe 100%);color:#1d4ed8;text-shadow:0 2px 4px #1d4ed81a;border:2px solid #bfdbfe;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-family:Outfit,Inter,sans-serif;font-size:1.8rem;font-weight:800;transition:all .3s;overflow:hidden;box-shadow:0 8px 20px #3b82f61f,inset 0 2px 4px #fff6}.am-avatar img,.detail-large-photo img,.evidence-preview-img,.pd-child-avatar img,.pdc-avatar img,.photo-label-premium img,.slide-image,.student-avatar img,.student-avatar-large img{object-fit:cover;width:100%;height:100%}.pd-child-info{flex:1;min-width:250px}.pd-child-chip{background:var(--clr-blue-light);color:#1e40af;border-radius:20px;align-items:center;gap:5px;margin-bottom:.4rem;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.pd-child-info h2{color:var(--clr-text-darkest);letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.45rem;font-weight:800}.finance-table th,.hd-greeting-badge,.hd-table thead th,.payment-form-group label,.pd-cstat label,.pd-table thead th{letter-spacing:.05em;text-transform:uppercase}.pd-child-info p{color:var(--clr-text-muted);margin:0;font-size:.82rem;line-height:1.4}.dinas-details-box strong,.pd-child-info strong{color:#1d4ed8}.pd-child-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;min-width:480px;display:grid}.pd-cstat{text-align:center;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:.85rem .5rem;transition:all .2s;display:flex}.pd-cstat span{width:100%;max-width:100%;font-family:Outfit,sans-serif;font-size:1.12rem;font-weight:800;line-height:1.2;display:block;overflow:hidden}.pd-cstat label{opacity:.8;font-size:.65rem;font-weight:700}.pd-cstat.green{background:var(--clr-primary-tint);color:var(--clr-primary-deep);border-color:#a7f3d0}.pd-cstat.blue{background:var(--clr-blue-tint);color:#1e40af;border-color:#bfdbfe}.pd-cstat.purple{background:var(--clr-purple-tint);color:#4c1d95;border-color:#ddd6fe}.pd-cstat.amber{background:var(--clr-amber-tint);color:#92400e;border-color:#fde68a}.pd-announce{background:linear-gradient(135deg, var(--clr-blue-tint), #dbeafe);color:#1e40af;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:500;display:flex;overflow:hidden}.pd-announce-track p{margin:0;animation:30s linear infinite pdScroll}@keyframes pdScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.pd-grid{grid-template-columns:1fr 340px;align-items:start;gap:1.25rem;display:grid}.hd-tabs,.pd-tabs{background:var(--clr-bg-lightest);border:var(--border-lighter);border-radius:14px;flex-wrap:wrap;gap:.5rem;padding:6px;display:flex}.hd-tab,.pd-card-link,.pd-tab{cursor:pointer;white-space:nowrap;background:0 0;font-weight:600}.hd-tab,.pd-tab{color:var(--clr-text-muted);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.82rem;transition:all .2s;display:flex}.pd-card-header,.pd-card-link{align-items:center;display:flex}.pd-tab.active{color:#1d4ed8;background:#fff;box-shadow:0 2px 8px #00000014}.pd-card-header{border-bottom:1px solid var(--clr-bg-lightest);color:#1d4ed8;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem}.pd-card-link{color:var(--clr-blue);border:none;gap:3px;padding:0;font-size:.78rem}.pd-att-summary{border:var(--border-lighter);background:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 2px 16px #0000000d}.hd-pie-wrapper,.pd-pie-wrap{flex-shrink:0;width:180px;position:relative}.hd-pie-pct,.pd-pie-pct{color:var(--clr-text-darkest);font-size:1.4rem;font-weight:800;display:block}.hd-pie-sub,.pd-pie-sub{color:var(--clr-text-muted);text-transform:uppercase;font-size:.7rem}.pd-att-legend,.pd-hafalan-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.pd-att-period{color:var(--clr-text-muted);margin:0 0 .4rem;font-size:.8rem;font-weight:600}.hd-att-legend-item,.pd-legend-row{color:var(--clr-text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.hd-att-dot,.pd-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.hd-att-legend-item strong,.pd-legend-row strong{color:var(--clr-text-darkest);margin-left:auto;font-weight:700}.pd-no-alpa{background:var(--clr-primary-light);color:var(--clr-primary-deep);border-radius:10px;align-items:center;gap:6px;margin-top:.5rem;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.pd-att-days{grid-template-columns:repeat(auto-fill,minmax(min(100%,48px),1fr));gap:.4rem;margin-bottom:.75rem;display:grid}.pd-att-day{background:var(--clr-bg-lightest);color:var(--clr-text-secondary);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.4rem 0;font-size:.78rem;display:flex}.pd-att-day-dot{border-radius:50%;width:8px;height:8px}.desk-status-indicator,.dot-libur{background:var(--clr-border)}.pd-att-legend-row{border-top:var(--border-lighter);flex-wrap:wrap;gap:1rem;padding-top:.5rem;display:flex}.pd-att-leg-item{align-items:center;gap:5px;display:flex}.pd-att-leg-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.pd-att-leg-label{color:var(--clr-text-muted);font-size:.75rem;font-weight:500}.pd-grade-sub{width:130px;color:var(--clr-text-secondary);white-space:nowrap;flex-shrink:0;font-size:.78rem;font-weight:600;overflow:hidden}.pd-grade-fill.pass{background:linear-gradient(90deg, var(--clr-blue), #60a5fa)}.cm-action-btn.edit,.pd-grade-val.pass,.text-blue{color:var(--clr-blue)}.pd-hafalan-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0,#1d4ed8 100%);border-radius:20px;padding:1.5rem}.pd-hafalan-header{color:#93c5fd;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.pd-radial-juz{color:#fff;font-size:1.75rem;font-weight:800;line-height:1;display:block}.pd-haf-row{background:#ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:.4rem .75rem;font-size:.8rem;display:flex}.pd-haf-row span{color:#ffffffa6}.pd-haf-row strong{color:#93c5fd;font-weight:700}.hd-bk-summary,.hd-finance-summary,.pd-finance-summary{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.hd-bk-stat,.hd-fin-stat,.pd-fin-stat{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;display:flex}.hd-bk-stat span,.hd-fin-stat span,.pd-fin-stat span{font-size:.8rem;font-weight:600}.hd-class-stats span,.pd-fin-stat strong{font-size:1.2rem;font-weight:800}.fin-blue,.hd-bk-total,.hd-status-pill.sakit{background:var(--clr-blue-light);color:#1e40af}.hd-table-wrap,.pd-finance-table-wrap{border:var(--border-lighter);border-radius:12px;overflow-x:auto}.hd-table,.pd-table{border-collapse:collapse;width:100%;font-size:.85rem}.hd-table thead th,.pd-table thead th{text-align:left;color:var(--clr-text-muted);background:var(--clr-bg-lightest);border-bottom:var(--border-light);padding:10px 14px;font-size:.7rem;font-weight:700}.pd-table tbody tr{border-bottom:1px solid var(--clr-bg-lightest)}.cm-table tr:last-child td,.data-table tbody tr:last-child,.hd-table tbody tr:last-child,.pd-info-row:last-child,.pd-table tbody tr:last-child,.premium-table tr:last-child td,.stat-row-mini:last-child,.tp-table tbody tr:last-child td{border-bottom:none}.hd-table td,.pd-table td{color:var(--clr-text-medium);padding:10px 14px}.hd-td-name,.pd-td-bold{color:var(--clr-text-darkest);font-weight:600}.pd-status-pill{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.pd-unpaid-alert{color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;align-items:flex-start;gap:8px;margin-top:.75rem;padding:.75rem 1rem;display:flex}.pd-unpaid-alert p{margin:0;font-size:.82rem;font-weight:500}.detail-grid-info,.pd-bk-summary{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.pd-bk-stat{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem;display:flex}.pd-bk-stat span{font-size:.82rem;font-weight:600}.hd-bk-stat strong,.hd-fin-stat strong,.pd-bk-stat strong{font-size:1.5rem;font-weight:800}.hd-bk-item,.pd-bk-item{border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.hd-bk-item.positive,.pd-bk-item.positive{background:#f0fdf4;border:1px solid #bbf7d0}.hd-bk-item.negative,.pd-bk-item.negative{background:#fff5f5;border:1px solid #fecaca}.hd-bk-point,.pd-bk-poin{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:800;display:flex}.pd-bk-date{color:var(--clr-text-light);font-size:.72rem}.pd-bk-note{background:var(--clr-bg-lightest);border:var(--border-light);color:var(--clr-text-muted);border-radius:12px;align-items:flex-start;gap:8px;margin-top:.75rem;padding:.75rem;display:flex}.pd-bk-note p{margin:0;font-size:.78rem;font-style:italic}.pd-info-card{color:#fff;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-radius:20px;padding:1.5rem}.pd-info-header{color:#93c5fd;border-bottom:1px solid #ffffff26;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.pd-info-header h3{color:#fff;flex:1;margin:0;font-size:.95rem;font-weight:700}.pd-info-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.82rem;display:flex}.pd-info-row span{color:#fff9}.pd-info-row strong{color:#93c5fd;text-align:right;max-width:55%;font-weight:700}.pd-cal-day.today{color:#fff;background:#1d4ed8;font-weight:700}.pd-cal-day.has-event{color:var(--clr-blue);font-weight:600}.pd-contact-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:20px;padding:1.25rem 1.5rem}.pd-contact-item{color:#1e40af;background:#fff;border:1px solid #bae6fd;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;display:flex}.pd-quote-card{color:#fff;text-align:center;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem;display:flex}.pd-quote-card svg{color:#93c5fd}.pd-quote-card cite{color:#93c5fd;font-size:.72rem;font-weight:600}@media (width<=1100px){.pd-grid,.sdx-grid{grid-template-columns:1fr}.pd-col-side,.sdx-col-side{grid-template-columns:repeat(2,1fr);display:grid}.pd-info-card,.pd-quote-card,.sdx-hafalan-card,.sdx-quote-card{grid-column:1/-1}}@media (width<=768px){.pd-page,.sdx-page{padding:1rem}.pd-hero,.sdx-hero{padding:1.5rem}.pd-att-summary,.sdx-hero-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.logo-upload-item,.sdx-hero-left{text-align:center;flex-direction:column;gap:1rem}.sdx-hero-info{flex-direction:column;align-items:center;display:flex}.sdx-badge-row{justify-content:center}.sdx-hero-right{align-items:center;width:100%}.sdx-clock-display,.pd-hero-right{text-align:center}.sdx-period-info{flex-wrap:wrap;justify-content:center}.pd-quick-actions,.sdx-quick-actions{justify-content:center;gap:.5rem}.pd-qa,.sdx-qa{text-align:center;flex:calc(33% - .5rem);justify-content:center;padding:.6rem .75rem;font-size:.75rem}.pd-col-side,.sdx-col-side{grid-template-columns:1fr}.sdx-grade-subject{width:80px}.pd-child-card,.sdx-hafalan-body{flex-direction:column;align-items:flex-start}.pd-hero-left,.pd-hero-right{text-align:center;display:flex}.pd-hero-inner{text-align:center;flex-direction:column-reverse;align-items:center;gap:1.25rem}.pd-hero-left{flex-direction:column;align-items:center}.pd-hero-right{justify-content:center;width:100%}.pd-child-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;min-width:0;display:grid}.pd-pie-wrap{width:100%}.pd-bk-summary,.pd-finance-summary{grid-template-columns:1fr 1fr}}@media (width<=580px){.pd-child-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;min-width:0;display:grid}}.hd-greeting-badge{color:#3730a3;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:20px;align-items:center;gap:6px;margin-bottom:.5rem;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.hd-class-name{color:#4f46e5;font-weight:800}.hd-announcement{background:linear-gradient(135deg, var(--clr-indigo-tint), #e0e7ff);color:#3730a3;border:1px solid #c7d2fe;border-radius:12px;align-items:center;gap:8px;margin-bottom:1.25rem;padding:8px 16px;font-size:.8rem;font-weight:500;display:flex;overflow:hidden}.hd-announcement-track p{white-space:nowrap;margin:0;animation:25s linear infinite hdScroll}@keyframes hdScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.c-student-info,.form-group,.hd-stat-body,.header-title-area,.info-content,.name-group,.notif-full-list,.p-info,.pg-body,.stat-info,.student-info,.t-text,.teacher-info-now{flex-direction:column;display:flex}.hd-stat-val,.td-stat-val{color:var(--clr-text-darkest);font-size:1.6rem;font-weight:800;line-height:1.1}.hd-stat-label,.td-stat-label{color:var(--clr-text-muted);margin-top:2px;font-size:.75rem;font-weight:500}.qa-green{background:linear-gradient(135deg, var(--clr-primary), #059669)}.qa-blue{background:linear-gradient(135deg, var(--clr-blue), #2563eb)}.qa-amber,.rank-1{background:linear-gradient(135deg, var(--clr-amber), #d97706)}.qa-purple{background:linear-gradient(135deg, var(--clr-purple), #7c3aed)}.qa-teal{background:linear-gradient(135deg,#06b6d4,#0891b2)}.hd-main-grid{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}.hd-tab.active{color:#4f46e5;background:#fff;box-shadow:0 2px 8px #00000014}.hd-card-header{border-bottom:1px solid var(--clr-bg-lightest);color:#4f46e5;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.hd-attendance-summary{border:var(--border-lighter);background:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 2px 16px #0000000d}.hd-action-btn,.hd-more-btn{align-items:center;display:flex}.hd-gender-row{border-top:1px dashed var(--clr-border);color:var(--clr-text-muted);gap:1rem;margin-top:.5rem;padding-top:.5rem;font-size:.82rem;display:flex}.hd-gender-row strong,.stat-info strong,.student-name{color:var(--clr-text-darkest)}.data-table tbody tr,.hd-table tbody tr{border-bottom:1px solid var(--clr-bg-lightest);transition:background .15s}.hd-status-pill{border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.hd-action-btn{background:var(--clr-bg-light);cursor:pointer;color:var(--clr-text-muted);border:none;border-radius:8px;padding:5px 8px;transition:all .15s}.hd-attention-item,.hd-more-btn{cursor:pointer;transition:background .15s}.hd-bk-student{color:var(--clr-text-darkest);font-size:.88rem;font-weight:700}.hd-bk-date{color:var(--clr-text-light);white-space:nowrap;font-size:.7rem}.hd-more-btn{color:#4f46e5;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:10px;justify-content:center;gap:4px;width:100%;margin-top:1rem;padding:.6rem;font-size:.82rem;font-weight:600}.hd-class-card{color:#fff;background:linear-gradient(135deg,#4338ca 0,#6d28d9 100%);border-radius:20px;padding:1.5rem}.hd-class-card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.hd-all-good,.hd-class-stats>div{flex-direction:column;display:flex}.hd-class-card-header h3{margin:0;font-size:1.2rem;font-weight:800}.hd-class-card-header p{color:#ffffffbf;margin:0;font-size:.8rem}.hd-class-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.hd-class-stats>div{text-align:center;background:#ffffff1a;border-radius:12px;align-items:center;gap:2px;padding:.75rem .5rem}.hd-class-stats label{color:#ffffffb3;text-transform:uppercase;font-size:.65rem;font-weight:600}.hd-attention-item{background:var(--clr-bg-lightest);border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.hd-all-good,.hd-quote-card{text-align:center;padding:1.5rem}.hd-all-good{color:var(--clr-primary);align-items:center;gap:.5rem}.hd-all-good p{color:var(--clr-primary-deep);margin:0;font-size:.85rem;font-weight:600}.hd-mini-cal{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:0;display:grid}.hd-cal-day.today{color:#fff;background:#4f46e5;font-weight:700}.hd-cal-day.has-event{color:#4f46e5;font-weight:600}.hd-quote-card{color:#fff;background:linear-gradient(135deg,#312e81 0,#4338ca 100%);border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;display:flex}.hd-quote-card cite{color:#a5b4fc;font-size:.75rem;font-weight:600}@media (width<=1100px){.hd-main-grid{grid-template-columns:1fr}.hd-col-side{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=768px){.hd-main-grid{grid-template-columns:1fr!important}.hd-col-side{flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;display:flex!important}}.student-detail-container{max-width:100%;margin:0 auto;padding:1.5rem}.detail-header,.modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.student-detail-container .btn-back{border:var(--border-light);width:42px;height:42px;color:var(--text-main);cursor:pointer;background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.student-detail-container .btn-print-profile{background:var(--primary);border:1px solid var(--primary);color:#fff;cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .2s;display:flex}.detail-grid{grid-template-columns:320px 1fr;gap:1.5rem;display:grid}.profile-main-content,.profile-sidebar,.religious-left-column{min-width:0}.profile-main-card{text-align:center;padding:2.5rem 1.5rem}.student-avatar-large{background:#f0fdf4;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1.5rem;display:flex;overflow:hidden;box-shadow:0 0 25px #00000014}.payment-history-table td,.payment-history-table th,.sidebar-stats{border-bottom:var(--border-lighter)}.avatar-placeholder{color:var(--primary);justify-content:center;align-items:center;margin-top:-4px;font-size:3rem;font-weight:800;line-height:1;display:flex}.detail-name{color:var(--primary-dark);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.detail-badge{background:var(--clr-primary-tint);color:var(--clr-primary-dark);margin-bottom:2rem}.sidebar-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;display:grid}.stat-val{color:var(--text-main);font-size:1.25rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;text-align:center;font-weight:700}.contact-list{text-align:left;flex-direction:column;gap:1rem;display:flex}.contact-item{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.contact-item span{color:var(--text-main);font-weight:500}.card-subtitle{color:var(--text-main);margin-bottom:1.5rem;font-size:1.125rem;font-weight:800}.status-timeline{margin-top:1.5rem;padding-left:.5rem}.timeline-point{gap:1.25rem;padding-bottom:1.5rem;display:flex;position:relative}.timeline-point:before{content:"";background:var(--clr-border);width:2px;position:absolute;top:15px;bottom:0;left:5px}.point-marker{background:var(--clr-border-dark);z-index:1;border-radius:50%;width:12px;height:12px;margin-top:5px}.timeline-point.active .point-marker{background:var(--clr-primary);box-shadow:0 0 0 4px #10b98133}.point-text strong{color:var(--text-main);font-size:.9375rem;display:block}.point-text span{color:var(--text-muted);font-size:.8125rem}.card-header-flex,.leaves-modal-header,.monthly-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.title-group h3{color:var(--text-main);font-size:1.125rem;font-weight:800}.academic-chart-large,.receipt-body{margin-bottom:2rem}.grades-grid-mini,.journal-selectors-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1.25rem;display:grid}.g-subject{width:80px;color:var(--text-muted);white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.btn-link,.g-score{font-size:.875rem;font-weight:700}.g-bar-container{background:var(--clr-bg-light);border-radius:999px;flex:1;height:6px;overflow:hidden}.g-bar{background:var(--primary);border-radius:999px;height:100%}.g-score{color:var(--text-main);width:24px}.payment-history-table{width:100%;overflow-x:auto}.payment-history-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);padding:1rem;font-size:.75rem}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;transition:all .2s}.doc-item,.finance-table th{background:var(--clr-bg-lightest)}.payment-history-table td{white-space:nowrap;padding:1rem;font-size:.9375rem}.status-badge{white-space:nowrap}.badge-payment.paid,.status-badge.paid,.status-btn-sm.hadir{color:#166534;background:#dcfce7}.c-zone-container,.form-row-2,.grid-2-col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.card-subtitle-flex{color:var(--text-main);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1rem;font-weight:800;display:flex}.doc-item{border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.btn-icon-s,.payroll-controls{align-items:center;display:flex}.doc-info strong{font-size:.875rem;display:block}.doc-info span,.madrasah-info p,.student-class{color:var(--text-muted);font-size:.75rem}.btn-icon-s,.rate-input-group label{color:var(--text-main)}.btn-icon-s{border:var(--border-light);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;width:32px;height:32px;transition:all .2s}.empty-mini{text-align:center;color:var(--clr-border-dark);padding:2rem}.empty-mini p{margin-top:.5rem;font-size:.875rem}.profile-main-content .glass-card{padding:2.5rem}.finance-container{max-width:100%;margin:0 auto;padding:clamp(1rem,3vw,1.5rem);animation:.5s ease-out fadeIn}.page-header-premium{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-text-group .page-title{color:var(--primary-dark);letter-spacing:-.02em;margin-bottom:.25rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:900}.header-text-group .page-subtitle{color:var(--text-muted);font-size:.9375rem}.finance-tabs{border-bottom:var(--border-light);gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex}.finance-tab-btn{color:var(--clr-text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:color .2s;position:relative}.chart-bar-wrap.today span,.cm-filter-icon,.finance-tab-btn.active{color:var(--primary)}.finance-tab-btn.active:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-.6rem;left:0;right:0}.payroll-controls{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:1rem}.rate-input-group,.time-cell-content{align-items:center;gap:.5rem;display:flex}.rate-input-group input{border:var(--border-light);border-radius:var(--radius-md)}.cm-input:focus,.rate-input-group input:focus{border-color:var(--primary)}.badge-payroll{background:var(--clr-bg-light);color:var(--clr-text-secondary);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.finance-summary-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(240px,20vw,300px),1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.summary-card{align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.summary-icon{border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.avg-badge.pass,.summary-icon.total{background:var(--clr-primary-tint);color:var(--clr-primary-dark)}.leave-badge-type.izin,.summary-icon.pending{background:var(--clr-amber-tint);color:#d97706}.summary-info span{color:var(--text-muted);margin-bottom:.25rem;font-size:.875rem;display:block}.summary-info h3{color:var(--text-main);margin:0;font-size:1.5rem}.finance-filters{flex-wrap:wrap;gap:1rem;padding:1.5rem;display:flex}.finance-filters .premium-selector-container{flex:1;min-width:150px}.search-wrapper{flex:2;min-width:300px;position:relative}.icon-btn-sm,.student-avatar{align-items:center;width:34px;height:34px}.search-wrapper input{border:var(--border-light);border-radius:var(--radius-md);padding:.75rem 1rem .75rem 2.75rem;transition:all .2s}.search-wrapper .search-icon{color:var(--clr-text-light);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.data-table-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}.am-table,.finance-table,.tp-table{border-collapse:collapse;text-align:left;width:100%;min-width:750px}.finance-table th{color:var(--clr-text-muted);border-bottom:var(--border-light);padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.finance-table td{border-bottom:var(--border-lighter);padding:1rem 1.5rem;font-size:.9375rem}.student-avatar{background:var(--clr-bg-light);color:var(--primary);justify-content:center;align-items:center;display:flex}.academic-badge-homeroom svg,.am-checkbox-wrapper input:checked~.am-checkbox-custom:after,.desktop-only,.student-name{display:block}.badge-payment{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.btn-ghost,.btn-primary-premium{cursor:pointer;padding:.75rem 1.5rem;transition:all .2s}.action-btns,.am-actions,.cm-actions{gap:.5rem;display:flex}.icon-btn-sm{border:none;justify-content:center;align-items:center;display:flex}.icon-btn-sm.history{background:var(--clr-bg-light);color:#475569}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;inset:0}.finance-modal{border-radius:var(--radius-xl);background:#fff;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040}.payment-form-group,.session-stat-item{margin-bottom:1.25rem}.payment-form-group label{color:var(--text-muted,#64748b);margin-bottom:.5rem;font-size:.8125rem;font-weight:700;display:block}.payment-form-group input,.payment-form-group select{border:1.5px solid var(--clr-border);width:100%;color:var(--clr-text-dark);background-color:var(--clr-bg-lightest);border-radius:12px;outline:0;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;transition:all .2s}.payment-form-group input:focus,.payment-form-group select:focus,.rate-input-group input:focus{border-color:var(--primary,#10b981);background-color:#fff;box-shadow:0 0 0 4px #10b98114}.modal-footer{background:var(--clr-bg-lightest);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);justify-content:flex-end;display:flex}.btn-ghost{color:var(--clr-text-muted);background:0 0;border:none;border-radius:12px;font-weight:700}.btn-primary-premium{background:var(--primary);border-radius:var(--radius-md);border:none;align-items:center;gap:.5rem;font-weight:600;display:flex}@media (width<=1024px){.detail-grid{grid-template-columns:1fr}}@media (width<=768px){.finance-filters{flex-direction:column;align-items:stretch}.search-wrapper{width:100%;min-width:0}}.receipt-modal{border-radius:var(--radius-xl);background:#fff;width:100%;max-width:450px;padding:2.5rem;position:relative;overflow:hidden}@media screen and (width<=450px){.receipt-modal{zoom:.85;padding:1.5rem}}@media screen and (width<=380px){.receipt-modal{zoom:.75}}.receipt-modal:before{content:"";background:var(--primary);height:6px;position:absolute;top:0;left:0;right:0}.receipt-header-print{text-align:center;margin-bottom:2rem}.madrasah-info h2{color:var(--primary-dark);margin-bottom:.25rem;font-size:1.25rem}.receipt-label{background:var(--clr-bg-light);color:var(--clr-text-secondary);letter-spacing:.1em;border-radius:9999px;margin-top:1.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.receipt-row{justify-content:space-between;margin-bottom:.75rem;font-size:.9375rem;display:flex}.receipt-row span{color:var(--text-muted)}.receipt-divider{border:none;border-top:1px dashed var(--clr-border);margin:1.25rem 0}.receipt-total-box{border-radius:var(--radius-md);text-align:center;background:#f0fdf4;border:1px solid #dcfce7;margin-top:1.5rem;padding:1.25rem}.receipt-total-box span{color:var(--clr-primary-dark);margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.receipt-total-box h2{color:var(--clr-primary-darker);margin:0;font-size:1.75rem}.receipt-footer{justify-content:flex-end;gap:1rem;display:flex}.payroll-controls{border-radius:var(--radius-xl);background:#fff;border:1px solid #eef2f6;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.rate-input-group label{color:var(--text-main);white-space:nowrap;font-size:.875rem;font-weight:700}.rate-input-group input{border:1.5px solid var(--clr-border);border-radius:10px;outline:0;width:140px;padding:.6rem 1rem;font-size:.9375rem;font-weight:600}@media (width<=768px){.homeroom-dashboard{box-sizing:border-box;width:100%;max-width:100%;padding:.75rem .6rem 2.5rem;overflow-x:hidden}.summary-card{padding:1rem}.hd-header{flex-direction:column;align-items:stretch;gap:.75rem}.hd-title{font-size:1.35rem}.hd-class-stats,.hd-stats-row{grid-template-columns:repeat(2,1fr);gap:8px}.hd-stat{border-radius:14px;gap:8px;padding:.75rem .6rem}.hd-stat-icon{border-radius:10px;width:38px;height:38px}.hd-stat-val{font-size:1.15rem}.hd-stat-label{font-size:.7rem}.hd-stat-arrow{display:none}.grid-2-col,.hd-col-side{gap:1rem;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;display:flex!important}.hd-card{box-sizing:border-box;border-radius:16px;max-width:100%;padding:1rem .85rem}.hd-attendance-summary{flex-direction:column;gap:1rem;padding:1rem .85rem}.hd-pie-wrapper,.rate-input-group input{width:100%}.hd-clock-card{flex-wrap:wrap;justify-content:flex-start;gap:8px}.hd-clock-time{font-size:1.4rem}.hd-clock-date{font-size:.8rem}.hd-tabs{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;padding:4px;display:flex;overflow-x:auto}.hd-tab{flex-shrink:0;padding:.45rem .75rem;font-size:.75rem}.hd-bk-summary,.hd-finance-summary{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.hd-bk-stat,.hd-fin-stat{border-radius:12px;padding:.6rem .3rem}.hd-bk-stat span,.hd-fin-stat span{font-size:.7rem}.hd-bk-stat strong,.hd-fin-stat strong{font-size:1rem}.hd-table-wrap{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.detail-header{flex-flow:row;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:1.5rem;display:flex}.student-detail-container .btn-back,.student-detail-container .btn-print-profile{flex:none;width:40px;height:40px;margin:0;padding:0}.profile-main-content .glass-card{padding:1.5rem}.student-detail-container{padding:0}.page-header-premium{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem}.finance-summary-grid{grid-template-columns:1fr;gap:1rem}.finance-tabs{white-space:nowrap;scrollbar-width:none;padding-bottom:.75rem;overflow-x:auto}.finance-tabs::-webkit-scrollbar{display:none}.payroll-controls{flex-flow:row;align-items:center;gap:1rem;width:100%;padding:1rem}.rate-input-group{flex:1}.rate-input-group label{display:none}.month-select-inline{flex:1;min-width:0}}.month-select-inline{width:180px;min-width:180px}.grades-container{background:radial-gradient(circle at 100% 0,#10b9810d,#0000),radial-gradient(circle at 0 100%,#3b82f60d,#0000);max-width:1600px;min-height:100vh;margin:0 auto;padding:clamp(1rem,4vw,2.5rem);animation:.6s cubic-bezier(.4,0,.2,1) pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{justify-content:space-between;align-items:center;gap:2rem;display:flex}.page-title{color:var(--clr-text-darkest);letter-spacing:-.03em;line-height:1.1}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;border-radius:32px;transition:all .3s;box-shadow:0 20px 40px #0000000a}.mode-toggle-bar{background:var(--clr-bg-light);border:var(--border-light);border-radius:20px;width:fit-content;margin-bottom:2rem;padding:6px;display:flex}.mode-btn{color:var(--clr-text-muted);cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:10px;padding:12px 28px;font-size:.9rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mode-btn.active{color:var(--clr-primary);background:#fff;box-shadow:0 10px 20px #0000000f}.grades-filter-card{margin-bottom:2rem;padding:2rem}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:flex-end;gap:1.5rem;display:grid}.filter-group label,.info-badge{align-items:center;display:flex}.filter-group label{color:var(--clr-text-light);text-transform:uppercase;letter-spacing:.1em;gap:8px;margin-bottom:10px;font-size:.75rem;font-weight:800}.filter-group select{border:var(--border-light);width:100%;color:var(--clr-text-dark);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center no-repeat;border-radius:16px;padding:14px 20px;font-weight:700;transition:all .2s}.filter-group select:focus{border-color:var(--clr-primary);outline:0;box-shadow:0 0 0 4px #10b9811a}.bulk-fill-box{background:var(--clr-primary-tint);border:1px solid var(--clr-primary-light);border-radius:20px;flex-direction:column;gap:10px;padding:1.25rem;display:flex}.grades-table th,.info-badge{background:var(--clr-bg-lightest)}.filter-info-bar{border-top:var(--border-lighter);gap:20px;margin-top:20px;padding-top:20px;display:flex}.info-badge{border:var(--border-light);border-radius:16px;gap:12px;padding:10px 16px}.info-icon{width:32px;height:32px;color:var(--clr-primary);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0000000d}.info-content span{color:var(--clr-text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.info-content strong{color:var(--clr-text-darkest);font-size:.9rem}.grades-table th,.stat-info span{color:var(--clr-text-light);text-transform:uppercase}.btn-bulk-apply{background:var(--clr-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-weight:700;transition:all .2s}.stats-dashboard-bar{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card,.stat-icon{align-items:center;display:flex}.stat-card{border:var(--border-lighter);background:#fff;gap:16px;box-shadow:0 10px 30px #0000000d}.stat-icon{border-radius:14px;justify-content:center;width:44px;height:44px}.rank-badge,.student-cell{align-items:center;display:flex}.leave-badge-type.dinas,.log-badge.izin,.notif-status-icon.student,.premium-student-card.izin .p-avatar,.premium-student-card.izin .p-status-pill,.q-q-b,.stat-icon.avg,.status-btn-sm.izin{background:var(--clr-blue-tint);color:var(--clr-blue)}.rank-badge{background:var(--clr-bg-light);color:var(--clr-text-muted);justify-content:center}.rank-badge.rank-1{color:#fff;background:linear-gradient(135deg,#fbbf24 0,#d97706 100%);box-shadow:0 4px 12px #d977064d}.rank-badge.rank-2{background:linear-gradient(135deg, var(--clr-text-light) 0, var(--clr-text-secondary) 100%);color:#fff;box-shadow:0 4px 12px #47556b4d}.rank-badge.rank-3{color:#fff;background:linear-gradient(135deg,#b45309 0,#78350f 100%);box-shadow:0 4px 12px #78350f4d}@media (width<=1024px){.page-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.page-title{font-size:2rem}.mode-toggle-bar{width:100%;overflow-x:auto}}.grades-table-card{z-index:10;background:#fff;border-radius:32px;position:relative;overflow:visible!important}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;padding-bottom:80px;overflow:auto visible!important}.grades-table th{text-align:left;letter-spacing:.1em;border-bottom:var(--border-lighter);padding:1.25rem 1.5rem;font-size:.75rem;font-weight:800}.c-form-group label,.c-table th{letter-spacing:.05em;text-transform:uppercase}.grades-table td{border-bottom:1px solid var(--clr-bg-lightest);vertical-align:middle;padding:1.25rem 1.5rem}.student-avatar{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #10b98133}.grade-input{border:var(--border-light);text-align:center;width:70px;color:var(--clr-text-dark);background:var(--clr-bg-lightest);border-radius:12px;padding:10px;font-size:1rem;font-weight:800;transition:all .2s}.btn-primary,.btn-secondary{cursor:pointer;gap:10px;padding:12px 24px;font-weight:700;transition:all .3s;display:flex}.grade-input:focus,.p-input-topic:focus,.p-textarea-notes:focus{border-color:var(--clr-primary);background:#fff;outline:0;box-shadow:0 0 0 4px #10b9811a}.btn-primary{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);border-radius:18px;align-items:center;box-shadow:0 10px 20px #10b98133}.btn-secondary{color:var(--clr-text-secondary);border:var(--border-light);background:#fff;border-radius:18px;align-items:center}.btn-icon-print,.kkm-config-box label,.rank-badge{color:var(--clr-text-muted)}.avg-badge{border-radius:12px;padding:8px 16px;font-size:.9rem;font-weight:900;display:inline-block}.absent-action-list,.form-group,.kkm-config-box{flex-direction:column;gap:8px;display:flex}.kkm-config-box label{text-transform:uppercase;font-size:.75rem;font-weight:700}.kkm-input-wrapper{background:var(--clr-bg-lightest);border:var(--border-light);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.notes-with-auto,.rank-badge,.summary-icon{align-items:center;display:flex}.kkm-input-wrapper input{width:40px;color:var(--clr-text-dark);text-align:center;background:0 0;border:none;outline:0;font-weight:800}.avg-badge.fail{background:var(--clr-red-tint);color:var(--clr-red);border:1px solid var(--clr-red-light)}.rank-badge{background:var(--clr-bg-light);justify-content:center}.am-input-wrapper,.grades-container .table-responsive-wrapper,.input-with-lock,.print-dropdown,.relative{position:relative}.btn-icon-print{border:var(--border-light);background:var(--clr-bg-lightest);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-icon-print.active{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary);transform:scale(1.1);box-shadow:0 10px 20px #10b9814d}.fixed-print-menu{border:var(--border-light);z-index:100000;background:#fff;border-radius:24px;flex-direction:column;gap:4px;width:240px;padding:10px;display:flex;position:absolute;box-shadow:0 25px 60px #02061740}.menu-header-mobile{border-bottom:var(--border-lighter);margin-bottom:10px;padding:1rem;display:none}.menu-header-mobile h4{color:var(--clr-text-darkest);margin:0;font-weight:900}.breakdown-bar-item,.menu-buttons-list,.p-header-text,.s-info-text,.stat-info{flex-direction:column;gap:4px;display:flex}.menu-buttons-list button{width:100%;color:var(--clr-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.animate-pop-in{animation:.3s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.stats-dashboard-bar{grid-template-columns:1fr;gap:12px}.menu-overlay-mobile{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#0f172a99;width:100vw;height:100vh;position:fixed;top:0;left:0}.fixed-print-menu{border-radius:32px 32px 0 0;width:100vw;padding:20px 20px 40px;animation:.4s cubic-bezier(.4,0,.2,1) slideUpMobile;position:fixed!important;top:auto!important;bottom:0!important;left:0!important}.menu-header-mobile{border:none;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.menu-buttons-list button{background:var(--clr-bg-lightest);margin-bottom:8px;padding:18px;font-size:1rem}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.grades-container{padding:1rem}.filter-info-bar{flex-wrap:wrap;gap:10px}.info-badge{flex:1;min-width:140px}.hide-mobile{display:none!important}.grade-input{width:55px;padding:8px;font-size:.9rem}.student-avatar{width:32px;height:32px;font-size:.8rem}}.chevron-icon.rotate{transform:rotate(90deg)}.autosave-indicator{z-index:1000;background:#fff;border:1px solid #0000000d;border-radius:24px;align-items:center;gap:12px;padding:12px 24px;font-weight:700;animation:.4s slideInRight;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 10px 40px #0000001a}.notes-input,.notes-textarea{background:var(--clr-bg-lightest)}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.autosave-indicator.saving{color:#2563eb}.autosave-indicator.saved{color:var(--clr-primary-dark);background:var(--clr-primary-tint)}.grades-container .table-responsive-wrapper:after{content:"Geser →";color:#fff;pointer-events:none;opacity:.6;background:#10b981e6;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.notes-input{border:var(--border-light);border-radius:12px;width:100%;padding:10px 16px;font-size:.85rem}.notes-textarea{border-radius:16px}.lock-icon{color:var(--clr-text-light);position:absolute;top:50%;right:15px;transform:translateY(-50%)}.mini-progress-graph{background:var(--clr-bg-light);border-radius:12px;padding:6px}.bar{border-radius:4px;box-shadow:0 2px 4px #0000001a}.action-group-mini{justify-content:center;align-items:center;gap:8px;display:flex}.btn-print-mini{border:var(--border-light);width:32px;height:32px;color:var(--clr-text-secondary);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-save-mini,.btn-wa-circle{background:var(--clr-primary);justify-content:center;align-items:center;display:flex}.konseling-page{background:var(--clr-bg-lightest);max-width:100%;margin:0 auto;padding:1.5rem 2rem 3rem;font-family:Inter,sans-serif}.c-tabs-wrapper{-webkit-overflow-scrolling:touch;gap:.75rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.c-tabs-wrapper::-webkit-scrollbar{height:6px}.c-tabs-wrapper::-webkit-scrollbar-thumb{background:var(--clr-border-dark);border-radius:10px}.c-tabs-wrapper .tab-btn{cursor:pointer;color:var(--clr-text-muted);border:none;border:var(--border-lighter);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.c-tabs-wrapper .tab-btn.active{background:linear-gradient(135deg, var(--clr-primary), #059669);color:#fff;border-color:#0000}.c-tabs-wrapper .tab-btn.active span{animation:.3s fadeIn;display:inline-block}.c-dashboard-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.c-stat-card{border:var(--border-lighter);background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000d}.c-stat-card.accent-red .c-stat-icon,.p-icon-wrap.red,.t-badge.libur,.t-delete-btn:hover{background:var(--clr-red-light);color:var(--clr-red)}.btn-wa{background-color:var(--clr-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #10b98133}.c-stat-text-a,.c-stat-text-h,.c-stat-text-i,.c-stat-text-s{font-size:1rem;font-weight:700}.c-stat-text-h{color:var(--clr-primary)}.c-stat-text-s{color:var(--clr-blue)}.c-stat-text-i{color:var(--clr-amber)}.c-stat-text-a{color:var(--clr-red)}.bg-emerald-50{background-color:var(--clr-primary-tint)!important}.bg-emerald-100{background-color:var(--clr-primary-light)!important}.bg-emerald-200{background-color:#a7f3d0!important}.text-emerald-600{color:var(--clr-primary-dark)!important}.border-emerald-200{border-color:#a7f3d0!important}.bg-red-100{background-color:var(--clr-red-light)!important}.bg-red-200{background-color:#fecaca!important}.text-red-600{color:#dc2626!important}.text-red-700{color:#b91c1c!important}.bg-amber-100{background-color:var(--clr-amber-light)!important}.text-amber-500{color:var(--clr-amber)!important}.text-amber-700{color:#b45309!important}.bg-blue-100{background-color:var(--clr-blue-light)!important}.bg-blue-200{background-color:#bfdbfe!important}.bg-blue-600{background-color:#2563eb!important}.bg-blue-700{background-color:#1d4ed8!important}.text-blue-600{color:#2563eb!important}.text-blue-700{color:#1d4ed8!important}.text-blue-800{color:#1e40af!important}.bg-slate-50{background-color:var(--clr-bg-lightest)!important}.bg-slate-100{background-color:var(--clr-bg-light)!important}.bg-slate-200{background-color:var(--clr-border)!important}.c-table th,.c-zone-empty-state,.c-zone-item{background:var(--clr-bg-lightest)}.text-slate-400{color:var(--clr-text-light)!important}.text-slate-500{color:var(--clr-text-muted)!important}.text-slate-600{color:var(--clr-text-secondary)!important}.text-slate-700{color:var(--clr-text-medium)!important}.border-slate-100{border-color:var(--clr-bg-light)!important}.border-slate-200{border-color:var(--clr-border)!important}.border-slate-300{border-color:var(--clr-border-dark)!important}.text-white{color:#fff!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-lg{font-size:1.125rem!important}.rounded-md{border-radius:.375rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-full{border-radius:9999px!important}.p-2{padding:.5rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-16{margin-bottom:4rem!important}.mt-1{margin-top:.25rem!important}.ml-4{margin-left:1rem!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.w-full{width:100%!important}.text-justify{text-align:justify!important}.italic{font-style:italic!important}.underline{text-decoration:underline!important}.c-zone-header{border-bottom:1px solid var(--clr-bg-lightest);align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.c-zone-card.red{border-top:4px solid var(--clr-red);border-color:var(--clr-red-light);background:linear-gradient(#fff1f2 0,#fff 80px);box-shadow:0 4px 20px #ef444414}.c-zone-card.red .c-zone-header{border-bottom-color:var(--clr-red-light)}.c-zone-card.red .c-zone-header-title{color:#b91c1c}.c-zone-card.red .c-zone-header-title svg{color:var(--clr-red);background:var(--clr-red-light);border-radius:6px;width:28px;height:28px;padding:4px}.c-zone-card.green{background:linear-gradient(180deg, var(--clr-primary-tint) 0, #fff 80px);border-top:4px solid var(--clr-primary);border-color:var(--clr-primary-light);box-shadow:0 4px 20px #10b98114}.c-zone-card.green .c-zone-header{border-bottom-color:var(--clr-primary-light)}.c-zone-card.green .c-zone-header-title{color:var(--clr-primary-darker)}.c-zone-card.green .c-zone-header-title svg{color:var(--clr-primary);background:var(--clr-primary-light);border-radius:6px;width:28px;height:28px;padding:4px}.c-zone-header-title{align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:flex}.c-zone-empty-state{text-align:center;color:var(--clr-text-light);border:1px dashed var(--clr-border-dark);border-radius:10px;padding:1.5rem 0;font-size:.85rem;font-style:italic}.c-zone-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.c-zone-item{border:var(--border-lighter);box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;max-width:100%;padding:.5rem .75rem;transition:background .15s;display:flex}.c-student-info{flex:1;min-width:0;margin-right:.5rem;overflow:hidden}.c-student-name{color:var(--clr-text-darkest);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;display:block;overflow:hidden}.c-student-class{color:var(--clr-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.c-form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.c-form-row-3{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.c-form-group-full{grid-column:span 2}.c-form-group label{color:var(--clr-text-secondary);font-size:.75rem;font-weight:700}.c-form-group input,.c-form-group select,.c-form-group textarea{border:var(--border-light);background:var(--clr-bg-lightest);color:var(--clr-text-dark);border-radius:12px;outline:0;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.c-table td,.c-table th{white-space:nowrap;padding:12px 16px}.c-form-group input:focus,.c-form-group select:focus,.c-form-group textarea:focus,.form-group input:focus,.form-group textarea:focus{border-color:var(--clr-primary);background:#fff;box-shadow:0 0 0 3px #10b9811a}.am-matrix,.c-table,.cm-table{border-collapse:separate;border-spacing:0;width:100%}.c-table th{color:var(--clr-text-secondary);text-align:left;border-bottom:var(--border-light);font-size:.8rem;font-weight:700}.c-table td{border-bottom:var(--border-lighter);color:var(--clr-text-dark);vertical-align:top;font-size:.9rem}.cm-table td,.data-table td,.premium-table td,.tp-table td,.wali-table-main td{vertical-align:middle}.c-table tr,.premium-table tr{transition:background-color .2s}.content-card{border:var(--border-lighter);background:#fff;border-radius:20px;margin-bottom:1.5rem;box-shadow:0 2px 16px #0000000d}.content-card-header{border-bottom:1px solid var(--clr-bg-lightest);padding:1.25rem 1.5rem}.content-card-header h3{color:var(--clr-text-darkest);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}@media (width<=1024px){.grades-container .table-responsive-wrapper:after{display:block}.c-dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.konseling-page{box-sizing:border-box;width:100%;max-width:100%;padding:.75rem .6rem 2.5rem;overflow-x:hidden}.c-form-row,.c-form-row-3,.c-zone-container,.c-main-grid{grid-template-columns:1fr!important}.c-form-group-full{grid-column:span 1!important}.c-dashboard-grid{grid-template-columns:repeat(2,1fr);gap:8px}.c-stat-card{border-radius:14px;gap:8px;padding:.75rem .6rem}.c-stat-icon{border-radius:10px;width:38px;height:38px}.c-tabs-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:.5rem!important;width:100%!important;max-width:100%!important;margin-bottom:1.25rem!important;padding:4px 4px 8px!important;display:flex!important;overflow-x:auto!important}.c-tabs-wrapper .tab-btn{white-space:nowrap!important;border-radius:12px!important;flex-direction:row!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:.55rem .95rem!important;box-shadow:0 2px 6px #0000000a!important}.c-tabs-wrapper .tab-btn span{white-space:nowrap!important;word-break:normal!important;font-size:.8rem!important;line-height:1.2!important;display:inline-block!important}.c-tabs-wrapper .tab-btn svg{width:16px!important;height:16px!important;margin-right:0!important}.c-table-wrap,.c-table-responsive{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}}@media print{.print-document,.print-document *,.receipt-modal,.receipt-modal *,.receipt-overlay{visibility:visible}.receipt-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;width:100%;position:absolute;top:0;left:0}.receipt-modal{box-shadow:none;border:1px solid #eee;margin:0 auto}body *{visibility:hidden}.print-document{background:#fff;width:100%;padding:2cm;font-family:Times New Roman,Times,serif;position:absolute;top:0;left:0}.c-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}.c-modal{box-shadow:none!important;border:none!important;max-height:none!important;padding:0!important}.no-print{display:none!important}.print-header{text-align:center;border-bottom:3px double #000;margin-bottom:2rem;padding-bottom:1rem}.print-title{text-transform:uppercase;margin:.5rem 0;font-size:1.5rem;font-weight:700}.print-subtitle{margin:0;font-size:1.1rem}.print-body{font-size:1.1rem;line-height:1.6}.print-table{border-collapse:collapse;width:100%;margin:1.5rem 0}.print-table td,.print-table th{text-align:left;border:1px solid #000;padding:8px}.print-table th{background-color:#f0f0f0}.print-signatures{justify-content:space-between;margin-top:4rem;display:flex}.print-sig-box{text-align:center;width:200px}.print-sig-name{margin-top:4rem;font-weight:700;text-decoration:underline}}.c-modal-overlay{z-index:100;background:#0f172a66;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.c-modal{background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.action-btn-print{background:var(--clr-red-tint);color:var(--clr-red);cursor:pointer;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.login-visual:after,.login-visual:before,.splash-glow{border-radius:50%;position:absolute}.splash-screen{z-index:9999;background:linear-gradient(135deg, var(--primary) 0, #1e1b4b 100%);opacity:1;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.splash-screen.splash-fade-out{opacity:0;pointer-events:none}.splash-content{flex-direction:column;align-items:center;gap:1.25rem;animation:.8s cubic-bezier(.22,1,.36,1) both splash-enter;display:flex;position:relative}.brand-logo-large,.splash-logo{align-items:center;display:flex}@keyframes splash-enter{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.splash-logo{z-index:2;justify-content:center;width:140px;height:140px;position:relative}.splash-logo img{object-fit:contain;filter:drop-shadow(0 8px 24px #0006);width:100%;height:100%}.splash-glow{z-index:1;background:radial-gradient(circle,#10b98159 0,#0000 70%);width:200px;height:200px;animation:1.5s ease-in-out infinite pulse-glow;top:50%;left:50%;transform:translate(-50%,-90%)}.login-visual-content,.splash-loader,.splash-subtitle,.splash-title{z-index:2;position:relative}@keyframes pulse-glow{0%,to{opacity:.7;transform:translate(-50%,-90%)scale(1)}50%{opacity:1;transform:translate(-50%,-90%)scale(1.3)}}.splash-title{color:#fff;letter-spacing:-.02em;text-align:center;margin:0;font-size:2rem;font-weight:800}.splash-subtitle{color:#ffffffb3;text-align:center;margin:0;font-size:.95rem}.splash-loader{background:#ffffff26;border-radius:999px;width:180px;height:4px;margin-top:.5rem;overflow:hidden}.splash-loader-bar{background:linear-gradient(90deg, var(--clr-primary), gold);border-radius:999px;width:0%;height:100%;animation:2s ease-in-out forwards splash-load}@keyframes splash-load{0%{width:0%}60%{width:75%}to{width:100%}}.login-container{background-color:var(--bg-main);width:100vw;min-height:100vh;display:flex}.mobile-login-logo{display:none}.login-visual{color:#fff;background:linear-gradient(-45deg,#0f766e,#064e3b,#1e3a8a,#0f172a) 0 0/400% 400%;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem;animation:15s infinite login-mesh-gradient;display:flex;position:relative;overflow:hidden}@keyframes login-mesh-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-visual:before{content:"";filter:blur(40px);background:radial-gradient(circle,#10b98126 0,#fff0 70%);width:500px;height:500px;top:-10%;right:-10%}.login-visual:after{content:"";filter:blur(30px);background:radial-gradient(circle,#3b82f61a 0,#fff0 70%);width:300px;height:300px;bottom:-5%;left:-5%}.login-visual-content{flex-direction:column;align-items:center;width:100%;max-width:900px;display:flex}.brand-logo-large{gap:1.5rem;margin-bottom:2rem}.logo-icon-large{background-color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;animation:3s ease-in-out infinite login-logo-pulse;display:flex;position:relative;overflow:visible}.logo-icon-large:before{content:"";filter:blur(12px);z-index:0;background:radial-gradient(circle,#4ade8040 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite login-glow-ring;position:absolute;inset:-8px}.logo-icon-large img{object-fit:contain;filter:drop-shadow(0 4px 16px #0006)drop-shadow(0 0 20px #4ade8080);z-index:1;border-radius:0;width:100%;height:100%;transition:all .4s;position:relative}.logo-icon-large:hover img{filter:drop-shadow(0 4px 20px #00000080)drop-shadow(0 0 30px #4ade80b3);transform:scale(1.08)}@keyframes login-logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes login-glow-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.brand-logo-large h1{letter-spacing:-.03em;margin:0;font-size:2.5rem;font-weight:800}.login-tagline{color:#fffc;margin-bottom:3rem;font-size:1.125rem;line-height:1.6}.leadership-showcase{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:40px;justify-content:center;gap:2rem;width:100%;max-width:800px;margin-top:1rem;padding:3rem 2rem;display:flex;box-shadow:0 40px 100px #0000004d,inset 0 0 20px #ffffff05}.leader-card{text-align:center;flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.leader-photo-wrapper{background:linear-gradient(135deg, var(--clr-primary) 0, #3b82f6 100%);border-radius:50%;flex-shrink:0;width:160px;height:160px;padding:5px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 15px 35px #0003}.leader-photo-inner,.leader-photo-wrapper img,.leader-placeholder{border-radius:50%;width:100%;height:100%}.leader-photo-wrapper:after{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#ffffff80,#0000);border-radius:50%;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.leader-photo-inner{background:#ffffff1a;overflow:hidden}.leader-photo-wrapper img{object-fit:cover}.leader-placeholder{color:#fff9;justify-content:center;align-items:center;display:flex}.leader-info h4{color:#fff;margin:0 0 .4rem;font-size:1.15rem;font-weight:800;line-height:1.2}.leader-info span{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.login-form-wrapper:after,.login-form-wrapper:before{filter:blur(40px);content:"";border-radius:50%;position:absolute}.login-form-wrapper{background:radial-gradient(circle at top right, #f0fdf4, var(--clr-bg-lightest) 40%, #eff6ff 100%);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.login-form-wrapper:before{background:radial-gradient(circle,#10b9811a 0,#0000 60%);width:400px;height:400px;animation:10s ease-in-out infinite alternate float-blob;top:-20%;right:-10%}.login-form-wrapper:after{background:radial-gradient(circle,#3b82f61a 0,#0000 60%);width:350px;height:350px;animation:12s ease-in-out infinite alternate-reverse float-blob;bottom:-20%;left:-10%}@keyframes float-blob{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}to{transform:translate(-20px,20px)scale(.9)}}.login-card{-webkit-backdrop-filter:blur(25px);z-index:10;background:#fff6;border:1px solid #fff9;border-radius:32px;width:100%;max-width:440px;padding:3.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 30px 60px #0000001a,inset 0 0 0 1px #fffc}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{color:#0000;letter-spacing:-.02em;background:linear-gradient(135deg, var(--clr-primary) 0, #064e3b 100%);-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.2rem;font-weight:900}.login-header p{color:var(--clr-text-muted);margin:0;font-size:1rem;font-weight:500}.login-alert{background-color:var(--clr-red-tint);color:var(--clr-red);border:1px solid #fca5a5;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;font-weight:600;animation:.4s ease-in-out shake}.input-group label{color:var(--clr-text-darkest);margin-bottom:.75rem;font-size:.875rem;font-weight:700;display:block}.cm-datetime-wrapper,.input-field-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--clr-text-light);z-index:2;transition:color .3s;position:absolute;left:1.2rem}.am-header-icon,.btn-login{color:#fff;align-items:center;display:flex}.input-field-wrapper:focus-within .input-icon{color:var(--clr-primary)}.input-field-wrapper input{border:2px solid var(--clr-border);width:100%;color:var(--clr-text-darkest);z-index:1;background-color:#ffffffe6;border-radius:14px;padding:1.125rem 1.125rem 1.125rem 3.25rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.input-field-wrapper input::placeholder{color:var(--clr-text-light);font-weight:400}.input-field-wrapper input:focus{border-color:var(--clr-primary);background-color:#fff;outline:0;transform:translateY(-2px);box-shadow:0 0 0 4px #10b98126}.password-toggle-btn{z-index:3;color:var(--clr-text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:1rem}.password-toggle-btn:hover{color:var(--clr-primary);background:#10b98114}.btn-login{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);cursor:pointer;border:none;border-radius:14px;justify-content:center;gap:.5rem;width:100%;margin-top:2.5rem;padding:1.25rem;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.btn-login:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-login:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 15px 30px #10b9814d,0 0 40px #10b9811a}.btn-login:active{transform:translateY(0)scale(.98)}.btn-login.loading{background:var(--clr-text-light);cursor:not-allowed;box-shadow:none;transform:none}.am-container{flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.am-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.am-header-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));border-radius:14px;justify-content:center;width:48px;height:48px;box-shadow:0 4px 12px #04785733}.am-search,.am-tab-btn{align-items:center;display:flex}.am-title{color:var(--text-main);margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.am-btn,.am-tab-btn{cursor:pointer;font-weight:600;transition:all .2s}.am-modal-header p,.am-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}.am-tabs{border-bottom:var(--border-light);gap:1rem;padding-bottom:1px;display:flex}.am-tab-btn{color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;position:relative}.am-tab-btn.active,.notif-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.am-tab-count{background:var(--clr-bg-light);color:var(--clr-text-muted);border-radius:99px;padding:.1rem .5rem;font-size:.75rem}.am-avatar,.am-btn,.am-search input{font-size:.875rem}.am-tab-btn.active .am-tab-count{background:var(--clr-primary-tint);color:var(--primary)}.am-tab-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:4px}.am-section,.discipline-trend,.exams-draft-list,.leave-form,.logo-upload-controls,.p-form-section,.q-analytics-mini,.question-creation-form,.session-list,.summative-exams-container{flex-direction:column;gap:1rem;display:flex}.am-toolbar,.exam-card-header,.preview-header,.q-name-row,.stat-row-mini{justify-content:space-between;align-items:center;display:flex}.am-search{border:var(--border-light);width:300px;color:var(--text-muted);background:#fff;border-radius:10px;gap:.5rem;padding:.5rem 1rem}.am-search input{width:100%;color:var(--text-main);background:0 0;border:none;outline:0}.am-btn{border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;display:inline-flex}.am-btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #04785733}.am-btn-ghost{color:var(--text-muted);background:0 0}.am-btn-disabled{background:var(--clr-border);color:#94a3b8;cursor:not-allowed;box-shadow:none}.am-btn-pulse{animation:2s infinite pulse-emerald}@keyframes pulse-emerald{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.am-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.am-empty h3{color:var(--text-main);margin:1rem 0 .5rem}.am-table-wrapper{background:var(--bg-card);border-radius:16px;overflow-x:auto}.am-table td,.am-table th{border-bottom:var(--border-lighter);padding:1rem 1.25rem}.am-table th{background:var(--clr-bg-lightest);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.75rem;font-weight:700}.am-table tbody tr{transition:background .2s}.am-avatar{border:1px solid #0000000d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;overflow:hidden}.am-avatar-lg{width:48px;height:48px;font-size:1.125rem}.am-avatar-upload-wrapper{display:inline-block;position:relative}.am-avatar-upload{border:2px dashed var(--clr-border-dark);transition:all .2s;position:relative}.am-avatar-overlay{color:#fff;opacity:0;cursor:pointer;border-radius:inherit;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.am-avatar-upload.uploading .am-avatar-overlay{opacity:1;cursor:not-allowed;background:#0009}.am-preview-name,.am-user-name{color:var(--text-main);font-weight:600}.am-username-code{background:var(--clr-bg-light);color:var(--clr-text-secondary);border-radius:6px;padding:.25rem .5rem;font-size:.8125rem}.am-role-badge{align-items:center;display:inline-flex}.am-role-badge-sm{padding:.25rem .6rem;font-size:.7rem}.am-action-btn{cursor:pointer;background:var(--clr-bg-light);width:32px;height:32px;color:var(--clr-text-muted);border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.am-delete-confirm{background:var(--clr-red-tint);border:1px solid #fecaca;border-radius:8px;gap:.25rem;padding:.25rem;animation:.2s fadeIn;display:flex}.am-matrix-corner,.am-matrix-header{position:sticky;top:0;border-bottom:2px solid var(--clr-border)!important}.am-action-delete-yes{background:var(--clr-red);color:#fff}.am-action-cancel{color:var(--clr-text-muted);background:0 0}.am-perm-info{color:var(--primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.am-matrix-wrapper{background:var(--bg-card);border-radius:16px;width:100%;overflow:hidden}.am-matrix-corner,.am-matrix-group-header,.am-matrix-header{background:var(--clr-bg-lightest)}.am-matrix-scroll{width:100%;max-height:none;overflow-x:auto}.am-matrix td,.am-matrix th{border-bottom:var(--border-lighter);border-right:var(--border-lighter);text-align:center;padding:1rem}.am-matrix-corner{z-index:20;min-width:180px;left:0;border-right:2px solid var(--clr-border)!important}.am-matrix-header{z-index:10;min-width:110px}.am-matrix-header-content{color:var(--clr-text-secondary);flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.am-matrix-group-header{text-align:center;color:var(--text-dark);border-bottom:2px solid var(--border-light);border-right:1px solid var(--border-light);white-space:nowrap;padding:.75rem 1rem;font-weight:700}.am-matrix-group-header:last-child{border-right:none}.am-matrix-role-cell{z-index:10;background:var(--bg-card,#fff);min-width:180px;position:sticky;left:0;border-right:2px solid var(--clr-border)!important;text-align:left!important}.am-matrix-admin-row td{background:#f0fdf4}.am-matrix-role{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:.25rem 0;display:flex}.am-role-badge{white-space:nowrap;letter-spacing:.01em;border:1.5px solid;border-radius:20px;align-items:center;padding:.35rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.am-form-group label,.cm-lib-subject,.cm-table th{letter-spacing:.05em;text-transform:uppercase}.am-toggle-all-btn{background:var(--clr-bg-light);color:var(--clr-text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s;display:flex}.am-desktop-only{display:block}.am-mobile-only{display:none}.am-mobile-perm-card{margin-top:10px;padding:16px}.am-mobile-role-selector{margin-bottom:16px}.am-mobile-toggle-all-section{margin-bottom:20px}.am-mobile-group-card{background:var(--bg-card);border:1px solid var(--clr-border);border-radius:12px;margin-bottom:16px;padding:12px 16px;box-shadow:0 2px 8px #00000005}.am-mobile-group-title{color:var(--clr-text);border-bottom:2px solid var(--clr-primary-tint,#e2e8f0);margin:0 0 12px;padding-bottom:8px;font-size:.95rem;font-weight:700}.am-mobile-menu-row{border-bottom:1px dashed var(--clr-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.am-mobile-menu-row:last-child{border-bottom:none}.am-mobile-menu-info{align-items:center;gap:10px;display:flex}.am-mobile-menu-icon{color:var(--clr-primary);align-items:center;display:flex}.am-mobile-menu-label{color:var(--clr-text);font-size:.9rem}@media (width<=768px){.am-desktop-only{display:none!important}.am-mobile-only{display:block!important}}.am-admin-lock,.am-checkbox-wrapper{align-items:center;display:inline-flex}.am-admin-lock{width:28px;height:28px;color:var(--clr-primary);background:var(--clr-primary-tint);border:1.5px solid #a7f3d0;border-radius:50%;flex-shrink:0;justify-content:center;font-size:.7rem;font-weight:700}.am-checkbox-wrapper{cursor:pointer;justify-content:center;width:24px;height:24px;position:relative}.am-checkbox-wrapper input{opacity:0;width:0;height:0;position:absolute}.am-checkbox-custom{border:2px solid var(--clr-border-dark);background-color:#fff;border-radius:6px;width:24px;height:24px;transition:all .2s;position:absolute;top:0;left:0}.am-checkbox-wrapper input:checked~.am-checkbox-custom{background-color:var(--primary);border-color:var(--primary)}.am-checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;display:none;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.am-checkbox-locked{cursor:not-allowed;opacity:.6}.am-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.am-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:500px;display:flex;box-shadow:0 20px 40px #0000001a}.am-modal-header{border-bottom:var(--border-lighter);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;position:relative}.am-modal-header-icon{background:var(--clr-primary-tint);width:40px;height:40px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.am-modal-close,.am-password-toggle{color:var(--clr-text-light);cursor:pointer;position:absolute}.am-modal-header h2{color:var(--text-main);margin:0 0 .25rem;font-size:1.25rem}.am-modal-close{background:0 0;border:none;transition:color .2s;top:1.5rem;right:1.5rem}.am-modal-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.am-form-group label{color:var(--text-muted);font-size:.75rem;font-weight:700}.am-input-wrapper input,.am-input-wrapper select{border:var(--border-light);background:var(--clr-bg-lightest);width:100%;color:var(--text-main);border-radius:10px;outline:0;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.am-input-wrapper input:focus,.am-input-wrapper select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #10b9811a}.am-input-error{border-color:var(--clr-red)!important;background:var(--clr-red-tint)!important}.am-input-password input{padding-right:2.5rem}.am-password-toggle{background:0 0;border:none;top:50%;right:.75rem;transform:translateY(-50%)}.am-modal-preview,.cm-table th{background:var(--clr-bg-lightest)}.am-error-text{color:var(--clr-red);align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.am-modal-preview{border:1px dashed var(--clr-border-dark);border-radius:12px;align-items:center;gap:1rem;margin-top:.5rem;padding:1rem;display:flex}.am-preview-info{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.am-modal-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.am-info-box{color:var(--clr-primary-deep);background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;gap:1rem;margin-top:1rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.cm-custom-dropdown-selected,.cm-tab-btn{white-space:nowrap;font-size:.9rem;font-weight:600}.cm-filter-wrap,.cm-tab-btn{align-items:center;display:flex}.cm-header{background:linear-gradient(135deg, var(--primary) 0, #065f46 100%);color:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 25px #064e3b26}.cm-header-text h1{margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.cm-header-text p{color:#ffffffd9;font-size:.95rem}.cm-tabs-wrapper{z-index:50;gap:1rem;display:flex;position:relative}.cm-tabs{background:#fff;border-radius:16px;gap:.5rem;padding:.5rem;display:flex}.cm-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.cm-tab-btn.active{background:var(--primary-light);color:var(--primary-dark);box-shadow:0 4px 12px #10b9811a}.cm-filter-wrap{background:#fff;border-radius:16px;gap:.5rem;margin-left:auto;padding:.5rem 1rem;overflow:visible!important}.cm-custom-dropdown-selected{color:var(--text-dark);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.cm-dropdown-chevron{color:var(--text-muted);transition:transform .2s}.cm-dropdown-chevron.open{transform:rotate(180deg)}.cm-custom-dropdown-menu{border:1px solid var(--border-light);z-index:100;background:#fff;border-radius:12px;width:max-content;min-width:150px;animation:.2s ease-out fade-in-up;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.cm-dropdown-item{color:var(--text-dark);cursor:pointer;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:background .2s}.cm-dropdown-item.selected{background:var(--primary-light);color:var(--primary-dark);font-weight:700}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cm-card{background:#fff;border-radius:20px;padding:1.5rem}.cm-card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.cm-card-header h3{color:var(--text-dark);align-items:center;gap:.75rem;font-size:1.2rem;font-weight:700;display:flex}.cm-btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px #10b98133}.cm-table-responsive,.preview-table-wrapper{overflow-x:auto}.cm-table th{text-align:left;color:var(--text-muted);border-bottom:2px solid var(--border-light);white-space:nowrap;padding:.75rem .5rem;font-size:.8rem;font-weight:600}.cm-table th:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px;padding-left:1rem}.cm-table th:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px;padding-right:1rem}.cm-table td{color:var(--text-dark);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:.75rem .5rem;font-size:.9rem}.cm-table td:first-child{padding-left:1rem}.cm-table td:last-child{padding-right:1rem}.cm-badge{background:var(--clr-border);color:#334155;border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.cm-deadline,.cm-time{gap:.35rem;padding:.25rem .6rem;font-size:.85rem;font-weight:600;display:inline-flex}.type-badge{color:#4338ca;background:#e0e7ff}.cm-time{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:6px;align-items:center}.cm-deadline{background:var(--clr-red-tint);color:#b91c1c;border-radius:6px;align-items:center}.cm-action-btn{border:1px solid var(--border-light);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.cm-action-btn.delete,.stat-card-mini.theme-rose .value,.teaching-time-card.check-out .time-card-label svg,.text-danger{color:var(--clr-red)}.cm-grid-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem;display:grid}.notifications-layout,.presence-content.has-sidebar{grid-template-columns:1fr 320px}.cm-lib-card{border:1px solid var(--border-light);background:var(--clr-bg-lightest);border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem;transition:all .3s;display:flex}.cm-lib-icon{color:#4f46e5;background:#e0e7ff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.cm-lib-subject{color:var(--clr-text-muted);font-size:.75rem;font-weight:600}.cm-lib-title,.cm-modal-header h3{color:var(--text-dark);font-weight:700}.cm-lib-title{margin-bottom:.2rem;font-size:1.05rem}.cm-lib-meta,.res-sub{color:var(--text-muted);font-size:.8rem}.cm-lib-btn{border:1px solid var(--border-light);width:36px;height:36px;color:var(--clr-text-muted);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.cm-close-btn,.cm-label{color:var(--text-muted)}.cm-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:flex-start;padding:2rem 0;display:flex;position:fixed;inset:0;overflow-y:auto}.cm-modal{background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:500px;display:flex;box-shadow:0 20px 40px #0003}.cm-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cm-modal-header h3{margin:0;font-size:1.2rem}.cm-close-btn{cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.cm-modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.cm-label{margin-bottom:-.5rem;font-size:.85rem;font-weight:600}.cm-input{color:var(--text-main);background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;outline:0;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cm-input:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9810d}.cm-input:focus{border-color:#10b981;box-shadow:0 8px 25px #10b9811a}select.cm-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' 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 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}.cm-input-file{padding:.5rem}.cm-modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.cm-btn-secondary{background:var(--clr-bg-light);color:var(--clr-text-secondary);cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.2rem;font-weight:600;transition:background .2s}.cm-file-upload-wrapper,.notif-row,.notif-tab,.premium-download-btn{cursor:pointer;transition:all .2s}.cm-file-upload-wrapper{border:2px dashed var(--border-light);background:var(--clr-bg-lightest);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.cm-file-upload-wrapper svg{color:var(--primary);margin-bottom:.5rem}.cm-file-upload-wrapper span{color:var(--text-dark);font-weight:600}.cm-file-upload-wrapper p{color:var(--text-muted);margin:0;font-size:.8rem}.cm-datetime-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.cm-input-datetime{width:100%;padding-left:36px}.cm-input-datetime::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.academic-alert{border-left:4px solid var(--clr-blue);background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.aa-icon{width:48px;height:48px;color:var(--clr-blue);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 6px -1px #3b82f633}.aa-content h4{color:#1e3a8a;margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.aa-content p{color:var(--clr-blue);margin:0;font-size:.95rem}.academic-matrix-wrapper,.religious-list-wrapper{background:#fff;padding:1.5rem}.amw-header{border-bottom:var(--border-lighter);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.premium-download-btn{background:linear-gradient(135deg, var(--clr-blue) 0, #2563eb 100%);color:#fff;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 6px -1px #3b82f64d}.premium-download-btn.icon-only{justify-content:center;padding:.6rem}.premium-table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px}.premium-table th{background:var(--clr-bg-lightest);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--clr-text-muted);border-bottom:2px solid var(--clr-border);padding:1rem;font-size:.85rem;font-weight:700}.notif-tabs,.premium-table td{border-bottom:var(--border-lighter)}.premium-table th:first-child{border-top-left-radius:8px}.premium-table th:last-child{border-top-right-radius:8px}.premium-table td{color:var(--clr-text-secondary);padding:1.25rem 1rem}.premium-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.text-center{text-align:center!important}.notifications-container{max-width:1400px;margin:0 auto;padding:2rem}.notifications-layout{gap:2rem;margin-top:2rem;display:grid}.notif-main-card{padding:0;overflow:hidden}.notif-tabs{gap:2rem;padding:1.5rem 1.5rem 0;display:flex}.notif-tab{color:var(--clr-text-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding-bottom:1rem;font-size:.9rem;font-weight:600}.notif-row{border-bottom:1px solid var(--clr-bg-lightest);align-items:flex-start;gap:1.25rem;padding:1.5rem;display:flex;position:relative}.notif-row-header,.stat-row-mini{justify-content:space-between;display:flex}.notif-row.unread,.row-break{background-color:#10b98108}.notif-status-icon.religious,.stat-icon-box.active{color:var(--clr-primary-dark);background:#f0fdf4}.notif-row-header{align-items:center;margin-bottom:.25rem}.notif-row-title{color:var(--clr-text-dark);margin:0;font-size:1rem;font-weight:700}.material-info p,.notif-row-date{color:var(--clr-text-light);font-size:.75rem}.empty-notif h3,.header-text h1,.info-stat-card h4{color:var(--clr-text-dark)}.notif-row-message{color:var(--clr-text-muted);margin:0;font-size:.9rem;line-height:1.5}.unread-dot{background-color:var(--clr-red);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.notif-more-btn{color:var(--clr-border-dark);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem}.empty-notif{text-align:center;padding:5rem 2rem}.empty-icon{color:var(--clr-border);margin-bottom:1.5rem}.empty-notif h3{margin-bottom:.5rem}.info-stat-card h4{text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.9rem;font-weight:700}.stat-row-mini{border-bottom:var(--border-lighter);color:var(--clr-text-muted);padding:.75rem 0;font-size:.9rem}.badge-notif-count{background-color:var(--clr-red);color:#fff;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.homeroom-container-premium{background:radial-gradient(circle at 0 0, #10b77f1a 0, transparent 40%), radial-gradient(circle at 100% 100%, #3c83f61a 0, transparent 40%), var(--clr-bg-lightest);max-width:1700px;min-height:100vh;margin:0 auto;padding:clamp(1rem,5vw,3rem)}.homeroom-header-welcome{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.header-text h1{letter-spacing:-.04em;background:linear-gradient(135deg, var(--clr-text-dark) 0, #334155 100%);-webkit-background-clip:text;margin-bottom:8px;font-size:clamp(2rem,5vw,3rem);font-weight:900}.stat-info span,.wali-table-main th{text-transform:uppercase;font-size:.75rem}.page-subtitle{color:var(--clr-text-muted);font-weight:500}.stat-info span,.tab-btn{color:var(--clr-text-muted);font-weight:700}.homeroom-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;display:grid}.homeroom-navigation-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:none;background:#fff9;border:1px solid #fffc;border-radius:24px;gap:12px;margin-bottom:2rem;padding:8px;display:flex;overflow-x:auto;box-shadow:0 10px 30px #00000008}.tab-btn{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:12px;min-width:160px;padding:14px 24px;font-size:.95rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tab-btn.active{background:var(--clr-primary);color:#fff;box-shadow:0 8px 25px #10b9814d}.tab-btn.active:after{content:"";background:var(--clr-primary);opacity:.5;filter:blur(2px);border-radius:3px;height:3px;position:absolute;bottom:-4px;left:20%;right:20%}.stat-card-premium{align-items:center;gap:1.25rem;display:flex}.stat-icon-wrap,.toolbar-right{align-items:center;display:flex}.stat-icon-wrap{border-radius:16px;flex-shrink:0;justify-content:center;width:54px;height:54px}.stat-icon-wrap.yellow{color:var(--clr-amber);background:#f59e0b1a}.stat-icon-wrap.orange{color:#f97316;background:#f973161a}.stat-info span{letter-spacing:.05em;margin-bottom:4px;display:block}.homeroom-toolbar-premium{border:var(--border-light);z-index:20;background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:2rem;padding:1rem 1.5rem;display:flex;position:relative;box-shadow:0 10px 25px #00000005;overflow:visible!important}.toolbar-left{flex:1;max-width:350px}.toolbar-right{gap:12px;overflow:visible!important}.academic-badge-homeroom{background:var(--clr-bg-light);color:var(--clr-text-dark);white-space:nowrap;border:var(--border-light);border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:800;line-height:1;display:flex}.students-wali-table-container{box-shadow:none;background:0 0;border:none;padding:0}.wali-table-responsive{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:10px;overflow-x:auto}.wali-table-main{border-collapse:separate;border-spacing:0 12px;width:100%;min-width:900px}.doc-table,.rekap-table{border-collapse:collapse}.wali-table-main th{color:var(--clr-text-light);letter-spacing:.15em;border:none;padding:1.5rem 1rem;font-weight:800}.wali-table-main td{background:#fff;border:1px solid #00000008;border-color:#00000008 #00000005;padding:1.5rem 1.25rem;transition:all .3s;box-shadow:0 4px 15px #00000005}.table-input-small,.table-input-text{background:#fcfdfd;border-radius:12px;transition:all .2s}.wali-table-main tr td:first-child{border-left:1px solid #00000008;border-radius:24px 0 0 24px}.wali-table-main tr td:last-child{border-right:1px solid #00000008;border-radius:0 24px 24px 0}.table-input-small{border:var(--border-light);text-align:center;width:60px;color:var(--clr-text-dark);padding:10px;font-weight:800}.table-input-text{border:var(--border-light);width:100%;padding:10px 14px;font-size:.9rem;font-weight:600}.custom-select-table{min-width:100px}.custom-select-table .premium-selector{border:var(--border-light);background:#fcfdfd;border-radius:12px}.custom-select-table .selector-trigger{padding:8px 12px}.custom-select-table .selected-value{text-align:center;font-size:.85rem;font-weight:800}.custom-select-table .selector-options{min-width:120px}.search-wrapper-premium{border:var(--border-light);background:#fff;border-radius:99px;align-items:center;gap:12px;width:100%;padding:.75rem 1.25rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000008}.search-wrapper-premium:focus-within{border-color:var(--clr-primary);transform:translateY(-1px);box-shadow:0 8px 20px #10b9811a}.search-wrapper-premium svg{color:var(--clr-text-light);transition:color .3s}.search-wrapper-premium:focus-within svg{color:var(--clr-primary)}.search-wrapper-premium input{width:100%;color:var(--clr-text-dark);background:0 0;font-size:.95rem;font-weight:600;border:none!important;outline:0!important}.search-wrapper-premium input::placeholder{color:var(--clr-border-dark)}.table-textarea{border:var(--border-light);resize:none;background:#fcfdfd;border-radius:12px;width:100%;min-height:60px;padding:10px 14px;font-family:inherit;font-size:.85rem}.btn-save-mini,.btn-view-report-mini{color:#fff;border-radius:12px;transition:all .3s}.table-input-small:focus,.table-input-text:focus,.table-textarea:focus{border-color:var(--clr-primary);background:#fff;outline:0;box-shadow:0 0 0 4px #10b9811a}.action-group-wali{justify-content:center;align-items:center;gap:8px;display:flex}.btn-view-report-mini{background:var(--clr-blue);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 6px 15px #3b82f633}.btn-save-mini{background:var(--clr-primary);cursor:pointer;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 6px 15px #10b98133}.btn-save-mini.loading{background:var(--clr-text-light);box-shadow:none;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.empty-state-wali{color:var(--clr-text-light);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}@media (width<=992px){.mobile-only{display:block}.desktop-only{display:none}}.row-number-badge{background:var(--clr-bg-light);width:28px;height:28px;color:var(--clr-text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:inline-flex}.ledger-header-info{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.ledger-header-info h3{color:var(--clr-text-dark);margin-bottom:4px;font-size:1.25rem;font-weight:900}.ledger-header-info p{color:var(--clr-text-muted);font-size:.9rem}.vertical-th{writing-mode:vertical-lr;text-align:left;max-height:120px;transform:rotate(180deg);padding:1.5rem .75rem!important;font-size:.65rem!important}.rank-badge.top-rank{background:var(--clr-amber-light);color:#d97706;border:1px solid #fcd34d}.text-red{font-weight:800;color:var(--clr-red)!important}.s-info-mini h4,.s-main-name,.t-main h4{color:var(--clr-text-dark);font-size:1rem;font-weight:800}.checklist-actions,.s-profile-cell{align-items:center;gap:15px;display:flex}.s-avatar-mini,.s-meta-sub{align-items:center;display:flex}.s-main-name{white-space:nowrap;line-height:1.2}.s-meta-sub{color:var(--clr-text-light);white-space:nowrap;gap:8px;font-size:.75rem;font-weight:600}.s-divider,.star-muted{color:var(--clr-border)}.s-avatar-mini{background:linear-gradient(135deg, var(--clr-primary-tint) 0, var(--clr-primary) 100%);width:44px;height:44px;color:var(--clr-primary);border-radius:14px;flex-shrink:0;justify-content:center;font-size:1.1rem;font-weight:900;box-shadow:inset 0 2px 4px #ffffff80}.wali-student-card{background:#fff;border:1px solid #0000000d;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #00000005}.card-header-wali{background:linear-gradient(to right, var(--clr-bg-lightest), #fff);border-bottom:var(--border-lighter);align-items:center;gap:12px;padding:1.25rem;display:flex}.s-info-mini h4,.t-main h4{margin:0}.s-info-mini span,.t-role{color:var(--clr-text-light);font-size:.75rem;font-weight:600}.card-body-wali{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.absensi-row-mini{background:var(--clr-bg-lightest);border-radius:16px;gap:10px;padding:10px;display:flex}.abs-input{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.abs-input label{color:var(--clr-text-muted);font-size:.65rem;font-weight:800}.abs-input input{border:var(--border-light);text-align:center;border-radius:10px;outline:0;width:100%;padding:8px;font-weight:800}.detail-brand,.input-group-mini{flex-direction:column;gap:6px;display:flex}.input-group-mini label{color:var(--clr-text-secondary);font-size:.75rem;font-weight:700}.input-group-mini input,.input-group-mini textarea{border:var(--border-light);background:#fcfdfd;border-radius:12px;padding:12px;font-size:.9rem}.card-footer-wali{border-top:var(--border-lighter);background:#fcfdfd;padding:1rem 1.25rem}.btn-full-report{background:var(--clr-blue);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.doc-title,.official-title,.report-title h3,.sig-name{text-decoration:underline}.homeroom-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin-bottom:2rem;display:grid}.stat-card-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff80;border-radius:28px;align-items:center;gap:20px;padding:1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #00000008}.homeroom-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem;margin-bottom:3rem;display:grid}.stats-main-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:32px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 50px #0000000a}.btn-auto-desc,.btn-bulk{color:#fff;cursor:pointer;transition:all .3s}.card-inner{align-items:center;gap:24px;display:flex}.icon-box{background:linear-gradient(135deg, var(--clr-primary-tint) 0, var(--clr-primary) 100%);color:#fff;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 10px 20px #10b98133}.icon-box.attendance{background:linear-gradient(135deg, var(--clr-blue-tint) 0, var(--clr-blue) 100%);box-shadow:0 10px 20px #3b82f633}.icon-box.achievement{background:linear-gradient(135deg, var(--clr-amber-tint) 0, var(--clr-amber) 100%);box-shadow:0 10px 20px #f59e0b33}.info-box .label{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.info-box .value{color:var(--clr-text-dark);align-items:baseline;gap:8px;margin:0;font-size:2.5rem;font-weight:900;display:flex}.info-box .unit{color:var(--clr-text-light);font-size:1rem;font-weight:700}.academic-controls-premium{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.bulk-box{border:var(--border-light);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 20px;display:flex}.bulk-box label{color:var(--clr-text-secondary);font-size:.85rem;font-weight:800}.bulk-box input{border:var(--border-light);text-align:center;border-radius:10px;width:60px;padding:8px;font-weight:800}.btn-bulk{background:var(--clr-text-dark);border:none;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:700}.notes-with-auto{align-items:flex-start;gap:8px;display:flex;position:relative}.btn-auto-desc{background:linear-gradient(135deg, var(--clr-purple) 0, #6d28d9 100%);border:none;border-radius:8px;padding:6px 10px;font-size:.7rem;font-weight:900;box-shadow:0 4px 10px #8b5cf64d}.project-selector-premium{max-width:400px;margin-bottom:1.5rem}.presence-container{max-width:100%;margin:0 auto;padding:clamp(1rem,3vw,1.5rem);overflow-x:hidden}.presence-premium-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.header-main-info{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.title-area{flex:1;min-width:280px}.premium-page-title{background:linear-gradient(135deg, var(--clr-text-dark) 0, #4f46e5 100%);letter-spacing:-.03em;-webkit-background-clip:text;align-items:center;gap:12px;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;line-height:1.2;display:flex}.premium-page-title .title-icon{color:#4f46e5;-webkit-text-fill-color:initial}.premium-page-subtitle{color:var(--clr-text-muted);margin-top:8px;font-size:1.05rem;line-height:1.5}.location-badge-premium{white-space:nowrap;background:#fff;border:1px solid #0000000d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 12px #00000008}.p-avatar,.p-tab{align-items:center}.location-badge-premium.ok{color:var(--clr-primary);background:var(--clr-primary-tint);border-color:var(--clr-primary-light)}.location-badge-premium.out{color:#f43f5e;background:#fff1f2;border-color:#ffe4e6}.location-badge-premium.checking{color:var(--clr-blue);border-color:var(--clr-blue-light);background:#eff6ff}.location-badge-premium.error{color:var(--clr-amber);border-color:var(--clr-amber-light);background:#fffbeb}.premium-nav-tabs{width:fit-content;max-width:100%;box-shadow:none;background:0 0;border:none;border-radius:16px;justify-content:center;gap:8px;margin:0 auto;padding:6px;display:flex;overflow-x:auto}.p-tab{color:var(--clr-text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.p-tab.active{color:var(--primary);background:#fff;box-shadow:0 4px 12px #00000014}.leaves-grid,.presence-content{grid-template-columns:1fr;gap:2rem;display:grid}.main-presence-area,.reports-container{flex-direction:column;gap:2rem;display:flex}.attendance-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(140px,15vw,180px),1fr));gap:clamp(.75rem,2vw,1.5rem);padding:1.5rem;display:grid}.premium-student-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fffc;border:1px solid #ffffff80;border-radius:24px;flex-direction:column;align-items:center;gap:15px;min-height:100%;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 10px 30px #00000008;height:auto!important}.premium-student-card:before{content:"";background:var(--clr-border);width:100%;height:4px;transition:all .3s;position:absolute;top:0;left:0}.p-avatar{background:linear-gradient(135deg, var(--clr-bg-lightest) 0, #f1f5f9 100%);width:64px;height:64px;color:var(--clr-text-light);border-radius:22px;justify-content:center;font-size:1.5rem;font-weight:900;transition:all .3s;display:flex;box-shadow:inset 0 2px 5px #0000000d}.p-header-icon,.p-journal-header{align-items:center;display:flex;position:relative}.p-card-body{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.p-student-name{color:var(--clr-text-dark);text-align:center;white-space:normal;word-wrap:break-word;width:100%;margin-top:5px;font-size:.95rem;font-weight:800}.p-status-pill{text-transform:uppercase;letter-spacing:.1em;background:var(--clr-bg-light);color:#94a3b8;border-radius:99px;padding:6px 16px;font-size:.7rem;font-weight:900;transition:all .3s}.premium-student-card.hadir{border-color:#10b98133}.premium-student-card.izin{border-color:#3b82f633}.premium-student-card.sakit{border-color:#f59e0b33}.premium-student-card.alpa{border-color:#ef444433}.log-badge.alpa,.premium-student-card.alpa .p-avatar,.premium-student-card.alpa .p-status-pill,.status-btn-sm.alpa{color:var(--clr-red);background:#fff1f2}.premium-student-card.terlambat{border-color:#8b5cf633}.premium-student-card.terlambat .p-avatar,.premium-student-card.terlambat .p-status-pill{background:var(--clr-purple-tint);color:var(--clr-purple)}.premium-student-card.takhassus{border-color:#06b6d44d #06b6d44d #06b6d44d #0891b2;border-left-style:solid;border-left-width:4px}.log-badge.takhassus,.premium-student-card.takhassus .p-avatar,.status-btn-sm.takhassus,.p-status-dot.takhassus,.desk-item.takhassus{color:#0891b2;background:#ecfeff;border-color:#a5f3fc}.p-status-pill.takhassus,.premium-student-card.takhassus .p-status-pill{color:#fff;background:#0891b2}.premium-journal-card{margin-top:1.5rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#fffffff2 0,#f0fdf4f2 100%)!important;border:1px solid #10b98126!important;border-radius:32px!important;box-shadow:0 15px 40px -10px #0000000d!important}.premium-journal-card:before{content:"";background:linear-gradient(to right, var(--clr-primary), transparent);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.p-journal-header{background:linear-gradient(90deg,#10b98108,#0000);border-bottom:1px solid #00000008;gap:20px;padding:2.5rem 2rem;overflow:hidden}.p-journal-header:after{content:"";background:radial-gradient(circle,#10b9810d 0,#0000 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.p-header-icon{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;border-radius:20px;justify-content:center;width:60px;height:60px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:4s ease-in-out infinite float-icon;box-shadow:0 12px 30px #10b98140,inset 0 2px 4px #ffffff4d}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.p-header-text h3{color:var(--clr-text-dark);letter-spacing:-.5px;margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;line-height:1.2}.p-header-text p{color:var(--clr-text-muted);opacity:.8;margin:0;font-size:.95rem;font-weight:500}.p-journal-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(280px,30vw,400px),1fr));gap:2rem;padding:clamp(1rem,3vw,2.5rem);display:grid}.p-section-title{color:var(--clr-text-light);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:flex}.p-input-topic,.p-textarea-notes{border:var(--border-light);background:var(--clr-bg-lightest);border-radius:16px;width:100%;padding:14px 20px;font-family:inherit;font-size:.95rem;transition:all .2s}.p-textarea-notes{resize:vertical;min-height:120px}.p-journal-footer{background:var(--clr-bg-lightest);justify-content:center;padding:1.5rem 2rem;display:flex}.btn-save-premium{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:12px;padding:14px 32px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 25px #10b9814d}.btn-save-premium.disabled{background:var(--clr-border-dark);box-shadow:none;cursor:not-allowed;opacity:.7}.info-panel{background:#fff;border-radius:24px;padding:1.5rem}.panel-title{color:var(--clr-text-dark);margin-bottom:1.25rem;font-size:1rem;font-weight:800}.absent-name,.alert-header{font-size:.85rem;font-weight:700}.session-stat-item .label{color:var(--clr-text-muted);margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.session-stat-item .value{color:var(--clr-text-dark);font-size:1.1rem;font-weight:800}.progress-mini{background:var(--clr-bg-light);border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-mini .fill{background:var(--clr-primary);height:100%;transition:width 1s ease-out}.alert-panel{border-top:var(--border-lighter);margin-top:1.5rem;padding-top:1.5rem}.alert-header{color:var(--clr-red);align-items:center;gap:8px;margin-bottom:1rem;display:flex}.absent-action-item{background:#fff1f2;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.absent-info{flex:1;min-width:0;margin-right:10px}.absent-name{color:#991b1b;word-wrap:break-word;white-space:normal;display:block}.btn-save-premium.warning{background:linear-gradient(135deg, var(--clr-amber) 0, #d97706 100%);box-shadow:0 10px 25px #f59e0b4d}@media (width<=1024px){.hide-icon-mobile{display:none!important}.notifications-layout{grid-template-columns:1fr}.p-journal-grid,.presence-content,.presence-content.has-sidebar{grid-template-columns:1fr;gap:1.5rem}.side-presence-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.5rem;display:grid}}@media (width<=768px){.am-header,.homeroom-header-welcome{flex-direction:column;align-items:flex-start;gap:1rem}.am-toolbar,.header-main-info{flex-direction:column;align-items:stretch;gap:1rem}.am-search,.btn-time-check,.presence-class-selector{width:100%}.am-tabs{overflow-x:auto}.am-tab-btn{white-space:nowrap}.cm-tabs-wrapper{flex-direction:column;align-items:stretch}.cm-filter-wrap{align-self:flex-end;margin-left:0}.cm-tabs,.toolbar-right{flex-wrap:wrap}.cm-tab-btn{flex:1;justify-content:center;min-width:140px}.amw-header{flex-direction:row;align-items:center;gap:1rem}.academic-alert{text-align:center;flex-direction:column}.premium-table,.premium-table tbody,.premium-table td,.premium-table tr{width:100%;display:block}.premium-table{min-width:unset}.premium-table td:first-child:before,.premium-table thead{display:none}.premium-table tr{border:var(--border-light);background:#fff;border-radius:12px;margin-bottom:1rem;padding:.5rem 1rem;box-shadow:0 1px 3px #0000000d}.premium-table td{border-bottom:1px dashed var(--clr-border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex;text-align:right!important}.premium-table td:last-child{border-bottom:none}.premium-table td:before{content:attr(data-label);color:var(--clr-text-muted);text-align:left;margin-right:1rem;font-size:.85rem;font-weight:600}.premium-table td:first-child{border-bottom:var(--border-light);flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;padding-top:.5rem;padding-bottom:1rem}.homeroom-toolbar-premium{flex-direction:column;align-items:stretch;gap:12px;padding:1rem}.toolbar-left,.toolbar-right{justify-content:flex-start;width:100%;max-width:100%}.class-selector-wrapper,.subject-selector-wrapper{flex:1;min-width:140px}.location-badge-premium{margin:0 auto}.p-journal-footer,.presence-container{box-sizing:border-box;max-width:100%;padding:.75rem}.presence-content,.main-presence-area{box-sizing:border-box;width:100%;max-width:100%}.premium-page-title{font-size:1.35rem}.attendance-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:8px;padding:.75rem}.premium-student-card{border-radius:18px;gap:8px;padding:.85rem .5rem}.p-avatar{border-radius:16px;width:48px;height:48px;font-size:1.2rem}.p-student-name{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.25;display:-webkit-box;overflow:hidden}.p-status-pill{border-radius:10px;padding:4px 8px;font-size:.65rem}.express-controls{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:.85rem 1rem;display:flex}.presence-class-selector{width:100%;min-width:100%}.p-journal-grid,.side-presence-panel{grid-template-columns:1fr}.presence-class-selector .selector-trigger{height:100%;padding:10px 12px}.btn-mark-all-premium{white-space:nowrap;justify-content:center;gap:6px;width:100%;padding:11px 16px;font-size:.85rem}.p-journal-grid{gap:1rem;padding:1rem}.p-tab{flex-shrink:0;padding:8px 14px;font-size:.8rem}.premium-nav-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box;justify-content:flex-start;width:100%;max-width:100%;padding:4px;overflow-x:auto}.p-journal-header{text-align:left;flex-direction:row;align-items:center;gap:12px;padding:1.25rem 1rem}.p-journal-header h3{font-size:1.15rem}.evidence-capture-wrapper,.time-input-group{flex-direction:column}.p-header-icon{border-radius:14px;flex-shrink:0;width:46px;height:46px}.time-input-group{align-items:stretch}.evidence-upload-box{width:100%;height:120px}.p-readonly-badge.premium-badge-style{text-align:center;flex-direction:column;align-items:center;gap:8px}.p-readonly-badge.premium-badge-style .badge-text-wrap{text-align:center;align-items:center}.journal-selectors-grid{grid-template-columns:1fr;gap:.75rem}.btn-save-premium{justify-content:center;width:100%;padding:12px 18px;font-size:.9rem}.seating-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.main-presence-card,.premium-journal-card{box-sizing:border-box;max-width:100%;border-radius:20px!important}}.seating-chart-container{background:var(--clr-bg-lightest);border:var(--border-light);border-radius:24px}.teacher-desk{background:var(--clr-bg-light);border:2px dashed var(--clr-border-dark);color:var(--clr-text-light);letter-spacing:.2em}.seating-grid{grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.seating-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.seating-chart-container{padding:1rem}}.desk-item{aspect-ratio:1;border:var(--border-light);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.desk-number,.detail-large-photo svg{color:var(--clr-border-dark)}.desk-item.hadir{border-top:6px solid var(--clr-primary)}.desk-item.izin{border-top:6px solid var(--clr-blue)}.desk-item.sakit{border-top:6px solid var(--clr-amber)}.desk-item.alpa{border-top:6px solid var(--clr-red)}.scanner-viewport{aspect-ratio:1;background:var(--clr-text-darkest);border-radius:32px;margin:0 auto;box-shadow:0 20px 50px #0003}.scanner-line{background:var(--clr-primary);width:100%;box-shadow:0 0 20px var(--clr-primary);animation:3s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0}to{top:100%}}.search-box{background:var(--clr-bg-light);border:var(--border-light);border-radius:20px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.search-box input{color:var(--clr-text-dark);background:0 0;border:none;outline:0;flex:1;font-size:1rem;font-weight:600}.manual-result-item{border:var(--border-lighter);justify-content:space-between;align-items:center;display:flex}.res-sub{color:var(--clr-text-light);margin-left:8px}.status-btn-sm{text-transform:uppercase;cursor:pointer;border:none;border-radius:20px;padding:6px 16px;font-size:.7rem;font-weight:800;transition:all .2s}.main-presence-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;overflow:hidden;border-radius:32px!important}.express-controls{background:linear-gradient(#f8fafc80,#0000);border-bottom:1px solid #00000008;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:2rem;display:flex}.presence-class-selector{flex:1;min-width:200px}.presence-class-selector .premium-selector{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 15px #00000005}.express-controls .btn-primary{background:linear-gradient(135deg, var(--clr-primary-dark) 0, #047857 100%);border:none;border-radius:18px;padding:12px 24px;font-weight:700;transition:all .3s;box-shadow:0 10px 20px #05966933}.premium-empty-state{text-align:center;color:var(--clr-text-light);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:5rem 2rem;display:flex}.empty-icon-wrap{background:var(--clr-bg-light);color:#cbd5e1;border-radius:40px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.5rem;transition:all .5s;display:flex}.premium-empty-state h3{color:var(--clr-text-dark);margin:0 0 8px;font-size:1.5rem;font-weight:800}.premium-empty-state p{max-width:300px;margin:0;font-size:1rem;line-height:1.5}.presence-container{background:radial-gradient(circle at 100% 0,#10b98108,#0000),radial-gradient(circle at 0 100%,#3b82f608,#0000);min-height:100vh}.btn-mark-all-premium{background:var(--clr-primary-dark);align-items:center;gap:10px;display:flex;box-shadow:0 10px 25px #05966933}.btn-mark-all-premium:active,.btn-print-action:active{transform:scale(.98)}.btn-mark-all-premium svg{transition:transform .3s}.premium-student-card{animation:.4s cubic-bezier(.175,.885,.32,1.275) both cardPop}@keyframes cardPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scanner-viewport{border:12px solid #fff;box-shadow:0 20px 60px #0000001a}.scanner-placeholder-premium{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:2rem;display:flex}.s-icon-wrap{color:#ffffff4d;border:1px solid #ffffff1a;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.scanner-placeholder-premium h3{color:#fff;margin:0;font-size:1.25rem;font-weight:800}.scanner-placeholder-premium p{color:#ffffff80;max-width:250px;margin:0;font-size:.9rem;line-height:1.5}.btn-start-scanner{background:var(--clr-primary);color:#fff;cursor:pointer;border:none;border-radius:16px;margin-top:1rem;padding:12px 28px;font-weight:700;transition:all .3s;box-shadow:0 10px 20px #10b9814d}.scanner-viewport:after,.scanner-viewport:before{content:"";border:4px solid var(--clr-primary);z-index:10;pointer-events:none;width:40px;height:40px;position:absolute}.scanner-viewport:before{border-bottom:none;border-right:none;border-radius:12px 0 0;top:20px;left:20px}.scanner-viewport:after{border-top:none;border-left:none;border-radius:0 0 12px;bottom:20px;right:20px}.scanner-line{background:var(--clr-primary);height:2px;box-shadow:0 0 30px var(--clr-primary), 0 0 10px var(--clr-primary);opacity:.8}.p-status-dot.terlambat,.p-status-pill.terlambat{background:var(--clr-indigo);color:#fff}.premium-student-card.terlambat{border-left:4px solid var(--clr-indigo)}.evidence-capture-wrapper{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.evidence-label{background:var(--clr-bg-lightest);border:2px dashed var(--clr-border);height:100%;color:var(--clr-text-light);flex-direction:column;justify-content:center;align-items:center;display:flex}.trends-chart-premium{justify-content:space-between;align-items:flex-end;gap:8px;height:120px;padding:10px 0;display:flex}.chart-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-fill{background:var(--clr-border);min-height:4px}.chart-bar-wrap span{color:var(--clr-text-light);font-size:.65rem;font-weight:700}.analytics-summary strong,.stat-card-mini.theme-green .value,.teaching-time-card.check-in .time-card-label svg,.text-green,.toast-content,.toast-content svg,.trend-text strong{color:var(--clr-primary)}.chart-bar-wrap.today .bar-fill{background:var(--primary);box-shadow:0 4px 12px #10b9814d}.premium-toast{z-index:9999;position:fixed;top:30px;left:50%;transform:translate(-50%)}.evidence-preview-container,.p-tab{position:relative;overflow:hidden}.toast-content{border:1px solid var(--clr-primary-tint);background:#fff;border-radius:20px;align-items:center;gap:12px;padding:12px 24px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 15px 40px #0000001a}.trend-day,.trend-perc{font-size:.7rem;font-weight:800}.premium-student-card:active{transition:all .1s;transform:scale(.95)}.p-tab:after{content:"";background:var(--primary);opacity:0;z-index:-1;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.premium-trends-horizontal{flex-direction:column;gap:12px;padding:10px 0;display:flex}.header-with-icon,.student-profile-mini,.t-actions,.teacher-info-group,.trend-row{align-items:center;gap:12px;display:flex}.trend-day{color:var(--clr-text-light);width:30px}.trend-bar-container{background:var(--clr-bg-light);border-radius:4px;flex:1;height:8px;overflow:hidden}.trend-bar-fill{background:linear-gradient(to right, var(--clr-primary), #059669);border-radius:4px;height:100%}.trend-perc{color:var(--clr-text-dark);text-align:right;width:35px}.log-empty,.pdc-stat-label,.results-empty,.teacher-desk,.tp-empty-state,.tp-status-btn{text-align:center}.log-panel-premium{background:#fff6;border:1px solid #fff9;padding:1.5rem}.premium-log-item{background:#fff;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex;box-shadow:0 4px 12px #00000005}.log-indicator{border-radius:50%;width:10px;height:10px}.log-indicator.terlambat{background:var(--clr-indigo)}.log-content,.q-ana-card-item .info{flex-direction:column;gap:2px;display:flex}.log-main,.panel-title{align-items:center;display:flex}.log-main{gap:8px}.log-name,.q-leader-info .name,.s-name{color:var(--clr-text-dark);font-size:.85rem;font-weight:700}.log-badge,.p-year{text-transform:uppercase;font-weight:800}.log-badge{border-radius:6px;padding:2px 8px;font-size:.6rem}.log-badge.terlambat{background:var(--clr-indigo-tint);color:var(--clr-indigo)}.log-empty{color:var(--clr-border-dark);padding:20px;font-size:.8rem;font-style:italic}.evidence-label{background:linear-gradient(135deg, var(--clr-bg-lightest) 0, #f1f5f9 100%);border:2px dashed var(--clr-border-dark);color:var(--clr-text-muted)}.panel-title{gap:10px}.panel-title:before{content:"";background:var(--primary);border-radius:4px;width:4px;height:18px}.title-with-badge{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.academic-badge-presence{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:8px;padding:4px 12px;display:flex}.p-year{color:var(--clr-primary-dark);font-size:.75rem}.p-sem{color:var(--clr-text-dark);background:#fff;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700;box-shadow:0 2px 4px #0000000d}.p-readonly-badge{background:var(--clr-bg-lightest);border:1px dashed var(--clr-border-dark);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.p-readonly-badge span,.stat-row-mini .label{color:var(--clr-text-muted);font-size:.85rem;font-weight:600}.p-readonly-badge strong{color:var(--clr-text-dark);font-size:.95rem;font-weight:800}.p-readonly-badge.premium-badge-style{background:linear-gradient(145deg, var(--clr-bg-lightest) 0, #f1f5f9 100%);border:var(--border-light);border-radius:16px;justify-content:flex-start;align-items:center;gap:15px;min-width:0;padding:15px 20px;display:flex;box-shadow:inset 0 2px 4px #fffc,0 4px 6px #00000005}.badge-icon-wrap{width:44px;height:44px;color:var(--clr-primary);background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0000000a}.badge-text-wrap{flex-direction:column;gap:4px;display:flex;overflow:hidden}.badge-text-wrap strong{color:var(--clr-text-darkest);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:800;line-height:1.2;overflow:hidden}@media (width<=480px){.td-stats-row{grid-template-columns:1fr 1fr}.td-quick-actions{gap:.5rem}.td-qa-btn{padding:.5rem .8rem;font-size:.8rem}.sdx-hero-left{flex-direction:column;align-items:flex-start}.sdx-period-info{flex-wrap:wrap;gap:.75rem}.c-dashboard-grid,.pd-finance-summary,.seating-grid{grid-template-columns:1fr}.manual-result-item{flex-direction:column;align-items:flex-start;gap:12px}.res-actions{width:100%}.status-btn-sm{text-align:center;width:100%}}.p-field-label{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.75rem;font-weight:800;display:block}.teaching-time-card{background:var(--clr-bg-lightest);border:var(--border-light);border-radius:20px;padding:20px;transition:all .3s}.time-card-label{color:var(--clr-text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.time-input-group{align-items:center;gap:12px;display:flex}.time-field{flex:1;margin:0;font-weight:600;border-radius:14px!important;padding:12px 16px!important}.btn-time-check{color:#fff;cursor:pointer;border:none;border-radius:14px;padding:12px 20px;font-weight:700;transition:all .2s}.btn-time-check.in{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);box-shadow:0 4px 12px #10b98133}.btn-time-check.out{background:linear-gradient(135deg, var(--clr-red) 0, #dc2626 100%);box-shadow:0 4px 12px #ef444433}.evidence-upload-box{flex-direction:column;width:100%;height:auto;display:flex}.evidence-label{background:linear-gradient(135deg, var(--clr-bg-lightest) 0, #f1f5f9 100%);border:2px dashed var(--clr-border-dark);min-height:120px;color:var(--clr-text-muted);cursor:pointer;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:all .2s;display:flex}.evidence-preview-container{border:var(--border-light);border-radius:20px;flex:1;width:100%;min-height:120px;box-shadow:0 4px 12px #0000000d}.btn-remove-evidence{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:10;background:#0f172a99;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.desk-item,.scanner-viewport{aspect-ratio:1;position:relative}.manual-section{flex-direction:column;height:100%;min-height:400px;display:flex}.manual-search{border-bottom:var(--border-light);background:var(--clr-bg-lightest);align-items:center;gap:1rem;padding:1.5rem;display:flex}.manual-search input{color:var(--text-main);background:0 0;border:none;outline:0;flex:1;font-size:1rem}.manual-results{flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow-y:auto}.results-empty{color:var(--clr-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:auto;padding:4rem 2rem;display:flex}.results-empty p{max-width:250px;font-size:.95rem;font-weight:500}.manual-result-item{border:var(--border-light);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000005}.name-and-badges,.pdc-identity-text,.res-info{flex-direction:column;gap:.25rem;display:flex}.res-name{color:var(--text-main);font-weight:700}.res-actions .status-btn-sm{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:700;transition:all .2s}.status-btn-sm.sakit{color:#3730a3;background:#e0e7ff}.scanner-section{background:var(--clr-bg-lightest);flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.scanner-viewport{background:var(--clr-text-darkest);border-radius:var(--radius-xl);justify-content:center;align-items:center;width:100%;max-width:400px;margin-bottom:2rem;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000026}.scanner-placeholder-premium{color:#fff;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.s-icon-wrap{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.seating-chart-container{background:var(--clr-bg-lightest);min-height:400px;padding:2rem}.desk-item,.teacher-desk{border-radius:12px;padding:1rem}.teacher-desk{background:var(--clr-text-medium);color:#fff;letter-spacing:.1em;width:100%;max-width:400px;margin:0 auto 3rem;font-weight:700;box-shadow:0 4px 15px #0000001a}.pdc-status-pill,.summary-label{text-transform:uppercase;letter-spacing:.5px}.desk-item,.q-type-toggle button.active,.view-mode-toggle button.active{box-shadow:0 2px 8px #0000000d}.seating-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.desk-item{cursor:pointer;background:#fff;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.desk-number{color:var(--clr-text-light);font-size:.7rem;font-weight:700;position:absolute;top:.5rem;left:.5rem}.desk-student-name{color:var(--text-main);text-align:center;word-break:break-word;margin-top:.5rem;font-size:.9rem;font-weight:700}.desk-status-indicator{background:var(--clr-border-dark);border-radius:50%;width:12px;height:12px;margin-top:.5rem}.desk-item.empty{background:var(--clr-bg-light);border:2px dashed var(--clr-border-dark);cursor:default;opacity:.6}.desk-item.hadir{border-color:var(--clr-primary)}.desk-item.hadir .desk-status-indicator{background:var(--clr-primary);box-shadow:0 0 10px #10b98166}.desk-item.izin{border-color:var(--clr-amber)}.desk-item.izin .desk-status-indicator{background:var(--clr-amber);box-shadow:0 0 10px #f59e0b66}.desk-item.sakit{border-color:var(--clr-indigo)}.desk-item.sakit .desk-status-indicator{background:var(--clr-indigo);box-shadow:0 0 10px #6366f166}.desk-item.alpa .desk-status-indicator{background:var(--clr-red);box-shadow:0 0 10px #ef444466}@media (width<=600px){.form-grid-2{grid-template-columns:1fr}.seating-chart-container{padding:1rem;overflow-x:hidden}.desk-item,.teacher-desk{padding:.75rem}.seating-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.teacher-desk{margin-bottom:2rem;font-size:.85rem}.desk-student-name{font-size:.8rem}}@media (width<=768px){.btn-mark-all-premium,.presence-class-selector{width:100%!important;min-width:0!important}.btn-mark-all-premium,.btn-time-check{white-space:nowrap!important;font-size:.85rem!important}.express-controls{grid-template-columns:1fr 1fr!important;gap:12px!important;padding:1rem!important;display:grid!important}.presence-class-selector .selector-trigger{height:100%!important;padding:10px 12px!important}.btn-mark-all-premium{text-overflow:ellipsis!important;justify-content:center!important;gap:6px!important;padding:10px 12px!important;overflow:hidden!important}.btn-time-check{padding:10px 14px!important}.time-input-group{gap:8px!important}}.btn-quick-time,.pdc-btn,.td-name,.tp-table th{white-space:nowrap}.teacher-presence-container{flex-direction:column;gap:1.25rem;width:100%;padding:1.5rem;display:flex}.theme-blue{background:linear-gradient(135deg, var(--clr-blue) 0, #2563eb 100%);color:#fff}.premium-toast-v2{z-index:9999;color:#fff;border-radius:16px;align-items:center;gap:.75rem;width:max-content;max-width:90vw;padding:.8rem 1.25rem;font-weight:600;display:flex;position:fixed;inset:1.5rem auto auto 50%;box-shadow:0 10px 25px #0003;transform:translate(-50%)!important}.premium-toast-v2.success{background:linear-gradient(135deg, var(--clr-primary-dark) 0, var(--clr-primary) 100%);border:1px solid #fff3;box-shadow:0 10px 25px #10b9814d}.premium-toast-v2.error{background:linear-gradient(135deg, #dc2626 0, var(--clr-red) 100%);border:1px solid #fff3;box-shadow:0 10px 25px #ef44444d}.premium-toast-v2:before,.toast-v2-close,.toast-v2-progress,.toast-v2-title{display:none!important}.toast-v2-icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-v2-body{flex:1;align-items:center;min-width:0;display:flex}.toast-v2-msg{color:#fff;word-break:break-word;font-size:.95rem;font-weight:600;line-height:1.4}.date-picker-wrapper{background:var(--clr-bg-light);border:var(--border-light);color:var(--text-main);border-radius:12px;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.tp-controls-bar .search-box input,.tp-date-input{color:var(--text-main);background:0 0;outline:0;font-family:Inter,sans-serif}.tp-date-input{border:none;height:24px;margin:0;padding:0;font-size:.95rem;font-weight:500;line-height:24px}.tp-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}.tp-summary-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.tp-summary-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem .75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0000000a,0 2px 6px -1px #00000005}.tp-summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -4px #00000014,0 4px 12px -2px #00000008}.summary-icon-badge{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:2px;display:flex}.summary-icon-badge.indigo{color:#6366f1;background:#6366f11f}.summary-icon-badge.green{color:#10b981;background:#10b9811f}.summary-icon-badge.blue{color:#3b82f6;background:#3b82f61f}.summary-icon-badge.amber{color:#f59e0b;background:#f59e0b1f}.summary-icon-badge.red{color:#ef4444;background:#ef44441f}.summary-icon-badge.cyan{color:#06b6d4;background:#06b6d41f}.summary-count{letter-spacing:-.5px;font-size:1.85rem;font-weight:800;line-height:1}.summary-label{text-transform:uppercase;letter-spacing:.4px;text-align:center;font-size:.68rem;font-weight:700;line-height:1.25}.tp-summary-card.total{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #6366f140;border-top:3.5px solid #6366f1}.tp-summary-card.total .summary-count{color:#4f46e5}.tp-summary-card.total .summary-label{color:#64748b}.tp-summary-card.hadir{background:linear-gradient(145deg,#fff 0%,#f0fdf4 100%);border:1px solid #10b98140;border-top:3.5px solid #10b981}.tp-summary-card.hadir .summary-count{color:#059669}.tp-summary-card.hadir .summary-label{color:#047857}.tp-summary-card.izin{background:linear-gradient(145deg,#fff 0%,#eff6ff 100%);border:1px solid #3b82f640;border-top:3.5px solid #3b82f6}.tp-summary-card.izin .summary-count{color:#2563eb}.tp-summary-card.izin .summary-label{color:#1d4ed8}.tp-summary-card.sakit{background:linear-gradient(145deg,#fff 0%,#fffbeb 100%);border:1px solid #f59e0b40;border-top:3.5px solid #f59e0b}.tp-summary-card.sakit .summary-count{color:#d97706}.tp-summary-card.sakit .summary-label{color:#b45309}.tp-summary-card.alpa{background:linear-gradient(145deg,#fff 0%,#fef2f2 100%);border:1px solid #ef444440;border-top:3.5px solid #ef4444}.tp-summary-card.alpa .summary-count{color:#dc2626}.tp-summary-card.alpa .summary-label{color:#b91c1c}.tp-summary-card.takhassus{background:linear-gradient(145deg,#fff 0%,#ecfeff 100%);border:1px solid #06b6d440;border-top:3.5px solid #06b6d4}.tp-summary-card.takhassus .summary-count{color:#0891b2}.tp-summary-card.takhassus .summary-label{color:#0e7490}.personal-dashboard-card{border:var(--border-lighter);background:#fff;border-radius:28px;flex-direction:column;gap:1.75rem;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #3b82f614,0 2px 8px #0000000a}.personal-dashboard-card:before{content:"";background:linear-gradient(90deg, var(--clr-blue), #8b5cf6, var(--clr-primary));border-radius:28px 28px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.pdc-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.pdc-avatar{background:linear-gradient(135deg, var(--clr-blue), #8b5cf6);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.1rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 12px #3b82f640}.pdc-name,.personal-header h3{color:var(--clr-text-darkest)}.pdc-name{font-size:1.15rem;font-weight:800}.pdc-date{color:var(--clr-text-muted);font-size:.82rem;font-weight:500}.pdc-status-pill{border-radius:99px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.pdc-stat-icon,.pdc-stats-row{align-items:center;display:flex}.p-izin,.pdc-status-pill.izin,.status-badge.izin,.tp-avatar[data-status=izin]{background:var(--clr-blue-light);color:#2563eb}.p-alpa,.pdc-status-pill.alpa,.status-badge.alpa,.tp-avatar[data-status=alpa]{background:var(--clr-red-light);color:#dc2626}.pdc-stats-row,.tp-table th{background:var(--clr-bg-lightest)}.pdc-status-pill.cuti,.status-badge.cuti,.tp-avatar[data-status=cuti]{color:#9333ea;background:#f3e8ff}.pdc-stats-row{border-radius:18px;flex-wrap:wrap;gap:0;padding:1.25rem}.pdc-stat-box{flex-direction:column;flex:1;align-items:center;gap:.35rem;min-width:80px;display:flex}.pdc-stat-value{font-size:1.6rem;font-weight:800;line-height:1}.pdc-stat-label{color:var(--clr-text-light);letter-spacing:.2px;font-size:.72rem;font-weight:600}.status-badge,.tp-table th{text-transform:uppercase;letter-spacing:.5px}.pdc-stat-divider{background:var(--clr-border);flex-shrink:0;width:1px;height:40px}.pdc-progress-labels{color:var(--clr-text-secondary);justify-content:space-between;font-size:.875rem;font-weight:600;display:flex}.pdc-progress-track{background:var(--clr-border);border-radius:99px;height:10px;overflow:hidden}.pdc-progress-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.pdc-insight{color:var(--clr-text-muted);margin:0;font-size:.82rem;font-style:italic}.pdc-actions{border-top:var(--border-lighter);flex-wrap:wrap;justify-content:center;gap:.75rem;padding-top:1.25rem;display:flex}.pdc-stat-icon{border-radius:12px;justify-content:center;width:40px;height:40px;margin-bottom:.25rem}.pdc-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:.8rem 1.6rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.pdc-btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff26,#0000);position:absolute;inset:0}.pdc-btn-checkin{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;box-shadow:0 4px 20px #10b98159,inset 0 1px #fff3}.pdc-btn-checkin:not(:disabled):active,.pdc-btn-checkout:not(:disabled):active{transform:translateY(-1px)scale(.99)}.pdc-btn-checkin.done{color:var(--clr-primary-dark);box-shadow:none;background:#f0fdf4;border:1.5px solid #a7f3d0}.pdc-btn-checkin.locating{background:linear-gradient(135deg, var(--clr-amber), #d97706);cursor:wait;animation:1.5s infinite pulse-btn;box-shadow:0 4px 20px #f59e0b59}.pdc-btn-checkout{background:linear-gradient(135deg, var(--clr-red) 0, #dc2626 100%);color:#fff;box-shadow:0 4px 20px #ef444459,inset 0 1px #fff3}.pdc-btn-checkout.done{background:var(--clr-red-tint);color:#dc2626;box-shadow:none;border:1.5px solid #fecaca}.pdc-btn-leave{color:var(--clr-indigo);background:#fff;border:1.5px solid #c7d2fe;box-shadow:0 2px 8px #6366f11a}.pdc-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}@keyframes pulse-btn{0%,to{opacity:1}50%{opacity:.8}}.animate-spin,.spin-icon,.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.page-title{font-size:1.8rem}.header-actions{flex-direction:column;gap:8px;width:100%}.action-btn-responsive{justify-content:center;width:100%}.filter-grid{grid-template-columns:1fr}.autosave-indicator{border-radius:16px;padding:8px 16px;font-size:.8rem;bottom:20px;right:20px}.homeroom-stats-grid{gap:10px}.stat-card-premium{padding:1rem}.stat-icon-wrap{width:44px;height:44px}.stat-info strong{font-size:1.1rem}.pdc-stats-row{gap:1rem}.pdc-stat-divider{display:none}.pdc-actions{flex-direction:column}}.personal-checkin-card{border:none;border-left:6px solid var(--clr-blue);background:#fff;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 10px 30px #3b82f614}.personal-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.status-badge{border-radius:99px;padding:.3rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.personal-actions{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.action-btn-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.btn-action-in,.btn-action-out{cursor:pointer;border:none;border-radius:10px;min-width:120px;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s}.btn-action-in{background:var(--clr-primary);color:#fff;box-shadow:0 4px 15px #10b98140}.btn-action-in.locating{background:var(--clr-amber);cursor:wait;box-shadow:0 4px 15px #f59e0b40}.btn-action-out{background:var(--clr-red);color:#fff;box-shadow:0 4px 15px #ef444440}.btn-action-in:disabled:not(.locating),.btn-action-out:disabled{background:var(--clr-border);color:#94a3b8;box-shadow:none;cursor:not-allowed}.btn-action-in.done{background:var(--clr-primary-tint);color:var(--clr-primary-dark);box-shadow:none;border:1px solid #a7f3d0}.btn-action-out.done{background:var(--clr-red-tint);color:#dc2626;box-shadow:none;border:1px solid #fecaca}.location-msg{color:var(--clr-primary-dark);font-size:.8rem;font-weight:600;animation:.3s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tp-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.tp-controls-bar .search-box{background:var(--clr-bg-light);border:var(--border-light);border-radius:10px;flex:1;align-items:center;gap:.5rem;min-width:220px;max-width:380px;padding:.55rem .9rem;transition:all .25s;display:flex}.tp-controls-bar .search-box:focus-within{border-color:var(--clr-blue);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.tp-controls-bar .search-box input{border:none;width:100%;font-size:.9rem}.tp-controls-bar .search-box input::placeholder{color:var(--text-muted)}.tp-controls-bar .search-icon{color:var(--text-muted);flex-shrink:0}.tp-controls-right{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.btn-export-csv,.btn-mark-all-premium{gap:.4rem;font-family:Inter,sans-serif;display:flex}.btn-mark-all-premium{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .25s;box-shadow:0 4px 12px #10b98133}.btn-export-csv{color:var(--clr-text-secondary);border:var(--border-light);align-items:center}.btn-export-csv.icon-only{justify-content:center;width:38px;height:38px;padding:.55rem}.td-name,.tp-unsaved-banner{align-items:center;display:flex}.photo-dropzone,.premium-search-box,.sampul-kemenag-logo,.tp-content-area{width:100%}.table-card{background:#fff;border:none;border-radius:24px;padding:1.5rem 2rem;box-shadow:0 10px 40px #0000000a}.tp-unsaved-banner{background:var(--clr-amber-tint);color:#92400e;border:1px solid #fde68a;border-radius:10px;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.td-no,.tp-table th{color:var(--text-muted)}.td-no,.tp-avatar{width:40px;font-size:.85rem}.table-responsive{border:var(--border-light);border-radius:12px;overflow-x:auto}.tp-table th{border-bottom:var(--border-light);padding:.85rem 1rem;font-size:.78rem;font-weight:700}.tp-table td{border-bottom:var(--border-lighter);padding:.85rem 1rem}.bg-soft-blue,.tp-table tbody tr.row-self{background:var(--clr-blue-tint)}.td-no{font-weight:500}.modal-content h3,.td-name{color:var(--clr-text-darkest)}.td-name{gap:1rem;font-weight:600}.tp-avatar,.tp-status-btn{align-items:center;transition:all .2s}.badges-row{gap:.4rem;display:flex}.tp-avatar{border-radius:12px;flex-shrink:0;justify-content:center;height:40px;font-weight:700;display:flex}.badge-late,.badge-you{letter-spacing:.3px;text-transform:uppercase;border-radius:99px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.badge-you{background:var(--clr-blue);color:#fff}.badge-late{background:var(--clr-red-tint);color:var(--clr-red);border:1px solid #fecaca}.tp-status-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;gap:.35rem;min-width:86px;padding:.35rem .8rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;display:inline-flex}.tp-status-btn.hadir{background:var(--clr-primary-tint);color:var(--clr-primary-dark);border:1px solid #a7f3d0}.tp-status-btn.izin{background:var(--clr-blue-tint);color:#2563eb;border:1px solid #bfdbfe}.status-badge-premium.pending,.tp-status-btn.sakit{background:var(--clr-amber-tint);color:#d97706;border:1px solid #fde68a}.tp-status-btn.alpa{background:var(--clr-red-tint);color:#dc2626;border:1px solid #fecaca}.tp-status-btn.cuti{color:#9333ea;background:#faf5ff;border:1px solid #e9d5ff}.tp-time-input-wrap{border-bottom:2px solid #0000;align-items:center;padding-bottom:2px;transition:all .2s;display:flex}.tp-time-input-wrap.filled,.tp-time-input-wrap:focus-within{border-bottom-color:var(--clr-blue)}.btn-quick-time,.btn-save-tp,.tp-time-field{border:none;font-family:Inter,sans-serif;font-weight:600}.tp-time-field{color:var(--text-main);background:0 0;outline:0;width:88px;padding:.2rem 0;font-size:.9rem}.tp-time-field:disabled{color:var(--clr-border-dark);cursor:not-allowed}.tp-time-field::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;filter:invert(.2)}.tp-time-field:disabled::-webkit-calendar-picker-indicator{opacity:.15}.btn-quick-time{background:var(--clr-blue);color:#fff;cursor:pointer;border-radius:8px;padding:.4rem .85rem;font-size:.8rem;transition:all .2s;box-shadow:0 2px 8px #3b82f640}.btn-quick-time.out{background:var(--clr-red);box-shadow:0 2px 8px #ef444440}.tp-notes-field{background:var(--clr-bg-light);border:var(--border-light);width:100%;color:var(--text-main);border-radius:8px;outline:0;min-width:120px;padding:.45rem .75rem;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s}.tp-notes-field:focus{border-color:var(--clr-blue);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.tp-notes-field::placeholder{color:var(--text-muted)}.tp-empty-state{color:var(--text-muted);padding:3rem 1rem!important}.tp-empty-state .empty-icon{opacity:.4;margin-bottom:1rem}.tp-footer-actions{border-top:var(--border-light);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.btn-save-tp,.modal-overlay{align-items:center;display:flex}.tp-last-saved{color:var(--text-muted);font-size:.8rem;font-style:italic}.btn-save-tp{background:linear-gradient(135deg, var(--clr-blue) 0, #2563eb 100%);color:#fff;cursor:pointer;border-radius:12px;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;transition:all .25s;box-shadow:0 4px 15px #3b82f640}@media (width<=768px){.teacher-presence-container{padding:1rem}.tp-summary-row{gap:.5rem}.tp-summary-card{padding:.75rem .25rem}.summary-count{font-size:1.3rem}.summary-label{font-size:.65rem}.personal-checkin-card,.tp-controls-bar{flex-direction:column;align-items:stretch}.tp-controls-bar .search-box{max-width:100%}.tp-controls-right{justify-content:stretch}.btn-export-csv,.btn-mark-all-premium{flex:1;justify-content:center}.btn-export-csv.icon-only{flex:none}.tp-table td:nth-child(4),.tp-table td:nth-child(5),.tp-table th:nth-child(4),.tp-table th:nth-child(5){display:none}.personal-actions{flex-direction:column}.btn-action-in,.btn-action-out{min-width:unset}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center}.modal-content{padding:2rem;position:relative;box-shadow:0 20px 40px #0003}.modal-content h3{margin-top:0;font-size:1.4rem;font-weight:800}.close-btn,.modal-content p{color:var(--clr-text-muted)}.modal-content p{margin-bottom:1.5rem;font-size:.9rem}.close-btn{background:var(--clr-bg-light);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.camera-modal-header{color:var(--clr-blue);align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.camera-modal-header h3{color:var(--clr-text-darkest);margin:0 0 .2rem;font-size:1.2rem;font-weight:800}.camera-privacy-note{color:var(--clr-text-muted);align-items:center;gap:.3rem;margin:0;font-size:.78rem;display:flex}.video-container{aspect-ratio:4/3;background:#000;border-radius:16px;width:100%;margin-bottom:1rem;position:relative;overflow:hidden}.video-container video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.face-overlay{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.camera-status-bar,.scanning-pulse{align-items:center;gap:.5rem;display:flex}.face-overlay.scanning{background:0 0}.face-overlay.detected{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10b98140}.face-overlay.failed{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ef444433}.face-guide-box{width:160px;height:160px;animation:1.5s ease-in-out infinite pulseFace;position:relative}.face-guide-box span{border-color:var(--clr-blue);border-style:solid;width:28px;height:28px;position:absolute}.face-guide-box span:first-child{border-width:3px 0 0 3px;border-radius:4px 0 0;top:0;left:0}.face-guide-box span:nth-child(2){border-width:3px 3px 0 0;border-radius:0 4px 0 0;top:0;right:0}.face-guide-box span:nth-child(3){border-width:0 0 3px 3px;border-radius:0 0 0 4px;bottom:0;left:0}.face-guide-box span:nth-child(4){border-width:0 3px 3px 0;border-radius:0 0 4px;bottom:0;right:0}@keyframes pulseFace{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}.face-overlay-label{color:#fff;text-shadow:0 1px 4px #00000080;margin:0;font-size:.95rem;font-weight:700}.face-detected-icon{color:#fff;filter:drop-shadow(0 2px 8px #0000004d)}.camera-status-bar{color:var(--clr-text-muted);justify-content:center;min-height:32px;font-size:.85rem;font-weight:500}.scanning-pulse{color:var(--clr-blue);font-weight:600}.dot{background:var(--clr-blue);border-radius:50%;width:8px;height:8px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.camera-retry-row{align-items:center;gap:.75rem;font-weight:600;display:flex}.camera-retry-btn{background:var(--clr-red);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.4rem 1rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:700;transition:background .2s}.leave-form label{color:var(--clr-text-medium);font-size:.9rem;font-weight:600}.leave-form input[type=file],.leave-form select,.leave-form textarea{border:1px solid var(--clr-border-dark);border-radius:10px;padding:.75rem;font-family:inherit;font-size:.9rem}.modal-header h2,.q-title{font-family:Outfit,sans-serif}.btn-action-leave{color:var(--clr-blue);cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;display:flex}.btn-action-leave:disabled{background:var(--clr-bg-light);color:#94a3b8;border-color:var(--clr-border);cursor:not-allowed}.view-mode-toggle{background:var(--clr-bg-light);border-radius:12px;gap:.2rem;padding:.3rem;display:flex}.view-mode-toggle button{color:var(--clr-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.5rem 1.2rem;font-weight:600;transition:all .2s}.view-mode-toggle button.active{color:var(--clr-text-darkest);background:#fff}.progress-bar-wrap{background:var(--clr-bg-light);border-radius:99px;align-items:center;width:100px;height:12px;display:flex;position:relative}.progress-bar-fill{border-radius:99px;height:100%}.progress-bar-wrap span{font-size:.8rem;font-weight:600;position:absolute;right:-40px}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff}.modal-overlay,.monthly-header button,.page-header-premium,.sidebar,.topbar{display:none!important}.teacher-presence-container{padding:0!important}.table-card{border:var(--border-light);border-radius:0;box-shadow:none!important;padding:1rem!important}.tp-table th{background:var(--clr-bg-light)!important;color:#000!important}.tp-table td,.tp-table th{border-bottom:1px solid var(--clr-border-dark)!important}}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.items-center{align-items:center}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.quran-container{flex-direction:column;gap:1rem;padding-bottom:3rem;display:flex}.q-controls,.q-stat-card{padding:1rem 1.5rem;display:flex}.quran-container .page-header-premium,.riwayat-presensi-page .page-header-premium,.summative-exams-container .page-header-premium{margin-bottom:0!important}.q-header{justify-content:space-between;align-items:flex-start;display:flex}.q-title{color:var(--clr-text-dark);letter-spacing:-1px;margin:0;font-size:2rem;font-weight:800}.q-subtitle{color:var(--clr-text-muted);margin-top:4px;font-size:1rem}.q-header-stats{gap:1rem;display:flex}.q-stat-card{background:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;box-shadow:0 4px 15px #00000008}.q-stat-label{color:var(--clr-text-light);text-transform:uppercase;font-size:.75rem;font-weight:700}.q-stat-value{color:var(--clr-primary);font-size:1.5rem;font-weight:900}.q-controls{z-index:100;justify-content:space-between;align-items:center;gap:2rem;position:relative;border-radius:24px!important;overflow:visible!important}.control-group{flex:1;align-items:center;gap:12px;display:flex}.q-class-select{min-width:200px}.q-search-box{background:var(--clr-bg-light);border:var(--border-light);border-radius:16px;flex:1;align-items:center;gap:12px;padding:10px 18px;display:flex}.q-search-box input{width:100%;color:var(--clr-text-dark);background:0 0;border:none;outline:0;font-weight:600}.q-student-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:1.5rem;display:grid}.q-student-card{flex-direction:column;gap:1.5rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;border:1px solid #00000008!important;border-radius:24px!important}.q-card-main{gap:1.25rem;display:flex}.q-avatar{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;font-weight:800;display:flex;box-shadow:0 8px 20px #10b98133}.q-rank-mini{background:var(--clr-text-dark);color:#fff;border:2px solid #fff;border-radius:8px;padding:4px 8px;font-size:.65rem;font-weight:900;position:absolute;top:-8px;right:-8px}.modal-header h2,.q-name{color:var(--clr-text-dark);margin:0}.q-info{flex-direction:column;flex:1;gap:8px;display:flex}.q-name{font-size:1.15rem;font-weight:800}.q-juz-grid-visual{background:var(--clr-bg-lightest);border-radius:14px;grid-template-columns:repeat(10,1fr);gap:6px;margin:10px 0;padding:10px;display:grid}.juz-dot-premium{aspect-ratio:1;color:var(--clr-text-light);border:var(--border-light);background:#fff;border-radius:4px;justify-content:center;align-items:center;font-size:.5rem;font-weight:900;transition:all .3s;display:flex}.juz-dot-premium.completed{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary-dark);box-shadow:0 2px 4px #10b98133}.q-achievements{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.badge-achieve{background:var(--clr-purple-tint);color:#7c3aed;border:1px solid #ddd6fe;border-radius:8px;padding:4px 10px;font-size:.65rem;font-weight:800}.badge-achieve.gold{background:var(--clr-amber-tint);color:#d97706;border-color:#fcd34d}.badge-achieve-empty{color:var(--clr-text-light);font-size:.65rem;font-style:italic}.btn-q-history,.q-loading{color:var(--clr-text-muted);display:flex}.q-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;font-weight:600}.q-card-actions{gap:10px;display:flex}.btn-q-history{border:var(--border-light);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s}.btn-q-add{background:var(--clr-text-dark);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.leaves-modal-overlay,.q-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.q-modal{background:#fff;width:100%;max-width:600px;padding:2.5rem;border-radius:32px!important;box-shadow:0 30px 60px #0003!important}.btn-close{color:var(--clr-text-light);background:0 0;font-size:2rem}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.q-type-toggle{background:var(--clr-bg-light);border-radius:12px;padding:4px;display:flex}.q-type-toggle button{color:var(--clr-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:.85rem;font-weight:700}.q-type-toggle button.active{color:var(--clr-primary);background:#fff}.q-form input,.q-form select,.q-form textarea{border:var(--border-light);background:var(--clr-bg-lightest);border-radius:12px;padding:12px 16px;font-family:inherit;font-weight:600}.q-form textarea{resize:none;min-height:100px}.btn-q-save,.btn-submit-leave{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;margin-top:1rem;padding:16px;font-size:1rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 10px 25px #10b9814d}.q-main-layout{z-index:1;grid-template-columns:1fr 340px;gap:2rem;display:grid;position:relative}.q-widget{padding:1.5rem;border-radius:28px!important}.q-widget-header,.widget-header{align-items:center;gap:10px;margin-bottom:1.5rem;display:flex}.cbt-brand h3,.q-widget-header h3,.widget-header h3{color:var(--clr-text-dark);margin:0;font-size:1rem;font-weight:800}.q-leader-item{background:var(--clr-bg-lightest);border-radius:16px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.q-ana-card-item,.q-rank{align-items:center;display:flex}.q-rank{color:#fff;border-radius:8px;justify-content:center;width:28px;height:28px;font-size:.75rem;font-weight:900}.rank-2{background:linear-gradient(135deg, var(--clr-text-light), var(--clr-text-muted))}.rank-3{background:linear-gradient(135deg,#b45309,#78350f)}.q-rank:not(.rank-1):not(.rank-2):not(.rank-3){background:var(--clr-border);color:#94a3b8}.q-leader-info .sub,.student-subtext{color:var(--clr-text-light);font-size:.7rem;font-weight:600}.q-leader-stat{text-align:right;flex-direction:column;display:flex}.q-leader-stat .val{color:var(--clr-primary);font-size:1rem;font-weight:900;line-height:1}.q-leader-stat .lab{color:var(--clr-text-light);text-transform:uppercase;font-size:.6rem;font-weight:800}.q-ana-card-item{border:var(--border-lighter);background:#fff;border-radius:16px;gap:1rem;padding:12px;transition:all .2s}.icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.bg-soft-green{background:var(--clr-primary-tint)}.bg-soft-purple{background:var(--clr-purple-tint)}.premium-search-box input,.q-premium-select{background:var(--clr-bg-lightest);width:100%}.text-purple{color:var(--clr-purple)}.q-ana-card-item .l{color:var(--clr-text-light);font-size:.75rem;font-weight:700}.q-ana-card-item .v-row{align-items:baseline;gap:6px;display:flex}.q-ana-card-item .v{color:var(--clr-text-dark);font-size:1.15rem;font-weight:900}.q-ana-card-item .u{color:var(--clr-text-muted);font-size:.7rem;font-weight:700}.q-badge-quality{border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:900}.q-premium-select{border:var(--border-light);border-radius:12px;padding:12px 16px;font-family:inherit;font-weight:600}.religious-container{flex-direction:column;gap:2.5rem;padding-bottom:3rem;display:flex}.religious-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.5rem;display:grid}.activity-stat-card{gap:1.5rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.act-icon-box{background:linear-gradient(135deg, var(--clr-primary-tint) 0, #d1fae5 100%);width:56px;height:56px;color:var(--primary);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 20px #10b9811a}.act-info h3{color:var(--clr-text-dark);margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}.act-info .time{color:var(--clr-text-muted);margin-bottom:1.25rem;font-size:.8rem;font-weight:600;display:block}.participation .bar{background-color:var(--clr-bg-light);border-radius:5px;flex:1;height:10px;overflow:hidden}.participation .fill{background:linear-gradient(to right, var(--clr-primary), #34d399);border-radius:5px;height:100%}.religious-form{padding:0;overflow:hidden;border:1px solid #0000000a!important;border-radius:32px!important}.form-header{background:linear-gradient(90deg,#10b98108,#0000);border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:2.5rem 2rem;display:flex}.header-with-icon h3{color:var(--clr-text-dark);letter-spacing:-.5px;margin:0;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800}.badge-today{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#d97706 0,#b45309 100%);border-radius:12px;padding:8px 18px;font-size:.8rem;font-weight:800;box-shadow:0 4px 12px #d9770633}.form-body-content,.settings-card{padding:2rem}.religious-class-select{max-width:400px}.config-section,.options-list,.slide-content-form,.student-checklist{flex-direction:column;gap:.75rem;display:flex}.checklist-row{border:var(--border-lighter);background-color:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.checklist-row .student-name{color:var(--clr-text-dark);font-size:1rem;font-weight:700}.check-btn{border:var(--border-light);color:var(--clr-text-muted);cursor:pointer;background:#fff;border-radius:12px;padding:10px 20px;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.check-btn.active{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;border:none;transform:scale(1.05);box-shadow:0 4px 12px #10b98140}.religious-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-visual{background:var(--clr-bg-light);width:100px;height:100px;color:var(--clr-border-dark);border-radius:35px;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:all .3s;display:flex}.religious-empty-state h4{color:var(--clr-text-dark);margin:0 0 8px;font-size:1.25rem;font-weight:800}.religious-empty-state p{color:var(--clr-text-light);max-width:300px;margin:0 auto;font-size:.95rem;line-height:1.5}.religious-controls{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.premium-search-box input{border:var(--border-light);color:var(--clr-text-dark);border-radius:16px;outline:0;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.premium-search-box input:focus{border-color:var(--clr-primary);background:#fff;box-shadow:0 0 0 4px #10b9811a}.check-options-grid{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.avatar-letter,.premium-check-pill{color:var(--clr-text-muted);align-items:center;display:flex}.premium-check-pill{border:var(--border-lighter);cursor:pointer;background:#fff;border-radius:12px;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.premium-check-pill svg{color:var(--act-color,#10b981);opacity:.7;transition:all .2s}.premium-check-pill.active{background:var(--act-color,#10b981);color:#fff;border:none;transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.premium-check-pill.active svg{color:#fff;opacity:1;transform:scale(1.1)}.religious-main-content{grid-template-columns:1fr 340px;gap:2rem;display:grid}.avatar-letter{background:var(--clr-bg-light);border-radius:10px;justify-content:center;width:38px;height:38px;font-size:.9rem;font-weight:800}.btn-wa-share,.leaderboard-item{align-items:center;display:flex}.btn-wa-share{background:var(--clr-primary-tint);width:36px;height:36px;color:var(--clr-primary);border:1px solid var(--clr-primary-light);cursor:pointer;border-radius:10px;justify-content:center;transition:all .2s}.leaderboard-widget,.tips-widget{padding:1.5rem;border-radius:24px!important}.leaderboard-item{background:var(--clr-bg-lightest);border-radius:12px;gap:12px;padding:10px;transition:transform .2s}.bar-wrapper,.rank-badge{border-radius:6px;display:flex}.rank-badge{background:var(--clr-text-dark);color:#fff;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800}.leaderboard-item:nth-child(3) .rank-badge{background:#b45309}.s-info{flex-direction:column;flex:1;gap:4px;display:flex}.score-track{gap:4px;display:flex}.trend-text{color:var(--clr-text-muted);font-size:.85rem;line-height:1.4}.mini-chart{justify-content:space-between;align-items:flex-end;gap:4px;height:60px;display:flex}.bar-column{flex:1;align-items:flex-end;height:100%;display:flex}.bar-fill{background:var(--clr-bg-light);width:100%}.bar-column:nth-last-child(2) .bar-fill{background:#34d399}.header-actions{gap:12px;display:flex}.analytics-widget{padding:1.5rem;background:linear-gradient(135deg,#fff 0,#f0f9ff 100%)!important}.stat-row-mini .value{color:#0369a1;font-size:1.25rem;font-weight:900}.chart-container-premium{justify-content:space-between;align-items:flex-end;gap:8px;height:120px;padding:10px 0;display:flex}.chart-column{flex-direction:column;flex:1;align-items:center;gap:8px;height:100%;display:flex}.bar-wrapper{background:var(--clr-bg-light);flex:1;align-items:flex-end;width:100%;overflow:hidden}.bar-fill-premium{border-radius:6px 6px 0 0;width:100%;transition:height 1s cubic-bezier(.4,0,.2,1)}.day-label{color:var(--clr-text-light);text-transform:uppercase;font-size:.7rem;font-weight:800}.analytics-summary{color:var(--clr-text-muted);background:#fff;border:1px solid #e0f2fe;border-radius:12px;padding:12px;font-size:.8rem;line-height:1.5}@media (width<=1200px){.q-main-layout,.religious-main-content{grid-template-columns:1fr}}.report-modal-overlay{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);z-index:10000;background:#020617d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s cubic-bezier(.4,0,.2,1) modalIn;display:flex;position:fixed;top:0;left:0}@keyframes modalIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.report-modal-container{background:var(--clr-bg-lightest);border:none;border-radius:0;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden;box-shadow:0 50px 100px -20px #0009}.modal-top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex}.btn-close-modal{background:var(--clr-bg-light);color:var(--clr-text-secondary);border:var(--border-light);align-items:center;gap:10px;font-weight:700;display:flex}.modal-title-info{color:var(--clr-text-darkest);letter-spacing:-.01em;font-size:1.2rem;font-weight:900}.btn-print-modal{background:linear-gradient(135deg, var(--clr-primary-dark) 0, #047857 100%);color:#fff;cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:12px 24px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 20px #05966933}.modal-body-preview{background:var(--clr-text-muted);flex:1;justify-content:center;padding:0;display:flex;overflow:hidden}.report-preview-iframe{background:#fff;border:none;width:100%;height:100%;box-shadow:0 0 40px #0000001a}.badge-info,.doc-table th{background-color:var(--clr-bg-light)}.reports-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}.report-config-card{z-index:5;padding:1.5rem;position:relative;overflow:visible!important}.config-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.p-label,.stat-info-box .label{letter-spacing:.5px;text-transform:uppercase}.report-info-card{z-index:1;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;position:relative}.doc-header,.info-box{align-items:center;display:flex}.badge-info{color:var(--text-main);border-radius:20px;padding:.4rem .8rem;font-size:.75rem;font-weight:700}.preview-table th{text-align:left;color:var(--text-muted);border-bottom:2px solid var(--clr-bg-light);text-transform:uppercase;padding:.75rem;font-size:.75rem}.preview-table td{border-bottom:var(--border-lighter);padding:1rem .75rem;font-size:.875rem;font-weight:500}.percentage{border-radius:4px;padding:.2rem .5rem;font-weight:700}.percentage.high{color:var(--clr-primary);background-color:var(--clr-primary-tint)}.percentage.mid{color:var(--clr-amber);background-color:var(--clr-amber-tint)}.percentage.low{color:var(--clr-red);background-color:var(--clr-red-tint)}.info-box{background-color:var(--clr-blue-tint);color:#1e40af;border-radius:12px;gap:.75rem;padding:1rem;font-size:.75rem;line-height:1.4}.report-preview-modal{background-color:var(--clr-bg-lightest);flex-direction:column;display:flex;overflow-y:auto}.official-document{background-color:#fff;width:100%;max-width:800px;margin:2rem auto;font-family:Times New Roman,Times,serif;box-shadow:0 4px 20px #0000001a}.doc-header{text-align:center;margin-bottom:1.5rem;position:relative}.doc-logo{justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.doc-logo img{object-fit:contain;max-width:100%;max-height:100%}.doc-header-text h2{letter-spacing:1px;margin:0;font-size:1.25rem}.doc-header-text p{margin:.25rem 0;font-size:.875rem}.doc-divider{border-top:2px solid #000;border-bottom:1px solid #000;height:4px}.doc-title{text-align:center;margin-bottom:2rem}.doc-meta p{margin:.5rem 0}.doc-meta span{width:80px;font-weight:700;display:inline-block}.doc-table{width:100%;margin-bottom:3rem}.doc-table td,.doc-table th{text-align:left;border:1px solid #000;padding:.5rem;font-size:.875rem}.doc-date-header{text-align:right;margin-bottom:.5rem;font-size:.875rem}.doc-signatures{justify-content:space-between;margin-top:1rem;display:flex}.sig-item{text-align:center;width:250px;font-size:.875rem;line-height:1.4}.sig-space{height:70px}.sig-nip{color:var(--clr-text-dark);margin-top:.25rem;font-size:.75rem}.sig-name{white-space:pre-wrap}.badge-status,.btn-premium,.data-table th,.small-text,.student-name{white-space:nowrap}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.quick-stats-grid,.stats-cards-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.q-stat{border:var(--border-light);background-color:#fff;border-radius:12px;flex-direction:column;padding:1rem;display:flex}.q-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.q-value{color:var(--text-main);font-size:1.25rem;font-weight:700}.btn-close-modal,.p-label{color:var(--clr-text-muted)}@media (width<=768px){.view-mode-toggle button{padding:.4rem .8rem;font-size:.85rem}.pdc-actions{flex-wrap:nowrap!important;gap:.5rem!important}.action-btn-wrapper{flex:1;min-width:0}.pdc-btn{gap:.3rem;width:100%;padding:.6rem .5rem;font-size:.8rem}.q-header{flex-direction:column;gap:1.5rem}.q-header-stats{width:100%;padding-bottom:5px;overflow-x:auto}.q-stat-card{flex:1;min-width:140px}.q-controls{flex-direction:column;align-items:stretch;gap:1rem}.period-grid,.q-student-grid,.quick-stats-grid{grid-template-columns:1fr}.checklist-row{flex-direction:column;align-items:flex-start;gap:1rem}.check-options,.checklist-actions{justify-content:space-between;width:100%}.check-btn{text-align:center;flex:1;padding:10px 5px;font-size:.7rem}.report-modal-container{border-radius:0;width:100vw;height:100vh}.modal-overlay,.modal-top-bar{padding:1rem}.doc-header,.preview-header{flex-direction:column;gap:1rem}.report-info-card{max-width:100vw;overflow:visible!important}.preview-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:calc(100vw - 2rem);overflow-x:auto}.preview-table{min-width:600px}.preview-header{align-items:flex-start}.official-document{zoom:.45;padding:1.5rem}@media screen and (width<=350px){.official-document{zoom:.4!important}}@media screen and (width>=380px) and (width<=450px){.official-document{zoom:.5!important}}@media screen and (width>=451px) and (width<=550px){.official-document{zoom:.6!important}}@media screen and (width>=551px) and (width<=650px){.official-document{zoom:.7!important}}@media screen and (width>=651px) and (width<=768px){.official-document{zoom:.85!important}}@supports not (zoom:1){.official-document{transform-origin:top;width:800px;transform:scale(.45)}}.doc-signatures{flex-direction:column;align-items:center;gap:2rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex}.modal-overlay:has(.report-preview-modal){padding:0}.report-preview-modal{background:#fff;border-radius:0;flex-direction:column;width:100vw;max-width:100vw;height:100vh;max-height:100vh;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header,.official-document{background-color:var(--clr-bg-lightest)}.btn-close-modal{border:var(--border-light);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.official-document{flex:1;min-height:0;padding:4rem;overflow-y:auto}.official-document::-webkit-scrollbar{width:8px}.official-document::-webkit-scrollbar-track{background:var(--clr-bg-light)}.official-document::-webkit-scrollbar-thumb{background:var(--clr-border-dark);border:2px solid var(--clr-bg-light);border-radius:10px}.modal-footer{border-top:var(--border-light);background-color:#fff;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.presence-summary-grid,.students-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem;display:grid}.p-summary-card{border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.p-icon-wrap,.p-timeline-item{border-radius:12px;align-items:center;display:flex}.p-icon-wrap{justify-content:center;width:48px;height:48px}.p-icon-wrap.green{background:var(--clr-primary-light);color:var(--clr-primary)}.p-icon-wrap.amber{background:var(--clr-amber-light);color:var(--clr-amber)}.p-label{font-size:.85rem;font-weight:600}.p-val{color:var(--clr-text-dark);font-size:1.5rem;font-weight:800}.p-val small{color:var(--clr-text-light);font-size:.875rem;font-weight:500}.p-timeline-item{background:var(--clr-bg-lightest);border:var(--border-light);padding:1rem 1.25rem;transition:all .2s}.p-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.presence-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.5rem;padding:1rem 0;display:grid}.pg-card{border:var(--border-light);background:#fff;border-radius:12px;padding:1.25rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a}.pg-header{border-bottom:1px dashed var(--clr-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.pg-date{color:var(--clr-text-muted);font-size:.875rem;font-weight:600}.pg-subject{color:var(--clr-text-dark);font-size:1.125rem;font-weight:700}.pg-schedule{color:var(--clr-text-light);margin-left:.5rem;font-size:.875rem;font-weight:500}.settings-container{flex-direction:column;gap:2rem;width:100%;display:flex}.settings-layout{grid-template-columns:280px 1fr;align-items:start;gap:1.5rem;width:100%;display:grid}.settings-tabs-card{z-index:10;height:fit-content;padding:.75rem;position:sticky;top:1rem}.tabs-list{flex-direction:column;gap:.35rem;display:flex}.settings-tab-btn{color:var(--clr-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.settings-tab-btn.active{color:var(--clr-primary);background-color:#f0fdf4}.settings-main{flex-direction:column;gap:1.5rem;width:100%;min-width:0;display:flex}.warning-banner{box-sizing:border-box;width:100%}.add-subject-form{gap:1rem;width:100%;display:flex}.form-grid-2{grid-template-columns:repeat(2,1fr);display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.form-group label{color:var(--clr-text-muted);text-transform:uppercase}.exam-creation-form input,.exam-creation-form textarea,.form-group input,.form-group select,.premium-input,.premium-select{background:var(--clr-bg-lightest);border:1.5px solid var(--clr-border);width:100%;color:var(--clr-text-dark);border-radius:12px;outline:0;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:all .2s}.exam-creation-form input:focus,.exam-creation-form textarea:focus,.form-group input:focus,.form-group select:focus,.premium-input:focus,.premium-select:focus,.premium-textarea:focus{border-color:var(--clr-primary);background:#fff;box-shadow:0 0 0 4px #10b98114}.premium-textarea{background:var(--clr-bg-lightest);border:1.5px solid var(--clr-border);width:100%;color:var(--clr-text-dark);resize:none;border-radius:12px;outline:0;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:all .2s}.premium-logo-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;align-items:center;gap:2rem;padding:2rem;display:flex;position:relative;overflow:hidden}.premium-logo-card.dual-logo{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.main-logo-preview{background:var(--clr-bg-lightest);border:2px dashed var(--clr-border);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;padding:8px;display:flex}.main-logo-preview img{object-fit:contain;width:100%;height:100%}.brand-title h3{color:var(--clr-text-dark);margin:0 0 .25rem;font-size:1.05rem;font-weight:800}.brand-title p{color:var(--clr-text-muted);margin:0;font-size:.75rem}.btn-upload-premium{cursor:pointer;background:var(--clr-primary);color:#fff;border-radius:10px;align-items:center;gap:.5rem;width:fit-content;padding:.6rem 1.25rem;font-size:.8125rem;font-weight:700;display:flex}.leader-profile-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;align-items:center;gap:1.5rem;padding:1.25rem;transition:all .3s;display:flex}.profile-photo-wrapper{flex-shrink:0;width:72px;height:72px;position:relative}.photo-placeholder,.profile-photo-wrapper img{object-fit:cover;background:var(--clr-bg-lightest);width:100%;height:100%;color:var(--clr-text-light);border:2px solid #fff;border-radius:18px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000000d}.photo-edit-badge{background:var(--clr-primary);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #00000026}.profile-details label{color:var(--clr-text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.profile-details input{width:100%;color:var(--clr-text-dark);border:none;border-bottom:1.5px solid var(--clr-border);background:0 0;outline:0;padding:.25rem 0;font-size:.95rem;font-weight:600;transition:all .2s}.profile-details input:focus{border-bottom-color:var(--clr-primary)}.premium-section-header{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 10px 25px #10b98126}.header-icon-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff40;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.premium-section-header h3{margin:0;font-size:1.25rem;font-weight:850}.premium-section-header p{opacity:.9;margin:4px 0 0;font-size:.875rem}.premium-slide-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;grid-template-columns:200px 1fr;gap:1.5rem;padding:1.25rem;display:grid;position:relative}.slide-media{background:var(--clr-bg-lightest);border-radius:12px;height:120px;position:relative;overflow:hidden}.media-upload-overlay,.slide-delete-action{cursor:pointer;display:flex;position:absolute}.media-upload-overlay{color:#fff;opacity:0;background:#10b981f2;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;transition:opacity .2s;inset:0}.slide-media:hover .media-upload-overlay{opacity:1}.slide-delete-action{color:#e11d48;background:#fff1f2;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;top:.75rem;right:.75rem}.btn-delete:hover,.btn-icon-danger:hover,.slide-delete-action:hover{color:#fff;background:#e11d48}.premium-glass-form{border:var(--border-light);background:#fff;border-radius:20px;padding:24px}.input-with-icon svg{color:var(--clr-primary);pointer-events:none;z-index:2}.input-with-icon input,.input-with-icon select{padding-left:2.75rem!important}.btn-premium-add{background:var(--clr-text-dark);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:700;transition:background .2s;display:flex}.signatory-box h4,.t-day{color:var(--clr-text-dark)}.btn-premium,.t-delete-btn{cursor:pointer;transition:all .2s}.btn-premium-add:hover:not(:disabled){background:var(--clr-text-darkest)}.btn-premium-add:disabled{opacity:.5;cursor:not-allowed}.agenda-timeline{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.timeline-card{border:var(--border-lighter);border-left:4px solid var(--clr-text-muted);background:#fff;border-radius:16px;display:flex;overflow:hidden}.timeline-card.libur{border-left-color:var(--clr-red)}.timeline-card.ujian{border-left-color:var(--clr-amber)}.timeline-card.acara{border-left-color:var(--clr-primary)}.timeline-date-box{background:var(--clr-bg-lightest);border-right:var(--border-lighter);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:76px;padding:12px;display:flex}.t-day{font-size:1.35rem;font-weight:900}.t-month{color:var(--clr-text-muted);text-transform:uppercase;font-size:.7rem;font-weight:800}.timeline-content{flex:1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.t-year{color:var(--clr-text-light);font-size:.75rem;font-weight:600}.t-badge{text-transform:uppercase;border-radius:100px;padding:4px 10px;font-size:.65rem;font-weight:800}.t-delete-btn{background:var(--clr-bg-light);width:34px;height:34px;color:var(--clr-text-muted);border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.doc-divider-settings{color:var(--clr-primary);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--clr-bg-light);margin-bottom:1rem;padding:1.5rem 0 .5rem;font-size:.75rem;font-weight:800}.signatory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.5rem;display:grid}.signatory-box{background:#fff;border:1px solid #eef2f6;border-radius:16px;padding:1.25rem}.signatory-box h4{margin:0 0 1rem;font-size:.875rem;font-weight:800}.sig-preview-small{background:var(--clr-bg-lightest);border:2px dashed var(--clr-border);border-radius:10px;justify-content:center;align-items:center;width:90px;height:54px;display:flex;overflow:hidden}.sig-preview-small img{object-fit:contain;max-width:90%;max-height:90%}.stamp-upload-area{text-align:center;background:#f0fdf4;border:2px dashed #10b98140;border-radius:16px;padding:1.5rem}.stamp-preview-large{background:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 8px 20px #0000000f}.stamp-preview-large img{object-fit:contain;width:80%;height:80%}.homeroom-container-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.25rem;display:grid}.homeroom-card-new{z-index:1;background:#fff;border:1px solid #eef2f6;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:visible!important}.homeroom-card-new:has(.is-open){z-index:50}.card-top{background:linear-gradient(to bottom, var(--clr-bg-lightest), #fff);border-bottom:var(--border-lighter);align-items:center;gap:1rem;padding:1.25rem;display:flex}.class-badge-modern{color:#fff;background:#4f46e5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.15rem;font-weight:900;display:flex;box-shadow:0 6px 14px #4f46e526}.info-label{color:var(--clr-text-light);text-transform:uppercase;font-size:.65rem;font-weight:700}.info-value{margin-top:1px;font-size:.9375rem;font-weight:700}.card-bottom{background:#fff;padding:1.25rem}.schedule-table-wrapper{border:var(--border-light);background:#fff;border-radius:14px;width:100%;overflow:hidden}.schedule-edit-table th{background:var(--clr-bg-lightest);text-align:left;color:var(--clr-text-muted);border-bottom:var(--border-light);padding:1rem;font-size:.8125rem;font-weight:700}.schedule-edit-table td{border-bottom:var(--border-lighter);vertical-align:middle;padding:.75rem 1rem}.schedule-input{border:var(--border-light);border-radius:8px;width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.schedule-input-small{text-align:center;border:var(--border-light);border-radius:8px;width:70px;padding:.5rem;font-weight:700}.list-item-premium{background:#fff;border:1px solid #eef2f6;border-radius:12px;align-items:center;padding:.875rem 1.25rem;display:flex;border-left:4px solid var(--clr-blue)!important}.list-item-premium.border-l-blue-500{border-left-color:var(--clr-blue)!important}.list-item-premium.border-l-amber-500{border-left-color:var(--clr-amber)!important}.list-item-premium.border-l-pink-500{border-left-color:#ec4899!important}.list-item-premium.border-l-cyan-500{border-left-color:#06b6d4!important}.list-item-premium.border-l-emerald-500{border-left-color:var(--clr-primary)!important}.list-item-premium .item-content span{color:var(--clr-text-dark);font-size:.9rem;font-weight:600}.btn-delete,.btn-icon-danger{color:#e11d48;cursor:pointer;background:#fff1f2;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}:is(.glass-card:has(.premium-selector),.glass-card:has(.premium-selector-container),.settings-card){overflow:visible!important}@media (width<=1024px){.reports-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:240px 1fr}}.data-table-wrapper,.table-container{overflow-x:auto}.small-text,.student-avatar{overflow:hidden}.students-container{flex-direction:column;gap:.35rem;max-width:100%;padding:0 1.25rem 1rem;animation:.4s fadeIn;display:flex}.page-header-premium{border:var(--border-lighter);background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:.875rem 1.5rem .75rem;display:flex;box-shadow:0 1px 4px #0000000d,0 4px 16px #0000000a}.btn-primary-premium,.header-icon-wrapper.theme-green{background:linear-gradient(135deg, var(--clr-primary), #059669)}.header-icon-wrapper,.stat-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.header-icon-wrapper.theme-green{color:#fff;box-shadow:0 4px 14px #10b9814d}.header-icon-wrapper.theme-indigo{color:#fff;background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 4px 14px #6366f14d}.page-title{color:var(--clr-text-darkest);letter-spacing:-.3px;margin:0 0 .2rem;font-size:1.35rem;font-weight:800}.btn-premium,.search-wrapper input{font-family:Inter,sans-serif;font-size:.875rem}.btn-premium{border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;display:inline-flex}.btn-primary-premium{color:#fff;box-shadow:0 4px 12px #10b98140}.btn-secondary-premium{color:var(--clr-text-secondary);border:var(--border-light);background:#fff}.stat-item-premium{border:var(--border-lighter);background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .25s;display:flex;box-shadow:0 1px 4px #0000000a}.stat-icon-box.male{color:#9333ea;background:#fdf4ff}.stat-icon-box.female{color:#db2777;background:#fff1f2}.stat-info-box{flex-direction:column;min-width:0;display:flex}.stat-info-box .label{color:var(--clr-text-light);margin-bottom:.2rem;font-size:.75rem;font-weight:600}.stat-info-box .value{color:var(--clr-text-darkest);margin:0;font-size:1.6rem;font-weight:800;line-height:1.1}.table-container{border:var(--border-lighter);background:#fff;border-radius:20px;box-shadow:0 1px 4px #0000000d}.table-filters{border-bottom:var(--border-lighter);background:#fafbfc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 1.25rem;display:flex}.search-wrapper{flex:1;align-items:center;gap:.5rem;max-width:380px;transition:all .2s;display:flex;border:var(--border-light)!important;background:#fff!important;border-radius:12px!important;padding:.4rem .875rem!important}.search-wrapper:focus-within{box-shadow:0 0 0 3px #10b9811a;border-color:var(--clr-primary)!important}.search-wrapper input{color:var(--clr-text-darkest);background:0 0;outline:0;width:100%;border:none!important}.search-wrapper input::placeholder{color:var(--clr-text-light)}.search-icon{flex-shrink:0;color:var(--clr-text-light)!important}.filter-group{flex-shrink:0}.student-avatar,.student-cell{align-items:center;display:flex}.table-responsive-wrapper{scrollbar-width:thin;scrollbar-color:var(--clr-border) transparent;width:100%}.text-right{text-align:right!important}.data-table thead{background:var(--clr-bg-lightest);border-bottom:2px solid var(--clr-bg-light)}.data-table th{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.6px;text-align:left;padding:.875rem 1.25rem;font-size:.72rem;font-weight:700}.doc-divider span,.form-group label{letter-spacing:.5px;text-transform:uppercase}.data-table td{color:var(--clr-text-medium);padding:.35rem 1.25rem;font-size:.875rem}.student-cell{gap:.875rem}.student-avatar{background:linear-gradient(135deg, var(--clr-primary), #059669);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;font-size:.875rem;font-weight:700}.student-name{color:var(--clr-text-darkest);margin-bottom:.05rem;font-size:.875rem;font-weight:700;transition:color .2s}.student-contacts{color:var(--clr-text-light);align-items:center;gap:.3rem;display:flex}.small-text{color:var(--clr-text-light);text-overflow:ellipsis;max-width:180px;font-size:.75rem}.grid-item,.nis-stack{flex-direction:column;gap:3px;display:flex}.nis-stack code{color:#2563eb;background:var(--clr-blue-tint);border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,Courier New,monospace;font-size:.78rem;font-weight:600;display:inline-block}.sub-code{color:var(--clr-text-secondary)!important;background:var(--clr-bg-light)!important;font-size:.72rem!important}.icon-btn-sm,.student-modal-large{background:var(--clr-bg-lightest)}.badge-status{text-transform:uppercase;letter-spacing:.4px;border-radius:99px;align-items:center;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-status.aktif{color:#15803d;background:#dcfce7}.badge-status.lulus{background:var(--clr-blue-light);color:#1d4ed8}.badge-status.pindah{color:#92400e;background:#fef9c3}.badge-status.do{background:var(--clr-red-light);color:#b91c1c}.action-btns{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.icon-btn-sm{border:var(--border-light);cursor:pointer;color:var(--clr-text-muted);border-radius:10px;justify-content:center;transition:all .2s;display:flex}.icon-btn-sm.whatsapp{color:#16a34a}.icon-btn-sm.edit{color:#0284c7}.icon-btn-sm.delete{color:#dc2626}.icon-btn-sm.id-card{color:#7c3aed}.empty-state-row td{text-align:center;color:var(--clr-text-light);padding:4rem 1.5rem!important}.modal-overlay{-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;inset:0}.modal-overlay:has(.student-modal-large){align-items:stretch;padding:0!important}.student-modal-large{flex-direction:column;display:flex;overflow:hidden;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important}.student-modal-large form{flex-direction:column;flex:1;min-height:0;display:flex}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header{border-bottom:var(--border-lighter);background:#fff;flex-shrink:0;justify-content:space-between}.modal-header h3{color:var(--clr-text-darkest);gap:.5rem}.btn-close{background:var(--clr-bg-light);width:34px;height:34px;color:var(--clr-text-muted);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-body-scrollable{background:var(--clr-bg-lightest);flex:1;padding:2rem;overflow-y:auto}.form-columns-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:2rem;display:grid}.form-column{border:var(--border-lighter);background:#fff;border-radius:16px;flex-direction:column;gap:0;padding:1.5rem;display:flex}.column-title{color:var(--clr-primary-dark);border-bottom:2px solid var(--clr-primary-tint);align-items:center;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.875rem;font-size:.875rem;font-weight:700;display:flex}.btn,.up-box{font-weight:600}.form-group{z-index:1;margin-bottom:1rem;position:relative}.form-group:focus-within{z-index:1000}.form-group:has(.premium-selector.open){z-index:1001}.form-group:has(.cdp-dropdown){z-index:1005}.form-group label{color:var(--clr-text-muted)}.form-group input:not([type=checkbox]):not([type=radio]),.form-group textarea{border:1.5px solid var(--clr-border);width:100%;color:var(--clr-text-darkest);appearance:none;background:#fff;border-radius:16px;outline:0;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background-image:none!important}.form-group input:not([type=checkbox]):not([type=radio]):hover,.form-group textarea:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9810d}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 8px 25px #10b9811a}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;transition:opacity .2s}.doc-divider{border-top:1px dashed var(--clr-border);margin:1.5rem 0 1rem;padding-top:1rem}.doc-divider span{color:var(--clr-primary-dark);font-size:.72rem;font-weight:700}.photo-label-premium{border:2px dashed var(--clr-border);cursor:pointer;background:#fafafa;border-radius:12px;justify-content:center;align-items:center;width:100%;height:120px;transition:all .2s;display:flex;overflow:hidden}.up-box{height:100%;color:var(--clr-text-light);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.modal-footer-premium{border-top:var(--border-lighter);background:#fff;flex-shrink:0;justify-content:space-between;gap:.75rem;padding:1.1rem 2rem;display:flex}.brand-circle,.btn{align-items:center}.btn{cursor:pointer;border:none;border-radius:10px;gap:.5rem;padding:.6rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s;display:inline-flex}.btn-ghost{background:var(--clr-bg-light);color:var(--clr-text-secondary);border:var(--border-light)}.student-detail-modal-premium{background:#fff;border-radius:24px;flex-direction:column;width:680px;max-width:95vw;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0003}.detail-header-premium{background:linear-gradient(135deg, var(--clr-primary-deep), var(--clr-primary-dark));color:#fff;padding:2.5rem 2rem 5rem;position:relative}.brand-circle{background:#ffffff26;border-radius:12px;justify-content:center;width:40px;height:40px;font-weight:900;display:flex}.detail-brand h2{letter-spacing:1px;text-transform:uppercase;margin:0;font-size:1.3rem;font-weight:800}.detail-brand p{opacity:.75;margin:0;font-size:.8rem}.close-circle{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.detail-body-premium{flex-direction:column;gap:1.5rem;padding:0 2rem 2rem;display:flex}.detail-sidebar-info{z-index:20;align-items:flex-end;gap:1.5rem;margin-top:-4rem;display:flex;position:relative}.detail-large-photo{background:var(--clr-bg-lightest);border:5px solid #fff;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:165px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000001f}.detail-main-name{flex:1;min-width:0;padding-top:4.5rem}.detail-main-name h3{color:var(--clr-text-darkest);letter-spacing:-.5px;margin:0 0 .5rem;font-size:1.75rem;font-weight:800;line-height:1.1}.content-section h4,.detail-badge{color:var(--clr-primary-dark);font-weight:700}.detail-meta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.detail-badge{background:var(--clr-primary-tint);border:1px solid #a7f3d0;border-radius:99px;padding:3px 12px;font-size:.8rem;display:inline-block}.btn-wa-circle{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.btn-wa-full,.premium-action-btn{color:#fff;cursor:pointer;align-items:center;font-size:.95rem}.content-section{background:var(--clr-bg-lightest);border:var(--border-light);border-radius:16px;padding:1.25rem}.content-section h4{text-transform:uppercase;letter-spacing:.5px;border-bottom:var(--border-light);margin:0 0 1rem;padding-bottom:.5rem;font-size:.72rem}.grid-item span{color:var(--clr-text-light);text-transform:uppercase;letter-spacing:.4px;font-size:.68rem;font-weight:700}.grid-item strong{color:var(--clr-text-dark);font-size:.9rem;font-weight:600}.btn-wa-full{background:#16a34a;border:none;border-radius:14px;justify-content:center;gap:.5rem;width:100%;padding:.875rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 6px 16px #16a34a33}@media (width<=768px){.detail-grid-info,.form-columns-grid,.settings-layout{grid-template-columns:1fr}.settings-tabs-card{width:100%;position:static}.tabs-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;padding-bottom:.25rem;overflow-x:auto}.tabs-list::-webkit-scrollbar{display:none}.settings-tab-btn{white-space:nowrap;flex-shrink:0;width:auto;padding:.5rem .875rem}.form-grid-2,.form-grid-3,.premium-logo-card.dual-logo,.premium-slide-card{grid-template-columns:1fr;gap:1rem}.logo-upload-item{text-align:center;flex-direction:column}.btn-upload-premium{align-self:center}.slide-media{height:140px}.students-container{gap:1rem;padding:1rem}.page-header-premium{border-radius:16px;flex-direction:column;align-items:stretch;padding:1.25rem}.header-actions-premium{justify-content:stretch}.btn-premium{flex:1;justify-content:center}.students-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.modal-body-scrollable,.stat-item-premium{padding:1rem}.stat-info-box .value{font-size:1.3rem}.table-filters{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.search-wrapper{max-width:100%}.data-table td:nth-child(4),.data-table th:nth-child(4){display:none}.form-columns-grid{gap:1rem}.detail-sidebar-info{flex-direction:column;align-items:center}.detail-main-name{text-align:center;padding-top:0}.detail-main-name h3{font-size:1.4rem}.detail-meta-row{justify-content:center}}@media (width<=480px){.tp-summary-card{min-width:60px}.students-stats-grid{grid-template-columns:1fr}}.religious-controls{justify-content:flex-end;display:flex}.premium-action-btn{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);border:none;border-radius:9999px;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #10b9814d}.modal-header h3,.rl-surah{color:var(--clr-text-dark)}.rl-header{border-bottom:var(--border-lighter);margin-bottom:1.5rem;padding-bottom:1rem}.rl-grid{grid-template-columns:1fr;gap:1rem;display:grid}.rl-card{background:var(--clr-bg-lightest);border:var(--border-light);border-radius:12px;align-items:center;padding:1.25rem;transition:all .2s;display:flex}.rl-card-icon{background:var(--clr-primary-tint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:1.25rem;display:flex}.rl-surah{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.rl-ayat,.rl-teacher{color:var(--clr-text-muted)}.rl-ayat{font-size:.9rem;font-weight:500}.rl-teacher{align-items:center;gap:.35rem;font-size:.875rem;display:flex}.rl-card-meta{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.rl-date{color:var(--clr-text-light);font-size:.85rem;font-weight:600}.rl-status-badge{background:var(--clr-primary-light);color:var(--clr-primary-dark);border-radius:9999px;align-items:center;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}@media (width<=768px){.rl-card{flex-direction:column;align-items:flex-start}.rl-card-icon{margin-bottom:1rem}.rl-card-meta{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-top:1rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-header h3{margin:0;font-size:1.125rem;font-weight:700}.modal-close{color:var(--clr-text-light);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.report-portal-advanced{background:var(--clr-bg-light);min-height:100vh}.report-workspace{background:var(--clr-bg-lightest);height:100vh;display:flex}.report-sidebar{background:var(--clr-text-darkest);color:#fff;z-index:10;flex-direction:column;width:320px;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:10px 0 30px #0000000d}.report-sidebar:before{content:"";z-index:0;background:radial-gradient(circle,#10b9811a 0,#0000 70%);width:250px;height:250px;position:absolute;top:-100px;right:-100px}.report-preview-area{background:var(--clr-border);scroll-behavior:smooth;flex:1;justify-content:center;padding:40px;display:flex;overflow-y:auto}.btn-back,.btn-print-action-top{cursor:pointer;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.sidebar-header{z-index:2;margin-bottom:.5rem;position:relative}.sidebar-top-actions{gap:6px;margin-bottom:.75rem;display:flex}.btn-back{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex:1;justify-content:center;align-items:center}.btn-print-action-top{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;box-shadow:0 4px 15px #10b98133}.leaves-nav-tabs .l-tab,.menu-item{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.rdm-student-profile{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;margin-bottom:0;padding:10px 14px;display:flex}.rdm-avatar-mini{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 8px 16px #10b9814d}.rdm-profile-info{flex-direction:column;gap:0;display:flex;background:0 0!important;padding:0!important}.report-page,.sidebar-menu{flex-direction:column;display:flex;position:relative}.b-name{margin:0;font-size:1rem;font-weight:800;line-height:1.2;color:#fff!important}.b-nisn{letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600;color:var(--clr-text-light)!important}.sidebar-menu{z-index:2;gap:2px}.menu-item{color:var(--clr-text-light);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.menu-item.active{color:var(--clr-primary);background:#10b9811a;border:1px solid #10b98133}.report-page{color:#000;background:#fff;width:210mm;min-height:297mm;margin:0 auto 10px;padding:10mm 12mm;font-family:Times New Roman,Times,serif;line-height:1.15;box-shadow:0 10px 30px #0000001a}.report-page:before{content:"";opacity:.03;z-index:0;pointer-events:none;background:url(https://upload.wikimedia.org/wikipedia/commons/b/b2/Logo_Kementerian_Agama.png) 50%/contain no-repeat;width:450px;height:450px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.sampul-page{padding:10mm}.sampul-border-frame{text-align:center;border:4px double #000;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:30mm 15mm;display:flex}.sampul-kemenag-logo-wrap{width:100px;margin-bottom:1.5rem}.sampul-title{margin:0;font-size:24pt;font-weight:800;line-height:1.1}.sampul-subtitle{margin:0;font-size:20pt}.sampul-logo-madrasah{margin:2rem 0}.sampul-logo-madrasah img{object-fit:contain;width:140px;height:140px}.sampul-student-box{width:90%;margin:3rem 0}.label-above{margin-bottom:.5rem;font-size:11pt;font-weight:600}.name-box{border:1.5px solid #000;min-height:50px;margin-bottom:2rem;padding:12px;font-size:16pt;font-weight:800}.sampul-bottom-official h3{margin:0;font-size:14pt;font-weight:700}.sampul-bottom-official h2{text-transform:uppercase;margin:5px 0;font-size:18pt;font-weight:800}.official-address{opacity:.8;font-size:10pt;font-style:italic}.official-kop-header{border-bottom:2.5px double #000;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:5px;display:flex}.kop-left,.kop-right{flex-shrink:0;width:70px}.kop-left img,.kop-right img{width:100%;height:auto}.kop-center{text-align:center;flex:1}.kop-center h3{margin:0;font-size:11pt;font-weight:700}.cat-header td,.identitas-table-official td strong,.kop-center h2,.official-title,.rekap-table th,.report-title h3,.sig-name{font-weight:800}.kop-center h2{text-transform:uppercase;margin:2px 0;font-size:14pt}.kop-center p{margin:0;font-size:9pt;font-style:italic;line-height:1.2}.student-info-grid-official{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:8px;font-size:9.5pt;display:grid}.info-col td{vertical-align:top;border:none!important;padding:1px 4px!important}.identitas-table-official{border-collapse:collapse;width:100%;margin-top:2rem}.identitas-table-official td{vertical-align:top;padding:6px 4px;font-size:11pt}.report-title-box{text-align:center;margin:15px 0}.official-title{margin:0;font-size:13pt}.mt-40{margin-top:40mm}.report-title{text-align:center;z-index:1;margin:10px 0;position:relative}.report-title h3{margin:0;font-size:11pt}.section-title-official{margin-bottom:5px;font-size:10pt;font-weight:800}.rekap-table{z-index:1;width:100%;margin-bottom:6px;font-size:9pt;position:relative}.rekap-table td,.rekap-table th{border:1px solid #000;padding:2px 5px}.rekap-table th{text-align:center;background:var(--rdm-header-bg)!important}.cat-header td{background:#f9f9f9!important;padding:3px 6px!important}.subject-sub-name{padding-left:20px!important}.rdm-sig-container{z-index:1;width:100%;margin-top:8px;position:relative}.sig-row-bottom,.sig-row-top{justify-content:space-around;margin-bottom:10px;display:flex}.sig-name{margin-bottom:0}.rdm-stamp-img{opacity:.8;z-index:1;pointer-events:none;width:auto;max-height:90px;position:absolute;top:0;left:20px}.qr-rdm-fixed{position:absolute;bottom:20px;left:45%;transform:translate(-50%)}.page-break-after{page-break-after:always}@page{size:A4;margin:0}@media print{.report-portal-advanced,.report-preview-area{background:#fff!important}.bulk-report-wrapper,.page-break-after,.report-page{page-break-after:always}body,html{width:210mm;height:297mm;margin:0;padding:0}.no-print{display:none!important}.pure-preview{padding:0!important}.report-preview-area{height:auto!important;padding:0!important;display:block!important;overflow:visible!important}.report-page{width:210mm;height:297mm;overflow:hidden;box-shadow:none!important;border:none!important;margin:0!important}.report-page:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-break-after{clear:both}.rekap-table{page-break-inside:auto}.rdm-sig-container,.rekap-table tr{page-break-inside:avoid}.rekap-table tr{page-break-after:auto}}.btn-print-action{background:var(--clr-primary);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:1.25rem;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 10px 25px #10b9814d}.pure-preview .report-preview-area{background:var(--clr-bg-lightest)}.report-loading-screen{height:100vh;color:var(--clr-text-dark);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media screen and (width<=850px){.report-workspace{flex-direction:column;height:auto;min-height:100vh}.report-sidebar{width:100%;height:auto;padding:15px}.report-preview-area{flex-direction:column;align-items:center;width:100%;padding:10px;display:flex;overflow-x:hidden}.preview-container-inner{flex-direction:column;align-items:center;width:100%;display:flex;overflow-x:hidden}.report-page{zoom:.45;margin:0 0 15px!important}}@media screen and (width<=350px){.report-page{zoom:.4!important}}@media screen and (width>=380px) and (width<=450px){.report-page{zoom:.5!important}}@media screen and (width>=451px) and (width<=550px){.report-page{zoom:.6!important}}@media screen and (width>=551px) and (width<=650px){.report-page{zoom:.7!important}}@media screen and (width>=651px) and (width<=850px){.report-page{zoom:.8!important}}@supports not (zoom:1){@media screen and (width<=850px){.report-preview-area{align-items:flex-start;padding:10px;overflow-x:auto}.preview-container-inner{transform-origin:0 0;align-items:flex-start;width:210mm;transform:scale(.45)}.report-page{margin:0 0 15px!important}}@media screen and (width<=350px){.preview-container-inner{transform:scale(.4)!important}}@media screen and (width>=380px) and (width<=450px){.preview-container-inner{transform:scale(.5)!important}}@media screen and (width>=451px) and (width<=550px){.preview-container-inner{transform:scale(.6)!important}}@media screen and (width>=551px) and (width<=650px){.preview-container-inner{transform:scale(.7)!important}}@media screen and (width>=651px) and (width<=850px){.preview-container-inner{transform:scale(.8)!important}}}.leaves-container{flex-direction:column;gap:2rem;padding-bottom:3rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.leaves-nav-tabs{white-space:nowrap;background:#ffffff80;border:1px solid #e2e8f0cc;border-radius:16px;justify-content:center;gap:.75rem;width:fit-content;max-width:100%;margin:0 auto;padding:6px;display:flex;overflow-x:auto}.leaves-nav-tabs .l-tab{color:var(--clr-text-muted);background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;display:inline-flex}.leaves-nav-tabs .l-tab.active{color:#fff;background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);box-shadow:0 4px 12px #10b98140}@media (width<=768px){.leaves-container{box-sizing:border-box;width:100%;max-width:100%;padding:.75rem .6rem 2.5rem;overflow-x:hidden}.leaves-nav-tabs{-webkit-overflow-scrolling:touch;box-sizing:border-box;justify-content:flex-start;width:100%;max-width:100%;padding:4px;overflow-x:auto;margin-bottom:1rem!important}.leaves-nav-tabs .l-tab{flex-shrink:0;padding:8px 14px;font-size:.8rem}.leave-form-card{padding:1.25rem 1rem;border-radius:20px!important}.leave-card{padding:1rem .85rem;border-radius:18px!important}.leave-card-top{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width>=1024px){.leaves-grid.two-cols{grid-template-columns:1.2fr .8fr}}.leave-form-card{padding:2.25rem;border-radius:28px!important}.form-grid-2,.leaves-list{grid-template-columns:1fr;gap:1.5rem;display:grid}.file-upload-wrapper{border:2px dashed var(--clr-border-dark);background:var(--clr-bg-lightest);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:1.5rem;transition:all .2s;display:flex}.file-upload-wrapper svg{color:var(--clr-text-muted);transition:color .2s}.file-upload-wrapper span{color:var(--clr-text-muted);font-size:.85rem;font-weight:700}.file-upload-wrapper p{color:var(--clr-text-light);margin:0;font-size:.75rem}.preview-upload-img{object-fit:contain;border-radius:8px;width:100%;max-height:150px}.btn-submit-leave:disabled{opacity:.7;cursor:not-allowed;transform:none}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.history-header h3{color:var(--clr-text-dark);margin:0;font-size:1.25rem;font-weight:800}.search-filter-row{flex-wrap:wrap;gap:1rem;width:100%;display:flex}.search-input-wrapper,.t-avatar{align-items:center;display:flex}@media (width>=640px){.form-grid-2{grid-template-columns:1fr 1fr}.search-filter-row{width:auto}}.search-input-wrapper{background:var(--clr-bg-light);border:var(--border-light);border-radius:12px;flex:1;gap:10px;min-width:240px;padding:8px 16px}.search-input-wrapper input{width:100%;color:var(--clr-text-dark);background:0 0;border:none;outline:0;font-size:.9rem;font-weight:600}@media (width>=768px) and (width<=1023px){.leaves-list{grid-template-columns:1fr 1fr}}.leave-card{flex-direction:column;gap:1.25rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;border:1px solid #00000008!important;border-radius:24px!important}.leave-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.t-avatar{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;border-radius:12px;justify-content:center;width:44px;height:44px;font-size:1.2rem;font-weight:800}.t-name{color:var(--clr-text-dark);font-size:.95rem;font-weight:800}.leave-badge-type{border-radius:10px;padding:6px 12px;font-size:.75rem;font-weight:800}.leave-card-dates{background:var(--clr-bg-lightest);color:var(--clr-text-secondary);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:.8rem;font-weight:700;display:flex}.leave-card-reason{color:var(--clr-text-secondary);white-space:pre-line;margin:0;font-size:.875rem;line-height:1.5}.dinas-details-box{background:var(--clr-blue-tint);color:#1e3a8a;border:1px dashed #3b82f64d;border-radius:14px;flex-direction:column;gap:6px;padding:12px 16px;font-size:.8rem;font-weight:600;display:flex}.attachment-preview-link{color:var(--clr-primary-darker);align-items:center;gap:8px;width:fit-content;margin-top:4px;font-size:.8rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.leave-card-footer{border-top:var(--border-lighter);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.status-badge-premium{border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:800;display:inline-flex}.status-badge-premium.disetujui{background:var(--clr-primary-tint);color:var(--clr-primary);border:1px solid #a7f3d0}.rejected-note,.status-badge-premium.ditolak{color:var(--clr-red);background:var(--clr-red-tint)}.status-badge-premium.ditolak{border:1px solid #fecaca}.rejected-note{border-left:3px solid var(--clr-red);border-radius:8px;margin:8px 0 0;padding:8px 12px;font-size:.75rem;font-weight:600}.approval-actions{gap:8px;width:100%;display:flex}.btn-approve,.btn-reject{cursor:pointer;gap:6px;padding:10px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-approve{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;box-shadow:0 4px 10px #10b98133}.btn-reject{background:var(--clr-red-tint);color:var(--clr-red);border:1px solid #fecaca;border-radius:12px;flex:1;justify-content:center;align-items:center}.leaves-modal{background:#fff;width:100%;max-width:450px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;border-radius:28px!important;box-shadow:0 30px 60px #0003!important}.leaves-modal-header h3{color:var(--clr-text-dark);margin:0;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800}.leaves-modal-close{color:var(--clr-text-light);cursor:pointer;background:0 0;border:none;font-size:1.75rem}.btn-submit-reject{background:linear-gradient(135deg, var(--clr-red) 0, #dc2626 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 20px #ef444440}.empty-state{text-align:center;color:var(--clr-text-muted);border:1px dashed var(--clr-border-dark);background:#fff6;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state svg{color:var(--clr-text-light);margin-bottom:1rem}.empty-state h4{color:var(--clr-text-dark);margin:0 0 .5rem;font-size:1.1rem;font-weight:800}.empty-state p{max-width:300px;margin:0;font-size:.85rem}.leaves-stats-panel{grid-template-columns:1fr;gap:2rem;margin-bottom:1rem;padding:2rem;animation:.5s fadeIn;display:grid;border-radius:28px!important}@media (width>=768px){.leaves-stats-panel{grid-template-columns:1.2fr .8fr}}.stat-card-mini{background:var(--clr-bg-lightest);border:var(--border-light);border-radius:16px;flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.bar-fill,.bar-track{border-radius:9999px}.stat-card-mini .label{color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:700}.stat-card-mini .value{color:var(--clr-text-dark);font-size:1.75rem;font-weight:900}.stat-card-mini.theme-amber{background:var(--clr-amber-tint);border-color:#fde68a}.stat-card-mini.theme-amber .value{color:#d97706}.stat-card-mini.theme-green{background:var(--clr-primary-tint);border-color:#a7f3d0}.stat-card-mini.theme-rose{background:var(--clr-red-tint);border-color:#fecaca}.stats-breakdown-section h4{color:var(--clr-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.9rem;font-weight:800}.breakdown-bars{flex-direction:column;gap:10px;display:flex}.bar-labels{color:var(--clr-text-secondary);justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.btn-export-csv,.substitute-badge-info{gap:6px;font-weight:700;display:inline-flex}.bar-track{background:var(--clr-border);width:100%;height:8px;overflow:hidden}.bar-fill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.substitute-badge-info{color:var(--clr-primary-darker);background:var(--clr-primary-tint);border:1px solid #a7f3d0;border-radius:10px;align-items:center;width:fit-content;padding:8px 12px;font-size:.8rem}.btn-export-csv{cursor:pointer;border:1px solid var(--clr-border-dark);color:var(--clr-text-secondary);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px 16px;font-size:.9rem;transition:all .2s}.teacher-study-container{max-width:100%;min-height:100vh;margin:0 auto;padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.header-content h1{color:var(--text-primary,#1e293b);margin-bottom:.5rem;font-size:2rem;font-weight:700}.header-content p{color:var(--text-secondary,#64748b);font-size:1rem}.add-btn{background:linear-gradient(135deg, var(--clr-primary) 0, #059669 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #10b98133}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background:var(--card-bg,#fffc);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color,#e2e8f0cc);border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .3s;display:flex}.exam-modal-overlay,.modal-overlay,.tabs-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-icon-wrapper{background:#10b9811a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-label{color:var(--text-secondary,#64748b);margin-bottom:.25rem;font-size:.875rem}.stat-value{color:var(--text-primary,#1e293b);font-size:1.5rem;font-weight:700}.stat-trend{color:var(--clr-primary);margin-top:.25rem;font-size:.75rem;font-weight:500}.tabs-wrapper{background:var(--card-bg,#ffffff80);border:1px solid var(--border-color,#e2e8f080);border-radius:24px;overflow:hidden}.tabs-header{border-bottom:1px solid var(--border-color,#e2e8f0cc);gap:1rem;padding:1rem 1.5rem;display:flex}.tab-item{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.625rem 1.25rem;font-weight:600;transition:all .2s}.tab-item.active{color:var(--clr-primary-dark);background:#10b9811a}.session-card{border:var(--border-lighter);background:#fff;border-radius:16px;gap:1.5rem;padding:1.25rem;transition:all .3s;display:flex}.session-date-box{background:var(--clr-bg-lightest);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:70px;height:80px;display:flex}.session-date-box .day{color:var(--clr-text-dark);font-size:1.5rem;font-weight:700}.session-date-box .month{text-transform:uppercase;color:var(--clr-text-muted);font-size:.75rem;font-weight:600}.session-main{flex:1;justify-content:space-between;align-items:flex-start;display:flex}.session-info h3{color:var(--clr-text-dark);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.meta-items{gap:1.25rem;margin-bottom:.75rem;display:flex}.meta-items span{color:var(--clr-text-muted);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.material-tag{background:var(--clr-bg-light);color:var(--clr-text-secondary);border-radius:8px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex}.attendees-badge,.exam-tab-btn{font-size:.875rem;font-weight:700}.presensi-btn{color:#166534;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.icon-btn-secondary{color:var(--clr-text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem}.material-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.25rem;display:grid}.material-card{border:var(--border-lighter);background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.file-icon{color:#e11d48;background:#fff1f2;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.close-modal,.download-btn-small{color:var(--clr-text-muted);cursor:pointer}.material-info h4{color:var(--clr-text-dark);margin-bottom:.125rem;font-size:.9375rem;font-weight:600}.download-btn-small{background:var(--clr-bg-lightest);border:var(--border-light);border-radius:8px;padding:.5rem}.modal-overlay{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:550px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:var(--border-lighter);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h2{color:var(--clr-text-dark);font-size:1.25rem;font-weight:700}.close-modal{background:var(--clr-bg-light);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.add-session-form{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.form-group input{border:var(--border-light);border-radius:12px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.form-group input:focus{border-color:var(--clr-primary);outline:0;box-shadow:0 0 0 4px #10b9811a}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-actions{gap:1rem;margin-top:1rem;display:flex}.form-actions button{cursor:pointer;border-radius:12px;flex:1;padding:.75rem;font-weight:600;transition:all .2s}.btn-secondary{background:var(--clr-bg-lightest);border:var(--border-light);color:#64748b}.btn-primary{background:var(--clr-primary);color:#fff;border:none}.session-date-box.completed{background:var(--clr-primary-tint)!important;border:1px solid #a7f3d0!important}.session-date-box.completed .month{color:var(--clr-primary-deep)!important}.attendees-badge{background:var(--clr-primary-tint);color:var(--clr-primary-darker);border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;display:inline-flex}.completed-session{border-left:4px solid var(--clr-primary)!important}@media (width<=500px){.form-row{grid-template-columns:1fr}}.exam-tabs-row{background-color:var(--clr-bg-light);border-radius:16px;gap:.5rem;width:100%;max-width:600px;margin:0 auto;padding:.5rem;display:flex}.exam-tab-btn{white-space:nowrap;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.exam-tab-btn.active{color:var(--primary,#10b981);background-color:#fff;box-shadow:0 4px 12px #0000000d}.exam-card-item{background:#fff;border:1px solid #eef2f6;border-radius:20px;flex-direction:column;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.exam-class-badge,.exam-subject-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.exam-subject-badge{background-color:var(--clr-primary-tint);color:var(--clr-primary-dark);text-transform:uppercase;letter-spacing:.5px}.exam-class-badge{background-color:var(--clr-bg-light);color:var(--clr-text-secondary)}.exam-title-text{color:var(--clr-text-dark);font-size:1.125rem;font-weight:800;line-height:1.4}.exam-metadata-row{gap:1.5rem;display:flex}.meta-item{color:var(--clr-text-muted);align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;display:flex}.score-badge{border-radius:8px;padding:.4rem .8rem;font-size:.8125rem;font-weight:800}.score-badge.passed{background-color:var(--clr-primary-light);color:var(--clr-primary-deep)}.manage-exams-grid{grid-template-columns:1.2fr 1.8fr;align-items:start;gap:2rem;display:grid}.form-grid-2,.options-grid-form,.question-manager-layout{grid-template-columns:1fr 1fr}.form-group,.question-creation-form .form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-group label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;text-align:left;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.form-grid-2{gap:1.25rem;width:100%;display:grid}.input-with-icon,.option-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-with-icon svg{color:var(--clr-text-muted);pointer-events:none;position:absolute;left:1rem}.draft-exam-card{background-color:var(--clr-bg-lightest);border:1px solid #eef2f6;border-left:4px solid var(--primary,#10b981);border-radius:16px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem;transition:all .2s;display:flex}.draft-exam-info{flex:1;min-width:0}.draft-exam-info h4{color:var(--clr-text-dark);margin:0;font-size:1.05rem;font-weight:700}.form-add-question-pane textarea,.option-input-wrapper input{background:var(--clr-bg-lightest);color:var(--clr-text-dark);outline:0;font-weight:600;transition:all .2s}.draft-exam-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-icon-danger{color:#f43f5e;cursor:pointer;background-color:#fff1f2;border:1px solid #ffe4e6;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.exam-modal-overlay{z-index:1500;background-color:#0f172a66;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}:is(.exam-modal-overlay:has(.exam-fullscreen),.exam-modal-overlay:has(.question-manager)){padding:0}.exam-modal-content{background:#fff;border-radius:24px;width:100%;max-width:500px;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.exam-modal-content.exam-fullscreen,.exam-modal-content.question-manager{border-radius:0;flex-direction:column;width:100vw;max-width:100vw;height:100vh;max-height:100vh;display:flex;padding:2rem!important}.modal-header-icon-wrapper{color:#fff;background:linear-gradient(135deg,#4f46e5 0,#3730a3 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #4f46e533}.question-manager-layout{flex:1;gap:3rem;margin-top:1rem;padding-bottom:.5rem;display:grid;overflow:hidden}.form-add-question-pane,.questions-list-pane{max-height:calc(100vh - 160px);padding-right:1rem;overflow-y:auto}.form-add-question-pane::-webkit-scrollbar{width:5px}.questions-list-pane::-webkit-scrollbar{width:5px}.form-add-question-pane::-webkit-scrollbar-thumb{background:var(--clr-border-dark);border-radius:4px}.questions-list-pane::-webkit-scrollbar-thumb{background:var(--clr-border-dark);border-radius:4px}.btn-close-modal{color:var(--clr-text-light);cursor:pointer;background:0 0;border:none;border-radius:10px;outline:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.type-toggle-wrapper{background-color:var(--clr-bg-light);border-radius:10px;gap:2px;padding:4px;display:flex}.type-toggle-btn{color:var(--clr-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;outline:0;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .2s}.type-toggle-btn.active{color:var(--clr-primary);background-color:#fff;box-shadow:0 2px 4px #0000000d}.options-grid-form{gap:1rem;margin-top:.5rem;display:grid}.option-input-wrapper input{border:1.5px solid var(--clr-border);border-radius:12px;width:100%;font-size:.875rem;padding:.75rem 1rem .75rem 3rem!important}.form-add-question-pane textarea:focus,.option-input-wrapper input:focus{border-color:var(--primary-light,#10b981);background:#fff;box-shadow:0 0 0 4px #10b98114}.option-input-badge{background:var(--clr-bg-light);width:28px;height:28px;color:var(--clr-text-secondary);border:var(--border-light);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;transition:all .2s;display:flex;position:absolute;left:.75rem}.option-input-wrapper input:focus+.option-input-badge{background:var(--primary,#047857);color:#fff;border-color:var(--primary,#047857)}.form-add-question-pane textarea{border:1.5px solid var(--clr-border);border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.875rem}.question-list-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 6px -1px #00000005}.btn-icon-danger-circle,.btn-icon-warning-circle{cursor:pointer;width:30px;height:30px;transition:all .2s;display:flex}.question-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.question-card-number{color:var(--primary,#047857);background:var(--clr-primary-tint);letter-spacing:.5px;border-radius:9999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:800}.btn-icon-danger-circle{color:#f43f5e;background-color:#fff1f2;border:1px solid #ffe4e6;border-radius:50%;justify-content:center;align-items:center}.btn-icon-warning-circle{background-color:var(--clr-amber-tint);color:var(--clr-amber);border:1px solid var(--clr-amber-light);border-radius:50%;justify-content:center;align-items:center}.question-card-text{color:var(--clr-text-dark);margin-bottom:1rem;font-size:.9375rem;font-weight:600;line-height:1.5}.option-preview-item,.option-preview-letter{color:var(--clr-text-secondary);transition:all .2s}.options-preview-grid{border-top:var(--border-lighter);flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.option-preview-item{background:var(--clr-bg-lightest);border:var(--border-light);border-radius:10px;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.option-preview-item.correct{background:var(--clr-primary-tint);border-color:var(--clr-primary);color:#047857;box-shadow:0 2px 8px #10b9810d}.option-preview-letter{background:var(--clr-border-dark);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:inline-flex}.option-btn.selected .option-badge,.option-preview-item.correct .option-preview-letter{background:var(--clr-primary);color:#fff}.correct-icon{color:var(--clr-primary);flex-shrink:0;margin-left:auto;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@media (width<=900px){.login-visual{width:100%;min-height:auto;padding:3rem 1rem;display:flex!important}.login-container{flex-direction:column;justify-content:flex-start;align-items:center;padding:0}.login-form-wrapper{width:100%;max-width:400px;padding:2rem 1rem}.mobile-login-logo{display:none}.mobile-login-logo img{object-fit:contain;filter:drop-shadow(0 4px 10px #0000001a);width:80px;height:80px}.leadership-showcase{text-align:center;flex-flow:row;justify-content:center;gap:1rem;padding:1.5rem 1rem}.leader-card{flex:1;min-width:0}.leader-photo-wrapper{width:100px;height:100px;margin:0 auto}.leader-info h4{font-size:.95rem}.leader-info span{font-size:.75rem}.question-manager-layout{grid-template-columns:1fr;max-height:calc(90vh - 100px);overflow-y:auto}.form-add-question-pane,.questions-list-pane{max-height:none;padding-right:0;overflow-y:visible}.questions-list-pane{border-top:var(--border-light);margin-top:1rem;padding-top:1.5rem}.options-grid-form{grid-template-columns:1fr;gap:.75rem}}.se-table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-top:1rem;overflow-x:auto}.results-table-premium{border-collapse:separate;border-spacing:0;width:100%}.results-table-premium th{background-color:var(--clr-bg-lightest);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--clr-border);text-align:left;white-space:nowrap;padding:1rem;font-size:.75rem;font-weight:800}.results-table-premium td{border-bottom:var(--border-lighter);color:var(--clr-text-medium);white-space:nowrap;padding:1.125rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.results-table-premium .time-col{color:var(--clr-text-muted);font-size:.8125rem}.results-table-premium .name-col{color:var(--clr-text-dark);font-weight:700}.results-table-premium .title-col{color:var(--clr-text-secondary);font-weight:700}.status-pill{text-transform:uppercase;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.status-pill.passed{background-color:var(--clr-primary-tint);color:var(--clr-primary)}.status-pill.failed{color:#f43f5e;background-color:#fff1f2}.cbt-container{z-index:2500;background-color:var(--clr-bg-lightest);flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.cbt-header{border-bottom:var(--border-light);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;box-shadow:0 2px 10px #00000005}.cbt-btn-finish,.cbt-timer{padding:.6rem 1.25rem;font-weight:800}.cbt-timer,.option-btn{align-items:center;display:flex}.cbt-brand p{color:var(--clr-text-muted);margin:2px 0 0;font-size:.75rem;font-weight:600}.cbt-timer{background:var(--clr-bg-light);color:var(--clr-text-medium);border:var(--border-light);border-radius:9999px;gap:.5rem;font-family:Courier New,Courier,monospace;font-size:1.125rem}.cbt-timer.timer-warning{color:var(--clr-red);background:#fff1f2;border-color:#fecaca;animation:1s infinite alternate pulse-red}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef444466}to{transform:scale(1.03);box-shadow:0 0 12px 4px #ef444433}}.cbt-btn-finish{background-color:var(--clr-red);color:#fff;cursor:pointer;border:none;border-radius:10px;font-size:.875rem;transition:all .2s}.cbt-layout{flex:1;gap:2rem;padding:2rem;display:flex;overflow:hidden}.cbt-question-pane{flex-direction:column;flex:1;padding-right:.5rem;display:flex;overflow-y:auto}.cbt-sidebar{flex-direction:column;flex-shrink:0;width:320px;display:flex}@media (width<=1024px){.manage-exams-grid{grid-template-columns:1fr}.cbt-layout{flex-direction:column;padding:1rem;overflow-y:auto}.cbt-sidebar{width:100%;margin-top:1rem}.cbt-question-pane{overflow-y:visible}}.question-card{background:#fff;border:1px solid #eef2f6;padding:2rem}.question-header{border-bottom:var(--border-lighter);margin-bottom:1.5rem;padding-bottom:1rem}.question-number{color:var(--primary,#10b981);text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem;font-weight:800}.question-text{color:var(--clr-text-dark);margin-bottom:2rem;font-size:1.125rem;font-weight:600;line-height:1.6}.option-btn{border:1.5px solid var(--clr-border);cursor:pointer;text-align:left;background:#fff;border-radius:14px;gap:1rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.grid-cell,.option-badge{border-radius:8px;align-items:center;transition:all .2s}.option-btn.selected{background-color:var(--clr-primary-tint);border-color:var(--clr-primary);box-shadow:0 4px 12px #10b9810d}.option-badge{background:var(--clr-bg-light);width:36px;height:36px;color:var(--clr-text-secondary);flex-shrink:0;justify-content:center;font-size:1rem;font-weight:800;display:flex}.option-text{color:var(--clr-text-medium);font-size:.9375rem;font-weight:600;line-height:1.4}.option-btn.selected .option-text{color:var(--clr-primary-deep)}.cbt-grid-map{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.grid-cell{aspect-ratio:1;border:1.5px solid var(--clr-border-dark);width:100%;color:var(--clr-text-secondary);cursor:pointer;background:0 0;justify-content:center;font-size:.875rem;font-weight:800;display:flex}@media (hover:hover){.quick-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.agenda-item:hover{background:#fff;border-color:#10b98133;transform:translate(4px)}.chart-bar:hover .bar-tooltip{opacity:1;transform:translate(-50%)translateY(-5px)}.portrait-frame:hover{transform:scale(1.05)translateY(-5px);box-shadow:0 20px 45px #10b9814d}.live-session-card:hover{transform:translateY(-8px);border-color:#10b98180!important;box-shadow:0 30px 60px -20px #10b98140!important}.class-stat-card:hover,.stat-card:hover{transform:translateY(-5px)}.quote-view-wrapper:hover .quote-edit-btn{opacity:1;transform:scale(1.1)}.btn-secondary:hover,.calendar-day-cell:not(.empty):hover,.download-btn-small:hover,.hd-cal-nav button:hover,.pd-cal-nav button:hover,.sdx-cal-nav button:hover,.td-cal-nav button:hover{background:var(--clr-bg-light)}.main-live-widget:hover{transform:translateY(-5px)rotateX(2deg);box-shadow:0 30px 100px #10b98140!important}.upcoming-events-list::-webkit-scrollbar-thumb:hover{background:var(--clr-text-light)}.agenda-item-premium:hover{background:var(--clr-bg-lightest);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000f,0 4px 6px -2px #00000008}.btn-atur-widget:hover{transform:translateY(-2px)}.c-stat-card:hover,.hd-stat:hover,.td-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.hd-qa-btn:hover,.pd-qa:hover,.sdx-qa:hover,.td-qa-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.c-zone-item:hover,.grades-table tr:hover td,.sdx-cal-day:hover:not(.empty),.td-cal-day:hover:not(.empty),.td-see-more:hover,.td-student-row:hover{background:#f0fdf4}.pd-hafalan-btn:hover,.sdx-hafalan-btn:hover{background:#fff3}.sdx-task:hover{border-color:var(--clr-border);background:#fff}.sdx-task:hover .sdx-check-empty{border-color:var(--clr-primary)}.sdx-bk-btn:hover{opacity:.9;transform:translateY(-1px)}.pd-child-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px -5px #3b82f61f}.pd-child-card:hover .pd-child-avatar{transform:scale(1.03)rotate(-2deg)}.pd-cstat:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000000a}.hd-tab:hover:not(.active),.pd-tab:hover:not(.active){color:var(--clr-text-medium);background:#fff9}.pd-cal-day:hover:not(.empty){background:var(--clr-blue-tint)}.hd-table tbody tr:hover{background:#f0f4ff}.hd-action-btn:hover{color:#4f46e5;background:#e0e7ff}.hd-more-btn:hover{background:#e0e7ff}.hd-attention-item:hover,.hd-cal-day:hover:not(.empty){background:var(--clr-indigo-tint)}.student-detail-container .btn-back:hover{background:var(--clr-bg-lightest);border-color:var(--clr-border-dark)}.student-detail-container .btn-print-profile:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.btn-link:hover{color:var(--primary-dark);background:#f0fdf4}.btn-icon-s:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.am-tab-btn:hover,.finance-tab-btn:hover{color:var(--primary)}.icon-btn-sm.pay:hover,.status-btn-sm.hadir:hover{color:#fff;background:#16a34a}.icon-btn-sm.history:hover{background:var(--clr-text-secondary);color:#fff}.btn-ghost:hover,.btn-secondary:hover{background:var(--clr-bg-light);color:var(--clr-text-dark)}.btn-primary-premium:hover{background:var(--primary-dark)}.btn-bulk-apply:hover{background:var(--clr-primary-dark);transform:scale(1.02)}.stat-card-premium:hover,.stat-card:hover{box-shadow:0 15px 35px #00000014}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #10b9814d}.btn-icon-print:hover{background:var(--clr-bg-light);color:#2563eb;transform:translateY(-2px)}.menu-buttons-list button:hover{background:var(--clr-bg-light);color:#2563eb;transform:translate(4px)}.btn-print-mini:hover{background:var(--clr-bg-lightest);border-color:var(--clr-border-dark);color:var(--clr-text-darkest)}.btn-primary:hover,.btn-save-mini:hover{background:var(--clr-primary-dark)}.c-tabs-wrapper .tab-btn:hover{color:var(--clr-text-darkest);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.btn-wa:hover{background-color:var(--clr-primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px #10b98140}.hover\:bg-emerald-200:hover{background-color:#a7f3d0!important}.hover\:bg-red-200:hover{background-color:#fecaca!important}.hover\:bg-blue-200:hover{background-color:#bfdbfe!important}.hover\:bg-blue-700:hover{background-color:#1d4ed8!important}.hover\:bg-slate-100:hover{background-color:var(--clr-bg-light)!important}.hover\:bg-slate-200:hover{background-color:var(--clr-border)!important}.hover\:text-blue-800:hover{color:#1e40af!important}.c-table tbody tr:hover,.premium-table tr:hover,.results-table-premium tr:hover td{background-color:var(--clr-bg-lightest)}.action-btn-print:hover,.btn-reject:hover{background:var(--clr-red-light);transform:translateY(-1px)}.leader-card:hover .leader-photo-wrapper{transform:scale(1.05)translateY(-5px);box-shadow:0 25px 45px #10b9814d}.login-card:hover{transform:translateY(-5px);box-shadow:0 30px 80px #00000014,inset 0 0 0 1px #fffc}.input-field-wrapper input:hover{border-color:var(--clr-border-dark)}.btn-login:hover:before{left:150%}.btn-login:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 30px #10b9814d}.am-btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.am-btn-ghost:hover{background:var(--clr-bg-light);color:var(--text-main)}.am-table tbody tr:hover,.cm-dropdown-item:hover,.cm-table tr:hover td,.data-table tbody tr:hover{background:var(--clr-bg-lightest)}.am-avatar-upload:hover{border-color:var(--primary)}.am-avatar-upload:hover .am-avatar-overlay{opacity:1}.am-action-edit:hover{background:var(--clr-blue-tint);color:var(--clr-blue)}.am-action-reset:hover{background:var(--clr-amber-light);color:#d97706}.am-action-delete:hover{background:var(--clr-red-tint);color:var(--clr-red)}.am-action-delete-yes:hover,.camera-retry-btn:hover{background:#dc2626}.am-action-cancel:hover,.btn-ghost:hover,.cm-btn-secondary:hover{background:var(--clr-border)}.am-toggle-all-btn:hover{background:var(--primary);color:#fff}.am-checkbox-wrapper:hover input~.am-checkbox-custom{border-color:var(--primary-light)}.am-modal-close:hover{color:var(--clr-red)}.cm-tab-btn:hover{background:var(--clr-bg-light);color:var(--text-dark)}.cm-btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.cm-action-btn.edit:hover{background:var(--clr-blue-tint);border-color:#bfdbfe}.cm-action-btn.delete:hover,.icon-btn-sm.delete:hover{background:var(--clr-red-tint);border-color:#fecaca}.cm-lib-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0000000d}.cm-lib-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.cm-lib-btn.delete:hover{background:var(--clr-red);color:#fff;border-color:var(--clr-red)}.cm-close-btn:hover{color:var(--text-dark)}.cm-file-upload-wrapper:hover{border-color:var(--primary);background:var(--primary-light)}.cm-input-datetime::-webkit-calendar-picker-indicator:hover{opacity:1}.premium-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #3b82f666}.notif-row:hover{background-color:#f0fdf4}.notif-more-btn:hover{background-color:var(--clr-bg-light);color:var(--clr-text-muted)}.tab-btn:hover{color:var(--clr-text-darkest);background:#fffc;transform:translateY(-2px)}.wali-table-main tr:hover td{background:#fdfdfd;border-color:#10b9814d}.btn-view-report-mini:hover{background:#2563eb;transform:scale(1.1);box-shadow:0 8px 20px #3b82f64d}.btn-save-mini:hover{background:var(--clr-primary-dark);transform:scale(1.1)rotate(5deg)}.stat-card-premium:hover{background:#fff;transform:translateY(-5px);box-shadow:0 15px 40px #0000000f}.stat-card-premium:hover .stat-icon-wrap{transform:scale(1.1)rotate(-5deg)}.stats-main-card:hover{background:#fff;transform:translateY(-10px)scale(1.02);box-shadow:0 30px 60px #00000014}.btn-bulk:hover{background:var(--clr-text-darkest);transform:scale(1.05)}.btn-auto-desc:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 6px 15px #8b5cf666}.premium-student-card:hover{background:#fff;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000001a}.premium-student-card:hover .p-avatar{transform:scale(1.1)}.p-header-icon:hover{transform:scale(1.05)rotate(5deg);box-shadow:0 15px 35px #10b98159}.btn-save-premium:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 15px 30px #10b98166}.btn-save-premium.warning:hover{box-shadow:0 15px 30px #f59e0b66}.desk-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.manual-result-item:hover{border-color:var(--clr-primary);transform:translate(5px)}.express-controls .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0596694d}.premium-empty-state:hover .empty-icon-wrap{color:var(--primary);background:#ecfdf5;transform:rotate(0)scale(1.1)}.btn-mark-all-premium:hover{background:var(--clr-primary-darker);transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #0596694d}.btn-mark-all-premium:hover svg{transform:rotate(10deg)}.btn-start-scanner:hover{background:var(--clr-primary-dark);transform:translateY(-3px)scale(1.05)}.evidence-label:hover{background:var(--clr-blue-tint);border-color:var(--clr-blue);color:var(--primary);border-color:var(--primary)}.p-tab:hover:not(.active){color:var(--primary);background:#10b9810d}.teaching-time-card:hover{background:#fff;border-color:#10b98133;box-shadow:0 10px 30px #00000008}.add-btn:hover,.btn-mark-all-premium:hover,.btn-time-check.in:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.btn-time-check.out:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.evidence-label:hover{border-color:var(--clr-primary);color:var(--clr-primary);background:#fff;box-shadow:0 10px 20px #0000000d}.btn-remove-evidence:hover{background:var(--clr-red);transform:scale(1.1)}.manual-result-item:hover{border-color:var(--clr-border-dark);transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.status-btn-sm.izin:hover{color:#fff;background:#d97706}.status-btn-sm.sakit:hover{color:#fff;background:#4f46e5}.status-btn-sm.alpa:hover{color:#fff;background:#dc2626}.desk-item:hover:not(.empty){transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.tp-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000f}.pdc-btn-checkin:not(:disabled):hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 28px #10b98173}.pdc-btn-checkout:not(:disabled):hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 28px #ef444473}.pdc-btn-leave:not(:disabled):hover{background:var(--clr-indigo-tint);border-color:var(--clr-indigo);transform:translateY(-3px)scale(1.02);box-shadow:0 6px 20px #6366f133}.btn-action-in:not(:disabled):hover{background:var(--clr-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.btn-action-out:not(:disabled):hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.btn-export-csv:hover{border-color:var(--clr-blue);color:var(--clr-blue);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61f}.tp-table tbody tr:hover{background:#fafbfc}.tp-table tbody tr.row-self:hover{background:var(--clr-blue-light)}.tp-status-btn:hover{filter:brightness(.92);transform:scale(1.03)}.btn-quick-time:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.btn-quick-time.out:hover{background:#dc2626;box-shadow:0 4px 12px #ef444459}.btn-save-tp:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.close-btn:hover{background:var(--clr-border);color:#0f172a}.btn-action-leave:not(:disabled):hover{background:var(--clr-blue-tint);border-color:var(--clr-blue)}.q-student-card:hover{transform:translateY(-5px);border-color:#10b98133!important;box-shadow:0 15px 35px #0000000f!important}.btn-q-history:hover{background:var(--clr-bg-lightest);color:var(--clr-text-dark)}.btn-q-add:hover{background:var(--clr-text-darkest);transform:scale(1.02)}.btn-q-save:hover,.btn-submit-leave:hover{transform:translateY(-2px);box-shadow:0 15px 35px #10b98166}.leaderboard-item:hover,.q-leader-item:hover{background:#fff;transform:translate(5px);box-shadow:0 4px 12px #0000000d}.q-ana-card-item:hover{border-color:var(--clr-border);transform:translateY(-2px);box-shadow:0 5px 15px #00000008}.activity-stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014}.checklist-row:hover{background-color:var(--clr-bg-lightest);border-color:#10b9814d;transform:translate(5px)}.check-btn:hover:not(.active){border-color:var(--clr-primary);color:var(--clr-primary);background:#f0fdf4}.premium-check-pill:hover{border-color:var(--act-color,#10b981);background:rgba(var(--act-color-rgb,16, 185, 129), .05);transform:translateY(-2px)}.btn-wa-share:hover{background:var(--clr-primary);color:#fff;transform:scale(1.1)}.btn-close-modal:hover{color:var(--clr-red);background:#ffe4e6;background-color:var(--clr-bg-light);border-color:#fecaca;transform:translate(-4px)}.btn-print-modal:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 15px 30px #0596694d}.official-document::-webkit-scrollbar-thumb:hover{background:var(--primary)}.p-timeline-item:hover{border-color:var(--clr-border-dark);background:#fff;box-shadow:0 4px 6px -1px #0000000d}.pg-card:hover{border-color:var(--clr-border-dark);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.settings-tab-btn:hover{background-color:var(--clr-bg-light);color:var(--clr-text-darkest)}.leader-profile-card:hover{border-color:#10b98140;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000a}.btn-primary-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98159}.btn-secondary-premium:hover{background:var(--clr-bg-lightest);border-color:var(--clr-border-dark);transform:translateY(-1px)}.stat-item-premium:hover{border-color:var(--clr-border);transform:translateY(-4px);box-shadow:0 12px 30px #00000012}.file-upload-wrapper:hover svg,.student-name:hover{color:var(--clr-primary)}.icon-btn-sm:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.icon-btn-sm.whatsapp:hover{background:#f0fdf4;border-color:#bbf7d0}.icon-btn-sm.edit:hover{background:#f0f9ff;border-color:#bae6fd}.icon-btn-sm.id-card:hover{background:var(--clr-purple-tint);border-color:#ddd6fe}.btn-close:hover{background:var(--clr-red-light);color:var(--clr-red);transform:rotate(90deg)}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.photo-label-premium:hover{border-color:var(--clr-primary);background:#f0fdf4}.close-circle:hover{background:var(--clr-red);border-color:var(--clr-red);transform:rotate(90deg)}.btn-wa-circle:hover{background:#15803d;transform:scale(1.1)}.btn-wa-full:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 10px 24px #16a34a47}.premium-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #10b98166}.rl-card:hover{border-color:var(--clr-border-dark);background:#fff;transform:translate(4px);box-shadow:0 4px 6px -1px #0000000d}.modal-close:hover{background:var(--clr-bg-light);color:var(--clr-red)}.btn-back:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.btn-print-action-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.menu-item:hover{color:#fff;background:#ffffff0d;transform:translate(4px)}.btn-print-action:hover{background:var(--clr-primary-dark);transform:translateY(-4px)scale(1.02);box-shadow:0 15px 35px #10b98166}.leaves-nav-tabs .l-tab:hover{color:var(--clr-text-dark);background:#ffffff80}.file-upload-wrapper:hover{border-color:var(--clr-primary);background:var(--clr-primary-tint)}.attachment-preview-link:hover{opacity:.8}.btn-approve:hover{transform:translateY(-1px);box-shadow:0 6px 15px #10b9814d}.btn-submit-reject:hover{transform:translateY(-1px);box-shadow:0 12px 25px #ef444459}.btn-export-csv:hover{background:var(--clr-bg-lightest);color:var(--clr-text-dark);border-color:var(--clr-text-light)}.session-card:hover{border-color:var(--clr-primary);box-shadow:0 4px 12px #00000005}.presensi-btn:hover{background:#dcfce7}.icon-btn-secondary:hover{background:var(--clr-bg-light);color:var(--clr-text-muted)}.close-modal:hover{background:var(--clr-red-light);color:var(--clr-red)}.exam-tab-btn:hover{color:var(--text-main,#1e293b);background-color:#ffffff80}.exam-card-item:hover{border-color:#10b98133;transform:translateY(-4px);box-shadow:0 12px 30px -10px #10b9811a}.draft-exam-card:hover{background-color:var(--clr-bg-light);border-color:var(--clr-border-dark)}.btn-icon-danger:hover{background-color:var(--clr-red);color:#fff;border-color:var(--clr-red)}.btn-close-modal:hover{background-color:var(--clr-bg-light);color:var(--clr-text-secondary)}.type-toggle-btn:hover:not(.active){color:var(--clr-text-secondary)}.question-list-card:hover{border-color:var(--clr-border-dark);transform:translateY(-2px);box-shadow:0 12px 20px -8px #0000000d}.btn-icon-danger-circle:hover{background-color:var(--clr-red);color:#fff;border-color:var(--clr-red);transform:scale(1.05)}.btn-icon-warning-circle:hover{background-color:var(--clr-amber);color:#fff;border-color:var(--clr-amber);transform:scale(1.05)}.cbt-btn-finish:hover{background-color:#dc2626;box-shadow:0 4px 12px #dc262633}.option-btn:hover{background-color:var(--clr-bg-lightest);border-color:var(--clr-border-dark);transform:translate(4px)}.grid-cell:hover{border-color:var(--clr-text-secondary);background-color:var(--clr-bg-light)}}.grid-cell.current{border-color:var(--clr-blue);background-color:var(--clr-blue-tint);color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.grid-cell.answered{background-color:var(--clr-primary);border-color:var(--clr-primary);color:#fff}.legend-item{color:var(--clr-text-muted);align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.legend-dot{border-radius:4px;width:12px;height:12px}.legend-dot.current{background-color:var(--clr-blue-tint);border:1.5px solid var(--clr-blue)}.legend-dot.answered{background-color:var(--clr-primary)}.legend-dot.empty{border:1.5px solid var(--clr-border-dark)}.result-card{background:#fff;border:1px solid #eef2f6;padding:3rem}.score-ring-wrapper{justify-content:center;display:flex}.score-ring,.stat-box-green{flex-direction:column;display:flex}.score-ring{border:10px solid var(--clr-primary);background:var(--clr-bg-lightest);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px}.score-value{color:var(--clr-text-dark);font-size:3rem;font-weight:900;line-height:1}.score-label{color:var(--clr-text-muted);letter-spacing:1px;margin-top:4px;font-size:.65rem;font-weight:800}.stat-box-green{background:var(--clr-primary-tint);border:1px solid var(--clr-primary-light);border-radius:12px;padding:.75rem}.stat-box-red{border:1px solid var(--clr-red-light);background:#fff1f2;border-radius:12px;flex-direction:column;padding:.75rem;display:flex}.stat-num{color:var(--clr-text-dark);font-size:1.5rem;font-weight:900}.stat-lbl{color:var(--clr-text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}.question-creation-form input[type=text],.question-creation-form textarea{border:var(--border-light);background:#fff;border-radius:10px;width:100%;padding:.75rem;font-family:inherit;font-size:.875rem}.question-creation-form input[type=text]:focus,.question-creation-form textarea:focus{border-color:var(--clr-primary);outline:0;box-shadow:0 0 0 3px #10b9811a}.modal-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#ef4444;background-color:#fee2e2}.wh-container{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.wh-day-card{border:1px solid var(--clr-border);background:var(--clr-bg-lightest);transition:var(--transition-smooth);border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.25rem 1.5rem;display:flex}@media (width>=640px){.wh-day-card{flex-direction:row;align-items:center}}.wh-day-card.wh-active{box-shadow:var(--shadow-sm);background:#10b9810a;border-color:#10b9814d}.wh-day-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}@media (width>=640px){.wh-day-header{width:30%;margin-bottom:0}}.wh-toggle-btn{background-color:var(--clr-text-light);cursor:pointer;width:50px;height:28px;transition:var(--transition-smooth);border:none;border-radius:9999px;align-items:center;padding:2px;display:inline-flex;position:relative}.wh-toggle-btn.active{background-color:var(--clr-primary)}.wh-toggle-knob{background-color:#fff;border-radius:9999px;width:24px;height:24px;transition:transform .3s;display:inline-block;transform:translate(0);box-shadow:0 2px 4px #0000001a}.wh-toggle-btn.active .wh-toggle-knob{transform:translate(22px)}.wh-day-label{letter-spacing:.025em;color:var(--clr-text-light);font-size:1.1rem;font-weight:600;transition:color .3s}.wh-active .wh-day-label{color:var(--clr-primary-deep)}.wh-time-group{flex:1;justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.wh-time-input-wrap{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.wh-time-label{text-transform:uppercase;letter-spacing:.05em;color:var(--clr-text-muted);padding-left:.25rem;font-size:.75rem;font-weight:700}.wh-input-box{width:130px;position:relative}.wh-input-box input{border:1px solid var(--clr-border);background:var(--clr-bg-light);width:100%;color:var(--clr-text-light);transition:var(--transition-smooth);border-radius:12px;outline:none;padding:.6rem .75rem .6rem 2.25rem;font-size:.9rem;font-weight:600}.wh-active .wh-input-box input{color:var(--clr-primary-deep);background:#fff;border-color:#10b98166}.wh-active .wh-input-box input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 4px #10b98126}.wh-clock-icon{color:var(--clr-text-light);transition:color .3s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.wh-active .wh-clock-icon{color:var(--clr-primary)}.sidebar-icon-btn{cursor:pointer;color:#d1fae5;-webkit-tap-highlight-color:transparent;background-color:#0000;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-icon-btn:hover{color:#fff;background-color:#ffffff26;transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.sidebar-icon-btn:active{transform:translateY(0)}.sidebar-icon-btn.logout-icon-btn{color:#fca5a5;background-color:#ef44441a}.sidebar-icon-btn.logout-icon-btn:hover{color:#fef2f2;background-color:#ef444433}.action-buttons-group{align-items:center;gap:.625rem;display:inline-flex}.btn-action-edit{color:#059669;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#10b98114;border:1px solid #10b98140;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 5px #05966914}.btn-action-edit:hover{color:#fff;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border-color:#0000;transform:translateY(-2px)scale(1.08);box-shadow:0 6px 18px #10b98159}.btn-action-edit:active{transform:translateY(0)scale(.98)}.btn-action-delete{color:#dc2626;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 5px #dc262614}.btn-action-delete:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border-color:#0000;transform:translateY(-2px)scale(1.08);box-shadow:0 6px 18px #ef444459}.btn-action-delete:active{transform:translateY(0)scale(.98)}.alumni-directory-container{flex-direction:column;gap:1.5rem;display:flex}.alumni-header-bar{border-bottom:1px solid #e2e8f0cc;flex-flow:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.alumni-title-group{align-items:center;gap:.75rem;display:flex}.alumni-title-icon{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #f59e0b40}.alumni-title-text h3{color:#1e293b;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.alumni-count-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.alumni-title-text p{color:#64748b;margin:.2rem 0 0;font-size:.75rem}.alumni-controls-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.alumni-search-input-wrapper{width:240px;position:relative}.alumni-search-input-wrapper .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.alumni-search-input{color:#1e293b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.8rem;transition:all .2s}.alumni-search-input:focus{background-color:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.alumni-select-wrapper{width:150px}.alumni-view-toggle-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:2px;padding:3px;display:flex}.alumni-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem .6rem;transition:all .2s;display:flex}.alumni-view-btn.active{color:#d97706;background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.alumni-grid-layout{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.alumni-card-premium{background:linear-gradient(135deg,#fffffff2 0%,#f8fafce6 100%);border:1px solid #e2e8f0e6;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.alumni-card-premium:hover{background:#fff;border-color:#fde68a;transform:translateY(-4px);box-shadow:0 12px 24px -6px #f59e0b2e}.alumni-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.alumni-avatar-circle{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 10px #f59e0b40}.alumni-badge-stack{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.alumni-year-badge{color:#b45309;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.alumni-class-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:.15rem .45rem;font-size:.65rem;font-weight:600}.alumni-card-name{color:#1e293b;margin:0 0 .75rem;font-size:1.05rem;font-weight:700;line-height:1.3}.alumni-detail-list{border-top:1px solid #f1f5f9;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding-top:.75rem;display:flex}.alumni-detail-item{color:#475569;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.alumni-detail-item .item-icon{flex-shrink:0}.alumni-detail-item.univ .item-icon{color:#10b981}.alumni-detail-item.job .item-icon{color:#6366f1}.alumni-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.5rem;padding-top:.75rem;display:flex}.alumni-kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:1rem!important;width:100%!important;margin-bottom:1.5rem!important;display:grid!important}@media (width<=1024px){.alumni-kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.alumni-kpi-grid{grid-template-columns:1fr!important}}.alumni-kpi-card{box-sizing:border-box!important;background:linear-gradient(135deg,#fffffff2 0%,#f8fafce6 100%)!important;border:1px solid #e2e8f0e6!important;border-radius:16px!important;align-items:center!important;gap:1rem!important;width:100%!important;padding:1.1rem 1.25rem!important;transition:all .25s!important;display:flex!important;box-shadow:0 2px 8px #00000008!important}.alumni-kpi-card:hover{border-color:#cbd5e1e6!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #0000000f!important}.alumni-kpi-icon-wrapper{border-radius:14px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:46px!important;height:46px!important;display:flex!important}.alumni-kpi-icon-wrapper.amber{color:#d97706!important;background:#f59e0b1f!important}.alumni-kpi-icon-wrapper.emerald{color:#059669!important;background:#10b9811f!important}.alumni-kpi-icon-wrapper.indigo{color:#4f46e5!important;background:#6366f11f!important}.alumni-kpi-icon-wrapper.violet{color:#7c3aed!important;background:#8b5cf61f!important}.alumni-kpi-content{flex-direction:column!important;justify-content:center!important;display:flex!important}.alumni-kpi-label{color:#64748b!important;margin-bottom:.15rem!important;font-size:.75rem!important;font-weight:600!important}.alumni-kpi-value{color:#1e293b!important;font-size:1.35rem!important;font-weight:800!important;line-height:1.2!important}.alumni-kpi-sub{color:#94a3b8!important;margin-left:.3rem!important;font-size:.7rem!important;font-weight:500!important}.jurnal-header-bar{border-bottom:1px solid #e2e8f0cc!important;flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;margin-bottom:1.25rem!important;padding-bottom:1.25rem!important;display:flex!important}.jurnal-title-block h3{color:#1e293b!important;align-items:center!important;gap:.5rem!important;margin:0!important;font-size:1.15rem!important;font-weight:700!important;display:flex!important}.jurnal-count-badge{color:#475569!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:9999px!important;padding:.2rem .65rem!important;font-size:.75rem!important;font-weight:600!important}.jurnal-title-block p{color:#64748b!important;margin:.25rem 0 0!important;font-size:.75rem!important}.jurnal-controls-group{flex-wrap:wrap!important;align-items:center!important;gap:.75rem!important;display:flex!important}.jurnal-select-box{width:170px!important}.jurnal-search-box{width:220px!important;position:relative!important}.jurnal-search-box .search-icon{color:#94a3b8!important;pointer-events:none!important;position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important}.jurnal-search-input{color:#1e293b!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;outline:none!important;width:100%!important;padding:.5rem .75rem .5rem 2.25rem!important;font-size:.8rem!important;transition:all .2s!important}.jurnal-search-input:focus{background-color:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126!important}.jurnal-table-wrapper{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff80!important;border:1px solid #e2e8f0b3!important;border-radius:14px!important;overflow-x:auto!important}.jurnal-table-wrapper table{border-collapse:separate!important;border-spacing:0!important;width:100%!important}.jurnal-table-wrapper th{color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;text-align:left!important;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;border-bottom:1px solid #e2e8f0!important;padding:.85rem 1rem!important;font-size:.75rem!important;font-weight:700!important}.jurnal-table-wrapper td{color:#334155!important;border-bottom:1px solid #f1f5f9!important;padding:.9rem 1rem!important;font-size:.85rem!important;transition:background .2s!important}.jurnal-table-wrapper tr:last-child td{border-bottom:none!important}.jurnal-table-wrapper tr:hover td{background:#f8fafccc!important}