@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: rgba(255, 255, 255, .95);--text-main: #0f172a;--text-muted: #64748b;--text-on-primary: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .08);--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--glass: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .5)}html{font-size:16px;height:100%;width:100%;max-width:100vw;overflow-x:hidden}body{overflow-x:hidden}@media(max-width:768px){html{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}#root{width:100%;max-width:100vw;overflow-x:hidden;position:relative}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{transform:scale(.95)!important;transition:transform .1s ease!important}}.sdx-task:active,.sdx-card-link:active,.notif-item:active{opacity:.7;transition:opacity .1s ease!important}html,body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;overflow-x:hidden}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.03em}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-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);transform:translateY(-4px);border-color:#10b98133}.glass-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s;pointer-events:none}.glass-card:hover:after{left:100%}.panel-search{display:flex;align-items:center;gap:10px;background-color:#f0fdf4;border:1px solid #dcfce7;padding:.5rem 1rem;border-radius:10px;width:300px;color:#047857}.panel-search svg{color:#047857}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;gap:.5rem}.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{background-color:transparent;color:var(--text-main)}.btn-ghost:hover{background-color:#0000000d}.flex-col{flex-direction:column!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.fluid-container{width:100%;max-width:100%;padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem);margin:0 auto}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;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box}.premium-info-box{display:flex;gap:1rem;padding:1.25rem;background:#f0fdf4;border-radius:12px;border-left:4px solid var(--primary);text-align:left}.info-icon{color:var(--primary);flex-shrink:0}.info-content h4{font-size:.875rem;font-weight:700;color:#065f46;margin:0 0 .25rem}.info-content p{font-size:.8125rem;color:#065f46;line-height:1.5;margin:0;opacity:.8}.mobile-only{display:none!important}@media(max-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{margin-bottom:.5rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:15px!important;flex-wrap:wrap!important;background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important;border:none!important}.header-text-group-with-icon{display:flex!important;align-items:center!important;gap:16px!important;flex:1!important;min-width:280px!important}.header-icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:56px!important;height:56px!important;border-radius:16px!important;color:#fff;flex-shrink:0!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{display:flex!important;flex-direction:column!important;justify-content:center!important}.page-title{font-size:clamp(1.5rem,3.5vw,2.25rem)!important;font-weight:800!important;color:#111827!important;margin:0!important;letter-spacing:-.02em!important;line-height:1.2!important}.page-subtitle{color:#64748b!important;font-size:.95rem!important;margin-top:4px!important;line-height:1.4!important}.header-actions-premium{display:flex!important;gap:1rem!important;align-items:center!important;flex-wrap:wrap!important}.btn-premium{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.75rem 1.5rem!important;border-radius:16px!important;font-weight:700!important;font-size:.95rem!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:none!important;white-space:nowrap!important;gap:10px!important}@media(hover:hover)and (pointer:fine){.btn-premium:active{transform:scale(.95)!important}}.btn-primary-premium{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 10px 20px -5px #10b9814d!important}.btn-primary-premium:hover{box-shadow:0 15px 25px -5px #10b98166!important;transform:translateY(-2px)!important}.btn-secondary-premium{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}.btn-secondary-premium:hover{background:#e2e8f0!important;color:#1e293b!important;transform:translateY(-2px)!important}.form-group-premium{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group-premium label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;letter-spacing:.05em;text-align:left}.form-group-premium input,.form-group-premium select,.form-group-premium textarea{width:100%;padding:.75rem 1rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.9375rem;font-weight:600;font-family:inherit;color:var(--text-main, #1e293b);outline:none;transition:all .2s}.form-group-premium input:focus,.form-group-premium select:focus,.form-group-premium textarea:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 4px #10b98114}@media(max-width:768px){.page-header-premium{margin-bottom:.5rem!important;flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.header-text-group-with-icon{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}.header-icon-wrapper{width:48px!important;height:48px!important;border-radius:12px!important}.page-title{font-size:1.25rem!important}.page-subtitle{font-size:.85rem!important}.header-actions-premium{width:100%!important;justify-content:center!important;flex-wrap:nowrap!important;gap:.5rem!important}}.stats-scroll-container{display:flex;overflow-x:auto;padding-bottom:1rem;gap:1rem;margin-bottom:1.5rem;scroll-snap-type:x mandatory;width:100%}.stat-card-premium{flex:1 0 200px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:1.25rem;box-shadow:0 4px 12px -4px #0000000d;border:1px solid #f1f5f9;display:flex;align-items:center;gap:1rem;min-width:200px;scroll-snap-align:start;transition:all .3s ease;cursor:default}.stat-card-premium:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a;border-color:#e2e8f0}.stat-icon-wrapper{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #ffffff80}.stat-info{display:flex;flex-direction:column}.stat-title{font-size:.6875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem}.stat-value-group{display:flex;align-items:baseline;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:800;color:#1e293b;letter-spacing:-.025em}.stat-unit{font-size:.6875rem;font-weight:700;color:#94a3b8}.remedial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.remedial-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:28rem;padding:2rem;position:relative}.remedial-close{position:absolute;top:1.25rem;right:1.25rem;background:#fff;border:none;border-radius:50%;cursor:pointer;color:#94a3b8;transition:color .2s;display:flex;align-items:center;justify-content:center}.remedial-close:hover{color:#334155}.remedial-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.remedial-icon{background-color:#ffedd5;color:#ea580c;padding:.5rem;border-radius:.75rem;display:flex}.remedial-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.remedial-subtitle{font-size:.875rem;color:#64748b;margin-bottom:1.5rem}.remedial-student{font-weight:600;color:#334155}.remedial-info-box{display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc;padding:1rem;border-radius:1rem;border:1px solid #f1f5f9;margin-bottom:1.25rem}.remedial-info-label{font-size:.875rem;font-weight:500;color:#475569}.remedial-info-value{font-size:1.5rem;font-weight:900;color:#e11d48}.remedial-field{margin-bottom:1.25rem}.remedial-label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.5rem}.remedial-input{width:100%;padding:.875rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;font-size:.875rem;color:#334155;transition:all .2s;box-sizing:border-box}.remedial-input.center-bold{text-align:center;font-weight:700;font-size:1.5rem;color:#1d4ed8}.remedial-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.remedial-submit{width:100%;background:linear-gradient(to right,#2563eb,#4f46e5);color:#fff;font-weight:700;padding:1rem;border:none;border-radius:1rem;cursor:pointer;box-shadow:0 4px 14px #4f46e563;transition:all .2s;font-size:1rem;margin-top:1rem}.remedial-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e53b}.table-premium-wrapper{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.25rem;box-shadow:0 4px 20px #00000008;border:1px solid rgba(226,232,240,.8);overflow:hidden;margin-bottom:1rem}.table-premium{width:100%;border-collapse:separate;border-spacing:0}.table-premium th{padding:1rem;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(226,232,240,.8);border-right:1px solid rgba(226,232,240,.3)}.table-premium td{padding:.5rem;font-size:.875rem;color:#334155;border-bottom:1px solid rgba(241,245,249,.8);border-right:1px solid rgba(241,245,249,.4);transition:all .2s}.table-premium tbody tr:hover td{background-color:#f8fafccc}.table-premium th.header-group-1{background:linear-gradient(to right,#f8fafc,#f1f5f9);color:#334155}.table-premium th.header-group-2{background:linear-gradient(to right,#f0fdf4,#dcfce7);color:#166534}.table-premium th.header-group-3{background:linear-gradient(to right,#fff1f2,#ffe4e6);color:#9f1239}.table-premium th.header-group-4{background:linear-gradient(to right,#fefce8,#fef9c3);color:#854d0e}.table-premium-input{width:100%;padding:.5rem;border:1px solid transparent;border-radius:.5rem;background:transparent;text-align:center;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;box-shadow:0 0 0 3px #10b9811a;outline:none}html,body{overflow-x:hidden;box-sizing:border-box}.custom-datepicker-container{position:relative;width:100%;font-family:Inter,sans-serif}.cdp-trigger{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e2e8f0;padding:8px 14px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:42px;width:100%}.cdp-trigger:hover{border-color:#10b981;background:#fff;box-shadow:0 4px 6px #10b9810d}.cdp-trigger.active{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#fff}.cdp-icon{color:#10b981;flex-shrink:0}.cdp-value{flex-grow:1;font-size:.9rem;color:#1e293b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdp-trigger.placeholder .cdp-value{color:#94a3b8;font-weight:400}.cdp-clear{color:#94a3b8;cursor:pointer;transition:color .2s;padding:2px;border-radius:4px}.cdp-clear:hover{color:#ef4444;background:#ef44441a}.cdp-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:9999;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;border-radius:16px;width:280px;padding:16px;transform-origin:top left}.cdp-dropdown.cdp-dropdown-right{left:auto;right:0;transform-origin:top right}.cdp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cdp-nav-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.cdp-nav-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.cdp-current-month{font-weight:600;font-size:.95rem;color:#0f172a}.cdp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.cdp-weekday{text-align:center;font-size:.75rem;font-weight:600;color:#64748b;padding:4px 0}.cdp-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cdp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#334155;cursor:pointer;border-radius:8px;transition:all .2s;-webkit-user-select:none;user-select:none}.cdp-day:not(.empty):hover{background:#f1f5f9;color:#10b981;font-weight:600}.cdp-day.today{color:#10b981;font-weight:700;background:#10b9810d;border:1px dashed #10b981}.cdp-day.selected{background:#10b981;color:#fff;font-weight:600;box-shadow:0 4px 10px #10b9814d;border:none}.cdp-day.empty{cursor:default}.cdp-footer{margin-top:16px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;justify-content:center}.cdp-today-btn{background:transparent;border:none;color:#10b981;font-weight:600;font-size:.85rem;cursor:pointer;padding:6px 12px;border-radius:6px;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-weight:700;font-size:1.125rem}.cmp-body{padding:16px}.cmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cmp-month-item{cursor:pointer;text-align:center;padding:8px 0;border-radius:8px;font-size:.875rem;transition:all .2s;color:#334155}.cmp-month-item:hover{background:#f1f5f9}.cmp-month-item.selected{background:#10b981;color:#fff;font-weight:700;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.cmp-month-item.current:not(.selected){border:1px solid #10b981;color:#10b981;font-weight:600}.cmp-footer{border-top:1px solid #f1f5f9;padding-top:8px}@media(max-width:768px){.cdp-trigger{padding:8px 10px;gap:6px}.cdp-value{font-size:.8rem}}.premium-selector-container{position:relative;width:100%;z-index:10}.premium-selector-container.is-open{z-index:100}.premium-selector{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;position:relative;z-index:1}@media(hover:hover)and (pointer:fine){.premium-selector:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9810d}}.premium-selector.open{border-color:#10b981;box-shadow:0 8px 25px #10b9811a;background:#fff}.selector-trigger{display:flex;align-items:center;gap:10px;padding:8px 14px}.selected-value{flex:1;font-size:.85rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron{color:#94a3b8;transition:transform .4s cubic-bezier(.4,0,.2,1)}.chevron.rotate{transform:rotate(180deg);color:var(--primary)}.selector-options{position:absolute;top:calc(100% + 12px);left:0;right:0;background:#fff;border-radius:24px;border:1px solid #f1f5f9;box-shadow:0 25px 60px -15px #0000001f;padding:10px;max-height:320px;overflow-y:auto;z-index:1000;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.option-item{padding:8px 16px;border-radius:12px;font-size:.85rem;font-weight:600;color:#475569;transition:all .2s cubic-bezier(.4,0,.2,1);margin-bottom:4px;cursor:pointer;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%;box-sizing:border-box}.option-item input[type=checkbox]{flex-shrink:0!important;margin:0!important;width:16px!important;height:16px!important;cursor:pointer}.option-item span{flex:1!important;text-align:left!important;font-size:.85rem;font-weight:600;color:#475569;white-space:nowrap}.option-item:last-child{margin-bottom:0}@media(hover:hover)and (pointer:fine){.option-item:hover{background:#f8fafc;color:#10b981;transform:translate(4px)}}.option-item.active{background:#ecfdf5;color:#10b981}.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{display:flex;height:100vh;height:100dvh;width:100%;max-width:100vw;overflow:hidden;position:relative}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;max-width:100%;width:100%;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;margin-left:260px;-webkit-overflow-scrolling:touch}@media(max-width:1024px){.main-wrapper{margin-left:0}}.page-content{padding:1rem 2rem 2rem;flex:1;background-color:var(--bg-main);width:100%;max-width:100%;box-sizing:border-box}@media(max-width:768px){.page-content{padding:1rem;overflow-x:hidden}}.sidebar{width:260px;height:100vh;height:100dvh;background-color:#0d3d30;color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:1000;box-shadow:4px 0 24px #0000004d;overflow:hidden;will-change:transform;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}@media(min-width:1025px){.sidebar{transform:none}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar:before{content:"";position:absolute;top:-100%;left:-100%;width:400%;height:400%;pointer-events:none;z-index:0;background:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(74,222,128,.04) 30px,rgba(74,222,128,.04) 31px),repeating-linear-gradient(-45deg,transparent,transparent 50px,rgba(59,130,246,.03) 50px,rgba(59,130,246,.03) 51px),repeating-linear-gradient(90deg,transparent,transparent 70px,rgba(245,158,11,.025) 70px,rgba(245,158,11,.025) 71px);animation:sidebar-geo-scroll 25s linear infinite}.sidebar:after{content:"";position:absolute;top:-50%;left:-50%;width:300%;height:300%;pointer-events:none;z-index:0;background:repeating-linear-gradient(60deg,transparent,transparent 45px,rgba(74,222,128,.035) 45px,rgba(74,222,128,.035) 46px),repeating-linear-gradient(-60deg,transparent,transparent 45px,rgba(74,222,128,.035) 45px,rgba(74,222,128,.035) 46px);animation:sidebar-geo-scroll-2 35s linear infinite reverse}@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>*{position:relative;z-index:1}.sidebar-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1.25rem 1rem;flex-shrink:0}.sidebar-logo-icon{width:60px;height:60px;background:linear-gradient(135deg,#1a5c42,#10422e);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.8rem;font-family:Outfit,sans-serif;color:#4ade80;flex-shrink:0;overflow:hidden;border:none;box-shadow:none}.sidebar-logo-img{width:100%;height:100%;object-fit:contain}.sidebar-brand{display:flex;flex-direction:column;align-items:center;text-align:center}.sidebar-brand-text{font-size:1.3rem;font-weight:400;color:#fffffff2;letter-spacing:-.3px}.sidebar-brand-text strong{font-weight:700;color:#fff}.sidebar button,.sidebar .nav-link{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1.25rem .75rem;flex-shrink:0}.sidebar-logo-icon{width:40px;height:40px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;font-family:Outfit,sans-serif;color:#4ade80;flex-shrink:0;overflow:visible;border:none;box-shadow:none;transition:all .3s ease}.sidebar-logo-icon.has-image{background:transparent;border:none;box-shadow:none;transition:all .3s ease}.sidebar-logo-img{width:100%;height:100%;object-fit:contain;padding:2px;filter:drop-shadow(0 0 10px rgba(74,222,128,.5));transition:all .3s ease}.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 rgba(74,222,128,.7));transform:scale(1.05)}.sidebar-brand{flex:1;min-width:0}.sidebar-brand-text{font-size:1rem;font-family:Outfit,sans-serif;font-weight:400;color:#ffffffd9;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-brand-text strong{font-weight:800;color:#fff}.sidebar-close-btn{display:none;background:none;border:none;color:#fff9;cursor:pointer;padding:6px;border-radius:8px;flex-shrink:0;transition:all .2s ease}@media(hover:hover)and (pointer:fine){.sidebar-close-btn:hover{color:#fff;background:#ffffff1a}}.sidebar-period{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem 1rem;flex-shrink:0}.period-year{font-size:.8rem;font-weight:700;color:#ffffffe6;letter-spacing:.3px;font-family:Outfit,sans-serif;line-height:1}.period-semester{font-size:.7rem;font-weight:700;color:#0d3d30;background:#4ade80;padding:4px 8px;border-radius:6px;letter-spacing:.5px;font-family:Outfit,sans-serif;line-height:1;display:inline-flex;align-items:center;justify-content:center}.sidebar-divider{height:1px;background:#ffffff14;margin:0 1.25rem;flex-shrink:0}.sidebar-nav{flex:1;overflow-y:auto;padding:.75rem 0;min-height:0;overscroll-behavior:contain}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.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{display:block;font-size:.65rem;font-weight:700;letter-spacing:.08em;color:#fff6;padding:.75rem .75rem .35rem;text-transform:uppercase;font-family:Inter,sans-serif}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:10px;color:#ffffffb3;text-decoration:none;font-size:.875rem;font-weight:500;font-family:Inter,sans-serif;line-height:1.4;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left;cursor:pointer}@media(hover:hover)and (pointer:fine){.nav-link:hover{color:#fff;background:#ffffff14}}.nav-link.active{color:#fff;font-weight:600;background:#4ade8026}.nav-link.active .nav-link-icon{color:#4ade80}.nav-link *{pointer-events:none}.nav-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffff80;transition:color .2s ease;width:20px}@media(hover:hover)and (pointer:fine){.nav-link:hover .nav-link-icon{color:#ffffffe6}}.nav-link-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{flex-shrink:0;padding:.25rem .75rem .5rem;border-top:1px solid rgba(255,255,255,.08);margin-top:auto;background:transparent;position:relative;z-index:1}.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{background:#ef444426;color:#f87171}.nav-link.logout:hover .nav-link-icon{color:#f87171}}.sidebar-overlay{display:none}@media(max-width:1024px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background-color:#00000080;z-index:995;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-overlay.mobile-visible{opacity:1;pointer-events:auto;display:block}.sidebar{left:0;transform:translate(-100%);visibility:hidden;pointer-events:none}.sidebar.open{transform:translate(0);visibility:visible;pointer-events:auto}.sidebar-close-btn{display:flex;align-items:center;justify-content:center}}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:900}.search-container{display:flex;align-items:center;background-color:#f1f5f9;padding:.5rem 1rem;border-radius:10px;width:350px;gap:.5rem}.search-icon{color:#94a3b8}.search-input{background:transparent;border:none;outline:none;font-size:.875rem;width:100%}.topbar-actions{display:flex;align-items:center;gap:1.5rem;margin-left:auto}.notification-wrapper{position:relative}.notification-dropdown{position:absolute;top:120%;right:0;width:350px;z-index:1000;background:#fff;border-radius:16px;box-shadow:0 10px 40px -10px #0003;border:1px solid #e2e8f0}@media(max-width:768px){.notification-dropdown{position:fixed;top:80px;left:1rem;right:1rem;width:auto;max-width:calc(100vw - 2rem)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-header{padding:1.25rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.notif-header h3{font-size:1rem;font-weight:700;color:var(--primary-dark);margin:0}.notif-header button{background:none;border:none;color:var(--primary);font-size:.8rem;font-weight:600;cursor:pointer}.notif-list{max-height:400px;overflow-y:auto}.notif-item{padding:1.25rem;display:flex;gap:1rem;border-bottom:1px solid #f8fafc;transition:background .2s;cursor:pointer}@media(hover:hover)and (pointer:fine){.notif-item:hover{background-color:#f0fdf4}}.notif-item.unread{background-color:#10b98108}.notif-icon{width:36px;height:36px;background:#f0fdf4;color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1}.notif-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.notif-title{font-size:.9rem;font-weight:700;color:#1e293b}.notif-time{font-size:.75rem;color:#94a3b8}.notif-message{font-size:.85rem;color:#64748b;margin:0;line-height:1.4}.notif-footer{padding:1rem;text-align:center;background-color:#f8fafc}.notif-footer button{background:none;border:none;color:var(--primary);font-size:.85rem;font-weight:600;cursor:pointer}.avatar-img{width:100%;height:100%;object-fit:cover}.icon-btn{position:relative;background:transparent;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}@media(hover:hover)and (pointer:fine){.icon-btn:hover{background-color:#f1f5f9;color:var(--primary)}}.notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid white}.user-profile{display:flex;align-items:center;gap:.75rem;padding-left:1.5rem;border-left:1px solid #e2e8f0}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:.875rem;font-weight:600;color:var(--text-main)}.user-role{font-size:.75rem;color:var(--text-muted)}.user-avatar{width:40px;height:40px;background-color:#ecfdf5;color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(16,185,129,.1)}.mobile-menu-toggle{display:none}@media(max-width:1024px){.topbar{padding:0 1rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:.5rem;z-index:1005;position:relative}.hamburger-btn{color:var(--text-main, #1e293b);width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:none;cursor:pointer}.hamburger-btn svg{width:26px;height:26px}.search-container,.user-info{display:none}.topbar-actions{gap:.75rem}.user-profile{padding-left:.75rem}}@media(max-width:480px){.notification-dropdown{position:fixed;top:80px;left:1rem;right:1rem;width:auto;max-width:calc(100vw - 2rem)}}.app-container{display:flex;min-height:100vh}.main-content{flex:1;padding:2rem;overflow-y:auto}@media(max-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 rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .1);--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{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem;padding:0 10px}.quick-actions-bar{display:flex;gap:12px;overflow-x:auto;padding:4px;scrollbar-width:none;-ms-overflow-style:none}.quick-actions-bar::-webkit-scrollbar{display:none}.quick-btn{background:#fff;border:1px solid rgba(0,0,0,.05);padding:8px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.2s;box-shadow:0 2px 8px #00000005}.btn-icon,.running-announcement{align-items:center;border-radius:8px;display:flex}.quick-btn span{font-size:.85rem;font-weight:600;color:var(--text-primary)}.btn-icon{width:32px;height:32px;justify-content:center;color:#fff}.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 rgba(16,185,129,.4);height:42px;overflow:hidden;position:relative;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.announcement-label{background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;padding:0 24px 0 16px;height:100%;display:flex;align-items:center;gap:10px;font-size:.7rem;font-weight:900;letter-spacing:1.2px;position:relative;z-index:10;clip-path:polygon(0 0,85% 0,100% 100%,0% 100%)}.announcement-label svg{animation:2s ease-in-out infinite bell-swing;transform-origin:top center}@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;overflow:hidden;padding-left:10px;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.announcement-track p{font-size:.85rem;color:var(--clr-bg-light);font-weight:500;animation:30s linear infinite scroll-text;display:inline-block;letter-spacing:.3px}@keyframes scroll-text{0%{transform:translate(100%)}to{transform:translate(-100%)}}.quote-widget-hero{margin-top:1.5rem;padding:16px 24px;background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);border-radius:20px;max-width:500px;margin-left:auto;margin-right:auto;position:relative}.quote-icon-top{position:absolute;top:-8px;left:20px;color:var(--primary-color);opacity:.3}.quote-text{font-size:.95rem;font-style:italic;color:var(--text-primary);margin-bottom:8px;line-height:1.5}.quote-author{font-size:.75rem;font-weight:700;color:var(--primary-color);letter-spacing:1px}.agenda-list,.leaderboard-list,.premium-log-list,.q-leaderboard,.stats-breakdown-section{display:flex;flex-direction:column;gap:12px}.agenda-item{display:flex;gap:12px;padding:12px;background:#ffffff80;border-radius:12px;border:1px solid rgba(0,0,0,.03);transition:.2s}.agenda-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;width:44px;height:44px;border-radius:10px;flex-shrink:0}.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{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.agenda-tag,.bar-label{font-size:.65rem;font-weight:600}.agenda-tag{padding:2px 8px;border-radius:100px}.agenda-tag.akademik,.stat-icon-wrap.blue{background:#3b82f61a;color:var(--clr-blue)}.agenda-tag.umum{background:#8b5cf61a;color:var(--clr-purple)}.agenda-tag.libur,.stat-icon-wrap.red{background:#ef44441a;color:var(--clr-red)}.trend-chart-mini{display:flex;align-items:flex-end;justify-content:space-between;height:100px;padding:20px 10px 10px;gap:8px}.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center}.chart-bar{width:100%;background:linear-gradient(to top,var(--primary-color),#34d399);border-radius:4px 4px 0 0;position:relative;transition:height 1s cubic-bezier(.4,0,.2,1)}.bar-tooltip{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:var(--clr-text-dark);color:#fff;padding:2px 6px;border-radius:4px;font-size:.65rem;opacity:0;transition:.2s;pointer-events:none;z-index:10}.bar-label,.trend-note{color:var(--text-secondary)}.live-session-card,.portrait-frame{transition:.4s cubic-bezier(.175,.885,.32,1.275)}.trend-note{font-size:.7rem;font-style:italic;margin-top:10px}.dashboard-container{padding-bottom:3rem;min-width:0;max-width:100%;overflow-x:hidden;box-sizing:border-box}.royal-hero{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,3rem);background:linear-gradient(135deg,#fff 0,var(--clr-bg-lightest) 100%);padding:clamp(1.5rem,4vw,4rem) clamp(1rem,3vw,3rem);border-radius:32px;box-shadow:0 10px 40px #0000000f;border:1px solid #eef2f6;position:relative;overflow:hidden;margin-bottom:2rem}@media(max-width:768px){.royal-hero{padding:2rem 1.25rem;border-radius:24px}.guardian-portrait{display:none}}.royal-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.03;pointer-events:none}.guardian-portrait{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;z-index:1}.portrait-frame{width:clamp(140px,15vw,200px);height:clamp(140px,15vw,200px);border-radius:50%;padding:6px;background:linear-gradient(45deg,var(--clr-primary),#059669);box-shadow:0 15px 35px #10b98133}.portrait-frame img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff}.guardian-role{font-size:.75rem;font-weight:700;color:var(--clr-primary-dark);letter-spacing:.1em}.guardian-name{font-size:1.1rem;color:var(--clr-text-dark);font-weight:700;margin:0}.slideshow-center{display:flex;flex-direction:column;gap:2rem;z-index:1;flex:1;width:100%}.premium-title{font-size:clamp(1.5rem,5vw,3rem);font-weight:900;background:linear-gradient(135deg,var(--clr-text-darkest) 0,#334155 100%);-webkit-background-clip:text;background-clip:text;margin:0;letter-spacing:-.05em;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.premium-tagline{font-size:1.15rem;color:var(--clr-text-muted);font-weight:500;margin:.5rem 0 0}.hero-quote-footer{margin-top:.25rem;padding:1.25rem 2rem;background:linear-gradient(135deg,#ecfdf599 0,#f0f9ff99);border-radius:16px;border:1px solid rgba(16,185,129,.12);display:flex;flex-direction:column;align-items:center;gap:.4rem;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-quote-footer:before{content:"“";position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:2rem;font-weight:900;color:var(--clr-primary);line-height:1;background:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #10b98126}.quote-text-mini{font-size:.95rem;font-weight:600;color:var(--clr-text-medium);font-style:italic;margin:0;line-height:1.6}.quote-author-mini{font-size:.75rem;font-weight:800;color:var(--clr-primary-dark);letter-spacing:1.5px}.live-session-card{background:linear-gradient(135deg,#fffffff2 0,#ecfdf5f2)!important;border:1px solid rgba(16,185,129,.3)!important;box-shadow:0 20px 40px -15px #10b98126!important;overflow:hidden;position:relative}.live-session-card:after{content:"";position:absolute;top:-50%;right:-50%;width:150px;height:150px;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);z-index:0}.live-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;position:relative;z-index:1}.live-badge{background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;padding:6px 14px;border-radius:12px;font-size:.65rem;font-weight:900;display:flex;align-items:center;gap:8px;letter-spacing:1px;box-shadow:0 4px 12px #10b9814d}.pulse-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:2s infinite pulse-white}@keyframes pulse-white{0%{transform:scale(1);opacity:1;box-shadow:0 0 #ffffffb3}70%{transform:scale(1.5);opacity:0;box-shadow:0 0 0 10px #fff0}to{transform:scale(1);opacity:0;box-shadow:0 0 #fff0}}.session-info{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.session-label,.session-time{display:flex;align-items:center;gap:8px}.session-label{font-size:.7rem;color:var(--clr-text-muted);font-weight:800;letter-spacing:1.5px;justify-content:center;width:100%}.session-label:after,.session-label:before{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--clr-border),transparent)}.session-name{font-size:2rem;font-weight:900;color:var(--clr-primary-deepest);margin:0;line-height:1;letter-spacing:-1px}.session-time{font-size:1.1rem;color:var(--clr-primary);font-weight:700;font-variant-numeric:tabular-nums;justify-content:center}.session-footer,.standby-visual{align-items:center;display:flex}.session-footer{margin-top:12px;padding-top:16px;border-top:1px solid rgba(16,185,129,.1);justify-content:center;gap:10px;font-size:.8rem;color:var(--clr-text-secondary);font-weight:600}.session-info.standby{display:flex;flex-direction:column;gap:1.5rem;padding:8px 0}.standby-visual{gap:16px}.standby-icon{width:54px;height:54px;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 24px #10b98140;animation:4s ease-in-out infinite float-soft}.big-time-display,.slideshow-container{position:relative;border-radius:20px;overflow:hidden}@keyframes float-soft{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.standby-label{font-size:.7rem;letter-spacing:1.5px;color:var(--clr-text-muted);font-weight:800;margin-bottom:4px;display:block}.standby-status{font-size:1rem;color:var(--clr-primary-deepest);font-weight:800;margin:0;line-height:1.2}.big-time-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,var(--clr-bg-lightest) 0,#f1f5f9 100%);border:var(--border-light)}.big-time-display:before{content:"TIME";position:absolute;top:10px;right:10px;font-size:3rem;font-weight:900;color:#10b98108;pointer-events:none}.current-hour{font-size:3.5rem;font-weight:900;color:var(--clr-text-dark);letter-spacing:-2px;line-height:1}.time-zone{font-size:.85rem;font-weight:800;color:var(--clr-primary);letter-spacing:2px;margin-top:4px}.standby-note{font-size:.75rem;color:var(--clr-text-muted);font-weight:500;line-height:1.5}.class-name,.section-title{font-weight:700}.slideshow-container{width:100%;height:380px;box-shadow:0 15px 40px #0000001a;border:4px solid #fff}.slide-image{object-fit:cover;animation:1s ease-in-out fadeIn}.slide-indicators{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem}.dot{background-color:#ffffff4d;cursor:pointer;transition:.3s}.dot.active{background-color:#fbbf24;width:30px;border-radius:5px}.dashboard-content-grid{display:grid;grid-template-columns:1fr 340px;gap:2rem;width:100%;align-items:start}@media(max-width:1200px){.royal-hero{flex-direction:column;text-align:center}.slideshow-center{width:100%;order:-1}.dashboard-content-grid{grid-template-columns:1fr;gap:2.5rem}.stats-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem}}.dashboard-main{min-width:0;display:flex;flex-direction:column}.doc-meta,.input-group,.section-header{margin-bottom:1.5rem}.section-title{font-size:1.5rem;color:var(--clr-primary-deep);margin:0}.big-number .unit,.config-label,.section-subtitle{color:var(--clr-text-muted)}.section-subtitle{font-size:.95rem;margin:.25rem 0 0}.stats-main{flex:1;min-width:0;overflow:visible!important}.mobile-class-selector{margin-bottom:2rem;overflow:visible!important;width:100%;max-width:450px;background:#fff;padding:1rem;border-radius:20px;border:1px solid rgba(16,185,129,.1);box-shadow:0 4px 15px #00000008;position:relative;z-index:50}.config-label{letter-spacing:1px;margin-bottom:.75rem;display:block}.stat-label,.upcoming-title{letter-spacing:.05em;text-transform:uppercase}.class-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:1.5rem}.class-stat-card{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:transform .3s}.am-user-cell,.cbt-brand,.class-stat-header,.pd-grade-item,.rate-input-group,.sdx-grade-item,.session-actions,.student-cell,.title-group{display:flex;align-items:center;gap:.75rem}.class-icon{width:40px;height:40px;background-color:var(--clr-blue-tint);color:var(--clr-blue);border-radius:10px;display:flex;align-items:center;justify-content:center}.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{height:6px;border-radius:10px;margin-bottom:.5rem}.attendance-bar .fill{height:100%;background:linear-gradient(to right,var(--clr-primary),#34d399);border-radius:10px}.attendance-indicator .percent{font-size:.8rem;font-weight:600;color:var(--clr-primary-dark)}.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{display:flex;flex-direction:column;gap:1.5rem}.calendar-premium-card,.info-stat-card,.modal-body,.profile-page,.profile-sidebar .glass-card,.sidebar-card,.tab-content{padding:1.5rem}.card-title{font-size:1rem;font-weight:700;margin-bottom:1.5rem}.dashboard-container .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.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{display:flex;flex-direction:column;gap:1.25rem}.am-header-content,.gender-row,.grade-item-small,.header-text-group-with-icon,.pdc-identity{display:flex;align-items:center;gap:1rem}.row-label{font-size:.8rem;font-weight:600;color:var(--clr-text-muted);width:70px}.panel-title,.row-value{color:var(--clr-text-dark)}.row-bar-container{flex:1;height:12px;border-radius:6px}.row-bar{height:100%;border-radius:6px}.row-bar.male{background:linear-gradient(to right,var(--clr-blue),#60a5fa)}.row-bar.female{background:linear-gradient(to right,#ec4899,#f472b6)}.row-value{font-size:.9rem;font-weight:700;width:30px;text-align:right}.alert-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.alert-card .card-header .card-title,.main-clock-display{margin-bottom:0}.alert-item.empty{text-align:center;padding:2rem 0;color:var(--clr-text-light);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{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.panel-title{margin:0}.panel-subtitle{font-size:.85rem;color:var(--clr-text-muted);margin:.25rem 0 0}.panel-search{display:flex;align-items:center;gap:10px;background-color:var(--clr-primary-light)!important;border:1px solid var(--clr-primary)!important;padding:.5rem 1rem;border-radius:10px;width:300px}.panel-search svg,.search-wrapper .search-icon,.session-date-box.completed .day,.text-emerald-700{color:var(--clr-primary-darker)!important}.panel-search input{border:none;background:0 0;font-size:.875rem;width:100%;outline:0}.dashboard-detail-table,.data-table,.grades-table,.info-col table,.payment-history-table table,.preview-table,.schedule-edit-table{width:100%;border-collapse:collapse}.dashboard-detail-table th{text-align:left;font-size:.75rem;font-weight:700;color:var(--clr-text-light);text-transform:uppercase;padding:.75rem 1rem;border-bottom:var(--border-lighter)}.dashboard-detail-table td{padding:1rem;border-bottom:1px solid var(--clr-bg-lightest);font-size:.9rem;color:var(--clr-text-dark)}.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-weight:700;font-size:.8rem}.empty-table-note{padding:3rem;text-align:center;color:var(--text-secondary);font-style:italic;font-size:.9rem}.all-classes-card.active{border-color:var(--clr-primary)!important;background:linear-gradient(135deg,#f0fdf4 0,#fff)!important;box-shadow:0 10px 25px #10b98126!important}.all-classes-badge{margin-top:8px;font-size:.75rem;font-weight:700;color:var(--clr-primary);background:#10b9811a;padding:4px 12px;border-radius:100px;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{background-color:#f1f5f9;color:#64748b}.status-pill.hadir{background-color:#dcfce7;color:#166534}.score-badge.failed,.status-pill.alpa{background-color:var(--clr-red-light);color:#991b1b}.status-pill.izin{background-color:#fef9c3;color:#854d0e}.status-pill.terlambat{background-color:#ffedd5;color:#9a3412}.animate-slide-up{animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media(max-width:1280px){.dashboard-content-grid{grid-template-columns:1fr}}.p-form-section.full-width,.q-loading{grid-column:1/-1}.quote-view-wrapper{position:relative;width:100%}.quote-edit-btn{position:absolute;top:-10px;right:-10px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--clr-text-muted);cursor:pointer;box-shadow:0 2px 8px #0000001a;opacity:0;transition:.2s}.quote-edit-form{width:100%;padding:10px;background:#ffffff80;border-radius:12px;border:1px dashed rgba(0,0,0,.1)}.edit-quote-textarea{width:100%;min-height:80px;background:0 0;border:none;font-family:inherit;font-size:.95rem;font-style:italic;color:var(--clr-text-dark);resize:vertical;padding:8px;outline:0}.edit-quote-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.edit-quote-author-input{flex:1;background:0 0;border:none;border-bottom:1px solid rgba(0,0,0,.1);font-size:.8rem;font-weight:700;color:var(--clr-text-muted);text-transform:uppercase;outline:0}.edit-actions{display:flex;gap:8px}.btn-cancel-quote,.btn-save-quote{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer;border:none}.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;width:28px!important;height:28px!important;border:none!important}.quote-content,.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.quote-author{justify-content:center;display:flex;align-items:center}.c-tabs-wrapper .tab-btn span,.mobile-only,.quote-author:before,.timeline-point:last-child:before{display:none}.quote-author:after{content:"";width:30px;height:2px;background:var(--clr-primary);opacity:.3;margin-left:.75rem}.quote-widget-hero:before{left:50%!important;transform:translate(-50%)!important;top:-30px!important;font-size:6rem!important}.calendar-month-label{font-size:.8rem;font-weight:800;color:var(--clr-primary);background:var(--clr-primary-tint);padding:4px 10px;border-radius:20px;text-transform:uppercase;margin-left:auto}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:1.5rem 0}.calendar-day-head{font-size:.7rem;font-weight:900;color:var(--clr-text-light);text-align:center;padding-bottom:8px}.agenda-name,.calendar-day-cell,.desk-student-name,.res-name,.upcoming-title{color:var(--clr-text-dark)}.calendar-day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border-radius:8px;cursor:default;position:relative;transition:.2s}.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{position:absolute;bottom:4px;width:4px;height:4px;background:var(--clr-primary);border-radius:50%}.upcoming-events-list{margin-top:1.5rem;border-top:var(--border-lighter);padding-top:1.5rem}.agenda-item-premium{display:flex;gap:12px;margin-bottom:1rem}.agenda-status-indicator{border-radius:4px;flex-shrink:0}.agenda-meta,.sdx-task-meta{display:flex;align-items:center;justify-content:space-between}.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)!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{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:var(--clr-text-muted)}.stat-value-group{display:flex;align-items:baseline;gap:.75rem}.stat-info strong,.v-main{font-size:1.25rem;font-weight:800;color:var(--clr-text-dark)}.v-sub{font-size:.7rem;color:var(--clr-primary-dark);font-weight:600}.mini-bar{height:4px;background:var(--clr-bg-light);border-radius:2px;overflow:hidden}.mini-bar .fill{height:100%;background:var(--clr-primary);border-radius:2px}.premium-hero-widget-container{width:100%;margin:1.5rem 0 3rem;perspective:1000px}.main-live-widget{background:linear-gradient(135deg,#ffffffb3 0,#f0fdf4b3)!important;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.5)!important;border-radius:40px!important;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 80px #10b98126,inset 0 0 0 1px #fff6!important;transition:.5s cubic-bezier(.2,.8,.2,1)}.widget-inner-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% -20%,rgba(16,185,129,.1) 0,transparent 70%);pointer-events:none}.class-selector,.live-status-header,.login-header{margin-bottom:2.5rem}.live-badge-premium-glow{display:inline-flex;align-items:center;gap:10px;background:var(--clr-text-dark);color:#fff;padding:8px 24px;border-radius:100px;font-size:.7rem;font-weight:900;letter-spacing:2px;position:relative;box-shadow:0 4px 20px #0003}.pulse-ring{width:10px;height:10px;background:var(--clr-primary);border-radius:50%;position:relative}.pulse-ring:after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:inherit;animation:2s infinite ripple}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(3.5);opacity:0}}.clock-session-row{display:flex;align-items:center;justify-content:center;gap:4rem;flex-wrap:wrap}.left-clock-col{display:flex;flex-direction:row;align-items:center;gap:2rem}.digital-time-mega{font-size:6rem;font-weight:900;color:var(--clr-text-darkest);line-height:1;letter-spacing:-3px;font-family:Outfit,sans-serif;text-shadow:0 10px 30px rgba(0,0,0,.05);margin:0}.time-metadata{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:.5rem}.timezone-label{font-size:1.5rem;font-weight:900;color:var(--clr-primary);letter-spacing:5px}.date-label{font-size:1.1rem;color:var(--clr-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.session-detail-card{display:inline-flex;align-items:center;gap:2rem;background:#fff;padding:1.5rem 2.5rem;border-radius:30px;box-shadow:0 10px 30px #0000000d;max-width:600px;border:var(--border-lighter)}.session-icon-circle{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #10b98133;animation:3s ease-in-out infinite float-soft}.label-standby{font-size:.75rem;font-weight:800;color:var(--clr-text-light);letter-spacing:2px;display:block;margin-bottom:4px;text-align:left}.status-main-text{font-size:1.25rem;font-weight:800;color:var(--clr-text-dark);margin:0;text-align:left}.status-sub-text{font-size:.85rem;color:var(--clr-text-light);margin-top:4px;font-weight:500;text-align:left}.widget-decorative-elements div{position:absolute;border-radius:50%;filter:blur(60px);z-index:-1;opacity:.3}.circle-grad-1{width:300px;height:300px;background:var(--clr-primary);top:-100px;left:-100px}.circle-grad-2{width:250px;height:250px;background:var(--clr-blue);bottom:-80px;right:-80px}.royal-hero-modern{margin-bottom:3rem}.hero-welcome-card{padding:2.5rem;border-radius:32px!important;display:flex;align-items:center;justify-content:center;background:#fff!important;border:var(--border-lighter)!important}.welcome-avatar-group{display:flex;align-items:center;gap:2rem;max-width:800px}.avatar-frame-premium{width:120px;height:120px;border-radius:50%;padding:4px;background:linear-gradient(45deg,var(--clr-primary),#3b82f6);box-shadow:0 10px 25px #10b98133;flex-shrink:0}.avatar-frame-premium img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff}.role-tag{font-size:.75rem;font-weight:800;color:var(--clr-primary);text-transform:uppercase;letter-spacing:2px}.welcome-text h3{font-size:1.75rem;font-weight:800;color:var(--clr-text-dark);margin:4px 0 10px}.welcome-msg{font-size:1.1rem;color:var(--clr-text-muted);font-style:italic;line-height:1.6;margin:0}@media(max-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{display:flex;flex-direction:column;gap:0;max-height:240px;overflow-y:auto;overflow-x:hidden;padding-right:6px}.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{font-size:1.1rem;font-weight:700;color:var(--clr-text-dark);margin-bottom:8px}.agenda-item-premium{display:flex;align-items:center;gap:6px;background:#fff;border-radius:8px;padding:4px 16px 4px 10px;box-shadow:0 2px 4px -1px #00000005;border:1px solid rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;width:100%}.agenda-status-indicator{width:4px;position:absolute;left:0;top:0;bottom:0;background:var(--clr-border-dark)}.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{display:flex;flex-direction:column;gap:0;flex:1}.agenda-name{font-size:.85rem;font-weight:700;color:var(--clr-text-darkest);margin:0}.agenda-meta{display:flex;justify-content:space-between;align-items:center;width:100%}.agenda-date-text{font-size:.7rem;color:var(--clr-text-muted);font-weight:500}.agenda-category-badge{font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.agenda-category-badge.akademik,.stat-icon-box.total{background:var(--clr-blue-tint);color:#2563eb}.agenda-category-badge.umum,.icon-btn-sm.pay{background:#f0fdf4;color:#16a34a}.agenda-category-badge.libur,.summary-icon.overdue{background:var(--clr-red-tint);color:#dc2626}.empty-agenda{padding:24px;text-align:center;color:var(--clr-text-light);font-size:.9rem;background:var(--clr-bg-lightest);border-radius:12px;border:1px dashed var(--clr-border-dark)}.btn-atur-widget{padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);border:none;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #10b98140;transition:.3s}.btn-atur-widget:active{transform:scale(.95)}.homeroom-dashboard,.teacher-dashboard{padding:1.5rem 2rem 3rem;max-width:1400px;margin:0 auto;font-family:Inter,sans-serif}.hd-header,.td-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.td-greeting-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--clr-primary-light),#a7f3d0);color:var(--clr-primary-deep);font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.hd-title,.td-title{font-size:1.75rem;font-weight:800;color:var(--clr-text-darkest);margin:0 0 .25rem}.hd-subtitle,.page-subtitle,.td-subtitle{font-size:.875rem;color:var(--clr-text-muted);margin:0}.hd-clock-card,.td-clock-card{display:flex;align-items:center;gap:12px;justify-content:flex-end}.hd-clock-date,.td-clock-date{font-size:.95rem;color:var(--clr-text-muted);font-weight:600}.hd-clock-divider,.td-clock-divider{color:var(--clr-border-dark);font-weight:700}.hd-clock-time,.td-clock-time{font-size:2rem;font-weight:800;color:var(--clr-text-darkest);font-family:Outfit,monospace;line-height:1}.hd-session-badge,.td-session-badge{display:inline-block;margin-top:0;padding:4px 12px;border-radius:20px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.06em;white-space:nowrap}.td-announcement{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:8px 16px;margin-bottom:1.25rem;overflow:hidden;color:var(--clr-primary-deep);font-size:.8rem;font-weight:500}.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{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.hd-stat,.td-stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:16px;border:var(--border-lighter);box-shadow:0 2px 12px #0000000d;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.c-stat-card:before,.hd-stat:before,.td-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px}.pd-hero:after,.sdx-hero:after{top:-60px;right:-60px;content:""}.c-stat-icon,.hd-stat-icon,.notif-status-icon,.td-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.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]{background:#f1f5f9;color:#64748b}.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{background:#ede9fe;color:#7c3aed}.c-stat-content,.td-stat-body{display:flex;flex-direction:column;flex:1}.td-stat-arrow{color:var(--clr-border-dark)}.hd-quick-actions,.td-quick-actions{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.td-qa-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:12px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;transition:.2s;color:#fff}.td-main-grid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}.c-zone-card,.hd-card,.pd-card,.sdx-card,.td-card{background:#fff;border-radius:20px;border:var(--border-lighter);box-shadow:0 2px 16px #0000000d;padding:1.25rem 1.5rem}.td-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--clr-bg-lightest);color:var(--clr-primary)}.hd-card-header h4,.pd-card-header h4,.sdx-card-header h3,.td-card-header h3{flex:1;font-size:.95rem;font-weight:700;color:var(--clr-text-darkest);margin:0}.td-badge-today{font-size:.7rem;font-weight:700;background:#f0fdf4;color:var(--clr-primary-dark);padding:3px 10px;border-radius:20px;border:1px solid #bbf7d0}.td-schedule-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--clr-bg-lightest);border-radius:12px;border:var(--border-lighter);transition:background .2s}.sdx-tl-card.completed,.td-schedule-item.done{opacity:.6}.td-schedule-item:not(.done){background:#f0fdf4;border-color:#bbf7d0}.td-sch-period{display:flex;flex-direction:column;align-items:center;min-width:56px}.sdx-tl-start,.td-sch-num{font-size:.85rem;font-weight:700;color:var(--clr-text-darkest)}.td-sch-time{font-size:.65rem;color:var(--clr-text-light)}.hd-att-info,.hd-bk-body,.pd-bk-body,.q-leader-info,.td-act-body,.td-sch-info,.td-stu-info{flex:1;display:flex;flex-direction:column}.td-sch-subject{font-size:.9rem;font-weight:600;color:var(--clr-text-darkest)}.hd-bk-type,.td-sch-class{font-size:.75rem;color:var(--clr-text-muted)}.td-sch-status{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:20px}.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{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.75rem;padding-top:.75rem;border-top:var(--border-lighter)}.td-nilai-item{display:flex;align-items:center;gap:6px;font-size:.8rem}.td-nilai-dot{width:10px;height:10px;border-radius:3px}.td-class-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.td-class-tab{padding:4px 12px;border-radius:8px;border:var(--border-light);background:var(--clr-bg-lightest);font-size:.75rem;font-weight:600;cursor:pointer;transition:.15s}.hd-cal-day,.td-cal-day,.td-see-more,.td-student-row{transition:background .15s;cursor:pointer}.td-class-tab.active{background:var(--clr-primary-deep);border-color:var(--clr-primary-deep);color:#fff}.td-student-list{display:flex;flex-direction:column;gap:.4rem;max-height:280px;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;justify-content:center;font-weight:700;font-size:.9rem;color:var(--clr-text-darkest);flex-shrink:0}.c-student-name,.hd-att-name,.pd-bk-text,.td-stu-name{font-size:.85rem;font-weight:600;color:var(--clr-text-darkest)}.c-student-class,.hd-att-reason,.log-time,.pd-agenda-date,.sdx-agenda-date,.sdx-tl-end,.td-agenda-date,.td-stu-nisn{font-size:.7rem;color:var(--clr-text-light)}.c-point-badge,.td-stu-status{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:20px}.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{display:flex;align-items:center;justify-content:center;gap:4px;padding:.5rem;font-size:.8rem;font-weight:600;color:var(--clr-primary);background:0 0;border:1px dashed #a7f3d0;border-radius:8px;margin-top:4px}.td-activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem .75rem;border-radius:10px;background:var(--clr-bg-lightest)}.pd-agenda-dot,.sdx-agenda-dot,.td-act-indicator,.td-agenda-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.td-act-label{font-size:.82rem;color:var(--clr-text-medium);font-weight:500}.td-act-time{font-size:.7rem;color:var(--clr-text-light);margin-top:2px}.hd-cal-nav,.td-cal-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.hd-cal-nav button,.pd-cal-nav button,.sdx-cal-nav button,.td-cal-nav button{background:0 0;border:none;cursor:pointer;color:var(--clr-text-muted);padding:2px;border-radius:6px;display:flex;align-items:center;transition:background .15s}.hd-cal-nav span,.td-cal-nav span{font-size:.8rem;font-weight:600;color:var(--clr-text-secondary)}.td-mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:1rem}.hd-cal-head,.td-cal-head{text-align:center;font-size:.65rem;font-weight:700;color:var(--clr-text-light);padding:4px 0;text-transform:uppercase}.hd-cal-day,.td-cal-day{text-align:center;font-size:.8rem;padding:5px 2px;border-radius:8px;color:var(--clr-text-secondary);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{position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--clr-amber)}.td-agenda-mini{display:flex;flex-direction:column;gap:.4rem;border-top:var(--border-lighter);padding-top:.75rem}.td-empty,.td-quote-card{text-align:center;padding:1.5rem}.pd-agenda-item,.sdx-agenda-item,.td-agenda-item{display:flex;align-items:flex-start;gap:.6rem}.pd-agenda-title,.sdx-agenda-title,.td-agenda-title{display:block;font-size:.82rem;font-weight:600;color:var(--clr-text-medium)}.td-quote-card{background:linear-gradient(135deg,var(--clr-primary-deepest) 0,var(--clr-primary-deep) 100%);border-radius:20px;color:#fff}.td-quote-icon{display:flex;justify-content:center;margin-bottom:.75rem;color:#6ee7b7}.td-quote-card blockquote{margin:0 0 .75rem;font-size:.9rem;line-height:1.6;color:#ffffffe6;font-style:italic}.td-quote-card cite{font-size:.75rem;color:#6ee7b7;font-weight:600}.td-empty{font-size:.85rem;color:var(--clr-text-light)}@media(max-width:1100px){.td-main-grid{grid-template-columns:1fr}.td-col-side{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.royal-hero{grid-template-columns:1fr;gap:3rem}.slideshow-center{grid-column:span 1;order:-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{width:100%;max-width:calc(100vw - 2rem);box-sizing:border-box;overflow-x:auto}.individual-status-list{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.dashboard-detail-table{width:700px}.digital-time-mega{font-size:3.5rem;letter-spacing:-1px}.welcome-avatar-group{flex-direction:column;text-align:center}.session-detail-card{flex-direction:column;padding:1.5rem;text-align:center}.label-standby,.status-main-text,.status-sub-text{text-align:center}.quick-actions-bar{justify-content:flex-start;padding-bottom:10px}.quick-btn{padding:6px;gap:0;min-width:44px;height:44px;justify-content:center;border-radius:22px}.quick-btn span{display:none;font-size:.75rem}@media(hover:hover){.quick-btn:active,.quick-btn:focus,.quick-btn:hover{padding:6px 16px;gap:8px;border-radius:12px;min-width:max-content}.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{padding:.75rem .6rem 2.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.td-header{flex-direction:column;align-items:stretch;gap:.75rem}.td-title{font-size:1.35rem}.td-clock-card{justify-content:flex-start;flex-wrap:wrap;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{padding:.75rem .6rem;gap:8px;border-radius:14px}.td-stat-icon{width:38px;height:38px;border-radius:10px}.td-stat-val{font-size:1.15rem}.td-stat-label{font-size:.7rem}.td-stat-arrow{display:none}.td-col-side{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%;gap:1rem}.td-card{padding:1rem .85rem;border-radius:16px;max-width:100%;box-sizing:border-box}.td-card-header{flex-wrap:wrap;gap:8px}.td-schedule-item{padding:.6rem .75rem;gap:8px}.td-sch-subject{font-size:.85rem}.td-class-tabs{flex-wrap:wrap;gap:6px}}.pd-page,.sdx-page{padding:1.5rem 2rem 3rem;max-width:1400px;margin:0 auto;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:1.25rem}.sdx-hero{position:relative;background:linear-gradient(135deg,var(--clr-primary-deepest) 0,var(--clr-primary-deep) 40%,var(--clr-primary-darker) 100%);border-radius:24px;padding:2.25rem 2.5rem;color:#fff;overflow:hidden;box-shadow:0 12px 40px #064e3b40}.sdx-hero-bg,.sdx-hero:after{position:absolute;pointer-events:none}.sdx-hero-bg{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0,transparent 50%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.05) 0,transparent 40%)}.sdx-avatar,.sdx-greeting-chip{background:#ffffff1f}.sdx-hero:after{width:240px;height:240px;border-radius:50%;border:40px solid rgba(255,255,255,.06)}.pd-hero-inner,.sdx-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.logo-upload-item,.sdx-hero-left{display:flex;align-items:center;gap:1.25rem}.sdx-avatar{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid rgba(110,231,183,.5);box-shadow:0 0 20px #6ee7b740,0 4px 12px #00000026;background:linear-gradient(135deg,#6ee7b740,#10b9814d)}.sdx-avatar img{width:100%;height:100%;object-fit:cover;display:block}.sdx-avatar span{font-size:1.6rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.sdx-avatar-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px dashed rgba(110,231,183,.4);animation:12s linear infinite rotateRing}.pd-greeting-chip,.sdx-greeting-chip{border:1px solid rgba(255,255,255,.2)}@keyframes rotateRing{to{transform:rotate(360deg)}}.sdx-greeting-chip{display:inline-flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 14px;border-radius:20px;font-size:.7rem;font-weight:700;color:#6ee7b7;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.sdx-hero-info h1{font-size:1.65rem;font-weight:800;margin:0 0 .35rem;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.15)}.sdx-hero-meta{font-size:.82rem;color:#ffffffb3;margin:0 0 .75rem}.sdx-hero-meta strong,.sdx-quote-card svg{color:#6ee7b7}.sdx-badge-row{display:flex;flex-wrap:wrap;gap:.5rem}.sdx-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:.72rem;font-weight:700;border:1px solid;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sdx-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.pd-hero-right,.sdx-clock-display{text-align:right}.sdx-time{font-size:2.6rem;font-weight:800;font-family:Outfit,monospace;line-height:1;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.2)}.sdx-session-tag{display:inline-block;margin-top:6px;padding:5px 16px;border-radius:20px;font-size:.68rem;font-weight:800;letter-spacing:.07em;color:#fff;box-shadow:0 2px 10px #00000026}.sdx-period-info{display:flex;align-items:center;gap:1.25rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.85rem 1.5rem}.sdx-pi-item{display:flex;flex-direction:column;align-items:center;gap:3px}.sdx-pi-item span{font-size:.65rem;color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sdx-pi-item strong{font-size:.95rem;font-weight:700;color:#fff}.sdx-pi-divider{width:1px;height:32px;background:#ffffff26}.sdx-announce{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:8px 16px;overflow:hidden;color:var(--clr-primary-deep);font-size:.8rem;font-weight:500}.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{display:flex;gap:.75rem;flex-wrap:wrap}.hd-qa-btn,.pd-qa,.sdx-qa{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:12px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;color:#fff;transition:.2s}.qa-pink{background:linear-gradient(135deg,#ec4899,#be185d)}.sdx-grid{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:start}.sdx-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--clr-bg-lightest);color:var(--clr-primary-deep)}.sdx-header-badge{font-size:.7rem;font-weight:700;background:#f0fdf4;color:var(--clr-primary-dark);padding:3px 10px;border-radius:20px;border:1px solid #bbf7d0}.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{display:flex;align-items:center;gap:3px;font-size:.78rem;font-weight:600;background:0 0;border:none;cursor:pointer;padding:0}.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{display:flex;gap:.75rem;min-height:72px}.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{display:flex;flex-direction:column;align-items:center;width:18px;flex-shrink:0}.sdx-tl-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--clr-border);margin-top:6px;z-index:1;flex-shrink:0}.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{flex:1;background:var(--clr-bg-lightest);border-radius:14px;border:var(--border-lighter);padding:.75rem 1rem;margin-bottom:8px;transition:.2s}.sdx-tl-card.ongoing{background:#f0fdf4;border-color:#bbf7d0;box-shadow:0 4px 16px #10b9811a}.sdx-tl-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.sdx-done-pill,.sdx-live-pill{display:inline-flex;font-size:.68rem}.sdx-tl-subject{font-size:.9rem;font-weight:700;color:var(--clr-text-darkest)}.sdx-live-pill{align-items:center;gap:5px;background:#dcfce7;color:var(--clr-primary-deep);padding:2px 10px;border-radius:20px;font-weight:800;letter-spacing:.04em}.pd-child-chip,.pd-greeting-chip{text-transform:uppercase;letter-spacing:.05em}.sdx-live-dot{width:6px;height:6px;border-radius:50%;background:var(--clr-primary);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{align-items:center;gap:4px;background:var(--clr-bg-light);color:var(--clr-text-muted);padding:2px 8px;border-radius:20px;font-weight:600}.sdx-tl-card-meta{display:flex;gap:1rem;font-size:.78rem;color:var(--clr-text-muted)}.sdx-weekly-dots{display:flex;justify-content:space-around;margin-bottom:.75rem}.sdx-dot-item{display:flex;flex-direction:column;align-items:center;gap:4px}.sdx-dot-item span{font-size:.68rem;font-weight:600}.sdx-dot{width:14px;height:14px;border-radius:50%}.pd-grade-list,.sdx-grade-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem}.sdx-grade-subject{width:120px;font-size:.78rem;font-weight:600;color:var(--clr-text-secondary);overflow:hidden;flex-shrink:0}.pd-grade-bar,.sdx-grade-bar{height:10px;background:var(--clr-bg-light);border-radius:20px;position:relative;overflow:visible}.pd-grade-fill,.sdx-grade-fill{height:100%;border-radius:20px;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{position:absolute;top:-3px;width:2px;height:16px;background:var(--clr-red);border-radius:2px}.pd-grade-val,.sdx-grade-val{font-size:.82rem;font-weight:800;min-width:28px;text-align:right}.pd-grade-val.fail,.sdx-grade-val.fail,.star-active,.text-warning{color:var(--clr-amber)}.pd-grade-note,.sdx-grade-note{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--clr-text-light);margin:0}.pd-kkm-legend,.sdx-kkm-legend{display:inline-block;width:2px;height:12px;background:var(--clr-red);border-radius:2px}.sdx-hafalan-card{background:linear-gradient(135deg,var(--clr-primary-deepest) 0,var(--clr-primary-deep) 100%);border-radius:20px;padding:1.5rem;color:#fff}.sdx-hafalan-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;color:#6ee7b7}.pd-hafalan-header h3,.sdx-hafalan-header h3{font-size:1rem;font-weight:700;color:#fff;margin:0}.pd-hafalan-header p,.sdx-hafalan-header p{font-size:.75rem;color:#fff9;margin:0}.pd-hafalan-body,.sdx-hafalan-body{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.pd-radial-wrap,.q-avatar-wrapper,.sdx-radial-wrap{position:relative;flex-shrink:0}.hd-pie-center,.pd-pie-center,.pd-radial-center,.sdx-radial-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.sdx-radial-pct{display:block;font-size:1.75rem;font-weight:800;color:#fff;line-height:1}.pd-radial-sub,.sdx-radial-sub{font-size:.7rem;color:#fff9;text-transform:uppercase}.hd-att-legend,.sdx-hafalan-stats{flex:1;display:flex;flex-direction:column;gap:.6rem}.sdx-haf-stat{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:#ffffff1a;border-radius:10px}.sdx-haf-stat span{font-size:.75rem;color:#fff9}.sdx-haf-stat strong{font-size:.85rem;color:#6ee7b7;font-weight:700}.pd-hafalan-btn,.sdx-hafalan-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.6rem;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:.2s}.sdx-task-progress-chip{font-size:.72rem;font-weight:700;background:#f0fdf4;color:var(--clr-primary-deep);padding:3px 10px;border-radius:20px;border:1px solid #bbf7d0}.sdx-task-prog-bar{height:4px;background:var(--clr-bg-light);border-radius:20px;margin-bottom:.75rem;overflow:hidden}.sdx-task-prog-fill{height:100%;background:linear-gradient(90deg,var(--clr-primary),#34d399);border-radius:20px;transition:width .5s}.sdx-task{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:12px;border:var(--border-lighter);background:var(--clr-bg-lightest);cursor:pointer;transition:.2s}.sdx-task.completed{opacity:.65}.sdx-task-check{margin-top:1px;flex-shrink:0}.sdx-check-empty{width:20px;height:20px;border-radius:50%;border:2px solid var(--clr-border-dark);transition:border-color .2s}.desk-item.alpa,.sdx-check-empty.urgent{border-color:var(--clr-red)}.sdx-task-title{display:block;font-size:.87rem;font-weight:600;color:var(--clr-text-darkest);margin-bottom:.3rem;transition:.2s}.sdx-task.completed .sdx-task-title{text-decoration:line-through;color:var(--clr-text-light)}.sdx-task-subject{font-size:.7rem;background:#e0e7ff;color:#4f46e5;padding:2px 8px;border-radius:6px;font-weight:600}.sdx-task-deadline{display:flex;align-items:center;gap:3px;font-size:.7rem;color:var(--clr-text-light)}.sdx-task-deadline.urgent{color:var(--clr-red);font-weight:700}.pd-cal-nav,.sdx-cal-nav{display:flex;align-items:center;gap:5px;margin-left:auto}.pd-cal-nav span,.sdx-cal-nav span{font-size:.78rem;font-weight:600;color:var(--clr-text-secondary)}.pd-mini-cal,.sdx-mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.75rem}.pd-cal-head,.sdx-cal-head{text-align:center;font-size:.62rem;font-weight:700;color:var(--clr-text-light);padding:4px 0;text-transform:uppercase}.pd-cal-day,.sdx-cal-day{text-align:center;font-size:.78rem;padding:5px 2px;border-radius:8px;color:var(--clr-text-secondary);cursor:pointer;position:relative;transition:background .15s}.pd-agenda-list,.sdx-agenda-mini{border-top:var(--border-lighter);padding-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.pd-no-agenda,.sdx-no-agenda{font-size:.8rem;color:var(--clr-text-light);text-align:center;padding:.5rem 0;margin:0}.sdx-bk-card{background:#fff5f7;border-radius:20px;border:1px solid #fecdd3;padding:1.25rem 1.5rem}.pd-contact-desc,.sdx-bk-desc{font-size:.82rem;color:var(--clr-text-muted);margin:0 0 .75rem}.hd-bk-list,.pd-bk-list,.sdx-bk-form{display:flex;flex-direction:column;gap:.6rem}.sdx-bk-textarea{width:100%;border-radius:12px;border:1px solid #fecdd3;background:#fff;padding:.7rem;font-size:.82rem;font-family:inherit;resize:none;outline:0;transition:border-color .2s}.sdx-bk-textarea:focus{border-color:#ec4899}.sdx-bk-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:.65rem;border-radius:12px;background:linear-gradient(135deg,#ec4899,#be185d);border:none;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:.2s}.sdx-bk-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sdx-quote-card{background:linear-gradient(135deg,var(--clr-primary-deepest),#065f46);border-radius:20px;padding:1.5rem;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.hd-quote-card blockquote,.pd-quote-card blockquote,.sdx-quote-card blockquote{margin:0;font-size:.88rem;line-height:1.6;color:#ffffffe6;font-style:italic}.sdx-quote-card cite{font-size:.72rem;color:#6ee7b7;font-weight:600}.pd-hero{position:relative;background:linear-gradient(135deg,#1e3a8a 0,#1d4ed8,#2563eb);border-radius:24px;padding:2rem 2.5rem;color:#fff;overflow:hidden;box-shadow:0 12px 40px #1d4ed840}.pd-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0,transparent 50%),radial-gradient(circle at 10% 90%,rgba(255,255,255,.05) 0,transparent 40%);pointer-events:none}.pd-clock-capsule,.pd-greeting-chip{display:inline-flex;align-items:center;background:#ffffff26}.pd-hero:after{position:absolute;width:220px;height:220px;border-radius:50%;border:40px solid rgba(255,255,255,.06);pointer-events:none}.pd-greeting-chip{gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 12px;border-radius:20px;font-size:.7rem;font-weight:700;color:#ffffffe6;margin-bottom:.5rem}.pd-hero-title{font-size:1.7rem;font-weight:800;margin:0 0 .3rem;line-height:1.1}.pd-hero-sub{font-size:.85rem;color:#ffffffbf;margin:0}.pd-clock-capsule{gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);padding:6px 16px;border-radius:30px;color:#fff;box-shadow:0 4px 12px #0000001a}.pd-child-avatar,.pd-child-card{border-radius:20px;display:flex}.pd-capsule-time{font-size:1.3rem;font-weight:800;font-family:Outfit,monospace;line-height:1}.pd-capsule-divider{opacity:.6;font-weight:700}.pd-capsule-date{font-size:.82rem;font-weight:600;opacity:.9}.pd-child-card{background:linear-gradient(to right,#fff,var(--clr-bg-lightest));border:1px solid rgba(219,234,254,.7);box-shadow:0 10px 30px -5px #3b82f614,0 4px 12px -2px #3b82f608;padding:1.5rem 2rem;align-items:center;gap:1.75rem;flex-wrap:wrap;transition:.3s cubic-bezier(.4,0,.2,1)}.pd-child-header-row{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:280px;width:100%}.pd-child-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--clr-blue-tint) 0,#bfdbfe 100%);align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#1d4ed8;font-family:Outfit,Inter,sans-serif;flex-shrink:0;border:2px solid #bfdbfe;box-shadow:0 8px 20px #3b82f61f,inset 0 2px 4px #fff6;overflow:hidden;text-shadow:0 2px 4px rgba(29,78,216,.1);transition:.3s}.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{width:100%;height:100%;object-fit:cover}.pd-child-info{flex:1;min-width:250px}.pd-child-chip{display:inline-flex;align-items:center;gap:5px;background:var(--clr-blue-light);color:#1e40af;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:.4rem}.pd-child-info h2{font-size:1.45rem;font-weight:800;color:var(--clr-text-darkest);margin:0 0 .25rem;letter-spacing:-.01em}.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{font-size:.82rem;color:var(--clr-text-muted);margin:0;line-height:1.4}.dinas-details-box strong,.pd-child-info strong{color:#1d4ed8}.pd-child-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;min-width:480px}.pd-cstat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:.85rem .5rem;border-radius:16px;text-align:center;transition:.2s;border:1px solid transparent}.pd-cstat span{font-size:1.12rem;font-weight:800;font-family:Outfit,sans-serif;line-height:1.2;overflow:hidden;max-width:100%;width:100%;display:block}.pd-cstat label{font-size:.65rem;font-weight:700;opacity:.8}.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{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--clr-blue-tint),#dbeafe);border:1px solid #bfdbfe;border-radius:12px;padding:8px 16px;overflow:hidden;color:#1e40af;font-size:.8rem;font-weight:500}.pd-announce-track p{margin:0;animation:30s linear infinite pdScroll}@keyframes pdScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.pd-grid{display:grid;grid-template-columns:1fr 340px;gap:1.25rem;align-items:start}.hd-tabs,.pd-tabs{display:flex;gap:.5rem;background:var(--clr-bg-lightest);border-radius:14px;padding:6px;border:var(--border-lighter);flex-wrap:wrap}.hd-tab,.pd-card-link,.pd-tab{font-weight:600;background:0 0;cursor:pointer;white-space:nowrap}.hd-tab,.pd-tab{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;border-radius:10px;border:none;font-size:.82rem;color:var(--clr-text-muted);transition:.2s;flex:1;justify-content:center}.pd-card-header,.pd-card-link{align-items:center;display:flex}.pd-tab.active{background:#fff;color:#1d4ed8;box-shadow:0 2px 8px #00000014}.pd-card-header{gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--clr-bg-lightest);color:#1d4ed8}.pd-card-link{gap:3px;font-size:.78rem;color:var(--clr-blue);border:none;padding:0}.pd-att-summary{background:#fff;border-radius:20px;border:var(--border-lighter);box-shadow:0 2px 16px #0000000d;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hd-pie-wrapper,.pd-pie-wrap{position:relative;flex-shrink:0;width:180px}.hd-pie-pct,.pd-pie-pct{font-size:1.4rem;font-weight:800;color:var(--clr-text-darkest);display:block}.hd-pie-sub,.pd-pie-sub{font-size:.7rem;color:var(--clr-text-muted);text-transform:uppercase}.pd-att-legend,.pd-hafalan-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.pd-att-period{font-size:.8rem;font-weight:600;color:var(--clr-text-muted);margin:0 0 .4rem}.hd-att-legend-item,.pd-legend-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--clr-text-secondary)}.hd-att-dot,.pd-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.hd-att-legend-item strong,.pd-legend-row strong{margin-left:auto;font-weight:700;color:var(--clr-text-darkest)}.pd-no-alpa{display:flex;align-items:center;gap:6px;background:var(--clr-primary-light);color:var(--clr-primary-deep);padding:6px 12px;border-radius:10px;font-size:.8rem;font-weight:600;margin-top:.5rem}.pd-att-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,48px),1fr));gap:.4rem;margin-bottom:.75rem}.pd-att-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.4rem 0;border-radius:10px;background:var(--clr-bg-lightest);font-size:.78rem;color:var(--clr-text-secondary)}.pd-att-day-dot{width:8px;height:8px;border-radius:50%}.desk-status-indicator,.dot-libur{background:var(--clr-border)}.pd-att-legend-row{display:flex;gap:1rem;flex-wrap:wrap;padding-top:.5rem;border-top:var(--border-lighter)}.pd-att-leg-item{display:flex;align-items:center;gap:5px}.pd-att-leg-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.pd-att-leg-label{font-size:.75rem;color:var(--clr-text-muted);font-weight:500}.pd-grade-sub{width:130px;font-size:.78rem;font-weight:600;color:var(--clr-text-secondary);white-space:nowrap;overflow:hidden;flex-shrink:0}.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{background:linear-gradient(135deg,#1e3a8a 0,#1d4ed8);border-radius:20px;padding:1.5rem;color:#fff}.pd-hafalan-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;color:#93c5fd}.pd-radial-juz{font-size:1.75rem;font-weight:800;color:#fff;display:block;line-height:1}.pd-haf-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:#ffffff1a;border-radius:10px;font-size:.8rem}.pd-haf-row span{color:#ffffffa6}.pd-haf-row strong{color:#93c5fd;font-weight:700}.hd-bk-summary,.hd-finance-summary,.pd-finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hd-bk-stat,.hd-fin-stat,.pd-fin-stat{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;border-radius:16px;text-align:center}.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{overflow-x:auto;border-radius:12px;border:var(--border-lighter)}.hd-table,.pd-table{width:100%;border-collapse:collapse;font-size:.85rem}.hd-table thead th,.pd-table thead th{padding:10px 14px;text-align:left;font-size:.7rem;font-weight:700;color:var(--clr-text-muted);background:var(--clr-bg-lightest);border-bottom:var(--border-light)}.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{padding:10px 14px;color:var(--clr-text-medium)}.hd-td-name,.pd-td-bold{font-weight:600;color:var(--clr-text-darkest)}.pd-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700}.pd-unpaid-alert{display:flex;align-items:flex-start;gap:8px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:.75rem 1rem;margin-top:.75rem;color:#92400e}.pd-unpaid-alert p{margin:0;font-size:.82rem;font-weight:500}.detail-grid-info,.pd-bk-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pd-bk-stat{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem;border-radius:16px;text-align:center}.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{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px}.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{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;flex-shrink:0}.pd-bk-date{font-size:.72rem;color:var(--clr-text-light)}.pd-bk-note{display:flex;align-items:flex-start;gap:8px;background:var(--clr-bg-lightest);border:var(--border-light);border-radius:12px;padding:.75rem;margin-top:.75rem;color:var(--clr-text-muted)}.pd-bk-note p{margin:0;font-size:.78rem;font-style:italic}.pd-info-card{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-radius:20px;padding:1.5rem;color:#fff}.pd-info-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.15);color:#93c5fd}.pd-info-header h3{font-size:.95rem;font-weight:700;color:#fff;margin:0;flex:1}.pd-info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.82rem}.pd-info-row span{color:#fff9}.pd-info-row strong{color:#93c5fd;font-weight:700;text-align:right;max-width:55%}.pd-cal-day.today{background:#1d4ed8;color:#fff;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{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:#1e40af;font-weight:500;padding:.5rem .75rem;background:#fff;border-radius:10px;border:1px solid #bae6fd}.pd-quote-card{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-radius:20px;padding:1.5rem;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.pd-quote-card svg{color:#93c5fd}.pd-quote-card cite{font-size:.72rem;color:#93c5fd;font-weight:600}@media(max-width:1100px){.pd-grid,.sdx-grid{grid-template-columns:1fr}.pd-col-side,.sdx-col-side{display:grid;grid-template-columns:repeat(2,1fr)}.pd-info-card,.pd-quote-card,.sdx-hafalan-card,.sdx-quote-card{grid-column:1/-1}}@media(max-width:768px){.pd-page,.sdx-page{padding:1rem}.pd-hero,.sdx-hero{padding:1.5rem}.pd-att-summary,.sdx-hero-inner{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.logo-upload-item,.sdx-hero-left{flex-direction:column;text-align:center;gap:1rem}.sdx-hero-info{display:flex;flex-direction:column;align-items:center}.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{justify-content:center;flex-wrap:wrap}.pd-quick-actions,.sdx-quick-actions{gap:.5rem;justify-content:center}.pd-qa,.sdx-qa{padding:.6rem .75rem;font-size:.75rem;flex:1 1 calc(33% - .5rem);justify-content:center;text-align:center}.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{flex-direction:column-reverse;align-items:center;text-align:center;gap:1.25rem}.pd-hero-left{flex-direction:column;align-items:center}.pd-hero-right{width:100%;justify-content:center}.pd-child-stats{width:100%;min-width:0;grid-template-columns:repeat(4,1fr);display:grid;gap:.5rem}.pd-pie-wrap{width:100%}.pd-bk-summary,.pd-finance-summary{grid-template-columns:1fr 1fr}}@media(max-width:580px){.pd-child-stats{grid-template-columns:repeat(2,1fr);display:grid;width:100%;min-width:0;gap:.5rem}}.hd-greeting-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:.5rem}.hd-class-name{color:#4f46e5;font-weight:800}.hd-announcement{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--clr-indigo-tint),#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;padding:8px 16px;margin-bottom:1.25rem;overflow:hidden;color:#3730a3;font-size:.8rem;font-weight:500}.hd-announcement-track p{margin:0;white-space:nowrap;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{display:flex;flex-direction:column}.hd-stat-val,.td-stat-val{font-size:1.6rem;font-weight:800;color:var(--clr-text-darkest);line-height:1.1}.hd-stat-label,.td-stat-label{font-size:.75rem;color:var(--clr-text-muted);font-weight:500;margin-top:2px}.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{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}.hd-tab.active{background:#fff;color:#4f46e5;box-shadow:0 2px 8px #00000014}.hd-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--clr-bg-lightest);color:#4f46e5}.hd-attendance-summary{display:flex;gap:1.5rem;background:#fff;border-radius:20px;border:var(--border-lighter);box-shadow:0 2px 16px #0000000d;padding:1.25rem 1.5rem;align-items:center;flex-wrap:wrap}.hd-action-btn,.hd-more-btn{align-items:center;display:flex}.hd-gender-row{display:flex;gap:1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--clr-border);font-size:.82rem;color:var(--clr-text-muted)}.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{padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;display:inline-block}.hd-action-btn{background:var(--clr-bg-light);border:none;border-radius:8px;padding:5px 8px;cursor:pointer;color:var(--clr-text-muted);transition:.15s}.hd-attention-item,.hd-more-btn{transition:background .15s;cursor:pointer}.hd-bk-student{font-size:.88rem;font-weight:700;color:var(--clr-text-darkest)}.hd-bk-date{font-size:.7rem;color:var(--clr-text-light);white-space:nowrap}.hd-more-btn{justify-content:center;gap:4px;width:100%;margin-top:1rem;padding:.6rem;border-radius:10px;background:#f0f4ff;border:1px solid #c7d2fe;color:#4f46e5;font-size:.82rem;font-weight:600}.hd-class-card{background:linear-gradient(135deg,#4338ca 0,#6d28d9);border-radius:20px;padding:1.5rem;color:#fff}.hd-class-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.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{margin:0;font-size:.8rem;color:#ffffffbf}.hd-class-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.hd-class-stats>div{align-items:center;gap:2px;background:#ffffff1a;padding:.75rem .5rem;border-radius:12px;text-align:center}.hd-class-stats label{font-size:.65rem;color:#ffffffb3;font-weight:600;text-transform:uppercase}.hd-attention-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:10px;background:var(--clr-bg-lightest)}.hd-all-good,.hd-quote-card{padding:1.5rem;text-align:center}.hd-all-good{align-items:center;gap:.5rem;color:var(--clr-primary)}.hd-all-good p{font-size:.85rem;font-weight:600;margin:0;color:var(--clr-primary-deep)}.hd-mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:0}.hd-cal-day.today{background:#4f46e5;color:#fff;font-weight:700}.hd-cal-day.has-event{color:#4f46e5;font-weight:600}.hd-quote-card{background:linear-gradient(135deg,#312e81 0,#4338ca);border-radius:20px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:.6rem}.hd-quote-card cite{font-size:.75rem;color:#a5b4fc;font-weight:600}@media(max-width:1100px){.hd-main-grid{grid-template-columns:1fr}.hd-col-side{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hd-main-grid{grid-template-columns:1fr!important}.hd-col-side{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important}}.student-detail-container{padding:1.5rem;max-width:100%;margin:0 auto}.detail-header,.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.student-detail-container .btn-back{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;background:#fff;border:var(--border-light);border-radius:12px;color:var(--text-main);cursor:pointer;transition:.2s;padding:0}.student-detail-container .btn-print-profile{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;background:var(--primary);border:1px solid var(--primary);border-radius:12px;color:#fff;cursor:pointer;transition:.2s;padding:0}.detail-grid{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}.profile-main-content,.profile-sidebar,.religious-left-column{min-width:0}.profile-main-card{padding:2.5rem 1.5rem;text-align:center}.student-avatar-large{width:120px;height:120px;border-radius:50%;margin:0 auto 1.5rem;background:#f0fdf4;border:4px solid #fff;box-shadow:0 0 25px #00000014;display:flex;align-items:center;justify-content:center;overflow:hidden}.payment-history-table td,.payment-history-table th,.sidebar-stats{border-bottom:var(--border-lighter)}.avatar-placeholder{font-size:3rem;font-weight:800;color:var(--primary);line-height:1;display:flex;align-items:center;justify-content:center;margin-top:-4px}.detail-name{font-size:1.5rem;font-weight:800;color:var(--primary-dark);margin-bottom:.5rem}.detail-badge{background:var(--clr-primary-tint);color:var(--clr-primary-dark);margin-bottom:2rem}.sidebar-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding-bottom:2rem}.stat-val{display:block;font-size:1.25rem;font-weight:800;color:var(--text-main)}.stat-label{color:var(--text-muted);text-transform:uppercase;font-weight:700;text-align:center}.contact-list{display:flex;flex-direction:column;gap:1rem;text-align:left}.contact-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-muted)}.contact-item span{color:var(--text-main);font-weight:500}.card-subtitle{font-size:1.125rem;font-weight:800;color:var(--text-main);margin-bottom:1.5rem}.status-timeline{margin-top:1.5rem;padding-left:.5rem}.timeline-point{display:flex;gap:1.25rem;position:relative;padding-bottom:1.5rem}.timeline-point:before{content:"";position:absolute;left:5px;top:15px;bottom:0;width:2px;background:var(--clr-border)}.point-marker{width:12px;height:12px;border-radius:50%;background:var(--clr-border-dark);margin-top:5px;z-index:1}.timeline-point.active .point-marker{background:var(--clr-primary);box-shadow:0 0 0 4px #10b98133}.point-text strong{display:block;font-size:.9375rem;color:var(--text-main)}.point-text span{font-size:.8125rem;color:var(--text-muted)}.card-header-flex,.leaves-modal-header,.monthly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.title-group h3{font-size:1.125rem;font-weight:800;color:var(--text-main)}.academic-chart-large,.receipt-body{margin-bottom:2rem}.grades-grid-mini,.journal-selectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1.25rem}.g-subject{width:80px;font-size:.8125rem;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden}.btn-link,.g-score{font-size:.875rem;font-weight:700}.g-bar-container{flex:1;height:6px;background:var(--clr-bg-light);border-radius:999px;overflow:hidden}.g-bar{height:100%;background:var(--primary);border-radius:999px}.g-score{color:var(--text-main);width:24px}.payment-history-table{width:100%;overflow-x:auto}.payment-history-table th{text-align:left;padding:1rem;font-size:.75rem;text-transform:uppercase;color:var(--text-muted)}.btn-link{background:0 0;border:none;color:var(--primary);cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:.2s}.doc-item,.finance-table th{background:var(--clr-bg-lightest)}.payment-history-table td{padding:1rem;font-size:.9375rem;white-space:nowrap}.status-badge{white-space:nowrap}.badge-payment.paid,.status-badge.paid,.status-btn-sm.hadir{background:#dcfce7;color:#166534}.c-zone-container,.form-row-2,.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.card-subtitle-flex{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:800;color:var(--text-main);margin-bottom:1.25rem}.doc-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:12px;margin-bottom:.75rem}.btn-icon-s,.payroll-controls{align-items:center;display:flex}.doc-info strong{display:block;font-size:.875rem}.doc-info span,.madrasah-info p,.student-class{font-size:.75rem;color:var(--text-muted)}.btn-icon-s,.rate-input-group label{color:var(--text-main)}.btn-icon-s{justify-content:center;width:32px;height:32px;border-radius:8px;background:#fff;border:var(--border-light);cursor:pointer;transition:.2s}.empty-mini{padding:2rem;text-align:center;color:var(--clr-border-dark)}.empty-mini p{margin-top:.5rem;font-size:.875rem}.profile-main-content .glass-card{padding:2.5rem}.finance-container{padding:clamp(1rem,3vw,1.5rem);max-width:100%;margin:0 auto;animation:.5s ease-out fadeIn}.page-header-premium{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.header-text-group .page-title{font-size:clamp(1.5rem,4vw,2.25rem);color:var(--primary-dark);font-weight:900;margin-bottom:.25rem;letter-spacing:-.02em}.header-text-group .page-subtitle{color:var(--text-muted);font-size:.9375rem}.finance-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:var(--border-light);padding-bottom:.5rem}.finance-tab-btn{background:0 0;border:none;padding:.5rem 1rem;font-size:1rem;font-weight:600;color:var(--clr-text-muted);cursor:pointer;position:relative;transition:color .2s}.chart-bar-wrap.today span,.cm-filter-icon,.finance-tab-btn.active{color:var(--primary)}.finance-tab-btn.active:after{content:"";position:absolute;bottom:-.6rem;left:0;right:0;height:3px;background:var(--primary);border-radius:3px 3px 0 0}.payroll-controls{gap:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.rate-input-group,.time-cell-content{display:flex;align-items:center;gap:.5rem}.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{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--clr-bg-light);color:var(--clr-text-secondary)}.finance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(240px,20vw,300px),1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{padding:1.5rem;display:flex;align-items:center;gap:1.25rem}.summary-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center}.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{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.summary-info h3{font-size:1.5rem;margin:0;color:var(--text-main)}.finance-filters{display:flex;gap:1rem;padding:1.5rem;flex-wrap:wrap}.finance-filters .premium-selector-container{flex:1;min-width:150px}.search-wrapper{position:relative;flex:2;min-width:300px}.icon-btn-sm,.student-avatar{align-items:center;height:34px;width:34px}.search-wrapper input{padding:.75rem 1rem .75rem 2.75rem;border:var(--border-light);border-radius:var(--radius-md);transition:.2s}.search-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--clr-text-light)}.data-table-wrapper{overflow-x:auto;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.am-table,.finance-table,.tp-table{width:100%;min-width:750px;border-collapse:collapse;text-align:left}.finance-table th{padding:1rem 1.5rem;font-size:.75rem;font-weight:700;color:var(--clr-text-muted);border-bottom:var(--border-light)}.finance-table td{padding:1rem 1.5rem;border-bottom:var(--border-lighter);font-size:.9375rem}.student-avatar{background:var(--clr-bg-light);display:flex;align-items:center;justify-content:center;color:var(--primary)}.academic-badge-homeroom svg,.am-checkbox-wrapper input:checked~.am-checkbox-custom:after,.desktop-only,.student-name{display:block}.badge-payment{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.btn-ghost,.btn-primary-premium{padding:.75rem 1.5rem;transition:.2s;cursor:pointer}.action-btns,.am-actions,.cm-actions{display:flex;gap:.5rem}.icon-btn-sm{display:flex;align-items:center;justify-content:center;border:none}.icon-btn-sm.history{background:var(--clr-bg-light);color:#475569}.modal-overlay{top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.finance-modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:var(--border-lighter);display:flex;justify-content:space-between;align-items:center}.payment-form-group,.session-stat-item{margin-bottom:1.25rem}.payment-form-group label{display:block;font-size:.8125rem;font-weight:700;margin-bottom:.5rem;color:var(--text-muted, #64748b)}.payment-form-group input,.payment-form-group select{width:100%;padding:.875rem 1rem;border:1.5px solid var(--clr-border);border-radius:12px;outline:0;font-size:.9375rem;font-weight:600;color:var(--clr-text-dark);background-color:var(--clr-bg-lightest);transition:.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);display:flex;justify-content:flex-end}.btn-ghost{border-radius:12px;border:none;background:0 0;color:var(--clr-text-muted);font-weight:700}.btn-primary-premium{background:var(--primary);border-radius:var(--radius-md);border:none;font-weight:600;display:flex;align-items:center;gap:.5rem}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.finance-filters{flex-direction:column;align-items:stretch}.search-wrapper{min-width:0;width:100%}}.receipt-modal{width:100%;max-width:450px;background:#fff;padding:2.5rem;border-radius:var(--radius-xl);position:relative;overflow:hidden}@media screen and (max-width:450px){.receipt-modal{padding:1.5rem;zoom:.85}}@media screen and (max-width:380px){.receipt-modal{zoom:.75}}.receipt-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--primary)}.receipt-header-print{text-align:center;margin-bottom:2rem}.madrasah-info h2{font-size:1.25rem;color:var(--primary-dark);margin-bottom:.25rem}.receipt-label{display:inline-block;margin-top:1.5rem;padding:.4rem 1rem;background:var(--clr-bg-light);border-radius:9999px;font-size:.75rem;font-weight:700;color:var(--clr-text-secondary);letter-spacing:.1em}.receipt-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9375rem}.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{background:#f0fdf4;padding:1.25rem;border-radius:var(--radius-md);text-align:center;margin-top:1.5rem;border:1px solid #dcfce7}.receipt-total-box span{font-size:.7rem;font-weight:700;color:var(--clr-primary-dark);display:block;margin-bottom:.25rem}.receipt-total-box h2{font-size:1.75rem;color:var(--clr-primary-darker);margin:0}.receipt-footer{display:flex;justify-content:flex-end;gap:1rem}.payroll-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:1.5rem;margin-bottom:1.5rem;background:#fff;padding:1.25rem 1.5rem;border-radius:var(--radius-xl);border:1px solid #eef2f6;width:100%}.rate-input-group label{font-weight:700;font-size:.875rem;color:var(--text-main);white-space:nowrap}.rate-input-group input{padding:.6rem 1rem;border:1.5px solid var(--clr-border);border-radius:10px;outline:0;font-weight:600;width:140px;font-size:.9375rem}@media(max-width:768px){.homeroom-dashboard{padding:.75rem .5rem 2.5rem!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow-x:hidden!important}.summary-card{padding:1rem}.hd-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;width:100%!important}.hd-title{font-size:1.35rem}.hd-class-stats,.hd-stats-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.hd-stat{padding:.75rem .6rem!important;gap:8px!important;border-radius:14px!important;min-width:0!important}.hd-stat-icon{width:38px!important;height:38px!important;border-radius:10px!important;flex-shrink:0!important}.hd-stat-val{font-size:1.1rem!important}.hd-stat-label{font-size:.68rem!important;word-break:break-word}.hd-stat-arrow{display:none!important}.hd-main-grid{display:flex!important;flex-direction:column!important;width:100%!important;gap:1.25rem!important}.grid-2-col,.hd-col-side,.hd-col-main{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:1rem!important;box-sizing:border-box!important}.hd-card{padding:1rem .85rem!important;border-radius:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.hd-attendance-summary{flex-direction:column!important;gap:1rem!important;padding:1rem .85rem!important;width:100%!important;box-sizing:border-box!important}.hd-pie-wrapper,.rate-input-group input{width:100%!important}.hd-clock-card{justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.hd-clock-time{font-size:1.4rem!important}.hd-clock-date{font-size:.8rem!important}.hd-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;max-width:100%!important;-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;padding:4px!important;box-sizing:border-box!important;width:100%!important}.hd-tab{flex-shrink:0!important;font-size:.75rem!important;padding:.45rem .75rem!important;white-space:nowrap!important}.hd-bk-summary,.hd-finance-summary{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}.hd-bk-stat,.hd-fin-stat{padding:.6rem .3rem!important;border-radius:12px!important}.hd-bk-stat span,.hd-fin-stat span{font-size:.7rem!important}.hd-bk-stat strong,.hd-fin-stat strong{font-size:1rem!important}.hd-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important}.detail-header{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;align-items:center;justify-content:space-between;width:100%;margin-bottom:1.5rem}.student-detail-container .btn-back,.student-detail-container .btn-print-profile{width:40px;height:40px;padding:0;margin:0;flex:none}.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{overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:.75rem}.finance-tabs::-webkit-scrollbar{display:none}.payroll-controls{flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;gap:1rem;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{padding:clamp(1rem,4vw,2.5rem);max-width:1600px;margin:0 auto;animation:.6s cubic-bezier(.4,0,.2,1) pageFadeIn;background:radial-gradient(circle at top right,rgba(16,185,129,.05),transparent),radial-gradient(circle at bottom left,rgba(59,130,246,.05),transparent);min-height:100vh}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:center;gap:2rem}.page-title{color:var(--clr-text-darkest);letter-spacing:-.03em;line-height:1.1}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:32px;box-shadow:0 20px 40px #0000000a;transition:.3s}.mode-toggle-bar{display:flex;background:var(--clr-bg-light);padding:6px;border-radius:20px;width:fit-content;margin-bottom:2rem;border:var(--border-light)}.mode-btn{padding:12px 28px;border-radius:16px;border:none;font-weight:800;font-size:.9rem;color:var(--clr-text-muted);background:0 0;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.3s cubic-bezier(.4,0,.2,1)}.mode-btn.active{background:#fff;color:var(--clr-primary);box-shadow:0 10px 20px #0000000f}.grades-filter-card{padding:2rem;margin-bottom:2rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1.5rem;align-items:flex-end}.filter-group label,.info-badge{align-items:center;display:flex}.filter-group label{font-size:.75rem;font-weight:800;color:var(--clr-text-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;gap:8px}.filter-group select{width:100%;padding:14px 20px;border-radius:16px;background: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 #fff;border:var(--border-light);font-weight:700;color:var(--clr-text-dark);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.2s}.filter-group select:focus{border-color:var(--clr-primary);box-shadow:0 0 0 4px #10b9811a;outline:0}.bulk-fill-box{background:var(--clr-primary-tint);border:1px solid var(--clr-primary-light);border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;gap:10px}.grades-table th,.info-badge{background:var(--clr-bg-lightest)}.filter-info-bar{display:flex;gap:20px;margin-top:20px;padding-top:20px;border-top:var(--border-lighter)}.info-badge{gap:12px;padding:10px 16px;border-radius:16px;border:var(--border-light)}.info-icon{width:32px;height:32px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--clr-primary);box-shadow:0 4px 10px #0000000d}.info-content span{font-size:.7rem;color:var(--clr-text-light);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.info-content strong{font-size:.9rem;color:var(--clr-text-darkest)}.grades-table th,.stat-info span{color:var(--clr-text-light);text-transform:uppercase}.btn-bulk-apply{background:var(--clr-primary);color:#fff;padding:10px 20px;border-radius:12px;font-weight:700;border:none;cursor:pointer;transition:.2s}.stats-dashboard-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-bottom:24px}.stat-card,.stat-icon{display:flex;align-items:center}.stat-card{background:#fff;gap:16px;box-shadow:0 10px 30px #0000000d;border:var(--border-lighter)}.stat-icon{width:44px;height:44px;border-radius:14px;justify-content:center}.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{justify-content:center;background:var(--clr-bg-light);color:var(--clr-text-muted)}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24 0,#d97706);color:#fff;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{background:linear-gradient(135deg,#b45309 0,#78350f);color:#fff;box-shadow:0 4px 12px #78350f4d}@media(max-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{overflow:visible!important;border-radius:32px;background:#fff;position:relative;z-index:10}.table-responsive-wrapper{overflow-y:visible!important;padding-bottom:80px;-webkit-overflow-scrolling:touch;overflow-x:auto!important}.grades-table th{padding:1.25rem 1.5rem;text-align:left;font-size:.75rem;font-weight:800;letter-spacing:.1em;border-bottom:var(--border-lighter)}.c-form-group label,.c-table th{letter-spacing:.05em;text-transform:uppercase}.grades-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--clr-bg-lightest);vertical-align:middle}.student-cell{gap:14px}.student-avatar{background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b98133}.grade-input{width:70px;padding:10px;border:var(--border-light);border-radius:12px;text-align:center;font-weight:800;font-size:1rem;color:var(--clr-text-dark);background:var(--clr-bg-lightest);transition:.2s}.btn-primary,.btn-secondary{padding:12px 24px;display:flex;gap:10px;transition:.3s;font-weight:700;cursor:pointer}.grade-input:focus,.p-input-topic:focus,.p-textarea-notes:focus{background:#fff;border-color:var(--clr-primary);box-shadow:0 0 0 4px #10b9811a;outline:0}.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{background:#fff;color:var(--clr-text-secondary);border:var(--border-light);border-radius:18px;align-items:center}.btn-icon-print,.kkm-config-box label,.rank-badge{color:var(--clr-text-muted)}.avg-badge{padding:8px 16px;border-radius:12px;font-weight:900;font-size:.9rem;display:inline-block}.absent-action-list,.form-group,.kkm-config-box{display:flex;flex-direction:column;gap:8px}.kkm-config-box label{font-size:.75rem;font-weight:700;text-transform:uppercase}.kkm-input-wrapper{display:flex;align-items:center;gap:8px;background:var(--clr-bg-lightest);padding:8px 12px;border-radius:10px;border:var(--border-light)}.notes-with-auto,.rank-badge,.summary-icon{align-items:center;display:flex}.kkm-input-wrapper input{width:40px;border:none;background:0 0;font-weight:800;color:var(--clr-text-dark);outline:0;text-align:center}.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{width:42px;height:42px;border-radius:12px;border:var(--border-light);background:var(--clr-bg-lightest);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1)}.btn-icon-print.active{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary);box-shadow:0 10px 20px #10b9814d;transform:scale(1.1)}.fixed-print-menu{position:absolute;width:240px;background:#fff;border-radius:24px;box-shadow:0 25px 60px #02061740;border:var(--border-light);z-index:100000;padding:10px;display:flex;flex-direction:column;gap:4px}.menu-header-mobile{display:none;padding:1rem;border-bottom:var(--border-lighter);margin-bottom:10px}.menu-header-mobile h4{margin:0;font-weight:900;color:var(--clr-text-darkest)}.breakdown-bar-item,.menu-buttons-list,.p-header-text,.s-info-text,.stat-info{display:flex;flex-direction:column;gap:4px}.menu-buttons-list button{width:100%;padding:14px 18px;background:0 0;border:none;border-radius:14px;display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--clr-text-secondary);cursor:pointer;transition:.2s;font-size:.85rem}.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(max-width:768px){.stats-dashboard-bar{grid-template-columns:1fr;gap:12px}.menu-overlay-mobile{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999}.fixed-print-menu{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;width:100vw;border-radius:32px 32px 0 0;padding:20px 20px 40px;animation:.4s cubic-bezier(.4,0,.2,1) slideUpMobile}.menu-header-mobile{display:flex;justify-content:space-between;align-items:center;border:none;margin-bottom:20px}.menu-buttons-list button{padding:18px;background:var(--clr-bg-lightest);margin-bottom:8px;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{position:fixed;bottom:40px;right:40px;background:#fff;padding:12px 24px;border-radius:24px;box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:12px;font-weight:700;border:1px solid rgba(0,0,0,.05);animation:.4s slideInRight;z-index:1000}.notes-input,.notes-textarea{background:var(--clr-bg-lightest)}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.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 →";position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#10b981e6;color:#fff;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:800;pointer-events:none;opacity:.6;display:none}.notes-input{width:100%;padding:10px 16px;border-radius:12px;border:var(--border-light);font-size:.85rem}.notes-textarea{border-radius:16px}.lock-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--clr-text-light)}.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{display:flex;gap:8px;align-items:center;justify-content:center}.btn-print-mini{width:32px;height:32px;border-radius:8px;border:var(--border-light);background:#fff;color:var(--clr-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.btn-save-mini,.btn-wa-circle{background:var(--clr-primary);display:flex;align-items:center;justify-content:center}.konseling-page{padding:1.5rem 2rem 3rem;max-width:100%;margin:0 auto;font-family:Inter,sans-serif;background:var(--clr-bg-lightest)}.c-tabs-wrapper{display:flex;gap:.75rem;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.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{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:12px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;transition:.2s;background:#fff;color:var(--clr-text-muted);border:var(--border-lighter);box-shadow:0 2px 8px #00000005;white-space:nowrap}.c-tabs-wrapper .tab-btn.active{background:linear-gradient(135deg,var(--clr-primary),#059669);color:#fff;border-color:transparent}.c-tabs-wrapper .tab-btn.active span{display:inline-block;animation:.3s fadeIn}.c-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.c-stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:16px;border:var(--border-lighter);box-shadow:0 2px 12px #0000000d;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.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{display:inline-flex;align-items:center;gap:6px;background-color:var(--clr-primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;border:none;cursor:pointer;transition:.2s;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}.flex{display:flex!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch!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{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--clr-bg-lightest)}.c-zone-card.red{background:linear-gradient(180deg,#fff1f2 0,#fff 80px);border-top:4px solid var(--clr-red);border-color:var(--clr-red-light);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);padding:4px;border-radius:6px;width:28px;height:28px}.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);padding:4px;border-radius:6px;width:28px;height:28px}.c-zone-header-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:800}.c-zone-empty-state{text-align:center;font-style:italic;color:var(--clr-text-light);padding:1.5rem 0;border-radius:10px;border:1px dashed var(--clr-border-dark);font-size:.85rem}.c-zone-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.c-zone-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border:var(--border-lighter);border-radius:10px;transition:background .15s;max-width:100%;box-sizing:border-box}.c-student-info{min-width:0;flex:1;overflow:hidden;margin-right:.5rem}.c-student-name{display:block;font-size:.85rem;font-weight:700;color:var(--clr-text-darkest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-student-class{font-size:.75rem;color:var(--clr-text-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.c-form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.c-form-group-full{grid-column:span 2}.c-form-group label{font-size:.75rem;font-weight:700;color:var(--clr-text-secondary)}.c-form-group input,.c-form-group select,.c-form-group textarea{padding:.75rem 1rem;border:var(--border-light);border-radius:12px;outline:0;font-family:inherit;font-size:.9375rem;background:var(--clr-bg-lightest);color:var(--clr-text-dark);transition:.2s}.c-table td,.c-table th{padding:12px 16px;white-space:nowrap}.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{width:100%;border-collapse:separate;border-spacing:0}.c-table th{color:var(--clr-text-secondary);font-weight:700;font-size:.8rem;text-align:left;border-bottom:var(--border-light)}.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{background:#fff;border-radius:20px;border:var(--border-lighter);box-shadow:0 2px 16px #0000000d;margin-bottom:1.5rem}.content-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--clr-bg-lightest)}.content-card-header h3{font-size:1.1rem;font-weight:700;color:var(--clr-text-darkest);margin:0;display:flex;align-items:center;gap:.5rem}@media(max-width:1024px){.grades-container .table-responsive-wrapper:after{display:block}.c-dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.konseling-page{padding:.75rem .6rem 2.5rem;width:100%;max-width:100%;box-sizing:border-box;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{padding:.75rem .6rem;gap:8px;border-radius:14px}.c-stat-icon{width:38px;height:38px;border-radius:10px}.c-tabs-wrapper{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:.5rem!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:4px 4px 8px!important;margin-bottom:1.25rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.c-tabs-wrapper .tab-btn{flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.55rem .95rem!important;border-radius:12px!important;white-space:nowrap!important;box-shadow:0 2px 6px #0000000a!important}.c-tabs-wrapper .tab-btn span{display:inline-block!important;font-size:.8rem!important;line-height:1.2!important;white-space:nowrap!important;word-break:normal!important}.c-tabs-wrapper .tab-btn svg{width:16px!important;height:16px!important;margin-right:0!important}.c-table-wrap,.c-table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}}@media print{.print-document,.print-document *,.receipt-modal,.receipt-modal *,.receipt-overlay{visibility:visible}.receipt-overlay{position:absolute;left:0;top:0;width:100%;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.receipt-modal{box-shadow:none;border:1px solid #eee;margin:0 auto}body *{visibility:hidden}.print-document{position:absolute;left:0;top:0;width:100%;background:#fff;padding:2cm;font-family:Times New Roman,Times,serif}.c-modal-overlay{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.c-modal{box-shadow:none!important;border:none!important;padding:0!important;max-height:none!important}.no-print{display:none!important}.print-header{text-align:center;border-bottom:3px double #000;margin-bottom:2rem;padding-bottom:1rem}.print-title{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin:.5rem 0}.print-subtitle{font-size:1.1rem;margin:0}.print-body{font-size:1.1rem;line-height:1.6}.print-table{width:100%;border-collapse:collapse;margin:1.5rem 0}.print-table td,.print-table th{border:1px solid #000;padding:8px;text-align:left}.print-table th{background-color:#f0f0f0}.print-signatures{display:flex;justify-content:space-between;margin-top:4rem}.print-sig-box{text-align:center;width:200px}.print-sig-name{margin-top:4rem;font-weight:700;text-decoration:underline}}.c-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.c-modal{background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.action-btn-print{display:flex;align-items:center;justify-content:center;background:var(--clr-red-tint);color:var(--clr-red);border:1px solid #fecaca;padding:6px;border-radius:8px;cursor:pointer;transition:.2s}.login-visual:after,.login-visual:before,.splash-glow{border-radius:50%;position:absolute}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(135deg,var(--primary) 0,#1e1b4b 100%);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .6s}.splash-screen.splash-fade-out{opacity:0;pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:relative;animation:.8s cubic-bezier(.22,1,.36,1) both splash-enter}.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{width:140px;height:140px;justify-content:center;position:relative;z-index:2}.splash-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.splash-glow{top:50%;left:50%;transform:translate(-50%,-90%);width:200px;height:200px;background:radial-gradient(circle,rgba(16,185,129,.35) 0,transparent 70%);animation:1.5s ease-in-out infinite pulse-glow;z-index:1}.login-visual-content,.splash-loader,.splash-subtitle,.splash-title{z-index:2;position:relative}@keyframes pulse-glow{0%,to{transform:translate(-50%,-90%) scale(1);opacity:.7}50%{transform:translate(-50%,-90%) scale(1.3);opacity:1}}.splash-title{font-size:2rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em;text-align:center}.splash-subtitle{font-size:.95rem;color:#ffffffb3;margin:0;text-align:center}.splash-loader{width:180px;height:4px;background:#ffffff26;border-radius:999px;overflow:hidden;margin-top:.5rem}.splash-loader-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--clr-primary),gold);border-radius:999px;animation:2s ease-in-out forwards splash-load}@keyframes splash-load{0%{width:0%}60%{width:75%}to{width:100%}}.login-container{display:flex;min-height:100vh;width:100vw;background-color:var(--bg-main)}.mobile-login-logo{display:none}.login-visual{flex:1;background:linear-gradient(-45deg,#0f766e,#064e3b,#1e3a8a,#0f172a);background-size:400% 400%;animation:login-mesh-gradient 15s ease infinite;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem;color:#fff;position:relative;overflow:hidden}@keyframes login-mesh-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-visual:before{content:"";top:-10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#10b98126 0,#fff0 70%);filter:blur(40px)}.login-visual:after{content:"";bottom:-5%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,#3b82f61a 0,#fff0 70%);filter:blur(30px)}.login-visual-content{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center}.brand-logo-large{gap:1.5rem;margin-bottom:2rem}.logo-icon-large{width:120px;height:120px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0;position:relative;animation:login-logo-pulse 3s ease-in-out infinite}.logo-icon-large:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,rgba(74,222,128,.25) 0%,transparent 70%);filter:blur(12px);animation:login-glow-ring 3s ease-in-out infinite;z-index:0}.logo-icon-large img{width:100%;height:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(74,222,128,.5));transition:all .4s ease;position:relative;z-index:1}.logo-icon-large:hover img{filter:drop-shadow(0 4px 20px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(74,222,128,.7));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{font-size:2.5rem;font-weight:800;margin:0;letter-spacing:-.03em}.login-tagline{font-size:1.125rem;line-height:1.6;color:#fffc;margin-bottom:3rem}.leadership-showcase{display:flex;gap:2rem;background-color:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem 2rem;border-radius:40px;border:1px solid rgba(255,255,255,.1);margin-top:1rem;width:100%;max-width:800px;box-shadow:0 40px 100px #0000004d,inset 0 0 20px #ffffff05;justify-content:center}.leader-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.leader-photo-wrapper{width:160px;height:160px;border-radius:50%;overflow:hidden;padding:5px;background:linear-gradient(135deg,var(--clr-primary) 0,#3b82f6 100%);position:relative;box-shadow:0 15px 35px #0003;flex-shrink:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.leader-photo-inner,.leader-photo-wrapper img,.leader-placeholder{height:100%;border-radius:50%;width:100%}.leader-photo-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.5),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.leader-photo-inner{overflow:hidden;background:#ffffff1a}.leader-photo-wrapper img{object-fit:cover}.leader-placeholder{display:flex;align-items:center;justify-content:center;color:#fff9}.leader-info h4{margin:0 0 .4rem;font-size:1.15rem;font-weight:800;color:#fff;line-height:1.2}.leader-info span{font-size:.75rem;color:#ffffffb3;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#ffffff14;padding:6px 14px;border-radius:12px;display:inline-block;border:1px solid rgba(255,255,255,.1)}.login-form-wrapper:after,.login-form-wrapper:before{position:absolute;border-radius:50%;filter:blur(40px);content:""}.login-form-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top right,#f0fdf4,var(--clr-bg-lightest) 40%,#eff6ff 100%);position:relative;overflow:hidden}.login-form-wrapper:before{top:-20%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 60%);animation:10s ease-in-out infinite alternate float-blob}.login-form-wrapper:after{bottom:-20%;left:-10%;width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 60%);animation:12s ease-in-out infinite alternate-reverse float-blob}@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{width:100%;max-width:440px;background:#fff6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:3.5rem;border-radius:32px;box-shadow:0 30px 60px #0000001a,inset 0 0 0 1px #fffc;border:1px solid rgba(255,255,255,.6);position:relative;z-index:10;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{font-size:2.2rem;font-weight:900;color:transparent;margin:0 0 .5rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--clr-primary) 0,#064e3b 100%);-webkit-background-clip:text;background-clip:text}.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);padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;border:1px solid #fca5a5;animation:.4s ease-in-out shake}.input-group label{display:block;font-size:.875rem;font-weight:700;color:var(--clr-text-darkest);margin-bottom:.75rem}.cm-datetime-wrapper,.input-field-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1.2rem;color:var(--clr-text-light);transition:color .3s;z-index:2}.am-header-icon,.btn-login{display:flex;align-items:center;color:#fff}.input-field-wrapper:focus-within .input-icon{color:var(--clr-primary)}.input-field-wrapper input{width:100%;padding:1.125rem 1.125rem 1.125rem 3.25rem;border-radius:14px;border:2px solid var(--clr-border);font-size:.95rem;font-weight:600;color:var(--clr-text-darkest);transition:.3s cubic-bezier(.4,0,.2,1);background-color:#ffffffe6;position:relative;z-index:1}.input-field-wrapper input::placeholder{color:var(--clr-text-light);font-weight:400}.input-field-wrapper input:focus{outline:0;border-color:var(--clr-primary);background-color:#fff;box-shadow:0 0 0 4px #10b98126;transform:translateY(-2px)}.password-toggle-btn{position:absolute;right:1rem;z-index:3;background:none;border:none;color:var(--clr-text-light);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.password-toggle-btn:hover{color:var(--clr-primary);background:#10b98114}.btn-login{width:100%;padding:1.25rem;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);border:none;border-radius:14px;font-size:1.1rem;font-weight:800;cursor:pointer;justify-content:center;gap:.5rem;transition:.3s cubic-bezier(.175,.885,.32,1.275);margin-top:2.5rem;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.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;transform:none;box-shadow:none}.am-container{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.am-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.am-header-icon{justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:14px;box-shadow:0 4px 12px #04785733}.am-search,.am-tab-btn{display:flex;align-items:center}.am-title{font-size:1.5rem;font-weight:800;color:var(--text-main);margin:0 0 .25rem}.am-btn,.am-tab-btn{font-weight:600;cursor:pointer;transition:.2s}.am-modal-header p,.am-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.am-tabs{display:flex;gap:1rem;border-bottom:var(--border-light);padding-bottom:1px}.am-tab-btn{gap:.5rem;padding:.75rem 1rem;background:0 0;border:none;border-bottom:2px solid transparent;color:var(--text-muted);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);padding:.1rem .5rem;border-radius:99px;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{width:8px;height:8px;background:var(--accent);border-radius:50%;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{display:flex;flex-direction:column;gap:1rem}.am-toolbar,.exam-card-header,.preview-header,.q-name-row,.stat-row-mini{display:flex;justify-content:space-between;align-items:center}.am-search{gap:.5rem;background:#fff;border:var(--border-light);padding:.5rem 1rem;border-radius:10px;width:300px;color:var(--text-muted)}.am-search input{border:none;outline:0;background:0 0;width:100%;color:var(--text-main)}.am-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:10px;border:none}.am-btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #04785733}.am-btn-ghost{background:0 0;color:var(--text-muted)}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.am-empty h3{margin:1rem 0 .5rem;color:var(--text-main)}.am-table-wrapper{overflow-x:auto;border-radius:16px;background:var(--bg-card)}.am-table td,.am-table th{padding:1rem 1.25rem;border-bottom:var(--border-lighter)}.am-table th{background:var(--clr-bg-lightest);font-weight:700;color:var(--clr-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.am-table tbody tr{transition:background .2s}.am-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.am-avatar-lg{width:48px;height:48px;font-size:1.125rem}.am-avatar-upload-wrapper{position:relative;display:inline-block}.am-avatar-upload{position:relative;border:2px dashed var(--clr-border-dark);transition:.2s}.am-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer;border-radius:inherit}.am-avatar-upload.uploading .am-avatar-overlay{opacity:1;background:#0009;cursor:not-allowed}.am-preview-name,.am-user-name{font-weight:600;color:var(--text-main)}.am-username-code{background:var(--clr-bg-light);padding:.25rem .5rem;border-radius:6px;font-size:.8125rem;color:var(--clr-text-secondary)}.am-role-badge{display:inline-flex;align-items:center}.am-role-badge-sm{padding:.25rem .6rem;font-size:.7rem}.am-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;transition:.2s;background:var(--clr-bg-light);color:var(--clr-text-muted)}.am-delete-confirm{display:flex;gap:.25rem;background:var(--clr-red-tint);padding:.25rem;border-radius:8px;border:1px solid #fecaca;animation:.2s fadeIn}.am-matrix-wrapper{width:100%;overflow:hidden;border-radius:16px;background:var(--bg-card, #fff);box-shadow:0 4px 20px #0000000d}.am-matrix-scroll{width:100%;overflow-x:auto;overflow-y:auto;max-height:75vh;position:relative}.am-matrix td,.am-matrix th{padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;text-align:center}.am-matrix-corner{position:sticky;top:0;left:0;z-index:35!important;background:#f1f5f9!important;min-width:200px;border-right:2px solid #cbd5e1!important;border-bottom:2px solid #cbd5e1!important;box-shadow:2px 2px 5px #00000008}.am-matrix-group-header{position:sticky;top:0;z-index:25;background:#f8fafc!important;text-align:center;padding:.75rem 1rem;color:#0f172a;font-weight:700;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;white-space:nowrap}.am-matrix-header{position:sticky;top:38px;z-index:25;background:#f8fafc!important;min-width:120px;border-bottom:2px solid #cbd5e1!important;border-right:1px solid #e2e8f0}.am-matrix-header-content{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#334155;font-size:.78rem;font-weight:600}.am-matrix-role-cell{position:sticky;left:0;z-index:20;background:#fff!important;border-right:2px solid #cbd5e1!important;text-align:left!important;min-width:200px;box-shadow:2px 0 5px #00000005}.am-matrix-admin-row td{background:#f0fdf4}.am-matrix-role{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0}.am-role-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:20px;font-size:.78rem;font-weight:700;border:1.5px solid;white-space:nowrap;letter-spacing:.01em}.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);border:none;color:var(--clr-text-muted);cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.18s}.am-desktop-only{display:block}.am-mobile-only{display:none}.am-mobile-perm-card{padding:16px;margin-top:10px}.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;padding:12px 16px;margin-bottom:16px;box-shadow:0 2px 8px #00000005}.am-mobile-group-title{font-size:.95rem;font-weight:700;color:var(--clr-text);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--clr-primary-tint, #e2e8f0)}.am-mobile-menu-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--clr-border)}.am-mobile-menu-row:last-child{border-bottom:none}.am-mobile-menu-info{display:flex;align-items:center;gap:10px}.am-mobile-menu-icon{color:var(--clr-primary);display:flex;align-items:center}.am-mobile-menu-label{font-size:.9rem;color:var(--clr-text)}@media(max-width:768px){.am-desktop-only{display:none!important}.am-mobile-only{display:block!important}}.am-admin-lock,.am-checkbox-wrapper{display:inline-flex;align-items:center}.am-admin-lock{justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.7rem;color:var(--clr-primary);font-weight:700;background:var(--clr-primary-tint);border:1.5px solid #a7f3d0;flex-shrink:0}.am-checkbox-wrapper{justify-content:center;cursor:pointer;position:relative;width:24px;height:24px}.am-checkbox-wrapper input{opacity:0;position:absolute;width:0;height:0}.am-checkbox-custom{position:absolute;top:0;left:0;width:24px;height:24px;background-color:#fff;border:2px solid var(--clr-border-dark);border-radius:6px;transition:.2s}.am-checkbox-wrapper input:checked~.am-checkbox-custom{background-color:var(--primary);border-color:var(--primary)}.am-checkbox-custom:after{content:"";position:absolute;display:none;left:7px;top:3px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.am-checkbox-locked{cursor:not-allowed;opacity:.6}.am-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.am-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column}.am-modal-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-bottom:var(--border-lighter);position:relative}.am-modal-header-icon{width:40px;height:40px;background:var(--clr-primary-tint);color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.am-modal-close,.am-password-toggle{position:absolute;color:var(--clr-text-light);cursor:pointer}.am-modal-header h2{font-size:1.25rem;color:var(--text-main);margin:0 0 .25rem}.am-modal-close{top:1.5rem;right:1.5rem;background:0 0;border:none;transition:color .2s}.am-modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.am-form-group label{font-size:.75rem;font-weight:700;color:var(--text-muted)}.am-input-wrapper input,.am-input-wrapper select{width:100%;padding:.75rem 1rem;border:var(--border-light);border-radius:10px;font-size:.9rem;background:var(--clr-bg-lightest);color:var(--text-main);outline:0;transition:.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{right:.75rem;top:50%;transform:translateY(-50%);background:0 0;border:none}.am-modal-preview,.cm-table th{background:var(--clr-bg-lightest)}.am-error-text{display:flex;align-items:center;gap:.25rem;color:var(--clr-red);font-size:.75rem;font-weight:500}.am-modal-preview{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;border:1px dashed var(--clr-border-dark);margin-top:.5rem}.am-preview-info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.am-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.am-info-box{display:flex;gap:1rem;padding:1rem 1.25rem;background:#f0fdf4;border-radius:12px;border:1px solid #dcfce7;color:var(--clr-primary-deep);font-size:.875rem;margin-top:1rem}.cm-custom-dropdown-selected,.cm-tab-btn{font-size:.9rem;font-weight:600;white-space:nowrap}.cm-filter-wrap,.cm-tab-btn{align-items:center;display:flex}.cm-header{padding:2rem;background:linear-gradient(135deg,var(--primary) 0,#065f46 100%);border-radius:20px;color:#fff;box-shadow:0 10px 25px #064e3b26}.cm-header-text h1{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.cm-header-text p{color:#ffffffd9;font-size:.95rem}.cm-tabs-wrapper{display:flex;gap:1rem;position:relative;z-index:50}.cm-tabs{display:flex;padding:.5rem;border-radius:16px;background:#fff;gap:.5rem}.cm-tab-btn{gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;border:none;background:0 0;color:var(--text-muted);cursor:pointer;transition:.2s}.cm-tab-btn.active{background:var(--primary-light);color:var(--primary-dark);box-shadow:0 4px 12px #10b9811a}.cm-filter-wrap{gap:.5rem;padding:.5rem 1rem;background:#fff;border-radius:16px;margin-left:auto;overflow:visible!important}.cm-custom-dropdown-selected{display:flex;align-items:center;gap:.5rem;color:var(--text-dark);-webkit-user-select:none;user-select:none}.cm-dropdown-chevron{color:var(--text-muted);transition:transform .2s}.cm-dropdown-chevron.open{transform:rotate(180deg)}.cm-custom-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:max-content;min-width:150px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid var(--border-light);overflow:hidden;z-index:100;animation:.2s ease-out fade-in-up}.cm-dropdown-item{padding:.75rem 1rem;font-size:.85rem;font-weight:500;color:var(--text-dark);cursor:pointer;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{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.cm-card-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.2rem;font-weight:700;color:var(--text-dark)}.cm-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:.2s;box-shadow:0 4px 6px #10b98133}.cm-table-responsive,.preview-table-wrapper{overflow-x:auto}.cm-table th{text-align:left;padding:.75rem .5rem;font-size:.8rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid var(--border-light);white-space:nowrap}.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{padding:.75rem .5rem;font-size:.9rem;color:var(--text-dark);border-bottom:1px solid var(--border-light);white-space:nowrap}.cm-table td:first-child{padding-left:1rem}.cm-table td:last-child{padding-right:1rem}.cm-badge{background:var(--clr-border);color:#334155;padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600}.cm-deadline,.cm-time{display:inline-flex;gap:.35rem;padding:.25rem .6rem;font-size:.85rem;font-weight:600}.type-badge{background:#e0e7ff;color:#4338ca}.cm-time{align-items:center;background:#f0fdfa;color:#0f766e;border-radius:6px;border:1px solid #ccfbf1}.cm-deadline{align-items:center;background:var(--clr-red-tint);color:#b91c1c;border-radius:6px}.cm-action-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-light);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem}.notifications-layout,.presence-content.has-sidebar{grid-template-columns:1fr 320px}.cm-lib-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;border-radius:16px;border:1px solid var(--border-light);background:var(--clr-bg-lightest);transition:.3s}.cm-lib-icon{width:50px;height:50px;border-radius:12px;background:#e0e7ff;color:#4f46e5;display:flex;align-items:center;justify-content:center}.cm-lib-subject{font-size:.75rem;color:var(--clr-text-muted);font-weight:600}.cm-lib-title,.cm-modal-header h3{color:var(--text-dark);font-weight:700}.cm-lib-title{font-size:1.05rem;margin-bottom:.2rem}.cm-lib-meta,.res-sub{font-size:.8rem;color:var(--text-muted)}.cm-lib-btn{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--border-light);color:var(--clr-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.cm-close-btn,.cm-label{color:var(--text-muted)}.cm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem 0;overflow-y:auto}.cm-modal{background:#fff;width:90%;max-width:500px;border-radius:20px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column}.cm-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.cm-modal-header h3{font-size:1.2rem;margin:0}.cm-close-btn{background:0 0;border:none;font-size:1.5rem;cursor:pointer;transition:color .2s}.cm-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.cm-label{font-size:.85rem;font-weight:600;margin-bottom:-.5rem}.cm-input{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:16px;font-size:.95rem;color:var(--text-main);outline:0;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff;width:100%}.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;-webkit-appearance:none;-moz-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-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem}.cm-input-file{padding:.5rem}.cm-modal-footer{padding:1.5rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.cm-btn-secondary{padding:.6rem 1.2rem;background:var(--clr-bg-light);color:var(--clr-text-secondary);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s}.cm-file-upload-wrapper,.notif-row,.notif-tab,.premium-download-btn{transition:.2s;cursor:pointer}.cm-file-upload-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--border-light);border-radius:12px;background:var(--clr-bg-lightest);text-align:center;gap:.5rem}.cm-file-upload-wrapper svg{color:var(--primary);margin-bottom:.5rem}.cm-file-upload-wrapper span{font-weight:600;color:var(--text-dark)}.cm-file-upload-wrapper p{font-size:.8rem;color:var(--text-muted);margin:0}.cm-datetime-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.cm-input-datetime{padding-left:36px;width:100%}.cm-input-datetime::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.academic-alert{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe);border-left:4px solid var(--clr-blue);border-radius:12px}.aa-icon{background:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--clr-blue);box-shadow:0 4px 6px -1px #3b82f633;flex-shrink:0}.aa-content h4{font-size:1.125rem;font-weight:700;color:#1e3a8a;margin-bottom:.25rem}.aa-content p{color:var(--clr-blue);font-size:.95rem;margin:0}.academic-matrix-wrapper,.religious-list-wrapper{padding:1.5rem;background:#fff}.amw-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:var(--border-lighter)}.premium-download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--clr-blue) 0,#2563eb 100%);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;box-shadow:0 4px 6px -1px #3b82f64d}.premium-download-btn.icon-only{padding:.6rem;justify-content:center}.premium-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}.premium-table th{background:var(--clr-bg-lightest);padding:1rem;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--clr-text-muted);font-weight:700;border-bottom:2px solid var(--clr-border)}.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{padding:1.25rem 1rem;color:var(--clr-text-secondary)}.premium-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.text-center{text-align:center!important}.notifications-container{padding:2rem;max-width:1400px;margin:0 auto}.notifications-layout{display:grid;gap:2rem;margin-top:2rem}.notif-main-card{padding:0;overflow:hidden}.notif-tabs{display:flex;padding:1.5rem 1.5rem 0;gap:2rem}.notif-tab{padding-bottom:1rem;font-size:.9rem;font-weight:600;color:var(--clr-text-muted);background:0 0;border:none;border-bottom:2px solid transparent}.notif-row{padding:1.5rem;display:flex;gap:1.25rem;border-bottom:1px solid var(--clr-bg-lightest);align-items:flex-start;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{background:#f0fdf4;color:var(--clr-primary-dark)}.notif-row-header{align-items:center;margin-bottom:.25rem}.notif-row-title{font-size:1rem;font-weight:700;color:var(--clr-text-dark);margin:0}.material-info p,.notif-row-date{font-size:.75rem;color:var(--clr-text-light)}.empty-notif h3,.header-text h1,.info-stat-card h4{color:var(--clr-text-dark)}.notif-row-message{font-size:.9rem;color:var(--clr-text-muted);margin:0;line-height:1.5}.unread-dot{width:8px;height:8px;background-color:var(--clr-red);border-radius:50%;position:absolute;left:8px;top:50%;transform:translateY(-50%)}.notif-more-btn{background:0 0;border:none;color:var(--clr-border-dark);padding:.5rem;border-radius:8px;cursor:pointer}.empty-notif{padding:5rem 2rem;text-align:center}.empty-icon{color:var(--clr-border);margin-bottom:1.5rem}.empty-notif h3{margin-bottom:.5rem}.info-stat-card h4{font-size:.9rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.stat-row-mini{padding:.75rem 0;border-bottom:var(--border-lighter);font-size:.9rem;color:var(--clr-text-muted)}.badge-notif-count{background-color:var(--clr-red);color:#fff;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.homeroom-container-premium{padding:clamp(1rem,5vw,3rem);max-width:1700px;margin:0 auto;background:radial-gradient(circle at 0 0,hsla(160,84%,39%,.1) 0,transparent 40%),radial-gradient(circle at 100% 100%,hsla(217,91%,60%,.1) 0,transparent 40%),var(--clr-bg-lightest);min-height:100vh}.homeroom-header-welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.header-text h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.04em;margin-bottom:8px;background:linear-gradient(135deg,var(--clr-text-dark) 0,#334155 100%);-webkit-background-clip:text;background-clip:text}.stat-info span,.wali-table-main th{font-size:.75rem;text-transform:uppercase}.page-subtitle{color:var(--clr-text-muted);font-weight:500}.stat-info span,.tab-btn{font-weight:700;color:var(--clr-text-muted)}.homeroom-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem}.homeroom-navigation-tabs{display:flex;gap:12px;padding:8px;background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;margin-bottom:2rem;border:1px solid rgba(255,255,255,.8);overflow-x:auto;scrollbar-width:none;box-shadow:0 10px 30px #00000008}.tab-btn{flex:1;min-width:160px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:none;background:0 0;font-size:.95rem;cursor:pointer;border-radius:18px;transition:.4s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.tab-btn.active{background:var(--clr-primary);color:#fff;box-shadow:0 8px 25px #10b9814d}.tab-btn.active:after{content:"";position:absolute;bottom:-4px;left:20%;right:20%;height:3px;background:var(--clr-primary);border-radius:3px;opacity:.5;filter:blur(2px)}.stat-card-premium{display:flex;align-items:center;gap:1.25rem}.stat-icon-wrap,.toolbar-right{align-items:center;display:flex}.stat-icon-wrap{width:54px;height:54px;border-radius:16px;justify-content:center;flex-shrink:0}.stat-icon-wrap.yellow{background:#f59e0b1a;color:var(--clr-amber)}.stat-icon-wrap.orange{background:#f973161a;color:#f97316}.stat-info span{display:block;letter-spacing:.05em;margin-bottom:4px}.homeroom-toolbar-premium{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;margin-bottom:2rem;gap:20px;background:#fff;border-radius:24px;border:var(--border-light);box-shadow:0 10px 25px #00000005;position:relative;z-index:20;overflow:visible!important}.toolbar-left{flex:1;max-width:350px}.toolbar-right{gap:12px;overflow:visible!important}.academic-badge-homeroom{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--clr-bg-light);color:var(--clr-text-dark);border-radius:14px;font-size:.85rem;font-weight:800;white-space:nowrap;border:var(--border-light);line-height:1}.students-wali-table-container{background:0 0;padding:0;border:none;box-shadow:none}.wali-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.wali-table-main{width:100%;border-collapse:separate;border-spacing:0 12px;min-width:900px}.doc-table,.rekap-table{border-collapse:collapse}.wali-table-main th{padding:1.5rem 1rem;font-weight:800;color:var(--clr-text-light);letter-spacing:.15em;border:none}.wali-table-main td{padding:1.5rem 1.25rem;border:1px solid rgba(0,0,0,.02);box-shadow:0 4px 15px #00000005;transition:.3s;background:#fff;border-top:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03)}.table-input-small,.table-input-text{border-radius:12px;transition:.2s;background:#fcfdfd}.wali-table-main tr td:first-child{border-radius:24px 0 0 24px;border-left:1px solid rgba(0,0,0,.03)}.wali-table-main tr td:last-child{border-radius:0 24px 24px 0;border-right:1px solid rgba(0,0,0,.03)}.table-input-small{width:60px;padding:10px;border:var(--border-light);text-align:center;font-weight:800;color:var(--clr-text-dark)}.table-input-text{width:100%;padding:10px 14px;border:var(--border-light);font-size:.9rem;font-weight:600}.custom-select-table{min-width:100px}.custom-select-table .premium-selector{border-radius:12px;border:var(--border-light);background:#fcfdfd}.custom-select-table .selector-trigger{padding:8px 12px}.custom-select-table .selected-value{font-size:.85rem;font-weight:800;text-align:center}.custom-select-table .selector-options{min-width:120px}.search-wrapper-premium{display:flex;align-items:center;gap:12px;background:#fff;padding:.75rem 1.25rem;border-radius:99px;border:var(--border-light);box-shadow:0 4px 12px #00000008;transition:.3s;width:100%}.search-wrapper-premium:focus-within{border-color:var(--clr-primary);box-shadow:0 8px 20px #10b9811a;transform:translateY(-1px)}.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{border:none!important;outline:0!important;width:100%;font-size:.95rem;font-weight:600;color:var(--clr-text-dark);background:0 0}.search-wrapper-premium input::placeholder{color:var(--clr-border-dark)}.table-textarea{width:100%;min-height:60px;padding:10px 14px;border-radius:12px;border:var(--border-light);font-size:.85rem;background:#fcfdfd;resize:none;font-family:inherit}.btn-save-mini,.btn-view-report-mini{border-radius:12px;color:#fff;transition:.3s}.table-input-small:focus,.table-input-text:focus,.table-textarea:focus{border-color:var(--clr-primary);background:#fff;box-shadow:0 0 0 4px #10b9811a;outline:0}.action-group-wali{display:flex;align-items:center;justify-content:center;gap:8px}.btn-view-report-mini{padding:8px 16px;background:var(--clr-blue);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:600;box-shadow:0 6px 15px #3b82f633;text-decoration:none}.btn-save-mini{width:40px;height:40px;background:var(--clr-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--clr-text-light);gap:1rem}@media(max-width:992px){.mobile-only{display:block}.desktop-only{display:none}}.row-number-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--clr-bg-light);border-radius:8px;font-size:.75rem;font-weight:800;color:var(--clr-text-muted)}.ledger-header-info{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.ledger-header-info h3{font-size:1.25rem;font-weight:900;color:var(--clr-text-dark);margin-bottom:4px}.ledger-header-info p{color:var(--clr-text-muted);font-size:.9rem}.vertical-th{writing-mode:vertical-lr;transform:rotate(180deg);text-align:left;padding:1.5rem .75rem!important;font-size:.65rem!important;max-height:120px}.rank-badge.top-rank{background:var(--clr-amber-light);color:#d97706;border:1px solid #fcd34d}.text-red{color:var(--clr-red)!important;font-weight:800}.s-info-mini h4,.s-main-name,.t-main h4{font-size:1rem;font-weight:800;color:var(--clr-text-dark)}.checklist-actions,.s-profile-cell{display:flex;align-items:center;gap:15px}.s-avatar-mini,.s-meta-sub{align-items:center;display:flex}.s-main-name{line-height:1.2;white-space:nowrap}.s-meta-sub{gap:8px;font-size:.75rem;font-weight:600;color:var(--clr-text-light);white-space:nowrap}.s-divider,.star-muted{color:var(--clr-border)}.s-avatar-mini{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--clr-primary-tint) 0,var(--clr-primary) 100%);color:var(--clr-primary);justify-content:center;font-weight:900;font-size:1.1rem;box-shadow:inset 0 2px 4px #ffffff80;flex-shrink:0}.wali-student-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px #00000005}.card-header-wali{padding:1.25rem;background:linear-gradient(to right,var(--clr-bg-lightest),#fff);display:flex;align-items:center;gap:12px;border-bottom:var(--border-lighter)}.s-info-mini h4,.t-main h4{margin:0}.s-info-mini span,.t-role{font-size:.75rem;color:var(--clr-text-light);font-weight:600}.card-body-wali{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.absensi-row-mini{display:flex;gap:10px;background:var(--clr-bg-lightest);padding:10px;border-radius:16px}.abs-input{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.abs-input label{font-size:.65rem;font-weight:800;color:var(--clr-text-muted)}.abs-input input{width:100%;padding:8px;border-radius:10px;border:var(--border-light);text-align:center;font-weight:800;outline:0}.detail-brand,.input-group-mini{display:flex;flex-direction:column;gap:6px}.input-group-mini label{font-size:.75rem;font-weight:700;color:var(--clr-text-secondary)}.input-group-mini input,.input-group-mini textarea{padding:12px;border-radius:12px;border:var(--border-light);font-size:.9rem;background:#fcfdfd}.card-footer-wali{padding:1rem 1.25rem;border-top:var(--border-lighter);background:#fcfdfd}.btn-full-report{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--clr-blue);color:#fff;border-radius:14px;font-weight:700;font-size:.85rem;text-decoration:none}.doc-title,.official-title,.report-title h3,.sig-name{text-decoration:underline}.homeroom-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin-bottom:2rem}.stat-card-premium{padding:1.8rem;border-radius:28px;display:flex;align-items:center;gap:20px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 30px #00000008;transition:.3s cubic-bezier(.4,0,.2,1)}.homeroom-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem;margin-bottom:3rem}.stats-main-card{padding:2.5rem;border-radius:32px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 50px #0000000a;transition:.4s cubic-bezier(.4,0,.2,1)}.btn-auto-desc,.btn-bulk{color:#fff;transition:.3s;cursor:pointer}.card-inner{display:flex;align-items:center;gap:24px}.icon-box{width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--clr-primary-tint) 0,var(--clr-primary) 100%);color:#fff;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{display:block;font-size:.85rem;font-weight:700;color:var(--clr-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.info-box .value{font-size:2.5rem;font-weight:900;color:var(--clr-text-dark);margin:0;display:flex;align-items:baseline;gap:8px}.info-box .unit{font-size:1rem;font-weight:700;color:var(--clr-text-light)}.academic-controls-premium{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.bulk-box{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:16px;background:#fff;border:var(--border-light)}.bulk-box label{font-weight:800;font-size:.85rem;color:var(--clr-text-secondary)}.bulk-box input{width:60px;padding:8px;border-radius:10px;border:var(--border-light);text-align:center;font-weight:800}.btn-bulk{padding:8px 16px;background:var(--clr-text-dark);border:none;border-radius:10px;font-weight:700;font-size:.85rem}.notes-with-auto{position:relative;display:flex;gap:8px;align-items:flex-start}.btn-auto-desc{padding:6px 10px;background:linear-gradient(135deg,var(--clr-purple) 0,#6d28d9 100%);border:none;border-radius:8px;font-size:.7rem;font-weight:900;box-shadow:0 4px 10px #8b5cf64d}.project-selector-premium{margin-bottom:1.5rem;max-width:400px}.presence-container{padding:clamp(1rem,3vw,1.5rem);max-width:100%;margin:0 auto;overflow-x:hidden}.presence-premium-header{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.header-main-info{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.title-area{flex:1;min-width:280px}.premium-page-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;background:linear-gradient(135deg,var(--clr-text-dark) 0,#4f46e5 100%);-webkit-background-clip:text;background-clip:text;margin:0;letter-spacing:-.03em;line-height:1.2;display:flex;align-items:center;gap:12px}.premium-page-title .title-icon{color:#4f46e5;-webkit-text-fill-color:initial}.premium-page-subtitle{color:var(--clr-text-muted);font-size:1.05rem;margin-top:8px;line-height:1.5}.location-badge-premium{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:12px;font-size:.85rem;font-weight:700;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #00000008;white-space:nowrap;width:fit-content}.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);background:#eff6ff;border-color:var(--clr-blue-light)}.location-badge-premium.error{color:var(--clr-amber);background:#fffbeb;border-color:var(--clr-amber-light)}.premium-nav-tabs{display:flex;justify-content:center;gap:8px;background:transparent;padding:6px;border-radius:16px;width:fit-content;max-width:100%;margin:0 auto;overflow-x:auto;border:none;box-shadow:none}.p-tab{display:flex;gap:8px;padding:10px 20px;border-radius:12px;border:none;background:0 0;color:var(--clr-text-muted);font-weight:600;font-size:.9rem;cursor:pointer;transition:.2s}.p-tab.active{background:#fff;color:var(--primary);box-shadow:0 4px 12px #00000014}.leaves-grid,.presence-content{display:grid;grid-template-columns:1fr;gap:2rem}.main-presence-area,.reports-container{display:flex;flex-direction:column;gap:2rem}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(140px,15vw,180px),1fr));gap:clamp(.75rem,2vw,1.5rem);padding:1.5rem}.premium-student-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:1.5rem;border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 30px #00000008;cursor:pointer;transition:.4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;gap:15px;position:relative;height:auto!important;min-height:100%}.premium-student-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--clr-border);transition:.3s}.p-avatar{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,var(--clr-bg-lightest) 0,#f1f5f9 100%);display:flex;justify-content:center;font-size:1.5rem;font-weight:900;color:var(--clr-text-light);box-shadow:inset 0 2px 5px #0000000d;transition:.3s}.p-header-icon,.p-journal-header{display:flex;align-items:center;position:relative}.p-card-body{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.p-student-name{font-size:.95rem;font-weight:800;color:var(--clr-text-dark);text-align:center;margin-top:5px;width:100%;white-space:normal;word-wrap:break-word}.p-status-pill{font-size:.7rem;font-weight:900;padding:6px 16px;border-radius:99px;text-transform:uppercase;letter-spacing:.1em;background:var(--clr-bg-light);color:#94a3b8;transition:.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{background:#fff1f2;color:var(--clr-red)}.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;border-left:4px solid #0891b2}.log-badge.takhassus,.premium-student-card.takhassus .p-avatar,.status-btn-sm.takhassus,.p-status-dot.takhassus,.desk-item.takhassus{background:#ecfeff;color:#0891b2;border-color:#a5f3fc}.p-status-pill.takhassus,.premium-student-card.takhassus .p-status-pill{background:#0891b2;color:#fff}.premium-journal-card{margin-top:1.5rem;border-radius:32px!important;border:1px solid rgba(16,185,129,.15)!important;box-shadow:0 15px 40px -10px #0000000d!important;background:linear-gradient(135deg,#fffffff2 0,#f0fdf4f2)!important;overflow:hidden;position:relative}.premium-journal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--clr-primary),transparent);opacity:.5}.p-journal-header{gap:20px;padding:2.5rem 2rem;background:linear-gradient(to right,rgba(16,185,129,.03),transparent);border-bottom:1px solid rgba(0,0,0,.03);overflow:hidden}.p-journal-header:after{content:"";position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(16,185,129,.05) 0,transparent 70%);border-radius:50%}.p-header-icon{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;justify-content:center;box-shadow:0 12px 30px #10b98140,inset 0 2px 4px #ffffff4d;transition:.3s cubic-bezier(.4,0,.2,1);animation:4s ease-in-out infinite float-icon}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.p-header-text h3{margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--clr-text-dark);letter-spacing:-.5px;line-height:1.2}.p-header-text p{margin:0;font-size:.95rem;color:var(--clr-text-muted);font-weight:500;opacity:.8}.p-journal-grid{padding:clamp(1rem,3vw,2.5rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(280px,30vw,400px),1fr));gap:2rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr}.p-section-title{font-size:.75rem;font-weight:800;color:var(--clr-text-light);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.p-input-topic,.p-textarea-notes{width:100%;padding:14px 20px;border-radius:16px;border:var(--border-light);background:var(--clr-bg-lightest);font-family:inherit;font-size:.95rem;transition:.2s}.p-textarea-notes{min-height:120px;resize:vertical}.p-journal-footer{padding:1.5rem 2rem;background:var(--clr-bg-lightest);display:flex;justify-content:center}.btn-save-premium{padding:14px 32px;border-radius:16px;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;border:none;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.3s;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{padding:1.5rem;border-radius:24px;background:#fff}.panel-title{font-size:1rem;font-weight:800;color:var(--clr-text-dark);margin-bottom:1.25rem}.absent-name,.alert-header{font-size:.85rem;font-weight:700}.session-stat-item .label{font-size:.8rem;color:var(--clr-text-muted);font-weight:600;display:block;margin-bottom:4px}.session-stat-item .value{font-size:1.1rem;font-weight:800;color:var(--clr-text-dark)}.progress-mini{width:100%;height:6px;background:var(--clr-bg-light);border-radius:3px;margin-top:8px;overflow:hidden}.progress-mini .fill{height:100%;background:var(--clr-primary);transition:width 1s ease-out}.alert-panel{margin-top:1.5rem;padding-top:1.5rem;border-top:var(--border-lighter)}.alert-header{display:flex;align-items:center;gap:8px;color:var(--clr-red);margin-bottom:1rem}.absent-action-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff1f2;border-radius:12px}.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(max-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{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.5rem}}@media(max-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{margin-left:0;align-self:flex-end}.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{flex-direction:column;text-align:center}.premium-table,.premium-table tbody,.premium-table td,.premium-table tr{display:block;width:100%}.premium-table{min-width:unset}.premium-table td:first-child:before,.premium-table thead{display:none}.premium-table tr{margin-bottom:1rem;border:var(--border-light);border-radius:12px;padding:.5rem 1rem;background:#fff;box-shadow:0 1px 3px #0000000d}.premium-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px dashed var(--clr-border);text-align:right!important}.premium-table td:last-child{border-bottom:none}.premium-table td:before{content:attr(data-label);font-weight:600;color:var(--clr-text-muted);font-size:.85rem;text-align:left;margin-right:1rem}.premium-table td:first-child{flex-direction:column;align-items:flex-start;gap:.5rem;border-bottom:var(--border-light);padding-bottom:1rem;margin-bottom:.5rem;padding-top:.5rem}.homeroom-toolbar-premium{flex-direction:column;align-items:stretch;padding:1rem;gap:12px}.toolbar-left,.toolbar-right{max-width:100%;width:100%;justify-content:flex-start}.class-selector-wrapper,.subject-selector-wrapper{flex:1;min-width:140px}.location-badge-premium{margin:0 auto}.p-journal-footer,.presence-container{padding:.75rem;max-width:100%;box-sizing:border-box}.presence-content,.main-presence-area{width:100%;max-width:100%;box-sizing:border-box}.premium-page-title{font-size:1.35rem}.attendance-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));padding:.75rem;gap:8px}.premium-student-card{padding:.85rem .5rem;border-radius:18px;gap:8px}.p-avatar{width:48px;height:48px;font-size:1.2rem;border-radius:16px}.p-student-name{font-size:.8rem;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-status-pill{font-size:.65rem;padding:4px 8px;border-radius:10px}.express-controls{display:flex;flex-direction:column;align-items:stretch;padding:.85rem 1rem;gap:10px;width:100%;box-sizing:border-box}.presence-class-selector{width:100%;min-width:100%}.p-journal-grid,.side-presence-panel{grid-template-columns:1fr!important}.form-grid-2{grid-template-columns:1fr!important;gap:14px!important}.teaching-time-card{padding:14px 16px!important;border-radius:16px!important;width:100%!important;box-sizing:border-box!important}.time-input-group{display:flex!important;flex-direction:row!important;gap:10px!important;align-items:center!important;width:100%!important}.time-field{flex:1!important;min-width:0!important;width:100%!important;font-size:.9rem!important}.btn-time-check{white-space:nowrap!important;flex-shrink:0!important;padding:10px 16px!important;font-size:.85rem!important}.presence-class-selector .selector-trigger{padding:10px 12px;height:100%}.btn-mark-all-premium{width:100%;justify-content:center;padding:11px 16px;font-size:.85rem;gap:6px;white-space:nowrap}.p-journal-grid{gap:1rem;padding:1rem}.p-tab{padding:8px 14px;font-size:.8rem;flex-shrink:0}.premium-nav-tabs{width:100%;max-width:100%;overflow-x:auto;white-space:nowrap;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding:4px;box-sizing:border-box}.p-journal-header{padding:1.25rem 1rem;flex-direction:row;align-items:center;text-align:left;gap:12px}.p-journal-header h3{font-size:1.15rem}.evidence-capture-wrapper,.time-input-group{flex-direction:column}.p-header-icon{width:46px;height:46px;border-radius:14px;flex-shrink:0}.time-input-group{align-items:stretch}.evidence-upload-box{width:100%;height:120px}.p-readonly-badge.premium-badge-style{flex-direction:column;align-items:center;gap:8px;text-align:center}.p-readonly-badge.premium-badge-style .badge-text-wrap{align-items:center;text-align:center}.journal-selectors-grid{grid-template-columns:1fr;gap:.75rem}.btn-save-premium{width:100%;justify-content:center;font-size:.9rem;padding:12px 18px}.seating-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.main-presence-card,.premium-journal-card{border-radius:20px!important;max-width:100%;box-sizing:border-box}}.seating-chart-container{background:var(--clr-bg-lightest);border-radius:24px;border:var(--border-light)}.teacher-desk{background:var(--clr-bg-light);border:2px dashed var(--clr-border-dark);color:var(--clr-text-light);letter-spacing:.2em}.seating-grid{display:grid;grid-template-columns:repeat(4,1fr)}@media(max-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);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.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{position:absolute;top:0;left:0;width:100%;background:var(--clr-primary);box-shadow:0 0 20px var(--clr-primary);animation:3s linear infinite scan}@keyframes scan{0%{top:0}to{top:100%}}.search-box{display:flex;align-items:center;gap:1rem;background:var(--clr-bg-light);padding:1rem 1.5rem;border-radius:20px;border:var(--border-light);margin-bottom:2rem}.search-box input{flex:1;background:0 0;border:none;font-size:1rem;font-weight:600;color:var(--clr-text-dark);outline:0}.manual-result-item{display:flex;justify-content:space-between;align-items:center;border:var(--border-lighter)}.res-sub{color:var(--clr-text-light);margin-left:8px}.status-btn-sm{padding:6px 16px;border-radius:20px;border:none;font-weight:800;font-size:.7rem;text-transform:uppercase;cursor:pointer;transition:.2s}.main-presence-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:32px!important;overflow:hidden}.express-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:2rem;background:linear-gradient(to bottom,rgba(248,250,252,.5),transparent);border-bottom:1px solid rgba(0,0,0,.03);gap:20px}.presence-class-selector{flex:1;min-width:200px}.presence-class-selector .premium-selector{border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 15px #00000005}.express-controls .btn-primary{border-radius:18px;padding:12px 24px;font-weight:700;background:linear-gradient(135deg,var(--clr-primary-dark) 0,#047857 100%);border:none;box-shadow:0 10px 20px #05966933;transition:.3s}.premium-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;color:var(--clr-text-light);width:100%;margin:0 auto;grid-column:1/-1}.empty-icon-wrap{width:100px;height:100px;border-radius:40px;background:var(--clr-bg-light);color:#cbd5e1;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:.5s}.premium-empty-state h3{font-size:1.5rem;font-weight:800;color:var(--clr-text-dark);margin:0 0 8px}.premium-empty-state p{font-size:1rem;max-width:300px;margin:0;line-height:1.5}.presence-container{background:radial-gradient(circle at top right,rgba(16,185,129,.03),transparent),radial-gradient(circle at bottom left,rgba(59,130,246,.03),transparent);min-height:100vh}.btn-mark-all-premium{display:flex;align-items:center;gap:10px;background:var(--clr-primary-dark);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%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.scanner-viewport{border:12px solid #fff;box-shadow:0 20px 60px #0000001a}.scanner-placeholder-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;text-align:center;padding:2rem;gap:1rem}.s-icon-wrap{display:flex;align-items:center;justify-content:center;color:#ffffff4d;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.1)}.scanner-placeholder-premium h3{font-size:1.25rem;font-weight:800;margin:0;color:#fff}.scanner-placeholder-premium p{font-size:.9rem;color:#ffffff80;max-width:250px;margin:0;line-height:1.5}.btn-start-scanner{margin-top:1rem;padding:12px 28px;border-radius:16px;background:var(--clr-primary);color:#fff;border:none;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 10px 20px #10b9814d}.scanner-viewport:after,.scanner-viewport:before{content:"";position:absolute;width:40px;height:40px;border:4px solid var(--clr-primary);z-index:10;pointer-events:none}.scanner-viewport:before{top:20px;left:20px;border-right:none;border-bottom:none;border-radius:12px 0 0}.scanner-viewport:after{bottom:20px;right:20px;border-left:none;border-top:none;border-radius:0 0 12px}.scanner-line{height:2px;background:var(--clr-primary);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{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.evidence-label{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--clr-bg-lightest);border:2px dashed var(--clr-border);color:var(--clr-text-light)}.trends-chart-premium{display:flex;justify-content:space-between;align-items:flex-end;height:120px;padding:10px 0;gap:8px}.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar-fill{background:var(--clr-border);min-height:4px}.chart-bar-wrap span{font-size:.65rem;font-weight:700;color:var(--clr-text-light)}.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{position:fixed;top:30px;left:50%;transform:translate(-50%);z-index:9999}.evidence-preview-container,.p-tab{position:relative;overflow:hidden}.toast-content{background:#fff;padding:12px 24px;border-radius:20px;box-shadow:0 15px 40px #0000001a;border:1px solid var(--clr-primary-tint);display:flex;align-items:center;gap:12px;font-weight:700;font-size:.95rem}.trend-day,.trend-perc{font-size:.7rem;font-weight:800}.premium-student-card:active{transform:scale(.95);transition:.1s}.p-tab:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary);opacity:0;transition:.3s;z-index:-1}.premium-trends-horizontal{display:flex;flex-direction:column;gap:12px;padding:10px 0}.header-with-icon,.student-profile-mini,.t-actions,.teacher-info-group,.trend-row{display:flex;align-items:center;gap:12px}.trend-day{color:var(--clr-text-light);width:30px}.trend-bar-container{flex:1;height:8px;background:var(--clr-bg-light);border-radius:4px;overflow:hidden}.trend-bar-fill{height:100%;background:linear-gradient(to right,var(--clr-primary),#059669);border-radius:4px}.trend-perc{color:var(--clr-text-dark);width:35px;text-align:right}.log-empty,.pdc-stat-label,.results-empty,.teacher-desk,.tp-empty-state,.tp-status-btn{text-align:center}.log-panel-premium{padding:1.5rem;background:#fff6;border:1px solid rgba(255,255,255,.6)}.premium-log-item{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000005}.log-indicator{width:10px;height:10px;border-radius:50%}.log-indicator.terlambat{background:var(--clr-indigo)}.log-content,.q-ana-card-item .info{display:flex;flex-direction:column;gap:2px}.log-main,.panel-title{align-items:center;display:flex}.log-main{gap:8px}.log-name,.q-leader-info .name,.s-name{font-size:.85rem;font-weight:700;color:var(--clr-text-dark)}.log-badge,.p-year{font-weight:800;text-transform:uppercase}.log-badge{font-size:.6rem;padding:2px 8px;border-radius:6px}.log-badge.terlambat{background:var(--clr-indigo-tint);color:var(--clr-indigo)}.log-empty{padding:20px;font-size:.8rem;color:var(--clr-border-dark);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:"";width:4px;height:18px;background:var(--primary);border-radius:4px}.title-with-badge{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.academic-badge-presence{background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:4px 12px;border-radius:8px;display:flex;align-items:center;gap:8px}.p-year{font-size:.75rem;color:var(--clr-primary-dark)}.p-sem{font-size:.8rem;font-weight:700;color:var(--clr-text-dark);background:#fff;padding:2px 8px;border-radius:6px;box-shadow:0 2px 4px #0000000d}.p-readonly-badge{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--clr-bg-lightest);border:1px dashed var(--clr-border-dark);border-radius:12px}.p-readonly-badge span,.stat-row-mini .label{font-size:.85rem;color:var(--clr-text-muted);font-weight:600}.p-readonly-badge strong{font-size:.95rem;color:var(--clr-text-dark);font-weight:800}.p-readonly-badge.premium-badge-style{display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:15px 20px;background:linear-gradient(145deg,var(--clr-bg-lightest) 0,#f1f5f9 100%);border:var(--border-light);border-radius:16px;box-shadow:inset 0 2px 4px #fffc,0 4px 6px #00000005;min-width:0}.badge-icon-wrap{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000a;color:var(--clr-primary);flex-shrink:0}.badge-text-wrap{display:flex;flex-direction:column;gap:4px;overflow:hidden}.badge-text-wrap strong{font-size:1.05rem;color:var(--clr-text-darkest);font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-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{width:100%;text-align:center}}.p-field-label{display:block;font-size:.75rem;font-weight:800;color:var(--clr-text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.teaching-time-card{background:var(--clr-bg-lightest);padding:20px;border-radius:20px;border:var(--border-light);transition:.3s}.time-card-label{font-size:.85rem;font-weight:700;color:var(--clr-text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.time-input-group{display:flex;gap:12px;align-items:center}.time-field{flex:1;margin:0;padding:12px 16px!important;border-radius:14px!important;font-weight:600}.btn-time-check{padding:12px 20px;border:none;border-radius:14px;font-weight:700;color:#fff;cursor:pointer;transition:.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{width:100%;display:flex;flex-direction:column;height:auto}.evidence-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;min-height:120px;background:linear-gradient(135deg,var(--clr-bg-lightest) 0,#f1f5f9 100%);border:2px dashed var(--clr-border-dark);border-radius:20px;color:var(--clr-text-muted);font-weight:700;cursor:pointer;transition:.2s}.evidence-preview-container{width:100%;flex:1;min-height:120px;border-radius:20px;border:var(--border-light);box-shadow:0 4px 12px #0000000d}.btn-remove-evidence{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:10}.desk-item,.scanner-viewport{aspect-ratio:1;position:relative}.manual-section{display:flex;flex-direction:column;height:100%;min-height:400px}.manual-search{padding:1.5rem;border-bottom:var(--border-light);display:flex;align-items:center;gap:1rem;background:var(--clr-bg-lightest)}.manual-search input{flex:1;border:none;font-size:1rem;outline:0;background:0 0;color:var(--text-main)}.manual-results{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column}.results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--clr-text-muted);gap:1rem;margin:auto}.results-empty p{font-size:.95rem;font-weight:500;max-width:250px}.manual-result-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#fff;border-radius:12px;margin-bottom:.75rem;border:var(--border-light);box-shadow:0 2px 5px #00000005;transition:.2s}.name-and-badges,.pdc-identity-text,.res-info{display:flex;flex-direction:column;gap:.25rem}.res-name{font-weight:700;color:var(--text-main)}.res-actions .status-btn-sm{padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;border:none;cursor:pointer;transition:.2s;text-transform:uppercase;letter-spacing:.05em}.status-btn-sm.sakit{background:#e0e7ff;color:#3730a3}.scanner-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:400px;background:var(--clr-bg-lightest)}.scanner-viewport{width:100%;max-width:400px;background:var(--clr-text-darkest);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 25px #00000026;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.scanner-placeholder-premium{display:flex;flex-direction:column;align-items:center;color:#fff;gap:1.5rem}.s-icon-wrap{width:80px;height:80px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.seating-chart-container{padding:2rem;background:var(--clr-bg-lightest);min-height:400px}.desk-item,.teacher-desk{border-radius:12px;padding:1rem}.teacher-desk{width:100%;max-width:400px;margin:0 auto 3rem;background:var(--clr-text-medium);color:#fff;font-weight:700;letter-spacing:.1em;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{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:800px;margin:0 auto}.desk-item{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s;border:2px solid transparent}.desk-number{position:absolute;top:.5rem;left:.5rem;font-size:.7rem;color:var(--clr-text-light);font-weight:700}.desk-student-name{font-weight:700;font-size:.9rem;color:var(--text-main);text-align:center;margin-top:.5rem;word-break:break-word}.desk-status-indicator{width:12px;height:12px;border-radius:50%;margin-top:.5rem;background:var(--clr-border-dark)}.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(max-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(max-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{display:grid!important;grid-template-columns:1fr 1fr!important;padding:1rem!important;gap:12px!important}.presence-class-selector .selector-trigger{padding:10px 12px!important;height:100%!important}.btn-mark-all-premium{justify-content:center!important;padding:10px 12px!important;gap:6px!important;overflow:hidden!important;text-overflow:ellipsis!important}.btn-time-check{padding:12px!important;width:100%}.time-input-group{gap:12px!important;flex-direction:column!important;align-items:stretch!important}}.btn-quick-time,.pdc-btn,.td-name,.tp-table th{white-space:nowrap}.teacher-presence-container{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;width:100%}.theme-blue{background:linear-gradient(135deg,var(--clr-blue) 0,#2563eb 100%);color:#fff}.premium-toast-v2{position:fixed;top:5rem;left:50%;transform:translate(-50%)!important;bottom:auto;right:auto;z-index:99999;border-radius:16px;display:flex;align-items:center;gap:.75rem;padding:.8rem 1.25rem;color:#fff;font-weight:600;box-shadow:0 14px 35px #00000040;width:max-content;max-width:90vw;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.premium-toast-v2.success{background:linear-gradient(135deg,var(--clr-primary-dark) 0,var(--clr-primary) 100%);box-shadow:0 10px 25px #10b9814d;border:1px solid rgba(255,255,255,.2)}.premium-toast-v2.error{background:linear-gradient(135deg,#dc2626 0,var(--clr-red) 100%);box-shadow:0 10px 25px #ef44444d;border:1px solid rgba(255,255,255,.2)}.toast-v2-close{display:flex!important;background:#fff3!important;border:none!important;color:#fff!important;border-radius:50%!important;width:24px!important;height:24px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}.toast-v2-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.toast-v2-body{flex:1;display:flex;align-items:center;min-width:0}.toast-v2-msg{font-size:.95rem;color:#fff;font-weight:600;line-height:1.4;word-break:break-word}.date-picker-wrapper{display:flex;align-items:center;gap:.75rem;background:var(--clr-bg-light);padding:.5rem 1rem;border-radius:12px;border:var(--border-light);color:var(--text-main)}.tp-controls-bar .search-box input,.tp-date-input{background:0 0;color:var(--text-main);font-family:Inter,sans-serif;outline:0}.tp-date-input{border:none;font-weight:500;font-size:.95rem;padding:0;margin:0;height:24px;line-height:24px}.tp-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}.tp-summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.tp-summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem .75rem 1rem;border-radius:20px;background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px -2px #0000000a,0 2px 6px -1px #00000005;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tp-summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -4px #00000014,0 4px 12px -2px #00000008}.summary-icon-badge{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.summary-icon-badge.indigo{background:#6366f11f;color:#6366f1}.summary-icon-badge.green{background:#10b9811f;color:#10b981}.summary-icon-badge.blue{background:#3b82f61f;color:#3b82f6}.summary-icon-badge.amber{background:#f59e0b1f;color:#f59e0b}.summary-icon-badge.red{background:#ef44441f;color:#ef4444}.summary-icon-badge.cyan{background:#06b6d41f;color:#06b6d4}.summary-count{font-size:1.85rem;font-weight:800;line-height:1;letter-spacing:-.5px}.summary-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;text-align:center;line-height:1.25}.tp-summary-card.total{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(99,102,241,.25);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,#f0fdf4);border:1px solid rgba(16,185,129,.25);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,#eff6ff);border:1px solid rgba(59,130,246,.25);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,#fffbeb);border:1px solid rgba(245,158,11,.25);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,#fef2f2);border:1px solid rgba(239,68,68,.25);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,#ecfeff);border:1px solid rgba(6,182,212,.25);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{background:#fff;border-radius:28px;padding:2rem;box-shadow:0 8px 32px #3b82f614,0 2px 8px #0000000a;border:var(--border-lighter);display:flex;flex-direction:column;gap:1.75rem;position:relative;overflow:hidden}.personal-dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--clr-blue),#8b5cf6,var(--clr-primary));border-radius:28px 28px 0 0}.pdc-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pdc-avatar{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--clr-blue),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;flex-shrink:0;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{font-size:.82rem;color:var(--clr-text-muted);font-weight:500}.pdc-status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:99px;font-size:.82rem;font-weight:700}.pdc-stat-icon,.pdc-stats-row{display:flex;align-items:center}.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]{background:#f3e8ff;color:#9333ea}.pdc-stats-row{gap:0;border-radius:18px;padding:1.25rem;flex-wrap:wrap}.pdc-stat-box{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:.35rem}.pdc-stat-value{font-size:1.6rem;font-weight:800;line-height:1}.pdc-stat-label{font-size:.72rem;font-weight:600;color:var(--clr-text-light);letter-spacing:.2px}.status-badge,.tp-table th{text-transform:uppercase;letter-spacing:.5px}.pdc-stat-divider{width:1px;height:40px;background:var(--clr-border);flex-shrink:0}.pdc-progress-labels{display:flex;justify-content:space-between;font-size:.875rem;font-weight:600;color:var(--clr-text-secondary)}.pdc-progress-track{height:10px;background:var(--clr-border);border-radius:99px;overflow:hidden}.pdc-progress-fill{height:100%;border-radius:99px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.pdc-insight{margin:0;font-size:.82rem;color:var(--clr-text-muted);font-style:italic}.pdc-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;padding-top:1.25rem;border-top:var(--border-lighter)}.pdc-stat-icon{width:40px;height:40px;border-radius:12px;justify-content:center;margin-bottom:.25rem}.pdc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1.6rem;border-radius:14px;font-weight:700;font-size:.95rem;font-family:Inter,sans-serif;border:none;cursor:pointer;transition:.25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.pdc-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:inherit;pointer-events:none}.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{background:#f0fdf4;color:var(--clr-primary-dark);box-shadow:none;border:1.5px solid #a7f3d0}.pdc-btn-checkin.locating{background:linear-gradient(135deg,var(--clr-amber),#d97706);box-shadow:0 4px 20px #f59e0b59;animation:1.5s infinite pulse-btn;cursor:wait}.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{background:#fff;color:var(--clr-indigo);border:1.5px solid #c7d2fe;box-shadow:0 2px 8px #6366f11a}.pdc-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow: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(max-width:640px){.page-title{font-size:1.8rem}.header-actions{width:100%;flex-direction:column;gap:8px}.action-btn-responsive{width:100%;justify-content:center}.filter-grid{grid-template-columns:1fr}.autosave-indicator{bottom:20px;right:20px;padding:8px 16px;font-size:.8rem;border-radius:16px}.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{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;background:#fff;border-radius:24px;box-shadow:0 10px 30px #3b82f614;border:none;border-left:6px solid var(--clr-blue)}.personal-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.status-badge{display:inline-block;padding:.3rem .8rem;border-radius:99px;font-size:.8rem;font-weight:700}.personal-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.action-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.btn-action-in,.btn-action-out{padding:.5rem 1rem;border-radius:10px;font-weight:700;cursor:pointer;border:none;transition:.2s;min-width:120px;font-family:Inter,sans-serif;font-size:.85rem}.btn-action-in{background:var(--clr-primary);color:#fff;box-shadow:0 4px 15px #10b98140}.btn-action-in.locating{background:var(--clr-amber);box-shadow:0 4px 15px #f59e0b40;cursor:wait}.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);border:1px solid #a7f3d0;box-shadow:none}.btn-action-out.done{background:var(--clr-red-tint);color:#dc2626;border:1px solid #fecaca;box-shadow:none}.location-msg{font-size:.8rem;color:var(--clr-primary-dark);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{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;flex-wrap:wrap;gap:.75rem}.tp-controls-bar .search-box{flex:1;min-width:220px;max-width:380px;display:flex;align-items:center;gap:.5rem;background:var(--clr-bg-light);border:var(--border-light);padding:.55rem .9rem;border-radius:10px;transition:.25s}.tp-controls-bar .search-box:focus-within{background:#fff;border-color:var(--clr-blue);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{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.btn-export-csv,.btn-mark-all-premium{display:flex;gap:.4rem;font-family:Inter,sans-serif}.btn-mark-all-premium{background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:10px;align-items:center;font-weight:600;font-size:.875rem;cursor:pointer;transition:.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{padding:.55rem;width:38px;height:38px;justify-content:center}.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{padding:1.5rem 2rem;background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000000a;border:none}.tp-unsaved-banner{gap:.5rem;background:var(--clr-amber-tint);border:1px solid #fde68a;color:#92400e;padding:.5rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.td-no,.tp-table th{color:var(--text-muted)}.td-no,.tp-avatar{width:40px;font-size:.85rem}.table-responsive{overflow-x:auto;border-radius:12px;border:var(--border-light)}.tp-table th{padding:.85rem 1rem;font-weight:700;font-size:.78rem;border-bottom:var(--border-light)}.tp-table td{padding:.85rem 1rem;border-bottom:var(--border-lighter)}.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:.2s}.badges-row{display:flex;gap:.4rem}.tp-avatar{height:40px;border-radius:12px;display:flex;justify-content:center;font-weight:700;flex-shrink:0}.badge-late,.badge-you{font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:99px;letter-spacing:.3px;text-transform:uppercase}.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{padding:.35rem .8rem;border-radius:8px;font-size:.82rem;font-weight:600;border:none;cursor:pointer;min-width:86px;display:inline-flex;justify-content:center;gap:.35rem;font-family:Inter,sans-serif}.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{background:#faf5ff;color:#9333ea;border:1px solid #e9d5ff}.tp-time-input-wrap{display:flex;align-items:center;border-bottom:2px solid transparent;transition:.2s;padding-bottom:2px}.tp-time-input-wrap.filled{border-bottom-color:var(--clr-blue)}.tp-time-input-wrap:focus-within{border-bottom-color:var(--clr-blue)}.btn-quick-time,.btn-save-tp,.tp-time-field{border:none;font-weight:600;font-family:Inter,sans-serif}.tp-time-field{background:0 0;color:var(--text-main);font-size:.9rem;outline:0;width:88px;padding:.2rem 0}.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;padding:.4rem .85rem;border-radius:8px;font-size:.8rem;cursor:pointer;transition:.2s;box-shadow:0 2px 8px #3b82f640}.btn-quick-time.out{background:var(--clr-red);box-shadow:0 2px 8px #ef444440}.tp-notes-field{width:100%;background:var(--clr-bg-light);border:var(--border-light);padding:.45rem .75rem;border-radius:8px;color:var(--text-main);font-family:Inter,sans-serif;font-size:.875rem;transition:.2s;outline:0;min-width:120px}.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{padding:3rem 1rem!important;color:var(--text-muted)}.tp-empty-state .empty-icon{margin-bottom:1rem;opacity:.4}.tp-footer-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1.25rem;padding-top:1.25rem;border-top:var(--border-light);gap:.75rem}.btn-save-tp,.modal-overlay{align-items:center;display:flex}.tp-last-saved{font-size:.8rem;color:var(--text-muted);font-style:italic}.btn-save-tp{background:linear-gradient(135deg,var(--clr-blue) 0,#2563eb 100%);color:#fff;padding:.7rem 1.5rem;border-radius:12px;gap:.5rem;cursor:pointer;transition:.25s;box-shadow:0 4px 15px #3b82f640;font-size:.9rem}@media(max-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{font-size:.9rem;margin-bottom:1.5rem}.close-btn{position:absolute;top:1rem;right:1rem;background:var(--clr-bg-light);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.camera-modal-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:var(--clr-blue)}.camera-modal-header h3{margin:0 0 .2rem;font-size:1.2rem;font-weight:800;color:var(--clr-text-darkest)}.camera-privacy-note{margin:0;font-size:.78rem;color:var(--clr-text-muted);display:flex;align-items:center;gap:.3rem}.video-container{width:100%;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:4/3;margin-bottom:1rem;position:relative}.video-container video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.camera-status-bar,.scanning-pulse{display:flex;align-items:center;gap:.5rem}.face-overlay.scanning{background:0 0}.face-overlay.detected{background:#10b98140;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.face-overlay.failed{background:#ef444433;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.face-guide-box{width:160px;height:160px;position:relative;animation:1.5s ease-in-out infinite pulseFace}.face-guide-box span{position:absolute;width:28px;height:28px;border-color:var(--clr-blue);border-style:solid}.face-guide-box span:first-child{top:0;left:0;border-width:3px 0 0 3px;border-radius:4px 0 0}.face-guide-box span:nth-child(2){top:0;right:0;border-width:3px 3px 0 0;border-radius:0 4px 0 0}.face-guide-box span:nth-child(3){bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 4px}.face-guide-box span:nth-child(4){bottom:0;right:0;border-width:0 3px 3px 0;border-radius:0 0 4px}@keyframes pulseFace{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.8}}.face-overlay-label{color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 4px rgba(0,0,0,.5);margin:0}.face-detected-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.camera-status-bar{justify-content:center;font-size:.85rem;color:var(--clr-text-muted);font-weight:500;min-height:32px}.scanning-pulse{color:var(--clr-blue);font-weight:600}.dot{width:8px;height:8px;background:var(--clr-blue);border-radius:50%;display:inline-block;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.camera-retry-row{display:flex;align-items:center;gap:.75rem;font-weight:600}.camera-retry-btn{background:var(--clr-red);color:#fff;border:none;padding:.4rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;font-size:.82rem;font-family:Inter,sans-serif;transition:background .2s}.leave-form label{font-weight:600;font-size:.9rem;color:var(--clr-text-medium)}.leave-form input[type=file],.leave-form select,.leave-form textarea{padding:.75rem;border:1px solid var(--clr-border-dark);border-radius:10px;font-family:inherit;font-size:.9rem}.modal-header h2,.q-title{font-family:Outfit,sans-serif}.btn-action-leave{background:#fff;color:var(--clr-blue);border:1px solid #bfdbfe;padding:.75rem 1.5rem;border-radius:14px;font-weight:700;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-action-leave:disabled{background:var(--clr-bg-light);color:#94a3b8;border-color:var(--clr-border);cursor:not-allowed}.view-mode-toggle{display:flex;background:var(--clr-bg-light);border-radius:12px;padding:.3rem;gap:.2rem}.view-mode-toggle button{border:none;background:0 0;padding:.5rem 1.2rem;border-radius:10px;font-weight:600;color:var(--clr-text-muted);cursor:pointer;transition:.2s}.view-mode-toggle button.active{background:#fff;color:var(--clr-text-darkest)}.progress-bar-wrap{background:var(--clr-bg-light);border-radius:99px;height:12px;width:100px;position:relative;display:flex;align-items:center}.progress-bar-fill{height:100%;border-radius:99px}.progress-bar-wrap span{position:absolute;right:-40px;font-size:.8rem;font-weight:600}@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{box-shadow:none!important;border:var(--border-light);border-radius:0;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{display:flex;flex-direction:column;gap:1rem;padding-bottom:3rem}.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{display:flex;justify-content:space-between;align-items:flex-start}.q-title{font-size:2rem;font-weight:800;color:var(--clr-text-dark);margin:0;letter-spacing:-1px}.q-subtitle{color:var(--clr-text-muted);font-size:1rem;margin-top:4px}.q-header-stats{display:flex;gap:1rem}.q-stat-card{background:#fff;border-radius:20px;flex-direction:column;box-shadow:0 4px 15px #00000008;border:1px solid rgba(0,0,0,.05)}.q-stat-label{font-size:.75rem;font-weight:700;color:var(--clr-text-light);text-transform:uppercase}.q-stat-value{font-size:1.5rem;font-weight:900;color:var(--clr-primary)}.q-controls{justify-content:space-between;align-items:center;gap:2rem;border-radius:24px!important;position:relative;z-index:100;overflow:visible!important}.control-group{display:flex;align-items:center;gap:12px;flex:1}.q-class-select{min-width:200px}.q-search-box{flex:1;display:flex;align-items:center;gap:12px;background:var(--clr-bg-light);padding:10px 18px;border-radius:16px;border:var(--border-light)}.q-search-box input{background:0 0;border:none;outline:0;width:100%;font-weight:600;color:var(--clr-text-dark)}.q-student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:1.5rem}.q-student-card{padding:1.5rem;border-radius:24px!important;display:flex;flex-direction:column;gap:1.5rem;transition:.3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.03)!important}.q-card-main{display:flex;gap:1.25rem}.q-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;box-shadow:0 8px 20px #10b98133}.q-rank-mini{position:absolute;top:-8px;right:-8px;background:var(--clr-text-dark);color:#fff;font-size:.65rem;font-weight:900;padding:4px 8px;border-radius:8px;border:2px solid #fff}.modal-header h2,.q-name{color:var(--clr-text-dark);margin:0}.q-info{flex:1;display:flex;flex-direction:column;gap:8px}.q-name{font-size:1.15rem;font-weight:800}.q-juz-grid-visual{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:10px 0;padding:10px;background:var(--clr-bg-lightest);border-radius:14px}.juz-dot-premium{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:900;color:var(--clr-text-light);border-radius:4px;background:#fff;border:var(--border-light);transition:.3s}.juz-dot-premium.completed{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary-dark);box-shadow:0 2px 4px #10b98133}.q-achievements{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.badge-achieve{padding:4px 10px;border-radius:8px;font-size:.65rem;font-weight:800;background:var(--clr-purple-tint);color:#7c3aed;border:1px solid #ddd6fe}.badge-achieve.gold{background:var(--clr-amber-tint);color:#d97706;border-color:#fcd34d}.badge-achieve-empty{font-size:.65rem;color:var(--clr-text-light);font-style:italic}.btn-q-history,.q-loading{color:var(--clr-text-muted);display:flex}.q-loading{flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;font-weight:600}.q-card-actions{display:flex;gap:10px}.btn-q-history{width:42px;height:42px;border-radius:12px;border:var(--border-light);background:#fff;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.btn-q-add{flex:1;background:var(--clr-text-dark);color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:.3s}.leaves-modal-overlay,.q-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.q-modal{width:100%;max-width:600px;background:#fff;border-radius:32px!important;padding:2.5rem;box-shadow:0 30px 60px #0003!important}.btn-close{background:0 0;font-size:2rem;color:var(--clr-text-light)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.q-type-toggle{display:flex;background:var(--clr-bg-light);padding:4px;border-radius:12px}.q-type-toggle button{flex:1;padding:8px;border:none;background:0 0;border-radius:8px;font-weight:700;font-size:.85rem;color:var(--clr-text-muted);cursor:pointer}.q-type-toggle button.active{background:#fff;color:var(--clr-primary)}.q-form input,.q-form select,.q-form textarea{padding:12px 16px;border-radius:12px;border:var(--border-light);background:var(--clr-bg-lightest);font-family:inherit;font-weight:600}.q-form textarea{min-height:100px;resize:none}.btn-q-save,.btn-submit-leave{margin-top:1rem;padding:16px;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;border:none;border-radius:16px;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 10px 25px #10b9814d;transition:.3s}.q-main-layout{display:grid;grid-template-columns:1fr 340px;gap:2rem;position:relative;z-index:1}.q-widget{padding:1.5rem;border-radius:28px!important}.q-widget-header,.widget-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem}.cbt-brand h3,.q-widget-header h3,.widget-header h3{font-size:1rem;font-weight:800;color:var(--clr-text-dark);margin:0}.q-leader-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--clr-bg-lightest);border-radius:16px;transition:.2s}.q-ana-card-item,.q-rank{align-items:center;display:flex}.q-rank{width:28px;height:28px;border-radius:8px;justify-content:center;font-size:.75rem;font-weight:900;color:#fff}.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{font-size:.7rem;color:var(--clr-text-light);font-weight:600}.q-leader-stat{text-align:right;display:flex;flex-direction:column}.q-leader-stat .val{font-size:1rem;font-weight:900;color:var(--clr-primary);line-height:1}.q-leader-stat .lab{font-size:.6rem;font-weight:800;color:var(--clr-text-light);text-transform:uppercase}.q-ana-card-item{gap:1rem;padding:12px;background:#fff;border-radius:16px;border:var(--border-lighter);transition:.2s}.icon-wrap{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-soft-green{background:var(--clr-primary-tint)}.bg-soft-purple{background:var(--clr-purple-tint)}.premium-search-box input,.q-premium-select{width:100%;background:var(--clr-bg-lightest)}.text-purple{color:var(--clr-purple)}.q-ana-card-item .l{font-size:.75rem;font-weight:700;color:var(--clr-text-light)}.q-ana-card-item .v-row{display:flex;align-items:baseline;gap:6px}.q-ana-card-item .v{font-size:1.15rem;font-weight:900;color:var(--clr-text-dark)}.q-ana-card-item .u{font-size:.7rem;font-weight:700;color:var(--clr-text-muted)}.q-badge-quality{padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:900}.q-premium-select{padding:12px 16px;border-radius:12px;border:var(--border-light);font-family:inherit;font-weight:600}.religious-container{display:flex;flex-direction:column;gap:2.5rem;padding-bottom:3rem}.religious-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.5rem}.activity-stat-card{display:flex;gap:1.5rem;padding:1.75rem;transition:.3s cubic-bezier(.4,0,.2,1)}.act-icon-box{width:56px;height:56px;background:linear-gradient(135deg,var(--clr-primary-tint) 0,#d1fae5 100%);color:var(--primary);border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #10b9811a;flex-shrink:0}.act-info h3{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800;color:var(--clr-text-dark);margin-bottom:.25rem}.act-info .time{font-size:.8rem;color:var(--clr-text-muted);font-weight:600;display:block;margin-bottom:1.25rem}.participation .bar{flex:1;height:10px;background-color:var(--clr-bg-light);border-radius:5px;overflow:hidden}.participation .fill{height:100%;background:linear-gradient(to right,var(--clr-primary),#34d399);border-radius:5px}.religious-form{padding:0;overflow:hidden;border-radius:32px!important;border:1px solid rgba(0,0,0,.04)!important}.form-header{padding:2.5rem 2rem;background:linear-gradient(to right,rgba(16,185,129,.03),transparent);border-bottom:1px solid rgba(0,0,0,.04);display:flex;justify-content:space-between;align-items:center}.header-with-icon h3{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;color:var(--clr-text-dark);margin:0;letter-spacing:-.5px}.badge-today{background:linear-gradient(135deg,#d97706 0,#b45309);color:#fff;padding:8px 18px;border-radius:12px;font-size:.8rem;font-weight:800;box-shadow:0 4px 12px #d9770633;text-transform:uppercase;letter-spacing:.5px}.form-body-content,.settings-card{padding:2rem}.religious-class-select{max-width:400px}.config-section,.options-list,.slide-content-form,.student-checklist{display:flex;flex-direction:column;gap:.75rem}.checklist-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-radius:20px;background-color:#fff;border:var(--border-lighter);transition:.2s}.checklist-row .student-name{font-weight:700;color:var(--clr-text-dark);font-size:1rem}.check-btn{padding:10px 20px;border-radius:12px;border:var(--border-light);background:#fff;font-size:.8rem;font-weight:700;color:var(--clr-text-muted);cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1)}.check-btn.active{background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;border:none;box-shadow:0 4px 12px #10b98140;transform:scale(1.05)}.religious-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-visual{width:100px;height:100px;background:var(--clr-bg-light);border-radius:35px;display:flex;align-items:center;justify-content:center;color:var(--clr-border-dark);margin-bottom:1.5rem;transition:.3s}.religious-empty-state h4{font-size:1.25rem;font-weight:800;color:var(--clr-text-dark);margin:0 0 8px}.religious-empty-state p{color:var(--clr-text-light);max-width:300px;margin:0 auto;font-size:.95rem;line-height:1.5}.religious-controls{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}.premium-search-box input{padding:12px 20px;border-radius:16px;border:var(--border-light);font-size:.95rem;font-weight:600;color:var(--clr-text-dark);outline:0;transition:.2s}.premium-search-box input:focus{background:#fff;border-color:var(--clr-primary);box-shadow:0 0 0 4px #10b9811a}.check-options-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.avatar-letter,.premium-check-pill{display:flex;align-items:center;color:var(--clr-text-muted)}.premium-check-pill{gap:8px;padding:8px 16px;border-radius:12px;border:var(--border-lighter);background:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:.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:.2s}.premium-check-pill.active{background:var(--act-color, #10b981);color:#fff;border:none;box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}.premium-check-pill.active svg{color:#fff;opacity:1;transform:scale(1.1)}.religious-main-content{display:grid;grid-template-columns:1fr 340px;gap:2rem}.avatar-letter{width:38px;height:38px;background:var(--clr-bg-light);border-radius:10px;justify-content:center;font-weight:800;font-size:.9rem}.btn-wa-share,.leaderboard-item{display:flex;align-items:center}.btn-wa-share{width:36px;height:36px;border-radius:10px;background:var(--clr-primary-tint);color:var(--clr-primary);border:1px solid var(--clr-primary-light);justify-content:center;cursor:pointer;transition:.2s}.leaderboard-widget,.tips-widget{padding:1.5rem;border-radius:24px!important}.leaderboard-item{gap:12px;padding:10px;background:var(--clr-bg-lightest);border-radius:12px;transition:transform .2s}.bar-wrapper,.rank-badge{border-radius:6px;display:flex}.rank-badge{width:24px;height:24px;background:var(--clr-text-dark);color:#fff;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.leaderboard-item:nth-child(3) .rank-badge{background:#b45309}.s-info{flex:1;display:flex;flex-direction:column;gap:4px}.score-track{display:flex;gap:4px}.trend-text{font-size:.85rem;color:var(--clr-text-muted);line-height:1.4}.mini-chart{display:flex;align-items:flex-end;justify-content:space-between;height:60px;gap:4px}.bar-column{flex:1;height:100%;display:flex;align-items:flex-end}.bar-fill{width:100%;background:var(--clr-bg-light)}.bar-column:nth-last-child(2) .bar-fill{background:#34d399}.header-actions{display:flex;gap:12px}.analytics-widget{padding:1.5rem;background:linear-gradient(135deg,#fff 0,#f0f9ff)!important}.stat-row-mini .value{font-size:1.25rem;font-weight:900;color:#0369a1}.chart-container-premium{display:flex;align-items:flex-end;justify-content:space-between;height:120px;gap:8px;padding:10px 0}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.bar-wrapper{flex:1;width:100%;background:var(--clr-bg-light);align-items:flex-end;overflow:hidden}.bar-fill-premium{width:100%;border-radius:6px 6px 0 0;transition:height 1s cubic-bezier(.4,0,.2,1)}.day-label{font-size:.7rem;font-weight:800;color:var(--clr-text-light);text-transform:uppercase}.analytics-summary{font-size:.8rem;color:var(--clr-text-muted);line-height:1.5;padding:12px;background:#fff;border-radius:12px;border:1px solid #e0f2fe}@media(max-width:1200px){.q-main-layout,.religious-main-content{grid-template-columns:1fr}}.report-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020617d9;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);z-index:10000;display:flex;align-items:center;justify-content:center;animation:.4s cubic-bezier(.4,0,.2,1) modalIn}@keyframes modalIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.report-modal-container{width:100vw;height:100vh;background:var(--clr-bg-lightest);border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 50px 100px -20px #0009;border:none}.modal-top-bar{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05)}.btn-close-modal{display:flex;align-items:center;gap:10px;background:var(--clr-bg-light);color:var(--clr-text-secondary);border:var(--border-light);font-weight:700}.modal-title-info{font-weight:900;color:var(--clr-text-darkest);font-size:1.2rem;letter-spacing:-.01em}.btn-print-modal{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,var(--clr-primary-dark) 0,#047857 100%);color:#fff;border:none;border-radius:18px;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 10px 20px #05966933}.modal-body-preview{flex:1;padding:0;background:var(--clr-text-muted);display:flex;justify-content:center;overflow:hidden}.report-preview-iframe{width:100%;height:100%;border:none;background:#fff;box-shadow:0 0 40px #0000001a}.badge-info,.doc-table th{background-color:var(--clr-bg-light)}.reports-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}.report-config-card{padding:1.5rem;position:relative;z-index:5;overflow:visible!important}.config-label{font-size:.875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.p-label,.stat-info-box .label{letter-spacing:.5px;text-transform:uppercase}.report-info-card{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.doc-header,.info-box{align-items:center;display:flex}.badge-info{color:var(--text-main);padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700}.preview-table th{text-align:left;font-size:.75rem;color:var(--text-muted);padding:.75rem;border-bottom:2px solid var(--clr-bg-light);text-transform:uppercase}.preview-table td{padding:1rem .75rem;border-bottom:var(--border-lighter);font-size:.875rem;font-weight:500}.percentage{font-weight:700;padding:.2rem .5rem;border-radius:4px}.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{gap:.75rem;padding:1rem;background-color:var(--clr-blue-tint);color:#1e40af;border-radius:12px;font-size:.75rem;line-height:1.4}.report-preview-modal{overflow-y:auto;background-color:var(--clr-bg-lightest);display:flex;flex-direction:column}.official-document{background-color:#fff;margin:2rem auto;width:100%;max-width:800px;box-shadow:0 4px 20px #0000001a;font-family:Times New Roman,Times,serif}.doc-header{position:relative;text-align:center;margin-bottom:1.5rem}.doc-logo{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:90px;height:90px;display:flex;align-items:center;justify-content:center}.doc-logo img{max-width:100%;max-height:100%;object-fit:contain}.doc-header-text h2{margin:0;font-size:1.25rem;letter-spacing:1px}.doc-header-text p{margin:.25rem 0;font-size:.875rem}.doc-divider{height:4px;border-top:2px solid #000;border-bottom:1px solid #000}.doc-title{text-align:center;margin-bottom:2rem}.doc-meta p{margin:.5rem 0}.doc-meta span{display:inline-block;width:80px;font-weight:700}.doc-table{width:100%;margin-bottom:3rem}.doc-table td,.doc-table th{border:1px solid #000;padding:.5rem;text-align:left;font-size:.875rem}.doc-date-header{text-align:right;margin-bottom:.5rem;font-size:.875rem}.doc-signatures{display:flex;justify-content:space-between;margin-top:1rem}.sig-item{width:250px;text-align:center;font-size:.875rem;line-height:1.4}.sig-space{height:70px}.sig-nip{margin-top:.25rem;font-size:.75rem;color:var(--clr-text-dark)}.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{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.q-stat{padding:1rem;background-color:#fff;border-radius:12px;border:var(--border-light);display:flex;flex-direction:column}.q-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.q-value{font-size:1.25rem;font-weight:700;color:var(--text-main)}.btn-close-modal,.p-label{color:var(--clr-text-muted)}@media(max-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{width:100%;padding:.6rem .5rem;font-size:.8rem;gap:.3rem}.q-header{flex-direction:column;gap:1.5rem}.q-header-stats{width:100%;overflow-x:auto;padding-bottom:5px}.q-stat-card{min-width:140px;flex:1}.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{width:100%;justify-content:space-between}.check-btn{flex:1;padding:10px 5px;font-size:.7rem;text-align:center}.report-modal-container{width:100vw;height:100vh;border-radius:0}.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{width:100%;max-width:calc(100vw - 2rem);overflow-x:auto;-webkit-overflow-scrolling:touch}.preview-table{min-width:600px}.preview-header{align-items:flex-start}.official-document{padding:1.5rem;zoom:.45}@media screen and (max-width:350px){.official-document{zoom:.4!important}}@media screen and (min-width:380px)and (max-width:450px){.official-document{zoom:.5!important}}@media screen and (min-width:451px)and (max-width:550px){.official-document{zoom:.6!important}}@media screen and (min-width:551px)and (max-width:650px){.official-document{zoom:.7!important}}@media screen and (min-width:651px)and (max-width:768px){.official-document{zoom:.85!important}}@supports not (zoom: 1){.official-document{transform:scale(.45);transform-origin:top center;width:800px}}.doc-signatures{flex-direction:column;gap:2rem;align-items:center}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:.3s ease-out fadeIn}.modal-overlay:has(.report-preview-modal){padding:0}.report-preview-modal{background:#fff;width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp}.modal-header,.official-document{background-color:var(--clr-bg-lightest)}.btn-close-modal{border:var(--border-light);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.official-document{flex:1;overflow-y:auto;padding:4rem;min-height:0}.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-radius:10px;border:2px solid var(--clr-bg-light)}.modal-footer{padding:1.5rem 2rem;background-color:#fff;border-top:var(--border-light);display:flex;justify-content:flex-end;gap:1rem}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.presence-summary-grid,.students-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem}.p-summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:16px}.p-icon-wrap,.p-timeline-item{display:flex;align-items:center;border-radius:12px}.p-icon-wrap{width:48px;height:48px;justify-content:center}.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{font-size:1.5rem;font-weight:800;color:var(--clr-text-dark)}.p-val small{font-size:.875rem;font-weight:500;color:var(--clr-text-light)}.p-timeline-item{padding:1rem 1.25rem;background:var(--clr-bg-lightest);border:var(--border-light);transition:.2s}.p-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:700}.presence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.5rem;padding:1rem 0}.pg-card{background:#fff;border:var(--border-light);border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.pg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed var(--clr-border)}.pg-date{font-size:.875rem;font-weight:600;color:var(--clr-text-muted)}.pg-subject{font-size:1.125rem;font-weight:700;color:var(--clr-text-dark)}.pg-schedule{font-size:.875rem;font-weight:500;color:var(--clr-text-light);margin-left:.5rem}.settings-container{display:flex;flex-direction:column;gap:2rem;width:100%}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start;width:100%}.settings-tabs-card{padding:.75rem;height:fit-content;position:sticky;top:1rem;z-index:10}.tabs-list{display:flex;flex-direction:column;gap:.35rem}.settings-tab-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;border:none;background:0 0;color:var(--clr-text-muted);font-weight:600;font-size:.875rem;cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.settings-tab-btn.active{background-color:#f0fdf4;color:var(--clr-primary)}.settings-main{display:flex;flex-direction:column;gap:1.5rem;min-width:0;width:100%}.warning-banner{width:100%;box-sizing:border-box}.add-subject-form{display:flex;gap:1rem;width:100%}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.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{width:100%;padding:.75rem 1rem;background:var(--clr-bg-lightest);border:1.5px solid var(--clr-border);border-radius:12px;font-size:.9375rem;font-weight:600;color:var(--clr-text-dark);outline:0;transition:.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{width:100%;background:var(--clr-bg-lightest);border:1.5px solid var(--clr-border);border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:500;color:var(--clr-text-dark);resize:none;transition:.2s;outline:0}.premium-logo-card{display:flex;align-items:center;gap:2rem;padding:2rem;background:#fff;border:1px solid #eef2f6;border-radius:20px;position:relative;overflow:hidden}.premium-logo-card.dual-logo{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.main-logo-preview{width:100px;height:100px;background:var(--clr-bg-lightest);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--clr-border);padding:8px;flex-shrink:0}.main-logo-preview img{width:100%;height:100%;object-fit:contain}.brand-title h3{font-size:1.05rem;font-weight:800;color:var(--clr-text-dark);margin:0 0 .25rem}.brand-title p{font-size:.75rem;color:var(--clr-text-muted);margin:0}.btn-upload-premium{padding:.6rem 1.25rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;cursor:pointer;background:var(--clr-primary);color:#fff;width:fit-content}.leader-profile-card{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:#fff;border:1px solid #eef2f6;border-radius:16px;transition:.3s}.profile-photo-wrapper{position:relative;width:72px;height:72px;flex-shrink:0}.photo-placeholder,.profile-photo-wrapper img{width:100%;height:100%;border-radius:18px;object-fit:cover;background:var(--clr-bg-lightest);display:flex;align-items:center;justify-content:center;color:var(--clr-text-light);border:2px solid #fff;box-shadow:0 4px 12px #0000000d}.photo-edit-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:var(--clr-primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #00000026}.profile-details label{display:block;font-size:.7rem;font-weight:700;color:var(--clr-text-muted);text-transform:uppercase;margin-bottom:.25rem}.profile-details input{width:100%;border:none;background:0 0;padding:.25rem 0;font-size:.95rem;font-weight:600;color:var(--clr-text-dark);border-bottom:1.5px solid var(--clr-border);outline:0;transition:.2s}.profile-details input:focus{border-bottom-color:var(--clr-primary)}.premium-section-header{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);padding:24px;border-radius:20px;color:#fff;box-shadow:0 10px 25px #10b98126}.header-icon-wrap{width:54px;height:54px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);flex-shrink:0}.premium-section-header h3{margin:0;font-size:1.25rem;font-weight:850}.premium-section-header p{margin:4px 0 0;opacity:.9;font-size:.875rem}.premium-slide-card{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;background:#fff;border:1px solid #eef2f6;border-radius:16px;padding:1.25rem;position:relative}.slide-media{position:relative;height:120px;border-radius:12px;overflow:hidden;background:var(--clr-bg-lightest)}.media-upload-overlay,.slide-delete-action{position:absolute;cursor:pointer;display:flex}.media-upload-overlay{top:0;right:0;bottom:0;left:0;background:#10b981f2;color:#fff;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;opacity:0;transition:opacity .2s;font-size:.75rem;font-weight:600}.slide-media:hover .media-upload-overlay{opacity:1}.slide-delete-action{top:.75rem;right:.75rem;width:32px;height:32px;border-radius:8px;background:#fff1f2;color:#e11d48;border:none;align-items:center;justify-content:center;transition:.2s}.btn-delete:hover,.btn-icon-danger:hover,.slide-delete-action:hover{background:#e11d48;color:#fff}.premium-glass-form{background:#fff;border:var(--border-light);padding:24px;border-radius:20px}.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{width:100%;padding:12px;background:var(--clr-text-dark);color:#fff;border:none;border-radius:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s}.signatory-box h4,.t-day{color:var(--clr-text-dark)}.btn-premium,.t-delete-btn{transition:.2s;cursor:pointer}.btn-premium-add:hover:not(:disabled){background:var(--clr-text-darkest)}.btn-premium-add:disabled{opacity:.5;cursor:not-allowed}.agenda-timeline{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.timeline-card{background:#fff;border:var(--border-lighter);border-radius:16px;display:flex;overflow:hidden;border-left:4px solid var(--clr-text-muted)}.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{width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--clr-bg-lightest);border-right:var(--border-lighter);padding:12px;flex-shrink:0}.t-day{font-size:1.35rem;font-weight:900}.t-month{font-size:.7rem;font-weight:800;color:var(--clr-text-muted);text-transform:uppercase}.timeline-content{flex:1;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.t-year{font-size:.75rem;font-weight:600;color:var(--clr-text-light)}.t-badge{font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:100px;text-transform:uppercase}.t-delete-btn{width:34px;height:34px;border-radius:8px;border:none;background:var(--clr-bg-light);color:var(--clr-text-muted);display:flex;align-items:center;justify-content:center}.doc-divider-settings{font-size:.75rem;font-weight:800;color:var(--clr-primary);text-transform:uppercase;letter-spacing:.08em;padding:1.5rem 0 .5rem;border-bottom:2px solid var(--clr-bg-light);margin-bottom:1rem}.signatory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.5rem}.signatory-box{background:#fff;border:1px solid #eef2f6;border-radius:16px;padding:1.25rem}.signatory-box h4{font-size:.875rem;font-weight:800;margin:0 0 1rem}.sig-preview-small{width:90px;height:54px;background:var(--clr-bg-lightest);border-radius:10px;border:2px dashed var(--clr-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.sig-preview-small img{max-width:90%;max-height:90%;object-fit:contain}.stamp-upload-area{background:#f0fdf4;border:2px dashed rgba(16,185,129,.25);border-radius:16px;padding:1.5rem;text-align:center}.stamp-preview-large{width:96px;height:96px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 8px 20px #0000000f;overflow:hidden;margin:0 auto}.stamp-preview-large img{width:80%;height:80%;object-fit:contain}.homeroom-container-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.25rem}.homeroom-card-new{display:flex;flex-direction:column;background:#fff;border:1px solid #eef2f6;border-radius:16px;overflow:visible!important;position:relative;z-index:1}.homeroom-card-new:has(.is-open){z-index:50}.card-top{padding:1.25rem;display:flex;align-items:center;gap:1rem;background:linear-gradient(to bottom,var(--clr-bg-lightest),#fff);border-bottom:var(--border-lighter)}.class-badge-modern{width:48px;height:48px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.15rem;font-weight:900;box-shadow:0 6px 14px #4f46e526;flex-shrink:0}.info-label{font-size:.65rem;font-weight:700;color:var(--clr-text-light);text-transform:uppercase}.info-value{font-size:.9375rem;font-weight:700;margin-top:1px}.card-bottom{padding:1.25rem;background:#fff}.schedule-table-wrapper{background:#fff;border:var(--border-light);border-radius:14px;overflow:hidden;width:100%}.schedule-edit-table th{background:var(--clr-bg-lightest);padding:1rem;text-align:left;font-size:.8125rem;font-weight:700;color:var(--clr-text-muted);border-bottom:var(--border-light)}.schedule-edit-table td{padding:.75rem 1rem;border-bottom:var(--border-lighter);vertical-align:middle}.schedule-input{width:100%;padding:.5rem .75rem;border:var(--border-light);border-radius:8px;font-size:.875rem;font-weight:600}.schedule-input-small{width:70px;text-align:center;padding:.5rem;border:var(--border-light);border-radius:8px;font-weight:700}.list-item-premium{display:flex;align-items:center;background:#fff;padding:.875rem 1.25rem;border-radius:12px;border:1px solid #eef2f6;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{font-weight:600;color:var(--clr-text-dark);font-size:.9rem}.btn-delete,.btn-icon-danger{background:#fff1f2;color:#e11d48;border:none;padding:.5rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.glass-card:has(.premium-selector),.glass-card:has(.premium-selector-container),.settings-card{overflow:visible!important}@media(max-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{padding:0 1.25rem 1rem;max-width:100%;display:flex;flex-direction:column;gap:.35rem;animation:.4s fadeIn}.page-header-premium{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:#fff;padding:.875rem 1.5rem .75rem;border-radius:20px;box-shadow:0 1px 4px #0000000d,0 4px 16px #0000000a;border:var(--border-lighter);flex-wrap:wrap}.btn-primary-premium,.header-icon-wrapper.theme-green{background:linear-gradient(135deg,var(--clr-primary),#059669)}.header-icon-wrapper,.stat-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-icon-wrapper.theme-green{color:#fff;box-shadow:0 4px 14px #10b9814d}.header-icon-wrapper.theme-indigo{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;box-shadow:0 4px 14px #6366f14d}.page-title{font-size:1.35rem;font-weight:800;color:var(--clr-text-darkest);margin:0 0 .2rem;letter-spacing:-.3px}.btn-premium,.search-wrapper input{font-size:.875rem;font-family:Inter,sans-serif}.btn-premium{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:12px;font-weight:600;border:none}.btn-primary-premium{color:#fff;box-shadow:0 4px 12px #10b98140}.btn-secondary-premium{background:#fff;color:var(--clr-text-secondary);border:var(--border-light)}.stat-item-premium{background:#fff;border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;border:var(--border-lighter);box-shadow:0 1px 4px #0000000a;transition:.25s}.stat-icon-box.male{background:#fdf4ff;color:#9333ea}.stat-icon-box.female{background:#fff1f2;color:#db2777}.stat-info-box{display:flex;flex-direction:column;min-width:0}.stat-info-box .label{font-size:.75rem;font-weight:600;color:var(--clr-text-light);margin-bottom:.2rem}.stat-info-box .value{font-size:1.6rem;font-weight:800;color:var(--clr-text-darkest);margin:0;line-height:1.1}.table-container{background:#fff;border-radius:20px;border:var(--border-lighter);box-shadow:0 1px 4px #0000000d}.table-filters{padding:.45rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:var(--border-lighter);flex-wrap:wrap;background:#fafbfc}.search-wrapper{display:flex;align-items:center;gap:.5rem;background:#fff!important;border:var(--border-light)!important;border-radius:12px!important;flex:1;max-width:380px;padding:.4rem .875rem!important;transition:.2s}.search-wrapper:focus-within{border-color:var(--clr-primary)!important;box-shadow:0 0 0 3px #10b9811a}.search-wrapper input{border:none!important;outline:0;background:0 0;color:var(--clr-text-darkest);width:100%}.search-wrapper input::placeholder{color:var(--clr-text-light)}.search-icon{color:var(--clr-text-light)!important;flex-shrink:0}.filter-group{flex-shrink:0}.student-avatar,.student-cell{align-items:center;display:flex}.table-responsive-wrapper{width:100%;scrollbar-width:thin;scrollbar-color:var(--clr-border) transparent}.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{padding:.875rem 1.25rem;color:var(--clr-text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;text-align:left}.doc-divider span,.form-group label{letter-spacing:.5px;text-transform:uppercase}.data-table td{padding:.35rem 1.25rem;color:var(--clr-text-medium);font-size:.875rem}.student-cell{gap:.875rem}.student-avatar{border-radius:10px;background:linear-gradient(135deg,var(--clr-primary),#059669);color:#fff;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.student-name{font-weight:700;color:var(--clr-text-darkest);font-size:.875rem;margin-bottom:.05rem;transition:color .2s}.student-contacts{display:flex;align-items:center;gap:.3rem;color:var(--clr-text-light)}.small-text{font-size:.75rem;color:var(--clr-text-light);max-width:180px;text-overflow:ellipsis}.grid-item,.nis-stack{display:flex;flex-direction:column;gap:3px}.nis-stack code{font-family:JetBrains Mono,Courier New,monospace;font-size:.78rem;font-weight:600;color:#2563eb;background:var(--clr-blue-tint);padding:2px 8px;border-radius:6px;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{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:99px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-status.aktif{background:#dcfce7;color:#15803d}.badge-status.lulus{background:var(--clr-blue-light);color:#1d4ed8}.badge-status.pindah{background:#fef9c3;color:#92400e}.badge-status.do{background:var(--clr-red-light);color:#b91c1c}.action-btns{display:flex;gap:.4rem;justify-content:flex-end;align-items:center}.icon-btn-sm{border-radius:10px;border:var(--border-light);display:flex;justify-content:center;transition:.2s;cursor:pointer;color:var(--clr-text-muted)}.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{padding:4rem 1.5rem!important;text-align:center;color:var(--clr-text-light)}.modal-overlay{top:0;right:0;bottom:0;left:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.modal-overlay:has(.student-modal-large){padding:0!important;align-items:stretch}.student-modal-large{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;display:flex;flex-direction:column;overflow:hidden}.student-modal-large form{display:flex;flex-direction:column;flex:1;min-height:0}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header{justify-content:space-between;background:#fff;border-bottom:var(--border-lighter);flex-shrink:0}.modal-header h3{gap:.5rem;color:var(--clr-text-darkest)}.btn-close{width:34px;height:34px;border-radius:10px;background:var(--clr-bg-light);border:none;color:var(--clr-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.modal-body-scrollable{padding:2rem;overflow-y:auto;flex:1;background:var(--clr-bg-lightest)}.form-columns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:2rem}.form-column{background:#fff;border-radius:16px;padding:1.5rem;border:var(--border-lighter);display:flex;flex-direction:column;gap:0}.column-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--clr-primary-dark);margin:0 0 1.25rem;padding-bottom:.875rem;border-bottom:2px solid var(--clr-primary-tint)}.btn,.up-box{font-weight:600}.form-group{margin-bottom:1rem;position:relative;z-index:1}.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{width:100%;padding:.75rem 1rem;border:1.5px solid var(--clr-border);border-radius:16px;font-size:.95rem;font-weight:500;color:var(--clr-text-darkest);background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);outline:0;font-family:Inter,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;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}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:.75rem}.doc-divider{margin:1.5rem 0 1rem;padding-top:1rem;border-top:1px dashed var(--clr-border)}.doc-divider span{font-size:.72rem;font-weight:700;color:var(--clr-primary-dark)}.photo-label-premium{display:flex;align-items:center;justify-content:center;width:100%;height:120px;border:2px dashed var(--clr-border);border-radius:12px;cursor:pointer;background:#fafafa;transition:.2s;overflow:hidden}.up-box{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.4rem;color:var(--clr-text-light);font-size:.8rem}.modal-footer-premium{padding:1.1rem 2rem;background:#fff;border-top:var(--border-lighter);display:flex;justify-content:space-between;gap:.75rem;flex-shrink:0}.brand-circle,.btn{align-items:center}.btn{display:inline-flex;gap:.5rem;padding:.6rem 1.25rem;border-radius:10px;font-size:.875rem;cursor:pointer;border:none;font-family:Inter,sans-serif;transition:.2s}.btn-ghost{background:var(--clr-bg-light);color:var(--clr-text-secondary);border:var(--border-light)}.student-detail-modal-premium{width:680px;max-width:95vw;max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 30px 80px #0003;display:flex;flex-direction:column;position:relative;overflow-y:auto}.detail-header-premium{background:linear-gradient(135deg,var(--clr-primary-deep),var(--clr-primary-dark));padding:2.5rem 2rem 5rem;color:#fff;position:relative}.brand-circle{width:40px;height:40px;background:#ffffff26;border-radius:12px;display:flex;justify-content:center;font-weight:900}.detail-brand h2{font-size:1.3rem;font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase}.detail-brand p{font-size:.8rem;opacity:.75;margin:0}.close-circle{position:absolute;top:1.25rem;right:1.25rem;width:38px;height:38px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:10}.detail-body-premium{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.detail-sidebar-info{display:flex;align-items:flex-end;gap:1.5rem;margin-top:-4rem;position:relative;z-index:20}.detail-large-photo{width:130px;height:165px;border-radius:20px;background:var(--clr-bg-lightest);border:5px solid #fff;box-shadow:0 20px 40px #0000001f;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-main-name{flex:1;min-width:0;padding-top:4.5rem}.detail-main-name h3{font-size:1.75rem;font-weight:800;color:var(--clr-text-darkest);margin:0 0 .5rem;letter-spacing:-.5px;line-height:1.1}.content-section h4,.detail-badge{color:var(--clr-primary-dark);font-weight:700}.detail-meta-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.detail-badge{display:inline-block;background:var(--clr-primary-tint);padding:3px 12px;border-radius:99px;font-size:.8rem;border:1px solid #a7f3d0}.btn-wa-circle{width:30px;height:30px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:.2s}.btn-wa-full,.premium-action-btn{align-items:center;color:#fff;font-size:.95rem;cursor:pointer}.content-section{background:var(--clr-bg-lightest);padding:1.25rem;border-radius:16px;border:var(--border-light)}.content-section h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:var(--border-light)}.grid-item span{font-size:.68rem;font-weight:700;color:var(--clr-text-light);text-transform:uppercase;letter-spacing:.4px}.grid-item strong{font-size:.9rem;color:var(--clr-text-dark);font-weight:600}.btn-wa-full{width:100%;padding:.875rem;background:#16a34a;border-radius:14px;font-weight:700;border:none;display:flex;justify-content:center;gap:.5rem;transition:.25s;box-shadow:0 6px 16px #16a34a33}@media(max-width:768px){.detail-grid-info,.form-columns-grid,.settings-layout{grid-template-columns:1fr}.settings-tabs-card{position:static;width:100%}.tabs-list{flex-direction:row;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs-list::-webkit-scrollbar{display:none}.settings-tab-btn{flex-shrink:0;white-space:nowrap;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{flex-direction:column;text-align:center}.btn-upload-premium{align-self:center}.slide-media{height:140px}.students-container{padding:1rem;gap:1rem}.page-header-premium{flex-direction:column;align-items:stretch;padding:1.25rem;border-radius:16px}.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}.modal-footer-premium{padding:.75rem 1rem!important;position:sticky!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;background:#fff!important;box-shadow:0 -4px 16px #00000014!important;display:flex!important;gap:.5rem!important}.modal-footer-premium .btn{flex:1!important;justify-content:center!important;padding:.75rem .5rem!important}.detail-sidebar-info{flex-direction:column;align-items:center}.detail-main-name{padding-top:0;text-align:center}.detail-main-name h3{font-size:1.4rem}.detail-meta-row{justify-content:center}}@media(max-width:480px){.tp-summary-card{min-width:60px}.students-stats-grid{grid-template-columns:1fr}}.religious-controls{display:flex;justify-content:flex-end}.premium-action-btn{display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);border:none;border-radius:9999px;font-weight:600;transition:.2s;box-shadow:0 4px 6px -1px #10b9814d}.modal-header h3,.rl-surah{color:var(--clr-text-dark)}.rl-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:var(--border-lighter)}.rl-grid{display:grid;grid-template-columns:1fr;gap:1rem}.rl-card{display:flex;align-items:center;padding:1.25rem;background:var(--clr-bg-lightest);border:var(--border-light);border-radius:12px;transition:.2s}.rl-card-icon{width:48px;height:48px;border-radius:50%;background:var(--clr-primary-tint);display:flex;align-items:center;justify-content:center;margin-right:1.25rem;flex-shrink:0}.rl-surah{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.rl-ayat,.rl-teacher{color:var(--clr-text-muted)}.rl-ayat{font-weight:500;font-size:.9rem}.rl-teacher{display:flex;align-items:center;gap:.35rem;font-size:.875rem}.rl-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.rl-date{font-size:.85rem;font-weight:600;color:var(--clr-text-light)}.rl-status-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;background:var(--clr-primary-light);color:var(--clr-primary-dark);border-radius:9999px;font-size:.8rem;font-weight:700}@media(max-width:768px){.rl-card{flex-direction:column;align-items:flex-start}.rl-card-icon{margin-bottom:1rem}.rl-card-meta{margin-top:1rem;align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between}}.modal-overlay{width:100vw;height:100vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.125rem;font-weight:700;margin:0}.modal-close{background:0 0;border:none;color:var(--clr-text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:.2s}.report-portal-advanced{min-height:100vh;background:var(--clr-bg-light)}.report-workspace{display:flex;height:100vh;background:var(--clr-bg-lightest)}.report-sidebar{width:320px;background:var(--clr-text-darkest);color:#fff;display:flex;flex-direction:column;padding:2rem 1.5rem;box-shadow:10px 0 30px #0000000d;z-index:10;position:relative;overflow:hidden}.report-sidebar:before{content:"";position:absolute;top:-100px;right:-100px;width:250px;height:250px;background:radial-gradient(circle,rgba(16,185,129,.1) 0,transparent 70%);z-index:0}.report-preview-area{flex:1;overflow-y:auto;padding:40px;display:flex;justify-content:center;background:var(--clr-border);scroll-behavior:smooth}.btn-back,.btn-print-action-top{padding:6px 10px;font-size:.8rem;font-weight:600;gap:6px;cursor:pointer;transition:.3s;display:flex}.sidebar-header{position:relative;z-index:2;margin-bottom:.5rem}.sidebar-top-actions{display:flex;gap:6px;margin-bottom:.75rem}.btn-back{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:10px;align-items:center;justify-content:center}.btn-print-action-top{flex:1;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);border:none;color:#fff;border-radius:10px;align-items:center;justify-content:center;box-shadow:0 4px 15px #10b98133}.leaves-nav-tabs .l-tab,.menu-item{transition:.3s cubic-bezier(.4,0,.2,1);cursor:pointer}.rdm-student-profile{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);margin-bottom:0}.rdm-avatar-mini{width:40px;height:40px;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff;box-shadow:0 8px 16px #10b9814d;flex-shrink:0}.rdm-profile-info{display:flex;flex-direction:column;gap:0;background:0 0!important;padding:0!important}.report-page,.sidebar-menu{flex-direction:column;display:flex;position:relative}.b-name{font-size:1rem;font-weight:800;color:#fff!important;margin:0;line-height:1.2}.b-nisn{font-size:.75rem;color:var(--clr-text-light)!important;font-weight:600;letter-spacing:.05em;margin:0}.sidebar-menu{gap:2px;z-index:2}.menu-item{background:0 0;border:none;color:var(--clr-text-light);padding:8px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;text-align:left}.menu-item.active{background:#10b9811a;color:var(--clr-primary);border:1px solid rgba(16,185,129,.2)}.report-page{width:210mm;min-height:297mm;background:#fff;padding:10mm 12mm;margin:0 auto 10px;box-shadow:0 10px 30px #0000001a;font-family:Times New Roman,Times,serif;color:#000;line-height:1.15}.report-page:before{content:"";position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:450px;height:450px;background:url(https://upload.wikimedia.org/wikipedia/commons/b/b2/Logo_Kementerian_Agama.png) center/contain no-repeat;opacity:.03;z-index:0;pointer-events:none}.sampul-page{padding:10mm}.sampul-border-frame{height:100%;border:4px double #000;padding:30mm 15mm;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.sampul-kemenag-logo-wrap{width:100px;margin-bottom:1.5rem}.sampul-title{font-size:24pt;font-weight:800;margin:0;line-height:1.1}.sampul-subtitle{font-size:20pt;margin:0}.sampul-logo-madrasah{margin:2rem 0}.sampul-logo-madrasah img{width:140px;height:140px;object-fit:contain}.sampul-student-box{margin:3rem 0;width:90%}.label-above{font-size:11pt;font-weight:600;margin-bottom:.5rem}.name-box{border:1.5px solid #000;padding:12px;font-size:16pt;font-weight:800;margin-bottom:2rem;min-height:50px}.sampul-bottom-official h3{font-size:14pt;margin:0;font-weight:700}.sampul-bottom-official h2{font-size:18pt;margin:5px 0;font-weight:800;text-transform:uppercase}.official-address{font-size:10pt;font-style:italic;opacity:.8}.official-kop-header{display:flex;align-items:center;border-bottom:2.5px double #000;padding-bottom:5px;margin-bottom:8px;gap:12px}.kop-left,.kop-right{width:70px;flex-shrink:0}.kop-left img,.kop-right img{width:100%;height:auto}.kop-center{flex:1;text-align:center}.kop-center h3{font-size:11pt;margin:0;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{font-size:14pt;margin:2px 0;text-transform:uppercase}.kop-center p{font-size:9pt;margin:0;font-style:italic;line-height:1.2}.student-info-grid-official{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:8px;font-size:9.5pt}.info-col td{border:none!important;padding:1px 4px!important;vertical-align:top}.identitas-table-official{width:100%;border-collapse:collapse;margin-top:2rem}.identitas-table-official td{padding:6px 4px;vertical-align:top;font-size:11pt}.report-title-box{text-align:center;margin:15px 0}.official-title{font-size:13pt;margin:0}.mt-40{margin-top:40mm}.report-title{text-align:center;margin:10px 0;position:relative;z-index:1}.report-title h3{font-size:11pt;margin:0}.section-title-official{font-size:10pt;font-weight:800;margin-bottom:5px}.rekap-table{width:100%;margin-bottom:6px;font-size:9pt;position:relative;z-index:1}.rekap-table td,.rekap-table th{border:1px solid #000;padding:2px 5px}.rekap-table th{background:var(--rdm-header-bg)!important;text-align:center}.cat-header td{background:#f9f9f9!important;padding:3px 6px!important}.subject-sub-name{padding-left:20px!important}.rdm-sig-container{margin-top:8px;position:relative;z-index:1;width:100%}.sig-row-bottom,.sig-row-top{display:flex;justify-content:space-around;margin-bottom:10px}.sig-name{margin-bottom:0}.rdm-stamp-img{position:absolute;max-height:90px;width:auto;left:20px;top:0;opacity:.8;z-index:1;pointer-events:none}.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{height:297mm;width:210mm;margin:0;padding:0}.no-print{display:none!important}.pure-preview{padding:0!important}.report-preview-area{padding:0!important;display:block!important;overflow:visible!important;height:auto!important}.report-page{box-shadow:none!important;margin:0!important;border:none!important;width:210mm;height:297mm;overflow:hidden}.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{margin-top:auto;background:var(--clr-primary);color:#fff;border:none;padding:1.25rem;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:.4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px #10b9814d;position:relative;z-index:2}.pure-preview .report-preview-area{background:var(--clr-bg-lightest)}.report-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;color:var(--clr-text-dark)}@media screen and (max-width:850px){.report-workspace{flex-direction:column;height:auto;min-height:100vh}.report-sidebar{width:100%;height:auto;padding:15px}.report-preview-area{padding:10px;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;width:100%}.preview-container-inner{width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.report-page{zoom:.45;margin:0 0 15px!important}}@media screen and (max-width:350px){.report-page{zoom:.4!important}}@media screen and (min-width:380px)and (max-width:450px){.report-page{zoom:.5!important}}@media screen and (min-width:451px)and (max-width:550px){.report-page{zoom:.6!important}}@media screen and (min-width:551px)and (max-width:650px){.report-page{zoom:.7!important}}@media screen and (min-width:651px)and (max-width:850px){.report-page{zoom:.8!important}}@supports not (zoom: 1){@media screen and (max-width:850px){.report-preview-area{overflow-x:auto;padding:10px;align-items:flex-start}.preview-container-inner{align-items:flex-start;width:210mm;transform:scale(.45);transform-origin:top left}.report-page{margin:0 0 15px!important}}@media screen and (max-width:350px){.preview-container-inner{transform:scale(.4)!important}}@media screen and (min-width:380px)and (max-width:450px){.preview-container-inner{transform:scale(.5)!important}}@media screen and (min-width:451px)and (max-width:550px){.preview-container-inner{transform:scale(.6)!important}}@media screen and (min-width:551px)and (max-width:650px){.preview-container-inner{transform:scale(.7)!important}}@media screen and (min-width:651px)and (max-width:850px){.preview-container-inner{transform:scale(.8)!important}}}.leaves-container{display:flex;flex-direction:column;gap:2rem;padding-bottom:3rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.leaves-nav-tabs{display:flex;justify-content:center;margin:0 auto;gap:.75rem;background:#ffffff80;padding:6px;border-radius:16px;width:fit-content;max-width:100%;overflow-x:auto;white-space:nowrap;border:1px solid rgba(226,232,240,.8)}.leaves-nav-tabs .l-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:0 0;border-radius:12px;font-weight:700;font-size:.9rem;color:var(--clr-text-muted)}.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(max-width:768px){.leaves-container{padding:.75rem .6rem 2.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.leaves-nav-tabs{justify-content:flex-start;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:4px;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(min-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{display:grid;grid-template-columns:1fr;gap:1.5rem}.file-upload-wrapper{border:2px dashed var(--clr-border-dark);background:var(--clr-bg-lightest);border-radius:16px;padding:1.5rem;text-align:center;cursor:pointer;transition:.2s;display:flex;flex-direction:column;align-items:center;gap:10px}.file-upload-wrapper svg{color:var(--clr-text-muted);transition:color .2s}.file-upload-wrapper span{font-size:.85rem;font-weight:700;color:var(--clr-text-muted)}.file-upload-wrapper p{font-size:.75rem;color:var(--clr-text-light);margin:0}.preview-upload-img{width:100%;max-height:150px;object-fit:contain;border-radius:8px}.btn-submit-leave:disabled{opacity:.7;cursor:not-allowed;transform:none}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.history-header h3{font-size:1.25rem;font-weight:800;color:var(--clr-text-dark);margin:0}.search-filter-row{display:flex;gap:1rem;width:100%;flex-wrap:wrap}.search-input-wrapper,.t-avatar{align-items:center;display:flex}@media(min-width:640px){.form-grid-2{grid-template-columns:1fr 1fr}.search-filter-row{width:auto}}.search-input-wrapper{gap:10px;background:var(--clr-bg-light);padding:8px 16px;border-radius:12px;border:var(--border-light);min-width:240px;flex:1}.search-input-wrapper input{background:0 0;border:none;outline:0;width:100%;font-weight:600;color:var(--clr-text-dark);font-size:.9rem}@media(min-width:768px)and (max-width:1023px){.leaves-list{grid-template-columns:1fr 1fr}}.leave-card{padding:1.75rem;border-radius:24px!important;display:flex;flex-direction:column;gap:1.25rem;transition:.3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.03)!important}.leave-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.t-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;border-radius:12px;justify-content:center;font-weight:800;font-size:1.2rem}.t-name{font-size:.95rem;font-weight:800;color:var(--clr-text-dark)}.leave-badge-type{padding:6px 12px;border-radius:10px;font-size:.75rem;font-weight:800}.leave-card-dates{display:flex;align-items:center;gap:10px;background:var(--clr-bg-lightest);padding:10px 14px;border-radius:12px;font-size:.8rem;font-weight:700;color:var(--clr-text-secondary)}.leave-card-reason{font-size:.875rem;color:var(--clr-text-secondary);line-height:1.5;margin:0;white-space:pre-line}.dinas-details-box{background:var(--clr-blue-tint);border:1px dashed rgba(59,130,246,.3);padding:12px 16px;border-radius:14px;display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:#1e3a8a;font-weight:600}.attachment-preview-link{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--clr-primary-darker);text-decoration:none;margin-top:4px;width:fit-content;padding:8px 16px;background:var(--clr-primary-tint);border:1px solid rgba(16,185,129,.2);border-radius:12px;cursor:pointer;box-shadow:0 2px 5px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1)}.leave-card-footer{margin-top:auto;border-top:var(--border-lighter);padding-top:1rem;display:flex;justify-content:space-between;align-items:center}.status-badge-premium{padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;gap:6px}.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{font-size:.75rem;font-weight:600;margin:8px 0 0;padding:8px 12px;border-radius:8px;border-left:3px solid var(--clr-red)}.approval-actions{display:flex;gap:8px;width:100%}.btn-approve,.btn-reject{padding:10px;font-size:.8rem;gap:6px;transition:.2s;display:flex;font-weight:700;cursor:pointer}.btn-approve{flex:1;background:linear-gradient(135deg,var(--clr-primary) 0,#059669 100%);color:#fff;border:none;border-radius:12px;box-shadow:0 4px 10px #10b98133;align-items:center;justify-content:center}.btn-reject{flex:1;background:var(--clr-red-tint);color:var(--clr-red);border:1px solid #fecaca;border-radius:12px;align-items:center;justify-content:center}.leaves-modal{width:100%;max-width:450px;background:#fff;border-radius:28px!important;padding:2rem;box-shadow:0 30px 60px #0003!important;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.leaves-modal-header h3{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--clr-text-dark);margin:0}.leaves-modal-close{background:0 0;border:none;font-size:1.75rem;color:var(--clr-text-light);cursor:pointer}.btn-submit-reject{padding:14px;background:linear-gradient(135deg,var(--clr-red) 0,#dc2626 100%);color:#fff;border:none;border-radius:12px;font-weight:800;font-size:.95rem;cursor:pointer;transition:.2s;box-shadow:0 8px 20px #ef444440;display:flex;align-items:center;justify-content:center;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--clr-text-muted);background:#fff6;border-radius:24px;border:1px dashed var(--clr-border-dark)}.empty-state svg{color:var(--clr-text-light);margin-bottom:1rem}.empty-state h4{font-size:1.1rem;font-weight:800;color:var(--clr-text-dark);margin:0 0 .5rem}.empty-state p{font-size:.85rem;max-width:300px;margin:0}.leaves-stats-panel{padding:2rem;border-radius:28px!important;display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:1rem;animation:.5s fadeIn}@media(min-width:768px){.leaves-stats-panel{grid-template-columns:1.2fr .8fr}}.stat-card-mini{background:var(--clr-bg-lightest);border:var(--border-light);padding:1.25rem;border-radius:16px;display:flex;flex-direction:column;justify-content:center}.bar-fill,.bar-track{border-radius:9999px}.stat-card-mini .label{font-size:.75rem;font-weight:700;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.stat-card-mini .value{font-size:1.75rem;font-weight:900;color:var(--clr-text-dark)}.stat-card-mini.theme-amber{border-color:#fde68a;background:var(--clr-amber-tint)}.stat-card-mini.theme-amber .value{color:#d97706}.stat-card-mini.theme-green{border-color:#a7f3d0;background:var(--clr-primary-tint)}.stat-card-mini.theme-rose{border-color:#fecaca;background:var(--clr-red-tint)}.stats-breakdown-section h4{font-size:.9rem;font-weight:800;color:var(--clr-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.breakdown-bars{display:flex;flex-direction:column;gap:10px}.bar-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:var(--clr-text-secondary)}.btn-export-csv,.substitute-badge-info{display:inline-flex;gap:6px;font-weight:700}.bar-track{width:100%;height:8px;background:var(--clr-border);overflow:hidden}.bar-fill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.substitute-badge-info{align-items:center;font-size:.8rem;color:var(--clr-primary-darker);background:var(--clr-primary-tint);padding:8px 12px;border-radius:10px;width:fit-content;border:1px solid #a7f3d0}.btn-export-csv{align-items:center;justify-content:center;padding:8px 16px;border-radius:12px;font-size:.9rem;cursor:pointer;border:1px solid var(--clr-border-dark);background:#fff;color:var(--clr-text-secondary);transition:.2s}.teacher-study-container{padding:2rem;max-width:100%;margin:0 auto;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.header-content h1{font-size:2rem;font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:.5rem}.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;border:none;padding:.75rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;transition:.3s;box-shadow:0 4px 12px #10b98133}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--card-bg, rgba(255, 255, 255, .8));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color, rgba(226, 232, 240, .8));padding:1.5rem;border-radius:20px;display:flex;align-items:center;gap:1.25rem;transition:transform .3s}.exam-modal-overlay,.modal-overlay,.tabs-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-icon-wrapper{width:56px;height:56px;background:#10b9811a;border-radius:16px;display:flex;align-items:center;justify-content:center}.stat-label{font-size:.875rem;color:var(--text-secondary, #64748b);margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1e293b)}.stat-trend{font-size:.75rem;color:var(--clr-primary);font-weight:500;margin-top:.25rem}.tabs-wrapper{background:var(--card-bg, rgba(255, 255, 255, .5));border-radius:24px;border:1px solid var(--border-color, rgba(226, 232, 240, .5));overflow:hidden}.tabs-header{display:flex;padding:1rem 1.5rem;gap:1rem;border-bottom:1px solid var(--border-color, rgba(226, 232, 240, .8))}.tab-item{padding:.625rem 1.25rem;border-radius:10px;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;border:none;background:0 0;transition:.2s}.tab-item.active{background:#10b9811a;color:var(--clr-primary-dark)}.session-card{display:flex;gap:1.5rem;padding:1.25rem;background:#fff;border-radius:16px;border:var(--border-lighter);transition:.3s}.session-date-box{background:var(--clr-bg-lightest);min-width:70px;height:80px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.session-date-box .day{font-size:1.5rem;font-weight:700;color:var(--clr-text-dark)}.session-date-box .month{font-size:.75rem;text-transform:uppercase;color:var(--clr-text-muted);font-weight:600}.session-main{flex:1;display:flex;justify-content:space-between;align-items:flex-start}.session-info h3{font-size:1.125rem;font-weight:600;color:var(--clr-text-dark);margin-bottom:.5rem}.meta-items{display:flex;gap:1.25rem;margin-bottom:.75rem}.meta-items span{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--clr-text-muted)}.material-tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--clr-bg-light);padding:.375rem .75rem;border-radius:8px;font-size:.8125rem;color:var(--clr-text-secondary)}.attendees-badge,.exam-tab-btn{font-size:.875rem;font-weight:700}.presensi-btn{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:.2s}.icon-btn-secondary{background:0 0;border:none;color:var(--clr-text-light);cursor:pointer;padding:.5rem;border-radius:8px}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.25rem}.material-card{background:#fff;border:var(--border-lighter);padding:1.25rem;border-radius:16px;display:flex;align-items:center;gap:1rem}.file-icon{width:48px;height:48px;background:#fff1f2;color:#e11d48;border-radius:12px;display:flex;align-items:center;justify-content:center}.close-modal,.download-btn-small{color:var(--clr-text-muted);cursor:pointer}.material-info h4{font-size:.9375rem;font-weight:600;color:var(--clr-text-dark);margin-bottom:.125rem}.download-btn-small{background:var(--clr-bg-lightest);border:var(--border-light);padding:.5rem;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.modal-content{background:#fff;width:100%;max-width:550px;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{padding:1.5rem 2rem;border-bottom:var(--border-lighter);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.25rem;font-weight:700;color:var(--clr-text-dark)}.close-modal{background:var(--clr-bg-light);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}.add-session-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group input{padding:.75rem 1rem;border-radius:12px;border:var(--border-light);font-size:.9375rem;transition:.2s}.form-group input:focus{outline:0;border-color:var(--clr-primary);box-shadow:0 0 0 4px #10b9811a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions button{flex:1;padding:.75rem;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}.btn-secondary{background:var(--clr-bg-lightest);border:var(--border-light);color:#64748b}.btn-primary{background:var(--clr-primary);border:none;color:#fff}.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{display:inline-flex;align-items:center;gap:.375rem;background:var(--clr-primary-tint);color:var(--clr-primary-darker);border:1px solid #a7f3d0;padding:.5rem 1rem;border-radius:8px}.completed-session{border-left:4px solid var(--clr-primary)!important}@media(max-width:500px){.form-row{grid-template-columns:1fr}}.exam-tabs-row{display:flex;gap:.5rem;background-color:var(--clr-bg-light);padding:.5rem;border-radius:16px;width:100%;max-width:600px;margin:0 auto}.exam-tab-btn{display:flex;align-items:center;justify-content:center;flex:1;gap:.5rem;padding:.75rem 1.25rem;white-space:nowrap;border-radius:12px;border:none;background:0 0;color:var(--text-muted, #64748b);cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1)}.exam-tab-btn.active{background-color:#fff;color:var(--primary, #10b981);box-shadow:0 4px 12px #0000000d}.exam-card-item{position:relative;display:flex;flex-direction:column;padding:1.5rem;border:1px solid #eef2f6;background:#fff;border-radius:20px;transition:.3s cubic-bezier(.4,0,.2,1)}.exam-class-badge,.exam-subject-badge{padding:.25rem .75rem;border-radius:9999px;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{font-size:1.125rem;font-weight:800;color:var(--clr-text-dark);line-height:1.4}.exam-metadata-row{display:flex;gap:1.5rem}.meta-item{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--clr-text-muted);font-weight:600}.score-badge{font-size:.8125rem;font-weight:800;padding:.4rem .8rem;border-radius:8px}.score-badge.passed{background-color:var(--clr-primary-light);color:var(--clr-primary-deep)}.manage-exams-grid{display:grid;grid-template-columns:1.2fr 1.8fr;gap:2rem;align-items:start}.form-grid-2,.options-grid-form,.question-manager-layout{grid-template-columns:1fr 1fr}.form-group,.question-creation-form .form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group label{color:var(--clr-text-secondary);display:block;font-size:.75rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;margin-bottom:.25rem;letter-spacing:.05em;text-align:left}.form-grid-2{display:grid;gap:1.25rem;width:100%}.input-with-icon,.option-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-with-icon svg{position:absolute;left:1rem;color:var(--clr-text-muted);pointer-events:none}.draft-exam-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background-color:var(--clr-bg-lightest);border:1px solid #eef2f6;border-radius:16px;border-left:4px solid var(--primary, #10b981);gap:1.5rem;transition:.2s}.draft-exam-info{flex:1;min-width:0}.draft-exam-info h4{font-size:1.05rem;font-weight:700;color:var(--clr-text-dark);margin:0}.form-add-question-pane textarea,.option-input-wrapper input{background:var(--clr-bg-lightest);font-weight:600;color:var(--clr-text-dark);transition:.2s;outline:0}.draft-exam-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.btn-icon-danger{background-color:#fff1f2;color:#f43f5e;border:1px solid #ffe4e6;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.exam-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1500;padding:1.5rem;animation:.2s ease-out modalFadeIn}.exam-modal-overlay:has(.exam-fullscreen),.exam-modal-overlay:has(.question-manager){padding:0}.exam-modal-content{width:100%;max-width:500px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow:hidden}.exam-modal-content.exam-fullscreen,.exam-modal-content.question-manager{max-width:100vw;width:100vw;height:100vh;max-height:100vh;border-radius:0;display:flex;flex-direction:column;padding:2rem!important}.modal-header-icon-wrapper{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#4f46e5 0,#3730a3);color:#fff;box-shadow:0 4px 12px #4f46e533}.question-manager-layout{display:grid;gap:3rem;margin-top:1rem;overflow:hidden;flex:1;padding-bottom:.5rem}.form-add-question-pane,.questions-list-pane{max-height:calc(100vh - 160px);overflow-y:auto;padding-right:1rem}.form-add-question-pane::-webkit-scrollbar,.questions-list-pane::-webkit-scrollbar{width:5px}.form-add-question-pane::-webkit-scrollbar-thumb,.questions-list-pane::-webkit-scrollbar-thumb{background:var(--clr-border-dark);border-radius:4px}.btn-close-modal{padding:8px;border-radius:10px;color:var(--clr-text-light);background:0 0;border:none;outline:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.type-toggle-wrapper{display:flex;background-color:var(--clr-bg-light);padding:4px;border-radius:10px;gap:2px}.type-toggle-btn{padding:6px 14px;font-size:.75rem;font-weight:700;border-radius:8px;color:var(--clr-text-muted);border:none;outline:0;background:0 0;cursor:pointer;transition:.2s}.type-toggle-btn.active{background-color:#fff;color:var(--clr-primary);box-shadow:0 2px 4px #0000000d}.options-grid-form{display:grid;gap:1rem;margin-top:.5rem}.option-input-wrapper input{width:100%;padding:.75rem 1rem .75rem 3rem!important;border:1.5px solid var(--clr-border);border-radius:12px;font-size:.875rem}.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{position:absolute;left:.75rem;width:28px;height:28px;background:var(--clr-bg-light);color:var(--clr-text-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;border:var(--border-light);pointer-events:none;transition:.2s}.option-input-wrapper input:focus+.option-input-badge{background:var(--primary, #047857);color:#fff;border-color:var(--primary, #047857)}.form-add-question-pane textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--clr-border);border-radius:12px;font-size:.875rem}.question-list-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;padding:1.25rem;position:relative;transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005}.btn-icon-danger-circle,.btn-icon-warning-circle{width:30px;height:30px;transition:.2s;display:flex;cursor:pointer}.question-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.question-card-number{font-size:.8125rem;font-weight:800;color:var(--primary, #047857);background:var(--clr-primary-tint);padding:.25rem .75rem;border-radius:9999px;letter-spacing:.5px}.btn-icon-danger-circle{background-color:#fff1f2;color:#f43f5e;border:1px solid #ffe4e6;border-radius:50%;align-items:center;justify-content: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%;align-items:center;justify-content:center}.question-card-text{font-size:.9375rem;font-weight:600;color:var(--clr-text-dark);line-height:1.5;margin-bottom:1rem}.option-preview-item,.option-preview-letter{color:var(--clr-text-secondary);transition:.2s}.options-preview-grid{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;border-top:var(--border-lighter);padding-top:1rem}.option-preview-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--clr-bg-lightest);border:var(--border-light);border-radius:10px;font-size:.8125rem;font-weight:600}.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{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--clr-border-dark);border-radius:6px;font-size:.75rem;font-weight:800}.option-btn.selected .option-badge,.option-preview-item.correct .option-preview-letter{background:var(--clr-primary);color:#fff}.correct-icon{margin-left:auto;color:var(--clr-primary);flex-shrink:0;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@media(max-width:900px){.login-visual{display:flex!important;padding:3rem 1rem;width:100%;min-height:auto}.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{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}.leadership-showcase{text-align:center;padding:1.5rem 1rem;flex-direction:row;gap:1rem;justify-content:center;flex-wrap:nowrap}.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;overflow-y:auto;max-height:calc(90vh - 100px)}.form-add-question-pane,.questions-list-pane{max-height:none;overflow-y:visible;padding-right:0}.questions-list-pane{border-top:var(--border-light);padding-top:1.5rem;margin-top:1rem}.options-grid-form{grid-template-columns:1fr;gap:.75rem}}.se-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1rem}.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);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:1rem;border-bottom:2px solid var(--clr-border);text-align:left;white-space:nowrap}.results-table-premium td{padding:1.125rem 1rem;border-bottom:var(--border-lighter);font-size:.875rem;font-weight:600;color:var(--clr-text-medium);transition:background-color .2s;white-space:nowrap}.results-table-premium .time-col{font-size:.8125rem;color:var(--clr-text-muted)}.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{font-size:.75rem;font-weight:800;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase;display:inline-block}.status-pill.passed{background-color:var(--clr-primary-tint);color:var(--clr-primary)}.status-pill.failed{background-color:#fff1f2;color:#f43f5e}.cbt-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:2500;background-color:var(--clr-bg-lightest);display:flex;flex-direction:column}.cbt-header{background:#fff;border-bottom:var(--border-light);height:70px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #00000005;flex-shrink:0}.cbt-btn-finish,.cbt-timer{padding:.6rem 1.25rem;font-weight:800}.cbt-timer,.option-btn{align-items:center;display:flex}.cbt-brand p{font-size:.75rem;color:var(--clr-text-muted);margin:2px 0 0;font-weight:600}.cbt-timer{gap:.5rem;background:var(--clr-bg-light);border-radius:9999px;font-size:1.125rem;font-family:Courier New,Courier,monospace;color:var(--clr-text-medium);border:var(--border-light)}.cbt-timer.timer-warning{background:#fff1f2;color:var(--clr-red);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;border:none;font-size:.875rem;border-radius:10px;cursor:pointer;transition:.2s}.cbt-layout{flex:1;display:flex;padding:2rem;gap:2rem;overflow:hidden}.cbt-question-pane{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-right:.5rem}.cbt-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column}@media(max-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{padding:2rem;border:1px solid #eef2f6;background:#fff}.question-header{border-bottom:var(--border-lighter);padding-bottom:1rem;margin-bottom:1.5rem}.question-number{font-size:.75rem;font-weight:800;color:var(--primary, #10b981);text-transform:uppercase;letter-spacing:1.5px}.question-text{font-size:1.125rem;font-weight:600;color:var(--clr-text-dark);line-height:1.6;margin-bottom:2rem}.option-btn{gap:1rem;padding:1rem;border:1.5px solid var(--clr-border);border-radius:14px;background:#fff;cursor:pointer;text-align:left;transition:.2s cubic-bezier(.4,0,.2,1)}.grid-cell,.option-badge{border-radius:8px;align-items:center;transition:.2s}.option-btn.selected{background-color:var(--clr-primary-tint);border-color:var(--clr-primary);box-shadow:0 4px 12px #10b9810d}.option-badge{width:36px;height:36px;background:var(--clr-bg-light);color:var(--clr-text-secondary);display:flex;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0}.option-text{font-size:.9375rem;font-weight:600;color:var(--clr-text-medium);line-height:1.4}.option-btn.selected .option-text{color:var(--clr-primary-deep)}.cbt-grid-map{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.grid-cell{width:100%;aspect-ratio:1;border:1.5px solid var(--clr-border-dark);background:0 0;color:var(--clr-text-secondary);font-weight:800;font-size:.875rem;cursor:pointer;display:flex;justify-content:center}@media(hover:hover){.quick-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--primary-color)}.agenda-item:hover{background:#fff;transform:translate(4px);border-color:#10b98133}.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);box-shadow:0 30px 60px -20px #10b98140!important;border-color:#10b98180!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{background:#e0e7ff;color:#4f46e5}.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{background:#f0fdf4;color:var(--primary-dark)}.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{background:#16a34a;color:#fff}.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{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d;color:var(--clr-text-darkest)}.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;box-shadow:0 10px 20px #0000000d;transform:translateY(-2px)}.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{background:#fffc;color:var(--clr-text-darkest);transform:translateY(-2px)}.wali-table-main tr:hover td{border-color:#10b9814d;background:#fdfdfd}.btn-view-report-mini:hover{transform:scale(1.1);background:#2563eb;box-shadow:0 8px 20px #3b82f64d}.btn-save-mini:hover{transform:scale(1.1) rotate(5deg);background:var(--clr-primary-dark)}.stat-card-premium:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000000f;background:#fff}.stat-card-premium:hover .stat-icon-wrap{transform:scale(1.1) rotate(-5deg)}.stats-main-card:hover{transform:translateY(-10px) scale(1.02);background:#fff;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{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001a;background:#fff}.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{transform:rotate(0) scale(1.1);color:var(--primary);background:#ecfdf5}.btn-mark-all-premium:hover{transform:translateY(-3px) scale(1.02);background:var(--clr-primary-darker);box-shadow:0 15px 35px #0596694d}.btn-mark-all-premium:hover svg{transform:rotate(10deg)}.btn-start-scanner:hover{transform:translateY(-3px) scale(1.05);background:var(--clr-primary-dark)}.evidence-label:hover{background:var(--clr-blue-tint);border-color:var(--clr-blue);color:var(--clr-blue);border-color:var(--primary);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{background:#fff;border-color:var(--clr-primary);color:var(--clr-primary);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{background:#d97706;color:#fff}.status-btn-sm.sakit:hover{background:#4f46e5;color:#fff}.status-btn-sm.alpa:hover{background:#dc2626;color:#fff}.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);box-shadow:0 15px 35px #0000000f!important;border-color:#10b98133!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{transform:translate(5px);background:#fff;box-shadow:0 4px 12px #0000000d}.q-ana-card-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000008;border-color:var(--clr-border)}.activity-stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014}.checklist-row:hover{border-color:#10b9814d;background-color:var(--clr-bg-lightest);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{background:#ffe4e6;color:#e11d48;transform:translate(-4px);background-color:var(--clr-bg-light);color:var(--clr-red);border-color:#fecaca}.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{background:#fff;border-color:var(--clr-border-dark);box-shadow:0 4px 6px -1px #0000000d}.pg-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a;border-color:var(--clr-border-dark)}.settings-tab-btn:hover{background-color:var(--clr-bg-light);color:var(--clr-text-darkest)}.leader-profile-card:hover{border-color:#10b98140;box-shadow:0 10px 25px -5px #0000000a;transform:translateY(-2px)}.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{transform:translateY(-4px);box-shadow:0 12px 30px #00000012;border-color:var(--clr-border)}.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{background:#fff;border-color:var(--clr-border-dark);box-shadow:0 4px 6px -1px #0000000d;transform:translate(4px)}.modal-close:hover{background:var(--clr-bg-light);color:var(--clr-red)}.btn-back:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.btn-print-action-top:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.menu-item:hover{background:#ffffff0d;color:#fff;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{background:var(--clr-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 15px #10b98140;border-color:transparent}.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{transform:translateY(-4px);border-color:#10b98133;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{transform:translateY(-2px);box-shadow:0 12px 20px -8px #0000000d;border-color:var(--clr-border-dark)}.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{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--clr-text-muted)}.legend-dot{width:12px;height:12px;border-radius:4px}.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{padding:3rem;background:#fff;border:1px solid #eef2f6}.score-ring-wrapper{display:flex;justify-content:center}.score-ring,.stat-box-green{flex-direction:column;display:flex}.score-ring{width:160px;height:160px;border-radius:50%;border:10px solid var(--clr-primary);align-items:center;justify-content:center;background:var(--clr-bg-lightest)}.score-value{font-size:3rem;font-weight:900;color:var(--clr-text-dark);line-height:1}.score-label{font-size:.65rem;font-weight:800;color:var(--clr-text-muted);letter-spacing:1px;margin-top:4px}.stat-box-green{background:var(--clr-primary-tint);border:1px solid var(--clr-primary-light);border-radius:12px;padding:.75rem}.stat-box-red{background:#fff1f2;border:1px solid var(--clr-red-light);border-radius:12px;padding:.75rem;display:flex;flex-direction:column}.stat-num{font-size:1.5rem;font-weight:900;color:var(--clr-text-dark)}.stat-lbl{font-size:.7rem;font-weight:700;color:var(--clr-text-muted);text-transform:uppercase}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity: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{width:100%;padding:.75rem;border-radius:10px;border:var(--border-light);background:#fff;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{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;color:#64748b;transition:all .2s}.modal-close-btn:hover{background-color:#fee2e2;color:#ef4444}.wh-container{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.wh-day-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:16px;border:1px solid var(--clr-border);background:var(--clr-bg-lightest);transition:var(--transition-smooth)}@media(min-width:640px){.wh-day-card{flex-direction:row;align-items:center}}.wh-day-card.wh-active{background:#10b9810a;border-color:#10b9814d;box-shadow:var(--shadow-sm)}.wh-day-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}@media(min-width:640px){.wh-day-header{margin-bottom:0;width:30%}}.wh-toggle-btn{position:relative;display:inline-flex;height:28px;width:50px;align-items:center;border-radius:9999px;background-color:var(--clr-text-light);border:none;cursor:pointer;transition:var(--transition-smooth);padding:2px}.wh-toggle-btn.active{background-color:var(--clr-primary)}.wh-toggle-knob{display:inline-block;height:24px;width:24px;transform:translate(0);border-radius:9999px;background-color:#fff;transition:transform .3s ease;box-shadow:0 2px 4px #0000001a}.wh-toggle-btn.active .wh-toggle-knob{transform:translate(22px)}.wh-day-label{font-size:1.1rem;font-weight:600;letter-spacing:.025em;color:var(--clr-text-light);transition:color .3s}.wh-active .wh-day-label{color:var(--clr-primary-deep)}.wh-time-group{display:flex;align-items:center;gap:1.5rem;flex:1;justify-content:flex-end}.wh-time-input-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.wh-time-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-text-muted);padding-left:.25rem}.wh-input-box{position:relative;width:130px}.wh-input-box input{width:100%;padding:.6rem .75rem .6rem 2.25rem;border-radius:12px;font-weight:600;font-size:.9rem;border:1px solid var(--clr-border);background:var(--clr-bg-light);color:var(--clr-text-light);transition:var(--transition-smooth);outline:none}.wh-active .wh-input-box input{background:#fff;border-color:#10b98166;color:var(--clr-primary-deep)}.wh-active .wh-input-box input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 4px #10b98126}.wh-clock-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--clr-text-light);transition:color .3s}.wh-active .wh-clock-icon{color:var(--clr-primary)}.sidebar-icon-btn{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:12px;cursor:pointer;color:#d1fae5;background-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.sidebar-icon-btn:hover{background-color:#ffffff26;color:#fff;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{background-color:#ef444433;color:#fef2f2}.action-buttons-group{display:inline-flex;align-items:center;gap:.625rem}.btn-action-edit{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#10b98114;color:#059669;border:1px solid rgba(16,185,129,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 5px #05966914}.btn-action-edit:hover{background:linear-gradient(135deg,#10b981,#047857);color:#fff;border-color:transparent;transform:translateY(-2px) scale(1.08);box-shadow:0 6px 18px #10b98159}.btn-action-edit:active{transform:translateY(0) scale(.98)}.btn-action-delete{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 5px #dc262614}.btn-action-delete:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border-color:transparent;transform:translateY(-2px) scale(1.08);box-shadow:0 6px 18px #ef444459}.btn-action-delete:active{transform:translateY(0) scale(.98)}.alumni-directory-container{display:flex;flex-direction:column;gap:1.5rem}.alumni-header-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.8)}.alumni-title-group{display:flex;align-items:center;gap:.75rem}.alumni-title-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f59e0b40;flex-shrink:0}.alumni-title-text h3{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.alumni-count-badge{font-size:.75rem;font-weight:600;padding:.15rem .6rem;border-radius:9999px;background:#fef3c7;color:#b45309;border:1px solid #fde68a}.alumni-title-text p{font-size:.75rem;color:#64748b;margin:.2rem 0 0}.alumni-controls-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.alumni-search-input-wrapper{position:relative;width:240px}.alumni-search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.alumni-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.8rem;border-radius:12px;border:1px solid #e2e8f0;background-color:#f8fafc;outline:none;color:#1e293b;transition:all .2s ease}.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{display:flex;padding:3px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;gap:2px}.alumni-view-btn{padding:.4rem .6rem;border-radius:8px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.alumni-view-btn.active{background:#fff;color:#d97706;box-shadow:0 1px 3px #0000001a;font-weight:600}.alumni-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.alumni-card-premium{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 8px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.alumni-card-premium:hover{transform:translateY(-4px);border-color:#fde68a;box-shadow:0 12px 24px -6px #f59e0b2e;background:#fff}.alumni-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.alumni-avatar-circle{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #f59e0b40;flex-shrink:0}.alumni-badge-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.alumni-year-badge{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:9999px;background:#fef3c7;color:#b45309;border:1px solid #fde68a;white-space:nowrap}.alumni-class-badge{font-size:.65rem;font-weight:600;padding:.15rem .45rem;border-radius:6px;background:#f1f5f9;color:#475569;white-space:nowrap}.alumni-card-name{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;line-height:1.3}.alumni-detail-list{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid #f1f5f9;padding-top:.75rem;margin-bottom:.75rem}.alumni-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#475569}.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{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid #f1f5f9;padding-top:.75rem}.alumni-kpi-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1rem!important;margin-bottom:1.5rem!important;width:100%!important}@media(max-width:1024px){.alumni-kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.alumni-kpi-grid{grid-template-columns:1fr!important}}.alumni-kpi-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:16px!important;padding:1.1rem 1.25rem!important;display:flex!important;align-items:center!important;gap:1rem!important;box-shadow:0 2px 8px #00000008!important;transition:all .25s ease!important;width:100%!important;box-sizing:border-box!important}.alumni-kpi-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #0000000f!important;border-color:#cbd5e1e6!important}.alumni-kpi-icon-wrapper{width:46px!important;height:46px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.alumni-kpi-icon-wrapper.amber{background:#f59e0b1f!important;color:#d97706!important}.alumni-kpi-icon-wrapper.emerald{background:#10b9811f!important;color:#059669!important}.alumni-kpi-icon-wrapper.indigo{background:#6366f11f!important;color:#4f46e5!important}.alumni-kpi-icon-wrapper.violet{background:#8b5cf61f!important;color:#7c3aed!important}.alumni-kpi-content{display:flex!important;flex-direction:column!important;justify-content:center!important}.alumni-kpi-label{font-size:.75rem!important;font-weight:600!important;color:#64748b!important;margin-bottom:.15rem!important}.alumni-kpi-value{font-size:1.35rem!important;font-weight:800!important;color:#1e293b!important;line-height:1.2!important}.alumni-kpi-sub{font-size:.7rem!important;font-weight:500!important;color:#94a3b8!important;margin-left:.3rem!important}.jurnal-header-bar{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:1rem!important;padding-bottom:1.25rem!important;border-bottom:1px solid rgba(226,232,240,.8)!important;margin-bottom:1.25rem!important}.jurnal-title-block h3{font-size:1.15rem!important;font-weight:700!important;color:#1e293b!important;margin:0!important;display:flex!important;align-items:center!important;gap:.5rem!important}.jurnal-count-badge{font-size:.75rem!important;font-weight:600!important;padding:.2rem .65rem!important;border-radius:9999px!important;background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}.jurnal-title-block p{font-size:.75rem!important;color:#64748b!important;margin:.25rem 0 0!important}.jurnal-controls-group{display:flex!important;align-items:center!important;gap:.75rem!important;flex-wrap:wrap!important}.jurnal-select-box{width:170px!important}.jurnal-search-box{position:relative!important;width:220px!important}.jurnal-search-box .search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:#94a3b8!important;pointer-events:none!important}.jurnal-search-input{width:100%!important;padding:.5rem .75rem .5rem 2.25rem!important;font-size:.8rem!important;border-radius:12px!important;border:1px solid #e2e8f0!important;background-color:#f8fafc!important;outline:none!important;color:#1e293b!important;transition:all .2s ease!important}.jurnal-search-input:focus{background-color:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126!important}.jurnal-table-wrapper{overflow-x:auto!important;border-radius:14px!important;border:1px solid rgba(226,232,240,.7)!important;background:#ffffff80!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.jurnal-table-wrapper table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}.jurnal-table-wrapper th{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;color:#475569!important;font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:.85rem 1rem!important;border-bottom:1px solid #e2e8f0!important;text-align:left!important}.jurnal-table-wrapper td{padding:.9rem 1rem!important;border-bottom:1px solid #f1f5f9!important;font-size:.85rem!important;color:#334155!important;transition:background .2s ease!important}.jurnal-table-wrapper tr:last-child td{border-bottom:none!important}.jurnal-table-wrapper tr:hover td{background:#f8fafccc!important}@media(max-width:1024px){.data-table-wrapper,.table-container,.table-responsive,.finance-table-wrapper,.jurnal-table-wrapper,.am-matrix-wrapper{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important}.finance-filters,.filters-container,.page-header-actions,.controls-bar{flex-wrap:wrap!important;gap:.75rem!important}.search-wrapper,.search-box{width:100%!important;max-width:100%!important;flex:1 1 100%!important}}@media(max-width:768px){.page-header,.header-actions-premium{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;width:100%!important}.page-title{font-size:1.35rem!important}.page-subtitle{font-size:.8rem!important}.btn-primary-premium,.btn-secondary-premium,.btn-premium{width:100%!important;justify-content:center!important}.finance-tabs,.nav-tabs,.sub-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;white-space:nowrap!important;padding-bottom:6px!important;scrollbar-width:none!important}.finance-tabs::-webkit-scrollbar,.nav-tabs::-webkit-scrollbar,.sub-tabs::-webkit-scrollbar{display:none!important}.finance-tab-btn,.tab-btn{flex-shrink:0!important;padding:8px 14px!important;font-size:.8rem!important}.finance-summary-grid,.stats-grid,.dashboard-grid{grid-template-columns:1fr!important;gap:1rem!important}.modal-content{width:95vw!important;max-width:95vw!important;padding:1.25rem!important;border-radius:18px!important}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}