:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--secondary:#06b6d4;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--bg:#f0f2f5;--surface:#fff;--text:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--shadow:0 4px 24px #00000014;--radius:16px;--radius-sm:10px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--logo-url:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22160%22%20height%3D%22160%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230f766e%22/%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230ea5a4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%22160%22%20height%3D%22160%22%20rx%3D%2240%22%20fill%3D%22url(%23g)%22/%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2280%22%20r%3D%2246%22%20fill%3D%22rgba(255%2C255%2C255%2C0.16)%22/%3E%3Ctext%20x%3D%2280%22%20y%3D%2294%22%20font-family%3D%22Segoe%20UI%2C%20Arial%2C%20sans-serif%22%20font-size%3D%2246%22%20font-weight%3D%22700%22%20text-anchor%3D%22middle%22%20fill%3D%22%23ffffff%22%3ESI%3C/text%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{line-height:1.4}html.no-scroll,body.no-scroll,html.swal2-shown,body.swal2-shown{overflow:hidden!important}.swal-loading-popup{box-shadow:none!important;background:0 0!important;border:none!important;width:min(100vw,100%)!important;max-width:none!important;overflow:hidden!important}.swal-loading-container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.swal-loading-popup .swal2-html-container{overflow:hidden!important}.swal-loading-popup .swal2-title{color:var(--text)!important}button,a{touch-action:manipulation}:focus-visible{outline-offset:2px;outline:3px solid #4f46e559}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body{font-family:var(--font);color:var(--text);-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#4f46e50d 0%,#7c3aed0d 50%,#06b6d40d 100%) fixed;min-height:100dvh;overflow-x:hidden}body[data-theme=dark]{background:linear-gradient(135deg,#0f172a 0%,#17102b 50%,#082f49 100%) fixed}@media (hover:none) and (pointer:coarse){:root{--shadow:0 2px 10px #00000014}body,body[data-theme=dark]{background-attachment:scroll}.page{animation:none}.auth-card{-webkit-backdrop-filter:none}.btn,.card,.nav{transition:none}.topbar,.bottom-nav{-webkit-backdrop-filter:none;background:#fffffffa}.confirm-dialog{-webkit-backdrop-filter:none;background:#fff}.menu-item:hover,.launcher-tile:hover,.dash-card:hover{box-shadow:var(--shadow);transform:none}}.page{content-visibility:auto;contain-intrinsic-size:auto 500px;max-width:480px;margin:0 auto;padding:88px 16px 80px;animation:.3s fadeIn;display:none}.page.active{content-visibility:visible;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#06b6d4 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-logo{text-align:center;color:#fff;margin-bottom:24px}.auth-logo h1{text-shadow:0 2px 8px #0003;font-size:18px;font-weight:800}.auth-logo p{opacity:.85;margin-top:4px;font-size:13px}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;width:100%;max-width:400px;padding:32px 24px;box-shadow:0 20px 60px #0003}.auth-card h2{text-align:center;margin-bottom:20px;font-size:20px;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:15px;font-family:var(--font);background:#fff;padding:12px 16px;transition:all .2s}.input-with-action{align-items:center;gap:8px;display:flex}.input-with-action input{flex:1}.input-action-btn{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg);width:44px;min-width:44px;height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;transition:transform .15s,border-color .2s;display:flex}.input-action-btn:active{transform:scale(.97)}.input-action-btn .material-symbols-rounded{font-size:20px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group{align-items:center;gap:6px;margin:12px 0;display:flex}.checkbox-group input{width:18px;height:18px;accent-color:var(--primary)}.checkbox-group label{margin:0;font-size:13px}.btn{border-radius:var(--radius-sm);width:100%;font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;transition:all .2s;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;box-shadow:0 4px 16px #4f46e566}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--bg);color:var(--text);border:2px solid var(--border)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{border-radius:8px;width:auto;padding:8px 16px;font-size:13px}.btn:disabled{opacity:.5;pointer-events:none}.auth-links{text-align:center;margin-top:16px;font-size:13px}.auth-links a{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:none}.otp-inputs{justify-content:center;gap:6px;margin:16px 0;display:flex}.otp-inputs input{text-align:center;border:2px solid var(--border);border-radius:12px;width:48px;height:56px;font-size:24px;font-weight:700}.topbar{z-index:100;-webkit-backdrop-filter:blur(10px);color:#000;padding:16px;padding-top:max(env(safe-area-inset-top,16px), 16px);background:#fffffff2;border-bottom:.5px solid #0000001a;justify-content:center;align-items:center;height:56px;display:flex;position:fixed;top:0;left:0;right:0}.topbar .nav-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:8px;font-size:28px;display:flex;position:absolute}.topbar .nav-btn.right{right:8px}.topbar h1{margin:0;font-size:17px;font-weight:600}.topbar .nav-btn .badge{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.confirm-modal{z-index:300;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.confirm-modal.active{opacity:1;pointer-events:auto}.confirm-dialog{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffffe6;border-radius:14px;width:270px;transition:transform .2s;overflow:hidden;transform:scale(.95)}.confirm-modal.active .confirm-dialog{transform:scale(1)}.confirm-title{padding:20px 16px 4px;font-size:17px;font-weight:600}.confirm-msg{padding:0 16px 20px;font-size:13px}.confirm-actions{border-top:.5px solid #0003;display:flex}.confirm-btn{color:#007aff;cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:17px}.confirm-btn:active{background:#0000000d}.confirm-btn.cancel{border-right:.5px solid #0003;font-weight:400}.confirm-btn.danger{color:#ff3b30;font-weight:600}.ios-header{letter-spacing:-.5px;margin-bottom:24px;font-size:34px;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(10px);z-index:100;padding:4px 0 bottom(env(safe-area-inset-bottom,12px));background:#fffffff2;border-top:.5px solid #0000001a;display:flex;position:fixed;bottom:0;left:0;right:0}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}.bottom-nav a{color:#8e8e93;cursor:pointer;flex-direction:column;flex:1;align-items:center;padding:8px 0 4px;font-size:9px;font-weight:500;text-decoration:none;display:flex}.bottom-nav a .material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 300;margin-bottom:2px;font-size:26px}.bottom-nav a.active .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 400}.bottom-nav a .nav-badge{background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:calc(50% - 16px)}.card{contain:layout style;margin-bottom:16px;padding:20px;transition:transform .2s;box-shadow:none!important;background:0 0!important;border-radius:0!important}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-header h3{font-size:16px;font-weight:700}.card-icon{color:#fff;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;border-radius:0!important}.dash-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.dash-card{cursor:pointer;padding:16px;transition:all .2s;box-shadow:none!important;background:0 0!important;border-radius:0!important}.dash-card:active{transform:scale(.96)}.dash-card .icon{color:#fff;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:10px;display:flex;border-radius:0!important}.dash-card .value{color:var(--text);font-size:24px;font-weight:800}.dash-card .label{color:var(--text-secondary);margin-top:2px;font-size:9px}.menu-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.menu-item{text-align:center;cursor:pointer;color:var(--text);padding:16px 8px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.menu-item:before{content:"";pointer-events:none;position:absolute;inset:0;background:0 0!important}.menu-item:active{transform:scale(.97)}.menu-item:hover{transform:translateY(-2px);box-shadow:none!important}.menu-item .icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 8px;font-size:24px;display:flex;box-shadow:0 10px 18px #0f4c8138}.launcher-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}@media (min-width:320px){.launcher-grid{grid-template-columns:1fr 1fr}}.launcher-tile{cursor:pointer;flex-direction:column;align-items:center;gap:12px;padding:10px;transition:transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.launcher-tile:before,.launcher-tile:after{content:none!important}.launcher-tile:active{transform:scale(.95)}.launcher-tile:hover{transform:translateY(-2px);box-shadow:none!important;background:0 0!important}.launcher-tile:before{content:"";opacity:.12;pointer-events:none;background:radial-gradient(circle at 18% 18%,#ffffffeb,#0000 48%),radial-gradient(circle at 82% 10%,#ffffffd1,#0000 52%),radial-gradient(circle at 70% 90%,#ffffffb3,#0000 56%);position:absolute;inset:0}.launcher-tile:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#ffffff14);position:absolute;inset:0}.launcher-tile.kepsek-keuangan{background:linear-gradient(135deg, #0f4c811a, #3b82f61a), var(--surface)}.launcher-tile.kepsek-akademik{background:linear-gradient(135deg, #22c55e1a, #10b9811a), var(--surface)}.launcher-tile.kepsek-kepegawaian{background:linear-gradient(135deg, #f59e0b1f, #d977061f), var(--surface)}.launcher-ico{border-radius:16px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;outline:none!important}.launcher-ico .material-symbols-rounded{font-size:22px;background:0 0!important}.launcher-tile.kepsek-akademik .launcher-ico{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 10px 18px #10b98138}.launcher-tile.kepsek-kepegawaian .launcher-ico{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 18px #f59e0b38}.launcher-meta{z-index:1;width:100%;min-width:0;position:relative}.launcher-title{letter-spacing:-.2px;font-size:14px;font-weight:950}.launcher-desc{margin-top:2px;font-size:12px;line-height:1.35}.launcher-go{z-index:1;width:30px;height:30px;color:var(--text-secondary);background:#ffffffa6;border:1px solid #0f4c811a;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.launcher-badges{z-index:1;flex-wrap:wrap;gap:6px;width:100%;margin-top:2px;display:flex;position:relative}.launcher-chip{color:var(--text);background:#ffffffa3;border:1px solid #0f4c811a;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 8px;font-size:11px;font-weight:800;line-height:1.1;display:inline-flex}.launcher-chip .material-symbols-rounded{color:var(--text-secondary);font-size:14px}.launcher-chip strong{font-weight:950}.launcher-chip.warn{background:#f59e0b1f;border-color:#f59e0b38}.launcher-chip.danger{background:#ef44441a;border-color:#ef444438}.launcher-chip.good{background:#22c55e1a;border-color:#22c55e38}.monitor-hero{border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);background:linear-gradient(135deg,#0f4c811a,#3b82f614);border:1px solid #0f4c811a;padding:14px}.monitor-hero .hero-title{letter-spacing:-.2px;font-size:15px;font-weight:950}.monitor-hero .hero-sub{color:var(--text-secondary);margin-top:6px;font-size:12px;line-height:1.45}.monitor-hero .hero-row{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.monitor-hero .hero-updated{color:var(--text-secondary);font-size:11px}.monitor-hero .hero-pulse{background:#22c55ed9;border-radius:999px;width:10px;height:10px;animation:1.8s ease-out infinite pulseDot;box-shadow:0 0 #22c55e73}@keyframes pulseDot{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.monitor-topbar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.monitor-topbar-title{color:var(--text);text-align:right;flex:auto;font-size:14px;font-weight:900}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.metric-grid.one{grid-template-columns:1fr}.metric{background:var(--surface-soft);border:1px solid #0f4c811a;border-radius:14px;padding:12px}.metric-label{color:var(--text-secondary);font-size:12px;font-weight:800}.metric-value{color:var(--text);margin-top:6px;font-size:20px;font-weight:900}.metric-value.positive{color:#0f766e}.metric-value.negative{color:#b91c1c}.monitor-stage+.monitor-stage{margin-top:16px}.monitor-accordion-card{cursor:pointer}.monitor-accordion-head{align-items:center;gap:12px;display:flex}.monitor-accordion-head h3{font-size:16px;font-weight:800}.monitor-accordion-chevron{color:var(--text-secondary);margin-left:auto}.monitor-status-row{align-items:center;gap:8px;display:flex}.monitor-refresh-btn{white-space:nowrap;width:auto}.monitor-refresh-icon,.monitor-launcher-arrow{font-size:18px}.monitor-launcher-grid{margin-top:12px}.launcher-row{z-index:1;align-items:center;gap:12px;width:100%;display:flex;position:relative}.metric-value.warning{color:#b45309}.status{border-radius:20px;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.status-open{color:#1e40af;background:#dbeafe}.status-responded{color:#3730a3;background:#e0e7ff}.chat-container{background:linear-gradient(#0f4c810f,#fffffffa 24%,#fff);border:1px solid #0f4c811a;border-radius:24px;flex-direction:column;height:calc(100vh - 210px);min-height:420px;padding:14px;display:flex;box-shadow:0 18px 40px #0f4c8114}.chat-shell{flex-direction:column;gap:12px;display:flex}.chat-folder-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chat-summary-card{background:#fffffff5;border:1px solid #0f4c811a;border-radius:20px;padding:14px 16px;box-shadow:0 10px 24px #0f172a0d}.chat-summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.chat-summary-value{color:var(--text);margin-top:6px;font-size:24px;font-weight:900;line-height:1}.chat-summary-meta{color:var(--text-secondary);margin-top:6px;font-size:12px}.chat-tabs{margin-bottom:0}.chat-tab-badge{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.chat-folder-panel{min-height:120px}.chat-box-empty{margin-top:8px}.chat-room-toolbar{border-bottom:1px solid #0f4c811a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;display:flex}.chat-room-name{color:var(--text);font-size:15px;font-weight:800}.chat-room-sub{color:var(--text-secondary);margin-top:3px;font-size:12px}.chat-room-empty-btn{flex-shrink:0;width:auto}.chat-load-older{width:100%;margin-bottom:10px}.chat-fab-btn{background-color:var(--primary);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s;display:flex;position:fixed;bottom:84px;right:24px;box-shadow:0 4px 12px #00000040}.chat-fab-btn:hover{background-color:var(--primary-hover);transform:scale(1.05)}.chat-fab-btn:active{transform:scale(.95)}.chat-messages{background-color:#e0f2fe;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zM30 30a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V30zM50 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10z' fill='%23000000' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:0 0 24px 24px;flex-direction:column;flex:1;gap:4px;margin:0 -14px -14px;padding:12px 14px 16px;display:flex;overflow-y:auto}[data-theme=dark] .chat-messages{background-color:#0c4a6e;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zM30 30a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V30zM50 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.chat-bubble{word-wrap:break-word;border-radius:12px;max-width:85%;margin-bottom:2px;padding:6px 10px 8px 12px;font-size:14.5px;line-height:1.45;position:relative;box-shadow:0 1px 1px #0000001a}.chat-bubble__text{padding-right:0;display:inline-block}.chat-bubble.sent{color:#111;background:#dcf8c6;border-top-right-radius:4px;margin-left:auto}[data-theme=dark] .chat-bubble.sent{color:#e9edef;background:#005c4b}.chat-bubble.received{color:#111;background:#fff;border:none;border-top-left-radius:4px}[data-theme=dark] .chat-bubble.received{color:#e9edef;background:#202c33}.chat-bubble.sent:before{content:"";border-top:0 solid #0000;border-bottom:10px solid #0000;border-left:0 solid #0000;border-right:8px solid #dcf8c6;width:0;height:0;position:absolute;top:0;right:-8px}[data-theme=dark] .chat-bubble.sent:before{border-color:#0000 #005c4b #0000 #0000}.chat-bubble.received:before{content:"";border-top:0 solid #0000;border-bottom:10px solid #0000;border-left:8px solid #fff;border-right:0 solid #0000;width:0;height:0;position:absolute;top:0;left:-8px}[data-theme=dark] .chat-bubble.received:before{border-color:#0000 #0000 #0000 #202c33}.chat-bubble.failed{border:1px solid #ef444459}.chat-pending{opacity:.85;margin-top:2px;font-size:11px;font-style:italic}.chat-bubble-footer{float:right;z-index:1;align-items:flex-end;gap:3px;margin:-10px -2px -6px 8px;line-height:1;display:flex;position:relative}.chat-bubble-footer .time{color:#1111118c;margin:0;font-size:10px}[data-theme=dark] .chat-bubble-footer .time{color:#fff9}[data-theme=dark] .chat-check{color:#ffffff80}[data-theme=dark] .chat-menu-btn{color:#fff9}.chat-bubble:hover .chat-menu-btn{opacity:1;background:linear-gradient(#fffc 40%,#fff0)}.chat-bubble.sent:hover .chat-menu-btn{opacity:1;background:linear-gradient(#dcf8c6cc 40%,#dcf8c600)}[data-theme=dark] .chat-bubble.sent:hover .chat-menu-btn{opacity:1;background:linear-gradient(#005c4bcc 40%,#005c4b00)}[data-theme=dark] .chat-bubble.received:hover .chat-menu-btn{opacity:1;background:linear-gradient(#202c33cc 40%,#202c3300)}.chat-dropdown{background:#fff;border:1px solid #0000000d;border-radius:6px;min-width:140px;padding:6px 0;display:none;position:absolute;top:100%;right:0;box-shadow:0 2px 8px #00000026}[data-theme=dark] .chat-dropdown{background:#233138;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.chat-dropdown.visible{animation:.15s ease-out fadeIn;display:block}.chat-delete-action{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.chat-delete-action:hover{background:#0000000d}[data-theme=dark] .chat-delete-action:hover{background:#ffffff0d}.chat-delete-action .material-symbols-rounded{font-size:18px}.chat-input-area{border-top:1px solid #0f4c811a;align-items:flex-end;gap:8px;margin-top:6px;padding:12px 0 0;display:flex}.chat-input-area input{font-size:14px;font-family:var(--font);background:#fffffff5;border:1px solid #0f4c8124;border-radius:18px;flex:1;padding:13px 16px}.chat-input-area button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f4c81,#2563eb);border:none;border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;display:flex;box-shadow:0 12px 24px #2563eb38}.chat-input-area button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;filter:saturate(.7)}.conv-item{cursor:pointer;background:#fffffff5;border:1px solid #0f4c811a;border-radius:18px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;transition:transform .2s,background .2s,border-color .2s;display:flex;box-shadow:0 10px 24px #0f172a0d}.conv-item:active{background:var(--surface-soft);transform:scale(.985)}.conv-avatar{color:#fff;background:linear-gradient(135deg,#0f4c81,#22c1c3);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex;box-shadow:0 10px 20px #0f4c812e}.conv-info{flex:1;min-width:0}.conv-info h4{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.conv-info p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.conv-submeta{color:var(--text-secondary);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:inline-flex}.conv-submeta .material-symbols-rounded{font-size:13px}.conv-meta{text-align:right;flex-shrink:0}.conv-meta .time{color:var(--text-secondary);font-size:11px}.conv-meta .unread{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-top:6px;margin-left:auto;font-size:11px;font-weight:700;display:flex}.conv-meta .sent-count{color:#1d4ed8;background:#2563eb1f;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:20px;margin-top:6px;margin-left:auto;padding:0 8px;font-size:11px;font-weight:700;display:flex}.presensi-shift-card{padding:16px}.presensi-shift-card .section-row{margin-bottom:12px}#presensi-shift{font-weight:600}.user-list-compact{gap:12px;display:grid}.user-card-compact{background:var(--surface);border:1px solid #0f4c811a;border-radius:18px;padding:14px 16px;box-shadow:0 12px 26px #0f172a0d}.user-card-pending{background:linear-gradient(135deg,#f59e0b29,#fffffff5);border-color:#f59e0b4d;position:relative;overflow:hidden;box-shadow:0 16px 34px #f59e0b2e}.user-card-pending:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% 0,#ffffffa6,#0000 55%);position:absolute;inset:0}.pending-banner{color:#92400e;background:#f59e0b2e;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.pending-banner .material-symbols-rounded{font-size:14px}.user-card-pending .user-card-avatar{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 12px 22px #f59e0b40}.user-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.user-card-title{font-size:15px;font-weight:700}.user-card-sub{color:var(--text-secondary);word-break:break-word;margin-top:4px;font-size:12px}.user-meta-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.user-meta-chip{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.user-actions-compact{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pending-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.pending-role-editor{z-index:1;gap:6px;margin-top:12px;display:grid;position:relative}.pending-role-editor label{color:#92400e;font-size:11px;font-weight:800}.pending-role-editor select{color:#7c2d12;background:#fffffff5;border:1px solid #f59e0b47;border-radius:14px;min-height:42px;padding:9px 38px 9px 12px;font-size:13px;font-weight:700;box-shadow:0 10px 20px #f59e0b1a}.pending-role-note{color:#92400e;font-size:11px;line-height:1.45}.pending-actions .btn-sm{border-radius:12px;justify-content:center;width:100%;padding:8px 10px;font-size:12px}.user-actions-compact .btn-sm{border-radius:999px;padding:7px 12px;font-size:12px}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.payment-shell{gap:14px;display:grid}.payment-tabs{z-index:5;position:sticky;top:76px}.payment-panel{min-width:0}.payment-form-card{margin-bottom:0}.required-mark{color:#dc2626;font-weight:900}.form-hint{color:var(--text-secondary);margin:6px 0 0;font-size:12px;line-height:1.45}.payment-student-card{min-width:0}.izin-shell,.presensi-shell,.gaji-shell{gap:14px;display:grid}.izin-tabs{z-index:5;position:sticky;top:76px}.izin-panel,.presensi-panel,.gaji-panel,.presensi-history-panel{min-width:0}.presensi-title{margin-bottom:8px}.presensi-hero-card{background:radial-gradient(circle at 100% 0,#3b82f629,#0000 34%),linear-gradient(135deg,#0f4c811a,#fffffffa 52%,#ecf4ffeb);border:1px solid #0f4c811a;gap:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 36px #0f172a1a}.presensi-hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb24,#0000 68%);border-radius:999px;width:220px;height:220px;position:absolute;inset:auto -60px -90px auto}.presensi-hero-clock,.presensi-hero-meta{z-index:1;position:relative}.presensi-hero-clock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #0f4c811f;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(128px,156px);align-items:stretch;gap:10px;padding:12px 14px;display:grid}.presensi-hero-timing{align-content:center;gap:1px;min-width:0;display:grid}.presensi-date-label{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.2}.presensi-clock{text-align:left;font-variant-numeric:tabular-nums;letter-spacing:-.05em;color:var(--text);margin:0;font-size:clamp(34px,5vw,44px);font-weight:300;line-height:1}.presensi-hero-shift{background:#f5f9ffe0;border:1px solid #0f4c8114;border-radius:16px;justify-self:end;gap:6px;width:min(100%,156px);min-width:0;padding:9px;display:grid;box-shadow:inset 0 1px #ffffffb8}.presensi-hero-shift-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.presensi-hero-shift-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:800}.presensi-hero-shift-input{margin-bottom:0}.presensi-hero-shift #presensi-shift{min-height:40px;padding:8px 34px 8px 10px;font-size:14px}.presensi-inline-note{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.2}.presensi-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.presensi-meta-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #0f4c811a;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex;box-shadow:inset 0 1px #fff9}.presensi-meta-pill-gps{justify-content:space-between;align-items:flex-start}.presensi-meta-stack{flex:auto;gap:2px;min-width:0;display:grid}.presensi-meta-key{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);flex:none;font-size:11px;font-weight:800}.presensi-meta-value{color:var(--text);font-size:14px;line-height:1.2}.presensi-meta-sub{color:var(--text-secondary);font-size:11px;line-height:1.35}.presensi-summary-hidden{display:none}.presensi-workbench{gap:10px;display:grid}.presensi-panel{height:100%}.presensi-actions-wrap{background:linear-gradient(#f8fcffeb,#f0f7ffe0);border:1px solid #0f4c811f;border-radius:20px;padding:16px;box-shadow:inset 0 1px #ffffffb3}#page-payment .ios-header{display:none}#bulan-spp-group{grid-column:1/-1}@media (max-width:560px){.payment-grid{grid-template-columns:1fr}}.student-summary-card{color:#fff;background:linear-gradient(135deg,#0f4c81,#2563eb);border-radius:18px;margin-bottom:12px;padding:14px 16px;box-shadow:0 14px 26px #0f4c8140}.student-summary-card .summary-head{align-items:center;gap:12px;display:flex}.student-summary-card .summary-head .material-symbols-rounded{font-size:30px}.student-summary-card .summary-name{font-size:16px;font-weight:800}.student-summary-card .summary-sub{opacity:.85;margin-top:2px;font-size:12px}.student-summary-card .summary-meta{opacity:.9;margin-top:10px;font-size:12px}.presensi-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.presensi-actions .btn{border-radius:16px;flex:1 1 0;min-height:50px;font-weight:800;box-shadow:0 14px 26px #0f172a14}.presensi-actions-hint{margin:10px 2px 0;line-height:1.4}.presensi-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:0;display:grid}.presensi-filter-row select{width:100%;min-width:0;min-height:46px}.presensi-history-head{align-items:flex-start;margin-bottom:14px}.presensi-history-copy{margin:0}.presensi-section-title{margin-bottom:4px}.presensi-shift-input,.presensi-location-card{margin-bottom:0}@media (max-width:860px){.presensi-hero-meta{grid-template-columns:minmax(0,1fr)}.presensi-hero-clock{grid-template-columns:minmax(0,1fr) minmax(122px,146px)}}@media (max-width:560px){.presensi-hero-card{gap:10px}.presensi-hero-clock{grid-template-columns:minmax(0,1fr) minmax(110px,128px);gap:6px;padding:10px 9px}.presensi-hero-shift{gap:4px;width:min(100%,128px);padding:8px}.presensi-hero-shift-head{align-items:center}.presensi-hero-shift #presensi-shift{min-height:36px;padding:6px 28px 6px 8px;font-size:13px}.presensi-clock{font-size:clamp(30px,10vw,38px)}.presensi-meta-pill{padding:9px 10px}.presensi-meta-pill-gps,.presensi-actions{gap:8px}.presensi-actions .btn{min-height:44px;padding:10px 8px;font-size:13px}}@media (min-width:900px){#page-presensi .presensi-shell{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start}#page-presensi .presensi-hero-card{grid-column:1/-1}#page-presensi .presensi-workbench{grid-column:1}#page-presensi .presensi-history-panel{grid-area:2/2;align-self:stretch;margin-top:0}}.gaji-intro-card{background:radial-gradient(circle at 100% 0,#3b82f629,#0000 34%),linear-gradient(145deg,#fffffff5,#f0f7fff0);border:1px solid #2563eb1a;margin-bottom:0;position:relative;overflow:hidden;box-shadow:0 20px 36px #0f172a14}.gaji-intro-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb2e,#0000 72%);border-radius:50%;width:150px;height:150px;position:absolute;inset:auto -42px -52px auto}.gaji-hero-card{z-index:1;gap:16px;display:grid;position:relative}.gaji-hero-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.gaji-hero-main{align-items:center;gap:14px;min-width:0;display:flex}.gaji-hero-icon{color:#fff;background:linear-gradient(#ffffff4d,#ffffff0f 44%,#ffffff05 100%),linear-gradient(135deg,#2563eb,#0f4c81);border:1px solid #ffffff57;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;box-shadow:inset 0 1px #ffffff52,0 14px 24px #2563eb38}.gaji-hero-icon .material-symbols-rounded{font-size:30px}.gaji-hero-copy{gap:4px;min-width:0;display:grid}.gaji-hero-kicker{letter-spacing:.12em;text-transform:uppercase;color:#2563eb;font-size:11px;font-weight:800}.gaji-hero-title{letter-spacing:-.03em;color:#17324d;margin:0;font-size:22px;line-height:1.1}.gaji-hero-badge{color:#29527b;white-space:nowrap;background:#ffffffdb;border:1px solid #2563eb1f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.gaji-hero-badge .material-symbols-rounded{color:#2563eb;font-size:16px}.gaji-hero-pills{grid-template-columns:repeat(auto-fit,minmax(120px,max-content));justify-content:flex-start;gap:10px;display:grid}.gaji-hero-pill{text-align:center;color:#315273;background:#ffffffb8;border:1px solid #fff9;border-radius:18px;align-content:center;justify-items:center;gap:6px;min-height:74px;padding:12px 10px;font-size:11px;font-weight:800;display:grid;box-shadow:inset 0 1px #fffffff0,0 10px 22px #0f172a0d}.gaji-hero-pill .material-symbols-rounded{color:#2563eb;font-size:22px}.gaji-hero-pill--action{cursor:pointer;color:#fff;background:linear-gradient(#ffffff38,#ffffff0a 40%,#ffffff03 100%),linear-gradient(135deg,#2563eb,#0f4c81);border-color:#ffffff47;box-shadow:inset 0 1px #ffffff47,0 14px 26px #2563eb2e}.gaji-hero-pill--action .material-symbols-rounded{color:#fff}.gaji-history-card{cursor:pointer;background:linear-gradient(#fffffffa,#f4f8fff5);border:1px solid #2563eb1a;position:relative;overflow:hidden;box-shadow:0 14px 28px #0f172a0f}.gaji-history-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.gaji-history-card__identity{align-items:center;gap:12px;min-width:0;display:flex}.gaji-history-card__icon{color:#2563eb;background:#2563eb1a;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.gaji-history-card__icon .material-symbols-rounded{font-size:22px}.gaji-history-card__summary{flex-shrink:0;justify-items:end;gap:6px;display:grid}.gaji-history-card__chevron{color:#2563ebb3;font-size:18px}.gaji-history-card .card-title{margin:0;font-size:16px;font-weight:800}.gaji-history-card .card-role,.gaji-history-card .card-date{font-size:13px}.gaji-empty-card{align-items:center;gap:14px;display:flex}.gaji-empty-card__icon{color:#fff;background:linear-gradient(135deg,#2563eb,#0f4c81);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex;box-shadow:0 12px 24px #2563eb2e}.gaji-empty-card__icon .material-symbols-rounded{font-size:26px}.gaji-mini-pager{background:#ffffffd1;border:1px solid #94a3b838;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:10px auto 0;padding:6px 10px;display:inline-flex}.gaji-mini-pager__btn{color:#2563eb;cursor:pointer;background:linear-gradient(#fffffff5,#eff4ffeb);border:1px solid #2563eb2e;border-radius:999px;width:34px;height:34px;font-size:16px;font-weight:800}.gaji-mini-pager__btn[disabled]{opacity:.38;cursor:not-allowed}.gaji-mini-pager__info{text-align:center;min-width:42px;color:var(--text-secondary);font-size:12px;font-weight:700}@media (max-width:640px){.ios-mini-hero__top{align-items:flex-start}.ios-mini-hero__chips{gap:6px}.gaji-hero-top{flex-direction:column;align-items:stretch}.gaji-hero-badge{align-self:flex-start}.gaji-hero-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.gaji-history-card__top{align-items:flex-start}.gaji-history-card__summary{justify-items:end}.payment-history-card__top{gap:8px}.payment-history-card__amount{font-size:22px}}.izin-history-card{margin-bottom:12px;padding:14px}.izin-history-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.izin-history-head h4{margin:0;font-size:15px}.izin-period-box{background:var(--bg);border-radius:6px;justify-content:space-between;gap:10px;margin-bottom:8px;padding:8px;font-size:13px;display:flex}.izin-history-copy{white-space:pre-wrap}.treasurer-shell,.ticket-shell{gap:14px;display:grid}.treasurer-panel,.ticket-panel{min-width:0}.ticket-chip-row,.ticket-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ticket-card-actions{margin-top:12px}.ticket-card-actions--center{justify-content:center}.ticket-target-chip{min-height:30px;color:var(--primary);background:#0f4c811a;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.ticket-target-chip .material-symbols-rounded{font-size:16px}.treasurer-query-field{grid-column:1/-1}.treasurer-search-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.treasurer-search-input{width:100%;min-width:0}.treasurer-search-action{border-radius:16px;justify-content:center;align-items:center;width:46px;min-width:46px;min-height:46px;display:inline-flex}.treasurer-report-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.treasurer-report-actions .btn{white-space:nowrap;justify-content:center;width:100%;min-width:0}.treasurer-report-links-list,.treasurer-report-ready-card{gap:12px;display:grid}.treasurer-report-link-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.treasurer-report-link-actions .btn{white-space:nowrap;justify-content:center;width:100%;min-width:0}#treasurer-search-panel,#treasurer-report-panel{margin-top:0}.treasurer-summary-card,.treasurer-result-card,.treasurer-pagination-card{margin-bottom:0}.treasurer-summary-head,.treasurer-result-head,.treasurer-pagination-row{align-items:flex-start;gap:12px}.treasurer-summary-copy,.treasurer-result-copy{flex:auto;min-width:0}.treasurer-chip-row,.treasurer-result-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.treasurer-result-list{gap:14px;display:grid}.treasurer-result-card{flex-direction:column;gap:10px;display:flex}.treasurer-result-title{margin:0 0 4px;font-size:16px}.treasurer-result-subtitle{margin:0}.treasurer-result-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.treasurer-result-actions .btn{white-space:nowrap;justify-content:center;width:100%;min-width:0}.treasurer-result-actions .btn span:last-child{text-overflow:ellipsis;overflow:hidden}.entity-record-card{border:1px solid #b8c6dc94;position:relative;overflow:hidden;box-shadow:0 18px 34px #0f172a14}.entity-record-card:before{content:"";opacity:.88;background:linear-gradient(90deg,#0f4c81eb,#10b981bf);height:4px;position:absolute;inset:0 0 auto}#info-content,.gaji-history-list,.treasurer-result-list,#ticket-list,#pay-approval-list,.payment-history-list,.ticket-history-list,.izin-history-list,.cuti-history-list,.jurnal-history-list,.penilaian-mine-list,#izin-approval-list,#cuti-approval-list,#ticket-manage-list,#monitor-jurnal-list,.user-list-compact{gap:14px;display:grid}#info-load-more{justify-self:center}.ticket-history-card,.cuti-history-card,.penilaian-history-card{margin-bottom:0}.info-feed-card{gap:10px;display:grid}.info-feed-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.info-feed-card__title{margin:0;font-size:16px;line-height:1.45}.info-feed-card__body{line-height:1.65}.info-feed-card__footer{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.ticket-tabs{z-index:5;position:sticky;top:76px}.raport-filter-row{flex-wrap:wrap}.raport-filter-field{flex:180px;min-width:0}.raport-actions{justify-content:flex-end;margin:0 0 12px;display:flex}.raport-document{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);width:210mm;max-width:100%;box-shadow:var(--shadow);margin:20px auto;padding:22px}.raport-letterhead{border-bottom:4px double var(--text);grid-template-columns:76px 1fr;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;display:grid}.raport-letterhead-logo img{object-fit:contain;width:68px;height:68px}.raport-letterhead-text{text-align:center}.raport-letterhead-text h2{text-transform:uppercase;margin:0;font-size:18px;font-weight:800}.raport-letterhead-text h3{color:var(--primary);margin:4px 0;font-size:13px}.raport-letterhead-text p{color:var(--text-secondary);margin:0;font-size:12px}.raport-title-block{text-align:center;margin:16px 0}.raport-title-block h3{margin:0 0 4px;font-size:16px;text-decoration:underline}.raport-title-block p{color:var(--text-secondary);margin:0;font-size:13px}.raport-student-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:16px 0;display:grid}.raport-student-grid span{color:var(--text-secondary);font-size:12px;display:block}.raport-student-grid strong{font-size:14px;display:block}.raport-table-wrap{margin:14px 0}.raport-table th,.raport-table td{vertical-align:top}.raport-signature-row{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:24px;margin-top:28px;display:grid}.raport-signature-box{text-align:center;font-size:13px;position:relative}.raport-signature-box p{margin:0 0 8px}.raport-signature-qr{border:1px solid var(--border);width:86px;height:86px;margin:0 auto 8px;display:block}.raport-signature-box strong{margin-top:8px;text-decoration:underline;display:block}@media print{body:has(#raport-print-area) .topbar{display:none!important}body:has(#raport-print-area) .bottom-nav{display:none!important}body:has(#raport-print-area) #raport-nis-select{display:none!important}body:has(#raport-print-area) #raport-student-card{display:none!important}body:has(#raport-print-area) .raport-filter-row{display:none!important}body:has(#raport-print-area) #page-raport>.btn{display:none!important}body:has(#raport-print-area) .raport-actions{display:none!important}body:has(#raport-print-area) .page{background:#fff!important;margin:0!important;padding:0!important;display:block!important}body:has(#raport-print-area) .content-area{background:#fff!important;margin:0!important;padding:0!important;display:block!important}body:has(#raport-print-area) #page-raport{background:#fff!important;margin:0!important;padding:0!important;display:block!important}body:has(#raport-print-area) .raport-document{box-shadow:none!important;color:#111!important;border:0!important;border-radius:0!important;padding:0!important}}.raport-download-fab{color:#fff;cursor:pointer;z-index:20;background:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:55px;left:-72px;box-shadow:0 4px 12px #00000040}.raport-download-fab .material-symbols-rounded{font-size:24px}#raport-tahfizh-download-fab{z-index:9999;position:fixed;inset:auto 24px 24px auto}.raport-back-btn{background:var(--card);width:48px;height:48px;color:var(--text);z-index:9999;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 4px 12px #00000026}#page-raport.view-mode #raport-filter-panel,#page-raport-tahfizh.view-mode #raport-tahfizh-filter-panel{display:none}.tahfizh-report-filter{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;margin-bottom:16px;display:grid}.tahfizh-report-filter .form-group{min-width:0}.tahfizh-report-filter .ltr-student-field{grid-column:span 2}.tahfizh-report-filter button{min-height:44px}.tahfizh-target-panel{margin-bottom:16px}.tahfizh-target-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tahfizh-target-head h3{margin:4px 0 0;font-size:18px}.tahfizh-target-grid,.tahfizh-student-report-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tahfizh-student-report{--report-accent:#0369a1;--report-accent-strong:#075985;--report-accent-soft:#0369a129;--report-accent-line:#0369a1c7;--report-badge-text:#fff;border:2px solid var(--report-accent-line);background:linear-gradient(180deg,#fffffffa,#eff6ffd6), var(--surface);border-radius:8px;padding:12px;position:relative;overflow:hidden;box-shadow:0 10px 20px #0f172a14}.tahfizh-student-report--tilawati{--report-accent:#b45309;--report-accent-strong:#92400e;--report-accent-soft:#f59e0b2e;--report-accent-line:#b45309c7}.tahfizh-student-report__head{border-bottom:1px solid var(--report-accent-line);justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:8px;display:flex}.tahfizh-student-report__head h4{color:var(--text);margin:3px 0 0;font-size:15px;line-height:1.25}.tahfizh-student-report__meta{color:var(--text-secondary);letter-spacing:0;margin:0;font-size:11px;font-weight:700}.tahfizh-student-report__badge{border:1px solid var(--report-accent-line);background:var(--report-accent);color:var(--report-badge-text);border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:800;line-height:1}.tahfizh-student-report__range,.tahfizh-student-report__teacher,.tahfizh-student-report__note{background:#ffffffb8;border:1px solid #94a3b84d;border-radius:8px;margin-top:8px}.tahfizh-student-report__range,.tahfizh-student-report__teacher{justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.tahfizh-student-report__range span,.tahfizh-student-report__teacher span,.tahfizh-student-report__details span,.tahfizh-student-report__note span{color:var(--text-secondary);font-size:11px;font-weight:700;line-height:1.35}.tahfizh-student-report__range strong,.tahfizh-student-report__teacher strong,.tahfizh-student-report__details strong{color:var(--text);text-align:right;font-size:13px;line-height:1.3}.tahfizh-student-report__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.tahfizh-student-report__details>div{background:linear-gradient(180deg,var(--report-accent-soft),#ffffffd1);border:1px solid #94a3b84d;border-radius:8px;flex-direction:column;justify-content:space-between;gap:6px;min-height:54px;padding:8px 10px;display:flex}.tahfizh-student-report__details strong{text-align:left;font-size:14px;font-weight:800}.tahfizh-student-report__note{background:linear-gradient(#f8fafce0,#ffffffb8);padding:8px 10px}.tahfizh-student-report__note p{color:var(--text);white-space:pre-wrap;margin:4px 0 0;font-size:13px;line-height:1.4}body[data-theme=dark] .tahfizh-student-report{border-color:var(--report-accent-line);background:linear-gradient(180deg,#0e1f36fa,#070e19f2), var(--surface);--report-accent:#38bdf8;--report-accent-strong:#7dd3fc;--report-accent-soft:#38bdf829;--report-accent-line:#38bdf8b8;--report-badge-text:#062235;box-shadow:0 14px 26px #00000047}body[data-theme=dark] .tahfizh-student-report--tilawati{--report-accent:#fbbf24;--report-accent-strong:#fde68a;--report-accent-soft:#fbbf2429;--report-accent-line:#fbbf24b8;--report-badge-text:#2a1600}body[data-theme=dark] .tahfizh-student-report__head,body[data-theme=dark] .tahfizh-student-report__range,body[data-theme=dark] .tahfizh-student-report__teacher,body[data-theme=dark] .tahfizh-student-report__note,body[data-theme=dark] .tahfizh-student-report__details>div{border-color:#7d92b438}body[data-theme=dark] .tahfizh-student-report__range,body[data-theme=dark] .tahfizh-student-report__teacher{background:#0f172a94}body[data-theme=dark] .tahfizh-student-report__details>div{background:linear-gradient(180deg,var(--report-accent-soft),#0f172a7a)}body[data-theme=dark] .tahfizh-student-report__note{background:linear-gradient(#0f172a8f,#11182775)}@media (max-width:640px){.tahfizh-student-report-list{grid-template-columns:1fr}.tahfizh-student-report{padding:11px}.tahfizh-student-report__head{flex-direction:column;align-items:flex-start}.tahfizh-student-report__range,.tahfizh-student-report__teacher{flex-direction:column;gap:6px}.tahfizh-student-report__range strong,.tahfizh-student-report__teacher strong{text-align:left}}.tahfizh-report-shell{flex-direction:column;gap:16px;display:flex}.tahfizh-report-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tahfizh-report-head h3{margin:4px 0;font-size:20px}.tahfizh-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tahfizh-report-table table{table-layout:fixed;border-collapse:separate;border-spacing:0;min-width:720px}.tahfizh-report-table td strong{font-weight:800}.tahfizh-report-table th,.tahfizh-report-table td{background:var(--surface)}.tahfizh-report-table th:first-child,.tahfizh-report-table td:first-child{z-index:3;text-align:center;background:var(--surface);width:48px;min-width:48px;max-width:48px;position:sticky;left:0}.tahfizh-report-table th:nth-child(2),.tahfizh-report-table td:nth-child(2){z-index:3;background:var(--surface);width:190px;min-width:190px;max-width:190px;position:sticky;left:48px;box-shadow:10px 0 12px -12px #0f172a73}.tahfizh-report-table th:first-child,.tahfizh-report-table th:nth-child(2){z-index:4}.tahfizh-report-table th:nth-child(n+3),.tahfizh-report-table td:nth-child(n+3){min-width:128px}.teacher-late-card{overflow:hidden}.teacher-late-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.teacher-late-head h3{margin:4px 0;font-size:18px}.teacher-late-filter{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.teacher-late-range{margin-bottom:10px}.teacher-late-metrics{margin-bottom:12px}.teacher-late-summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.teacher-late-summary-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.teacher-late-summary-item strong,.teacher-late-summary-item span{display:block}.teacher-late-table table{min-width:760px}.lesson-schedule-list{flex-direction:column;gap:10px;display:flex}.lesson-schedule-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:90px minmax(160px,1fr) 130px 130px;align-items:end;gap:10px;padding:10px;display:grid}.raport-tahfizh-document{color:#000;border-radius:var(--radius-sm);width:210mm;max-width:100%;box-shadow:var(--shadow);background:#fff;border:1px solid #111;margin:20px auto;padding:18px 20px;font-family:Times New Roman,serif;position:relative}.rtf-page-nav{z-index:30;-webkit-backdrop-filter:blur(10px);width:max-content;max-width:calc(100% - 24px);font-family:var(--font);background:#f8fafcf0;border:1px solid #94a3b852;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin:14px auto 0;padding:6px;display:flex;position:sticky;bottom:14px;box-shadow:0 16px 34px #0f172a29}.rtf-page-nav button{width:34px;height:34px;min-height:34px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0;font-weight:800;display:inline-flex}.rtf-page-nav button .material-symbols-rounded{font-size:20px}.rtf-page-nav button.active{color:#fff;background:linear-gradient(135deg,#0f4c81,#0f766e);box-shadow:0 8px 18px #0f4c813d}.rtf-page-nav span{text-align:center;min-width:34px;color:var(--text-secondary);margin:0;font-size:11px;font-weight:800}.rtf-page{break-after:page;page-break-after:always;display:none}.rtf-page.active{display:block}.rtf-page:last-child{break-after:auto;page-break-after:auto}.rtf-letterhead{border-bottom:3px solid #222;grid-template-columns:92px 1fr;align-items:center;padding-bottom:4px;display:grid}.rtf-logo img{object-fit:contain;width:82px;height:82px}.rtf-school{text-align:center}.rtf-school h2{letter-spacing:0;margin:0;font-size:22px;font-weight:800}.rtf-school p{margin:4px 0;font-size:10px;font-weight:700}.rtf-school h3{margin:4px 0 0;font-size:17px;font-weight:800}.rtf-summary{border-bottom:1px solid #111;border-left:1px solid #111;grid-template-columns:1.4fr .55fr .95fr 1.5fr;display:grid}.rtf-summary>div{border-right:1px solid #111;min-height:48px;padding:10px 12px}.rtf-summary strong{margin-right:8px;font-weight:800}.rtf-summary span{font-weight:700}.rtf-summary table{border-collapse:collapse;width:100%}.rtf-summary th,.rtf-summary td{text-align:center;border:1px solid #111;padding:2px 4px;font-size:12px}.rtf-summary-modern{background:#f8fafc;border:1px solid #111;border-top:0;grid-template-columns:1.55fr 1.15fr .82fr .82fr 1fr;gap:10px;padding:12px}.rtf-summary-modern>div{background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-height:0;padding:10px 12px;box-shadow:0 1px #0f172a0a}.rtf-summary-modern strong,.rtf-summary-modern span,.rtf-summary-modern small{display:block}.rtf-kicker,.rtf-score-panel span{color:#475569;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.rtf-identity-panel strong,.rtf-target-panel strong{overflow-wrap:anywhere;margin-top:4px;font-size:14px;line-height:1.2}.rtf-identity-panel small,.rtf-target-panel small{color:#475569;margin-top:4px;font-size:10px;font-weight:700}.rtf-score-panel{text-align:center}.rtf-score-panel strong{margin-top:6px;font-size:26px;line-height:1}.rtf-note-panel{text-align:center}.rtf-note-panel .rtf-arabic{margin-top:4px;font-size:22px}.rtf-arabic{text-align:center;margin-top:18px;font-size:22px;display:block}.rtf-table{border-collapse:collapse;width:100%;margin-top:26px;font-size:12px}.rtf-table th,.rtf-table td{vertical-align:middle;border:1px solid #111;padding:8px}.rtf-table th{text-align:center;background:#4960f9;font-weight:800}.rtf-center{text-align:center}.rtf-predicate{font-size:18px;font-weight:800}.rtf-general{text-align:center;line-height:1.35}.rtf-general strong{text-decoration:underline}.rtf-signatures{border:1px solid #111;border-top:0;grid-template-columns:1fr 1fr;gap:24px;min-height:150px;padding:18px 40px 10px;font-size:12px;display:grid}.rtf-signatures div{text-align:center}.rtf-signatures div:last-child{grid-column:1/-1}.rtf-signatures strong,.rtf-signatures b,.rtf-signatures span{display:block}.rtf-signature-qr{background:#fff;border:1px solid #111;width:86px;height:86px;margin:8px auto;display:block}.rtf-signatures .rtf-principal-qr-wrap{justify-content:center;align-items:center;gap:10px;margin:8px auto;display:inline-flex}.rtf-signatures .rtf-principal-qr-wrap .rtf-signature-qr{margin:0}.rtf-letterhead-compact{margin-bottom:12px}.rtf-surah-identity{border:1px solid #111;border-bottom:0;grid-template-columns:1.4fr .7fr .9fr;margin-top:12px;display:grid}.rtf-surah-identity div{border-right:1px solid #111;padding:8px 10px}.rtf-surah-identity div:last-child{border-right:0}.rtf-surah-identity strong,.rtf-surah-identity span{display:block}.rtf-surah-identity strong{text-transform:uppercase;font-size:10px}.rtf-surah-table{margin-top:0}body[data-theme=dark] #page-raport-tahfizh{color:#e5eefb}body[data-theme=dark] .raport-tahfizh-document{color:#e5eefb;background:#0f172a;border-color:#94a3b852;box-shadow:0 22px 55px #0000006b}body[data-theme=dark] .rtf-page-nav{background:#0f172ae0;border-color:#94a3b847}body[data-theme=dark] .rtf-page-nav button{color:#dbeafe}body[data-theme=dark] .rtf-page-nav span{color:#93a4bb}body[data-theme=dark] .rtf-letterhead{border-bottom-color:#93c5fd}body[data-theme=dark] .rtf-school h2,body[data-theme=dark] .rtf-school h3,body[data-theme=dark] .rtf-school p,body[data-theme=dark] .rtf-summary strong,body[data-theme=dark] .rtf-summary span,body[data-theme=dark] .rtf-summary small,body[data-theme=dark] .rtf-table,body[data-theme=dark] .rtf-signatures,body[data-theme=dark] .rtf-surah-identity{color:#e5eefb}body[data-theme=dark] .rtf-summary-modern{background:#111827;border-color:#94a3b852}body[data-theme=dark] .rtf-summary-modern>div,body[data-theme=dark] .rtf-surah-identity,body[data-theme=dark] .rtf-surah-identity div{background:#0b1220;border-color:#94a3b852}body[data-theme=dark] .rtf-kicker,body[data-theme=dark] .rtf-score-panel span,body[data-theme=dark] .rtf-identity-panel small,body[data-theme=dark] .rtf-target-panel small{color:#93c5fd}body[data-theme=dark] .rtf-table th{color:#fff;background:#1d4ed8;border-color:#bfdbfe52}body[data-theme=dark] .rtf-table td{color:#e5eefb;background:#0f172a;border-color:#94a3b852}body[data-theme=dark] .rtf-general{color:#e5eefb}body[data-theme=dark] .rtf-signatures{border-color:#94a3b852}body[data-theme=dark] .rtf-signature-qr{background:#fff;border-color:#e5e7eb}@media print{body:has(#raport-tahfizh-print-area) .topbar{display:none!important}body:has(#raport-tahfizh-print-area) .bottom-nav{display:none!important}body:has(#raport-tahfizh-print-area) #raport-tahfizh-filter-panel{display:none!important}body:has(#raport-tahfizh-print-area) .raport-back-btn{display:none!important}body:has(#raport-tahfizh-print-area) .raport-download-fab{display:none!important}body:has(#raport-tahfizh-print-area) .rtf-page-nav{display:none!important}body:has(#raport-tahfizh-print-area) .page{background:#fff!important;margin:0!important;padding:0!important;display:block!important}body:has(#raport-tahfizh-print-area) .content-area{background:#fff!important;margin:0!important;padding:0!important;display:block!important}body:has(#raport-tahfizh-print-area) #page-raport-tahfizh{background:#fff!important;margin:0!important;padding:0!important;display:block!important}body:has(#raport-tahfizh-print-area) .raport-tahfizh-document{width:190mm!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}body:has(#raport-tahfizh-print-area) .rtf-page{break-after:page;page-break-after:always;display:block!important}body:has(#raport-tahfizh-print-area) .rtf-page:last-child{break-after:auto;page-break-after:auto}}@media (max-width:768px){.raport-document{border-left:none;border-right:none;border-radius:0;width:100%;margin:0;padding:16px}.raport-back-btn{top:12px;left:12px}.raport-download-fab{z-index:9999;width:48px;height:48px;position:fixed;inset:auto 12px 86px auto}#page-raport-tahfizh #raport-tahfizh-download-fab{z-index:1;flex:0 0 42px;width:42px;height:42px;margin:0;box-shadow:0 10px 20px #0f4c8133;position:static!important;inset:auto!important}.rtf-surah-table th:nth-child(3),.rtf-surah-table th:nth-child(4),.rtf-surah-table th:nth-child(5),.rtf-surah-table td:nth-child(3),.rtf-surah-table td:nth-child(4),.rtf-surah-table td:nth-child(5){display:none}.rtf-surah-table{table-layout:fixed}.rtf-surah-table th:first-child,.rtf-surah-table td:first-child{width:36px}.rtf-surah-table th:nth-child(2),.rtf-surah-table td:nth-child(2){width:auto}.rtf-surah-table th:nth-child(6),.rtf-surah-table td:nth-child(6),.rtf-surah-table th:nth-child(7),.rtf-surah-table td:nth-child(7){width:54px}#page-raport-tahfizh.view-mode,#page-raport-tahfizh.view-mode #raport-tahfizh-content{overflow-x:hidden}.tahfizh-report-filter{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}.tahfizh-report-filter .form-group{min-width:0;margin-bottom:0}.tahfizh-report-filter .ltr-student-field{grid-column:1/-1}.tahfizh-report-filter button{grid-column:1/-1;width:100%;min-height:44px}.tahfizh-report-grid{grid-template-columns:1fr}.tahfizh-report-head{flex-direction:column}.tahfizh-report-head h3{font-size:18px;line-height:1.2}.tahfizh-report-table{-webkit-overflow-scrolling:touch;border-radius:0;margin-left:-8px;margin-right:-8px}.tahfizh-report-table table{min-width:760px;font-size:12px}.tahfizh-report-table th,.tahfizh-report-table td{vertical-align:top;padding:9px 8px}.tahfizh-report-table th:first-child,.tahfizh-report-table td:first-child{width:42px;min-width:42px;max-width:42px}.tahfizh-report-table th:nth-child(2),.tahfizh-report-table td:nth-child(2){width:148px;min-width:148px;max-width:148px;left:42px}.tahfizh-report-table td:nth-child(2){overflow-wrap:anywhere}.raport-tahfizh-document{box-sizing:border-box;border:1px solid #111;border-radius:0;width:calc(100vw - 24px);max-width:100%;margin:0 auto 24px;padding:10px 8px;overflow:visible}.rtf-letterhead{grid-template-columns:54px 1fr}.rtf-logo img{width:48px;height:48px}.rtf-school h2{font-size:13px;line-height:1.15}.rtf-school p{font-size:8px;line-height:1.2}.rtf-school h3{font-size:10px;line-height:1.2}.rtf-summary{grid-template-columns:1.25fr .72fr 1fr 1.25fr}.rtf-summary-modern{grid-template-columns:1.45fr 1.05fr .76fr .76fr .98fr;gap:5px;padding:6px}.rtf-summary>div{overflow-wrap:anywhere;min-height:36px;padding:5px 4px}.rtf-summary-modern>div{border-radius:4px;padding:5px 4px}.rtf-summary strong,.rtf-summary span{font-size:8px}.rtf-summary-modern small{font-size:7px}.rtf-kicker,.rtf-score-panel span{letter-spacing:.03em;font-size:6px}.rtf-identity-panel strong,.rtf-target-panel strong{font-size:8px;line-height:1.15}.rtf-score-panel strong{margin-top:3px;font-size:15px}.rtf-summary th,.rtf-summary td{padding:1px 2px;font-size:8px}.rtf-arabic{margin-top:8px;font-size:16px}.rtf-table{table-layout:fixed;width:100%;min-width:0;margin-top:14px;font-size:8px}.rtf-table th,.rtf-table td{overflow-wrap:anywhere;padding:4px 3px}.rtf-table th:first-child,.rtf-table td:first-child{width:8%}.rtf-table th:nth-child(2),.rtf-table td:nth-child(2){width:20%}.rtf-table th:nth-child(3),.rtf-table td:nth-child(3){width:12%}.rtf-table th:nth-child(4),.rtf-table td:nth-child(4){width:14%}.rtf-table th:nth-child(5),.rtf-table td:nth-child(5){width:46%}.rtf-predicate{font-size:12px}.rtf-signatures{gap:8px;min-height:112px;padding:10px 8px 8px;font-size:9px}.rtf-signature-qr{width:54px;height:54px;margin:5px auto}.rtf-principal-qr-wrap{gap:8px;margin:5px auto}.rtf-principal-qr-wrap .rtf-signature-qr{margin:0}}.readonly-input{background:var(--surface-soft)!important}.profile-avatar{background:var(--primary);color:#fff;cursor:pointer;background-position:50%;background-size:cover;border-radius:40px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 26px #0f4c812e}.profile-avatar .avatar-media,.sidebar-user__avatar .avatar-media{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:none;position:absolute;inset:0}.profile-avatar .avatar-fallback,.sidebar-user__avatar .avatar-fallback{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.profile-avatar.has-image .avatar-media,.sidebar-user__avatar.has-image .avatar-media{display:block}.profile-avatar.has-image .avatar-fallback,.sidebar-user__avatar.has-image .avatar-fallback{display:none}.profile-hero-card{background:radial-gradient(circle at 100% 0,#2563eb24,#0000 34%),linear-gradient(160deg,#fffffff5,#f4f9fffa);border:1px solid #0f4c811a;padding:18px;position:relative;overflow:hidden}.profile-hero-top{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.profile-hero-card .profile-avatar{flex-shrink:0;margin:0 auto}.profile-hero-meta{text-align:center;flex:0 auto;min-width:0}.profile-name{margin:0 0 4px;font-size:20px;font-weight:700}.profile-role{color:var(--text-secondary);margin:0;font-size:14px}.profile-main-stack{gap:14px;margin-top:14px;display:grid}.profile-inline-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;display:flex}.profile-inline-actions--hero{margin-top:14px}.profile-inline-action{--profile-action-tone:#0f4c81;background:linear-gradient(180deg, #ffffff57, #ffffff14 42%, #ffffff05 100%), var(--profile-action-tone);color:#fff;border:1px solid #ffffff47;border-radius:14px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff61,0 10px 18px #0f172a24}.profile-inline-action .material-symbols-rounded{z-index:1;font-variation-settings:"FILL" 1;text-shadow:0 1px 2px #0f172a2e;font-size:23px;position:relative}.profile-inline-action:before{content:"";opacity:.9;pointer-events:none;background:linear-gradient(#ffffff8f,#ffffff14);border-radius:999px;height:42%;position:absolute;top:5px;left:7px;right:7px}.profile-inline-action:active{transform:scale(.98)}.profile-inline-action--danger{--profile-action-tone:linear-gradient(135deg, #dc2626, #f97316)}.profile-inline-action--refresh{--profile-action-tone:linear-gradient(135deg, #0f766e, #14b8a6)}.profile-inline-action--active{--profile-action-tone:linear-gradient(135deg, #0f766e, #14b8a6);box-shadow:inset 0 1px #ffffff61,0 10px 18px #0f766e29}.profile-section-card{margin-bottom:0}.profile-split-actions{align-items:stretch}.profile-split-btn{flex:1 1 0}.profile-nis-heading{margin:0 0 4px}.profile-nis-copy{margin:0}.profile-activity-section{background:linear-gradient(#fffffffa,#f7fafffa);border:1px solid #0f4c8114;border-radius:20px;padding:16px 16px 14px}.profile-activity-panel{gap:10px;margin-top:12px;padding:6px 2px 2px;display:grid}.profile-activity-pagination{margin-top:12px}.profile-activity-item{background:#ffffffdb;border:1px solid #0f4c8114;border-radius:16px;padding:12px 14px;box-shadow:0 8px 18px #0f172a0d}.profile-activity-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.profile-activity-title{min-width:0;color:var(--text);flex:1;font-size:13px;font-weight:700;line-height:1.45}.profile-activity-time{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.maktabah-admin-card{margin-bottom:0}.payment-summary-card{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.payment-summary-icon{color:#fff;background:linear-gradient(135deg,#0f4c81,#2563eb);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 10px 20px #0f4c8138}.payment-history-card{background:linear-gradient(#fffffffa,#f4f8fff5);border:1px solid #0f4c811a;gap:12px;margin-bottom:0;display:grid;box-shadow:0 14px 26px #0f172a0f}.payment-history-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.payment-history-card__identity{align-items:center;gap:12px;min-width:0;display:flex}.payment-history-card__icon{color:#fff;background:linear-gradient(#ffffff47,#ffffff0a 42%,#ffffff03 100%),linear-gradient(135deg,#0f4c81,#2563eb);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 12px 22px #2563eb29}.payment-history-card__icon .material-symbols-rounded{font-size:22px}.payment-history-card__title{color:var(--text);margin:0 0 4px;font-size:16px;font-weight:800}.payment-history-card__meta{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.payment-history-card__amount{color:#15803d;letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:1.05}.payment-history-card__date{background:var(--surface-soft);border:1px solid var(--border);width:fit-content;min-height:34px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.payment-history-card__date .material-symbols-rounded{color:var(--primary);font-size:16px}.payment-history-card__chips{flex-wrap:wrap;gap:8px;display:flex}.payment-history-card__chip{color:#315273;background:#2563eb14;border:1px solid #2563eb1a;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.payment-history-card__chip .material-symbols-rounded{color:#2563eb;font-size:15px}.payment-history-card__footer{gap:10px;display:grid}.payment-history-card__proof{align-items:center;gap:4px;width:fit-content;margin-top:0;display:inline-flex}.payment-history-card__note{color:var(--text-secondary);background:#0f4c810d;border-radius:14px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.payment-summary-main{flex:1;min-width:0}.payment-summary-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.payment-summary-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.nis-pill{background:var(--surface);box-shadow:var(--shadow);border:1px solid #0f4c811f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.nis-pill .material-symbols-rounded{color:var(--primary);font-size:22px}.nis-pill-label{color:var(--text-secondary);font-size:11px}.nis-pill-value{color:var(--text);font-size:14px;font-weight:800}.maktabah-card{border-left:4px solid #0f766e}.maktabah-list{flex-direction:column;gap:10px;display:flex}.maktabah-item{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:12px;padding:12px;display:flex;box-shadow:0 10px 22px #0f172a0f}.maktabah-cover{background:var(--surface-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:80px;display:flex;overflow:hidden}.maktabah-cover--brand{background:linear-gradient(#0f4c8124,#fffffffa);border:1px solid #0f4c811a;position:relative}.maktabah-cover__brand{background:#fffffff5;border-radius:10px;justify-content:center;align-items:center;width:calc(100% - 14px);height:calc(100% - 18px);padding:10px;display:flex}.maktabah-cover__badge{color:#fff;letter-spacing:.08em;background:#0f172ac7;border-radius:999px;justify-content:center;padding:3px 6px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px;right:8px}.maktabah-cover img{object-fit:contain;width:100%;height:100%;display:block}.maktabah-info{flex-direction:column;flex:1;min-width:0;display:flex}.maktabah-title{color:var(--text);margin:0;font-size:14px;font-weight:800}.maktabah-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.maktabah-kind{width:30px;height:30px;color:var(--primary);background:#0f4c811a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.maktabah-kind .material-symbols-rounded{font-size:17px}.maktabah-desc{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.4}.maktabah-meta{color:var(--text-secondary);margin-top:6px;font-size:11px}.maktabah-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}#page-users .tab-bar{background:var(--surface-soft);border-radius:16px;padding:4px}#page-users .tab-bar button{padding:10px 12px;font-size:13px}.users-shell,.manage-students-shell,.pay-approval-shell,.jurnal-shell{gap:14px;display:grid}.users-tabs,.pay-approval-tabs,.jurnal-tabs{z-index:5;position:sticky;top:76px}.users-panel,.pay-approval-panel,.jurnal-panel{min-width:0}#pay-approval-list{grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;display:grid}#pay-approval-list .pay-approval-card{min-width:0;margin-bottom:0}.pay-approval-search-panel{margin-bottom:0}.pay-approval-search-head{margin-bottom:12px}.pay-approval-search-head--compact{margin-bottom:10px}.pay-approval-search-head .card-title{margin-bottom:4px}.pay-approval-search-unified{gap:8px;display:grid}.pay-approval-search-caption{color:var(--text-secondary);margin:0;font-size:12px;font-weight:800}.pay-approval-search-unified-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.pay-approval-search-input{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;align-items:center;gap:10px;min-height:46px;padding:0 6px 0 14px;display:flex}.pay-approval-search-input input{flex:auto;min-width:0;box-shadow:none!important;background:0 0!important;border:none!important;padding:12px 0!important}.pay-approval-search-inline-btn{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.pay-approval-search-inline-btn:hover,.pay-approval-search-inline-btn:focus-visible{color:var(--primary);background:#0f4c811a;transform:scale(1.03)}.pay-approval-search-inline-btn .material-symbols-rounded{font-size:20px}.pay-approval-search-submit-btn{width:46px;min-width:46px;border-radius:16px!important;min-height:46px!important;padding:0!important}.pay-approval-search-submit-btn .material-symbols-rounded{font-size:20px}.pay-approval-search-actions{flex-wrap:wrap;gap:10px;margin-top:0;display:flex}.pay-approval-search-actions .btn-sm{justify-content:center;min-height:42px;padding-inline:16px}.user-card-compact,.pay-approval-card,.jurnal-history-card{height:100%}.user-card-top{z-index:1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex;position:relative}@media (max-width:640px){.office-payment-grid{grid-template-columns:1fr}.office-payment-head{flex-direction:column}.pay-approval-search-unified-row{grid-template-columns:minmax(0,1fr) auto}.pay-approval-search-submit-btn{width:42px;min-width:42px;border-radius:14px!important;min-height:42px!important}}.user-card-surface,.user-card-meta{z-index:1;position:relative}.pay-approval-card .card-title{margin:0;font-size:16px;font-weight:800}.office-payment-card{background:linear-gradient(180deg, #0ea5e914, #ffffffd1), var(--surface);border:1px solid #0f4c812e;gap:12px;display:grid}.office-payment-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.office-payment-head .card-title{margin:3px 0 0;font-size:17px}.office-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.office-payment-nis-field,.office-payment-note-field{grid-column:1/-1}.office-payment-nis-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.office-payment-nis-row .btn{white-space:nowrap;min-height:44px}.office-payment-student{min-height:0}.office-payment-student-card{background:#0ea5e914;border:1px solid #0ea5e93d;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.office-payment-student-card .material-symbols-rounded{color:#0369a1;font-size:22px}.office-payment-student-card strong{color:var(--text);font-size:14px}.office-payment-student-card p{color:var(--text-secondary);margin:2px 0 0;font-size:12px;font-weight:700}.office-payment-result-modal{text-align:left}.office-payment-result-modal p{color:var(--text-secondary);margin:0 0 12px;font-size:13px;font-weight:600}.office-payment-result-list{gap:8px;max-height:min(360px,58vh);display:grid;overflow:auto}.office-payment-result-item{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.office-payment-result-item:hover,.office-payment-result-item:focus{background:#0ea5e914;border-color:#0f4c8173;outline:none}.office-payment-result-item .material-symbols-rounded{color:#0f4c81}.office-payment-result-item strong,.office-payment-result-item small{overflow-wrap:anywhere;min-width:0;display:block}.office-payment-result-item strong{font-size:14px}.office-payment-result-item small{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:700}.office-payment-submit{width:100%}.pay-approval-actions{flex-wrap:nowrap;align-items:stretch;gap:8px;margin-top:8px;display:flex}.pay-approval-actions .btn{white-space:nowrap;flex:1 1 0;justify-content:center;min-width:0}.pay-approval-actions .btn span:last-child{text-overflow:ellipsis;overflow:hidden}.pay-approval-proof{width:auto}.modal--proof-viewer{max-width:980px;max-height:92vh;padding:18px}.proof-modal-shell{gap:14px;display:grid}.proof-modal-note{background:linear-gradient(#f6f9fdf0,#ebf2fae0);border:1px solid #b8c6dc8f;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.proof-modal-note .material-symbols-rounded{color:#fff;background:linear-gradient(#0f4c81,#0a3a63);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 12px 24px #0f4c8133}.proof-modal-note strong{color:var(--text);font-size:14px;display:block}.proof-modal-note p{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.5}.proof-modal-media{gap:12px;display:grid}.proof-modal-image,.proof-modal-frame-wrap{background:linear-gradient(#eef4fb,#e4edf7);border:1px solid #b4c2d88a;border-radius:20px;width:100%;min-height:54vh;overflow:hidden}.proof-modal-image{object-fit:contain;max-height:68vh;padding:10px;display:block}.proof-modal-frame-wrap{background:linear-gradient(#1e293b,#0f172a)}.proof-modal-frame{background:#0f172a;border:none;width:100%;height:clamp(420px,68vh,760px);display:block}.proof-modal-image.is-hidden,.proof-modal-frame-wrap.is-hidden{display:none}.jurnal-history-card .card-title{margin:0;font-size:16px;font-weight:800}.jurnal-history-card .card-date{color:var(--text-secondary);white-space:nowrap;margin-left:12px;font-size:12px}.jurnal-history-card .card-teacher,.jurnal-history-card .card-copy{font-size:13px;line-height:1.5}.kop{text-align:center;border-bottom:3px double var(--text);margin-bottom:16px;padding-bottom:12px}.kop-row{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.kop-logo{background:var(--logo-url) center/cover no-repeat;border-radius:14px;flex-shrink:0;width:46px;height:46px;box-shadow:0 8px 16px #0f172a1f}.kop-text{text-align:left}.kop h2{text-transform:uppercase;font-size:16px;font-weight:800}.kop h3{color:var(--primary);font-size:13px;font-weight:600}.kop p{color:var(--text-secondary);font-size:11px}.table-container{border-radius:var(--radius-sm);margin:12px -8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--primary);color:#fff;text-align:left;white-space:nowrap;padding:10px 12px;font-weight:600}td{border-bottom:1px solid var(--border);padding:10px 12px}.modal-overlay{z-index:300;background:#00000080;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:85vh;padding:24px;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3{font-size:18px;font-weight:700}.modal-close{background:var(--bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.modal--pdf-viewer{max-width:1100px;max-height:92vh;padding:18px}.pdf-modal-shell{gap:14px;display:grid}.pdf-modal-note{background:linear-gradient(#f6f9fdf0,#ebf2fae0);border:1px solid #b8c6dc8f;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.pdf-modal-note .material-symbols-rounded{color:#fff;background:linear-gradient(#eb5757,#c93d3d);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 12px 24px #c93d3d33}.pdf-modal-note strong{color:var(--text);font-size:14px;display:block}.pdf-modal-note p{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.5}.pdf-modal-frame-wrap{background:linear-gradient(#1e293b,#0f172a);border:1px solid #b4c2d88a;border-radius:20px;min-height:58vh;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.pdf-modal-frame{background:#0f172a;border:none;width:100%;height:clamp(420px,68vh,760px);display:block}.pdf-modal-actions{justify-content:flex-end;gap:10px;display:flex}.toast{z-index:400;color:#fff;text-align:center;border-radius:12px;max-width:90%;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s toastIn;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:var(--primary)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.loader{justify-content:center;align-items:center;padding:40px;display:flex}.spinner{display:none}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.empty-state .material-symbols-rounded{opacity:.3;margin-bottom:12px;font-size:64px}.empty-state p{font-size:14px}.file-upload{border:2px dashed var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;padding:24px;transition:border-color .2s;position:relative;overflow:hidden}.file-upload:active{border-color:var(--primary)}.file-upload input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.file-upload>span,.file-upload>p,.file-upload>.file-preview{pointer-events:none}.file-upload .material-symbols-rounded{color:var(--primary);margin-bottom:8px;font-size:36px}.file-upload p{color:var(--text-secondary);font-size:13px}.file-preview{margin-top:8px}.file-preview img{border-radius:8px;max-width:100%;max-height:200px}.tab-bar{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin-bottom:16px;padding:4px;display:flex}.tab-bar button{font-size:13px;font-weight:600;font-family:var(--font);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;transition:all .2s}.tab-bar button.active{background:var(--primary);color:#fff}.search-bar{gap:6px;margin-bottom:16px;display:flex}.search-bar input{border:2px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font);background:var(--surface);flex:1;padding:12px 16px}.search-bar input:focus{border-color:var(--primary);outline:none}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-center{text-align:center}.text-sm{font-size:13px}.text-muted{color:var(--text-secondary)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.fw-600{font-weight:600}.fw-700{font-weight:700}.color-primary{color:var(--primary)}.color-success{color:var(--success)}.color-danger{color:var(--danger)}.page-title{margin-bottom:16px;font-size:20px;font-weight:800}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:14px;font-weight:700}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.info-row .label{color:var(--text-secondary)}.info-row .value{font-weight:600}.select-nis{margin-bottom:16px}.nis-radio-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:12px}.nis-radio-title{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:700}.nis-radio-list{gap:8px;display:grid}.nis-radio{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.nis-radio input{opacity:0;pointer-events:none;position:absolute}.nis-radio-dot{border:2px solid var(--primary);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.nis-radio input:checked+.nis-radio-dot:after{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px}.nis-radio-label{color:var(--text);font-size:13px;font-weight:700}.nis-radio.active{background:#0f4c8114;border-color:#0f4c8159}.amount{font-size:20px;font-weight:800}.amount.positive{color:var(--success)}.amount.negative{color:var(--danger)}:root{--primary:#0f4c81;--primary-light:#3c78ad;--primary-dark:#0b3458;--secondary:#0f766e;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--bg:#e2e8f0;--surface:#fffffff2;--surface-elevated:#fff;--surface-soft:#0f4c810d;--text:#0f223d;--text-secondary:#5e728d;--border:#0f4c8126;--shadow:0 20px 55px #0f233d1f;--hero-gradient:linear-gradient(135deg, #0f4c81 0%, #125d8a 46%, #0f766e 100%);--topbar-bg:#f8fcffc7;--nav-bg:#f8fcffe0;--input-bg:#ffffffe6;--chip-bg:#0f4c8114;--chip-text:#0f4c81;--muted-border:#ffffff52}body[data-theme=dark]{--primary:#7bc3ff;--primary-light:#b4ddff;--primary-dark:#58a8eb;--secondary:#5fd1c6;--success:#4ade80;--warning:#fbbf24;--danger:#fb7185;--bg:#09111f;--surface:#0a1323d1;--surface-elevated:#101b2f;--surface-soft:#7bc3ff14;--text:#e7eefb;--text-secondary:#8ea3c2;--border:#7bc3ff1f;--shadow:0 24px 60px #00000059;--hero-gradient:linear-gradient(135deg, #123354 0%, #0d5f6a 55%, #123354 100%);--topbar-bg:#080f1bd6;--nav-bg:#080f1beb;--input-bg:#0b1627eb;--chip-bg:#7bc3ff1f;--chip-text:#dceefd;--muted-border:#ffffff14}body{background:radial-gradient(circle at top left, #0f766e29, transparent 32%), radial-gradient(circle at top right, #0f4c812e, transparent 28%), var(--bg);color:var(--text);position:relative}body:before{content:"";pointer-events:none;opacity:.8;z-index:-1;background:linear-gradient(#ffffff14,#0000 24%);position:fixed;inset:0}.auth-container{background:var(--hero-gradient)}.auth-card,.card,.menu-item,.tab-bar,.modal,.topbar,.bottom-nav{border:1px solid var(--muted-border);box-shadow:var(--shadow)}.auth-card,.card,.menu-item,.tab-bar,.modal{background:var(--surface);-webkit-backdrop-filter:blur(22px)}.page{max-width:560px;padding:18px 18px 110px}.ios-header{letter-spacing:-.04em;margin-bottom:10px}.dashboard-hero{background:var(--hero-gradient);color:#fff;border-radius:28px;margin-bottom:18px;padding:20px;position:relative;overflow:hidden;box-shadow:0 24px 55px #0f4c8147}.dashboard-hero:after{content:"";filter:blur(6px);pointer-events:none;background:#ffffff24;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-50px}.dashboard-hero__brand{align-items:center;gap:10px;display:flex}.dashboard-hero__content{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.dashboard-hero__logo{flex-shrink:0;width:50px;height:50px}.dashboard-subtitle{font-size:12px;line-height:1.1}.dashboard-hero__utility{z-index:2;gap:10px;min-width:min(100%,244px);display:none;position:relative}.dashboard-hero__clock-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#ffffff29;border-radius:22px;gap:6px;padding:16px 18px;display:grid;position:relative;box-shadow:inset 0 1px #fff3}.dashboard-hero__clock-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-hero__clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#fff;font-size:clamp(28px,4vw,38px);line-height:1}.dashboard-hero__date-stack{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.dashboard-hero__clock-day,.dashboard-hero__clock-date{color:#ffffffdb;font-size:13px;line-height:1.45}.dashboard-hero__date-sep{color:#ffffffad;font-size:13px;line-height:1}.dashboard-hero__actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.dashboard-hero__action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.dashboard-hero__action-btn .material-symbols-rounded{font-size:18px}.dashboard-hero__action-btn:hover,.dashboard-hero__action-btn:focus-visible{background:#ffffff2e;border-color:#ffffff47;transform:translateY(-1px);box-shadow:0 12px 22px #0f172a24}.dashboard-hero__action-btn--danger{background:#dc262629;border-color:#fecaca2e}.dashboard-hero__title{margin-bottom:4px;font-size:18px}.dashboard-hero__lead{color:#e2e8f0;margin-bottom:4px;font-size:14px;line-height:1.35}.dashboard-lower-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:8px;display:grid}.dashboard-lower-slot{min-width:0}.dashboard-summary-card{height:100%}.section-link{color:var(--primary);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:700;text-decoration:none}.section-link:hover{text-decoration:underline}.info-preview-card{cursor:pointer;border-left:4px solid var(--primary);margin-bottom:12px;padding:14px}.info-preview-tag{padding:3px 8px;font-size:10px}.info-preview-date{font-size:11px}.info-preview-title{margin-bottom:4px;font-size:14px;font-weight:700}.info-preview-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.dashboard-hero img{width:100px;height:100px}.topbar{background:var(--topbar-bg);color:var(--text);border-bottom:1px solid var(--border);height:68px;padding:18px 16px 12px}.topbar h1{color:var(--text);font-size:18px;font-weight:700}.topbar-actions{align-items:center;gap:6px;display:flex;position:absolute;right:8px}.topbar .nav-btn{color:var(--primary);background:var(--surface-soft);border-radius:14px;justify-content:center;width:42px;height:42px}.topbar .nav-btn.left{left:8px}.topbar-actions .nav-btn{position:relative;top:auto;right:auto}.bottom-nav{background:var(--nav-bg);border-top:1px solid var(--border);padding-top:8px}.bottom-nav a{color:var(--text-secondary);font-size:11px;font-weight:700}.bottom-nav a.active{color:var(--primary)}.bottom-nav a .material-symbols-rounded{margin-bottom:2px}.card{padding:22px;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.menu-item{min-height:126px;padding:18px 12px;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.menu-item .icon{border-radius:16px;width:52px;height:52px;margin-bottom:10px;box-shadow:none!important}.menu-item .label{font-size:11px;background:0 0!important}.stat-card{flex-direction:column;justify-content:space-between;min-height:118px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.stat-card .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stat-card .value{color:var(--text);font-size:30px;font-weight:800}.dash-grid{gap:14px;margin-bottom:22px}.launcher-tile{box-shadow:none!important;background:0 0!important;border:none!important}.launcher-tile:before,.launcher-tile:after{display:none!important}.form-group input,.form-group select,.form-group textarea,.search-bar input{background:var(--input-bg);color:var(--text);border-color:var(--border);border-width:1px;border-radius:16px}.form-group input::placeholder,.form-group textarea::placeholder,.search-bar input::placeholder{color:var(--text-secondary);opacity:.9}.btn{border-radius:16px;min-height:52px}.btn-secondary{background:var(--surface-soft);border-color:var(--border);color:var(--text)}.tab-bar{background:var(--surface);border-radius:20px;padding:6px}.tab-bar button{border-radius:14px}.tab-bar button.active{background:linear-gradient(135deg, var(--primary), var(--secondary))}.section-title{color:var(--text-secondary);letter-spacing:.12em;margin-bottom:10px}.info-row{border-bottom:1px solid var(--border)}tr:nth-child(2n){background:var(--surface-soft)}.modal{background:var(--surface-elevated)}.file-upload{background:var(--surface-soft);border-color:var(--border);border-style:solid}.helper-text{background:var(--surface-soft);color:var(--text-secondary);border-radius:16px;margin:4px 0 18px;padding:12px 14px;font-size:13px;line-height:1.5}.helper-text.warning{color:var(--warning)}.jurnal-card{overflow:hidden}.jurnal-header{margin-bottom:10px}.pill-accent{background:var(--chip-bg);color:var(--chip-text);border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.ios-mini-hero{background:radial-gradient(circle at 100% 0,#3b82f61f,#0000 34%),linear-gradient(145deg,#fffffff5,#f2f8fff0);border:1px solid #2563eb1a;border-radius:22px;gap:14px;margin-bottom:16px;padding:14px;display:grid;box-shadow:0 14px 30px #0f172a0f}.ios-mini-hero--compact{padding:12px 14px}.ios-mini-hero__top{align-items:center;gap:12px;min-width:0;display:flex}.ios-mini-hero__icon{color:#fff;background:linear-gradient(#ffffff42,#ffffff0a 42%,#ffffff03 100%),linear-gradient(135deg,#2563eb,#0f4c81);border:1px solid #ffffff4d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 12px 22px #2563eb2e}.ios-mini-hero__icon .material-symbols-rounded{font-size:24px}.ios-mini-hero__copy{gap:4px;min-width:0;display:grid}.ios-mini-hero__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#2563eb;font-size:11px;font-weight:800}.ios-mini-hero__title{letter-spacing:-.03em;color:#17324d;margin:0;font-size:18px;line-height:1.15}.ios-mini-hero__chips{flex-wrap:wrap;gap:8px;display:flex}.ios-mini-hero__chip{color:#315273;background:#ffffffd1;border:1px solid #2563eb1a;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.ios-mini-hero__chip .material-symbols-rounded{color:#2563eb;font-size:15px}.ios-inline-note{background:var(--surface-soft);border:1px solid var(--border);min-height:36px;color:var(--text-secondary);border-radius:14px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.ios-inline-note .material-symbols-rounded{color:var(--primary);font-size:17px}.jurnal-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.jurnal-select-grid .form-group:nth-child(5){grid-column:1/-1}.jurnal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.summary-tile{background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;padding:10px 12px}.summary-tile .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px}.summary-tile .value{color:var(--text);font-size:18px;font-weight:800}.section-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.jurnal-attendance-panel{background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;margin-bottom:10px;padding:10px}.attendance-item{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:6px 0;display:flex}.attendance-item:last-child{border-bottom:none;padding-bottom:0}.attendance-name{color:var(--text);margin-bottom:2px;font-size:11px;font-weight:700}.attendance-meta{color:var(--text-secondary);font-size:9px}.attendance-status-group{flex-wrap:nowrap;gap:3px;margin-left:auto;display:flex}.radio-chip{background:var(--surface-elevated);border:1px solid var(--border);min-width:34px;color:var(--text-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:4px 6px;font-size:9px;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.radio-chip input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.radio-chip span{z-index:0;position:relative}.radio-chip.active{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-color:#0000;box-shadow:0 10px 20px #0f4c8138}.empty-inline{background:var(--surface-elevated);border:1px dashed var(--border);color:var(--text-secondary);text-align:center;border-radius:18px;padding:20px 16px;font-size:13px}.jurnal-history-summary{background:var(--surface-soft);color:var(--text-secondary);border-radius:16px;margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.5}.theme-toggle-inline{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.profile-theme-card{justify-content:space-between;align-items:center;gap:6px;display:flex}.profile-theme-title{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:700}.profile-nis-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.profile-nis-add{align-items:center;gap:8px;margin:8px 0 12px;display:flex}.profile-nis-add input{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:1;min-width:0;padding:8px 10px;font-size:13px}.profile-nis-item{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:8px 10px;display:flex}.profile-nis-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.profile-nis-meta .nis-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.profile-nis-meta .nis-sub{color:var(--text-secondary);font-size:10px}.profile-nis-actions .btn-sm{border-radius:8px;padding:4px 8px}@media (hover:hover) and (pointer:fine){.profile-inline-action:hover,.pay-pagination-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px #0f4c811f}}@media (max-width:640px){.profile-hero-top{align-items:center}.profile-inline-action{flex-basis:38px;width:38px;height:38px;min-height:38px}.profile-inline-action .material-symbols-rounded{font-size:20px}.profile-activity-section{padding:14px 14px 12px}.profile-activity-head{flex-direction:column;gap:4px}.profile-activity-time{white-space:normal}}.sys-tools{display:block}.sys-acc{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-bottom:12px;padding:10px 12px}.sys-acc summary{cursor:pointer;color:var(--text);align-items:center;gap:10px;font-weight:800;list-style:none;display:flex}.sys-acc summary::-webkit-details-marker{display:none}.sys-acc summary .material-symbols-rounded{color:var(--primary);font-size:18px}.sys-acc[open]{box-shadow:0 10px 26px #0000000f}.sys-grid{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}.sys-grid-span-2{grid-column:span 1}@media (min-width:720px){.sys-grid{grid-template-columns:1fr 1fr}.sys-grid-span-2{grid-column:1/-1}}.sys-brand-preview{background:linear-gradient(135deg,#4f46e514,#06b6d414);border:1px dashed #4f46e538;border-radius:16px;align-items:center;gap:14px;margin-top:14px;padding:14px;display:flex}.sys-brand-preview__logo{background:#fff;border:1px solid #94a3b847;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden;box-shadow:0 10px 24px #0f172a1f}.sys-brand-preview__logo img{object-fit:cover;width:100%;height:100%;display:block}.sys-brand-preview__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.sys-brand-preview__name{color:var(--text);font-size:15px;font-weight:800;line-height:1.3}.sys-brand-preview__meta{color:var(--text-secondary);font-size:12px;line-height:1.4}.sys-brand-preview__tag{color:var(--primary-dark);font-size:12px;font-weight:700;line-height:1.4}.sys-upload-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.sys-upload-row input[type=file]{flex:220px;min-width:180px}.sys-upload-note{margin-top:6px}@media (max-width:520px){.sys-brand-preview{align-items:flex-start}.sys-brand-preview__logo{border-radius:16px;width:64px;height:64px}}.sys-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:360px){.sys-actions{grid-template-columns:1fr}}.sys-actions .btn{justify-content:center;width:100%}.sys-archive-panel{flex-direction:column;gap:10px;margin-top:12px;display:flex}.sys-archive-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sys-archive-section{color:var(--text);font-size:13px;font-weight:800}.sys-archive-subhead{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:11px;font-weight:700}.sys-archive-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sys-archive-controls select{flex:220px;min-width:180px}.sys-archive-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.sys-archive-item{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sys-archive-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sys-archive-title{color:var(--text);font-size:13px;font-weight:700}.sys-archive-meta{color:var(--text-secondary);font-size:11px}.sys-archive-action{flex-shrink:0}.sys-archive-missing{color:var(--text-secondary);font-size:11px}.load-more-btn{width:100%;margin-top:12px}.pay-pagination{background:linear-gradient(#fffffffa,#f7fafffa);border:1px solid #0f4c8114;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:8px 10px;display:flex;box-shadow:0 8px 18px #0f172a0d}.pay-pagination-center{text-align:center;justify-items:center;gap:2px;min-width:56px;display:grid}.pay-pagination-indicator{color:var(--text);font-size:12px;font-weight:800}.pay-pagination-summary{color:var(--text-secondary);font-size:11px;font-weight:600}.pay-pagination-btn{color:#fff;background:linear-gradient(#ffffff57,#ffffff14 42%,#ffffff05 100%),linear-gradient(135deg,#0f4c81,#2563eb);border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:18px;font-weight:800;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff61,0 8px 14px #0f172a1f}.pay-pagination-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8f,#ffffff14);border-radius:999px;height:42%;position:absolute;top:4px;left:6px;right:6px}.pay-pagination-btn[disabled]{opacity:.45;box-shadow:none;cursor:not-allowed}#profile-avatar{background-color:var(--primary);border:4px solid #ffffff38;box-shadow:0 16px 30px #0f4c8133}#profile-avatar.is-loading{opacity:.72}.status-pending{color:#b45309;background:#f59e0b29}.status-confirmed,.status-approved,.status-active,.status-hadir{color:#15803d;background:#22c55e24}.status-rejected,.status-blocked{color:#b91c1c;background:#ef444424}body[data-theme=dark] .status-pending{color:#fbbf24}body[data-theme=dark] .status-confirmed,body[data-theme=dark] .status-approved,body[data-theme=dark] .status-active,body[data-theme=dark] .status-hadir{color:#86efac}body[data-theme=dark] .status-rejected,body[data-theme=dark] .status-blocked{color:#fda4af}@media (max-width:420px){.jurnal-select-grid,.jurnal-summary-grid{grid-template-columns:1fr}.attendance-item{flex-direction:column;align-items:flex-start}.attendance-status-group{width:100%;margin-left:0}.profile-theme-card{flex-direction:column;align-items:flex-start}}body.app-booting{overflow:hidden}body.app-booting .page,body.app-booting .auth-container,body.app-booting #topbar,body.app-booting #bottom-nav{display:none!important}.app-boot-screen{background:radial-gradient(circle at top, #0f766e2e, transparent 35%), var(--bg);z-index:3000;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}body.app-booting .app-boot-screen{display:flex}.app-boot-card{background:var(--surface);border:1px solid var(--border);width:min(100%,340px);box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(18px);border-radius:28px;padding:28px 24px}.app-boot-mark{color:#fff;background:var(--hero-gradient);border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 16px;display:flex;box-shadow:0 18px 36px #0f4c8138}.app-boot-mark .material-symbols-rounded{font-size:34px}.app-boot-card h1{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:800}.app-boot-card p{color:var(--text-secondary);margin-bottom:18px;font-size:13px;line-height:1.65}.app-boot-loader{background:var(--logo-url) center/cover no-repeat;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;animation:1.2s ease-in-out infinite logoPulse;display:inline-flex;position:relative;box-shadow:0 12px 30px #0f4c8138}.app-boot-loader img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.app-boot-loader span{display:none}.app-boot-loader:after{content:"";border:3px solid #4f46e52e;border-top-color:#06b6d4bf;border-radius:50%;animation:.9s linear infinite logoSpin;position:absolute;inset:-9px}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes logoSpin{to{transform:rotate(360deg)}}.swal-loader{flex-direction:column;align-items:center;gap:10px;padding:8px 0 2px;display:flex}.swal-loader .loader-caption{color:var(--text-secondary);font-size:12px}body[data-theme=dark] .chat-bubble.received{color:var(--text);background:#101b2ff0;border-color:#7bc3ff29}body[data-theme=dark] .chat-bubble.received .time{color:#9fb3ce}body[data-theme=dark] .chat-input-area{border-top-color:#7bc3ff1f}body[data-theme=dark] .chat-input-area input{color:var(--text);background:#09111ff5;border-color:#7bc3ff2e}body[data-theme=dark] .conv-item{background:#101b2feb;border-color:#7bc3ff24}body[data-theme=dark] .conv-info h4{color:var(--text)}body[data-theme=dark] .conv-info p,body[data-theme=dark] .conv-meta .time{color:#9fb3ce}.user-card-identity{align-items:center;gap:12px;min-width:0;display:flex}.user-card-avatar{background:linear-gradient(135deg, var(--primary-dark), var(--secondary));color:#fff;letter-spacing:.06em;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:flex;box-shadow:0 12px 24px #0f4c812e}.action-icon-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:11px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.action-icon-btn:hover,.action-icon-btn:active{transform:translateY(-1px)}.action-icon-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.action-icon-btn.edit{color:#2563eb;background:#2563eb1f;box-shadow:0 10px 18px #2563eb24}.action-icon-btn.reset{color:#0f766e;background:#0f766e24;box-shadow:0 10px 18px #0f766e24}.action-icon-btn.delete{color:#dc2626;background:#dc26261f;box-shadow:0 10px 18px #dc262624}body[data-theme=dark] .action-icon-btn.edit{color:#93c5fd;background:#60a5fa29}body[data-theme=dark] .action-icon-btn.reset{color:#5eead4;background:#5eead424}body[data-theme=dark] .action-icon-btn.delete{color:#fda4af;background:#fb718529}.salary-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;display:grid}.tahfizh-entry-list{gap:12px;margin:12px 0 14px;display:grid}.tahfizh-entry-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:14px}.tahfizh-entry-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.tahfizh-entry-head h4{margin:0;font-size:14px}.tahfizh-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;display:grid}.tahfizh-entry-grid .form-group.full{grid-column:1/-1}.salary-total-preview{color:#fff;background:linear-gradient(135deg,#0f4c81,#0f766e);border-radius:22px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 18px;padding:16px 18px;display:flex;box-shadow:0 18px 32px #0f4c8138}.salary-total-preview span{letter-spacing:.08em;text-transform:uppercase;opacity:.82;font-size:11px;font-weight:700}.salary-total-preview strong{font-size:24px;font-weight:800}.penilaian-summary-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:18px;margin-bottom:14px;padding:14px 16px}.floating-fab{color:#fff;z-index:60;border:none;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;display:none;position:fixed;bottom:96px;right:18px;box-shadow:0 16px 28px #0f4c8152}.floating-fab .material-symbols-rounded{font-size:26px}.info-fab{background:linear-gradient(145deg,#0f4c81,#2563eb)}.gaji-fab{background:linear-gradient(145deg,#0f766e,#2563eb)}@media (max-width:420px){.salary-form-grid{grid-template-columns:1fr}.salary-total-preview{flex-direction:column;align-items:flex-start}.action-icon-btn span{display:none}}#global-loader{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a14;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;inset:0}.global-spinner-wrapper{margin-top:20px}.loader-text{color:#333;margin-top:15px;font-family:sans-serif;font-weight:700}@media (max-width:380px){.jurnal-select-grid{grid-template-columns:1fr}.jurnal-select-grid .form-group:last-child{grid-column:span 1}}@media (max-width:480px){.menu-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.menu-item{min-height:85px;padding:12px 4px}.menu-item .icon{width:40px;height:40px;margin-bottom:6px}.menu-item .label{font-size:10.5px}.page{padding:88px 12px 76px}.card{margin-bottom:12px;padding:16px}.table-container{border-radius:0;margin:12px -12px}th,td{padding:8px 10px;font-size:12px}.topbar,.bottom-nav,.auth-card,.confirm-dialog{-webkit-backdrop-filter:none!important;background:var(--surface)!important}body[data-theme=dark] .topbar,body[data-theme=dark] .bottom-nav{background:#1e293b!important}.card,.menu-item,.dash-card,.chat-container{transition:none!important;box-shadow:0 2px 8px #0000000d!important}}.boot-screen{z-index:9999;background:linear-gradient(135deg,#f8fafc,#eef2ff);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot-card{text-align:center;padding:24px;animation:.5s fadeBoot}.boot-logo{background:linear-gradient(135deg,#0f4c81,#1e88e5);border-radius:22px;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;display:flex;box-shadow:0 12px 28px #00000026}.boot-logo img{object-fit:contain;width:90px;height:90px}.boot-title{margin-top:14px;font-size:18px;font-weight:700}.boot-loading-text{color:#64748b;text-align:center;margin:16px 0 0;font-size:14px;animation:2s infinite bootTextPulse}@keyframes bootTextPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes fadeBoot{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo img{width:100px;height:auto;margin:0 auto 10px;display:block}.auth-logo h1{margin:6px 0 2px;font-size:18px;font-weight:700}.auth-logo p{color:#64748b;font-size:13px}.skeleton{background:linear-gradient(90deg, var(--border) 25%, #ffffff80 50%, var(--border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-line{border-radius:6px;height:14px;margin-bottom:8px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-card{height:80px;margin-bottom:12px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.offline-bar{z-index:200;background:var(--danger);color:#fff;text-align:center;padding:6px;font-size:12px;font-weight:600;animation:.3s fadeIn;display:none;position:fixed;top:56px;left:0;right:0}.offline-bar.visible{display:block}:root{--app-shell-md:760px;--app-shell-max:1180px;--app-shell-gutter:clamp(12px, 2vw, 24px)}img,canvas,svg{max-width:100%;height:auto}input,select,textarea,button{min-width:0}.page{width:min(100%, var(--app-shell-md));max-width:none;padding:88px var(--app-shell-gutter) 88px}.content-area{padding-top:72px}.dashboard-hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:16px;display:grid}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.launcher-grid,.metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pending-actions,.payment-grid,.jurnal-select-grid,.jurnal-summary-grid{grid-template-columns:1fr}.table-container{border-radius:min(18px, var(--radius));-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-inline:0}.table-container table{min-width:640px}.finance-table-container{overflow-x:hidden}.finance-table-container .finance-report-table{table-layout:fixed;min-width:0}.finance-report-table th,.finance-report-table td{vertical-align:middle;word-break:break-word;white-space:normal;padding:8px 6px}.finance-report-table th:first-child,.finance-report-table td.finance-col-type{width:24%}.finance-report-table th:nth-child(2),.finance-report-table td.finance-col-amount{width:31%}.finance-report-table th:nth-child(3),.finance-report-table td.finance-col-note{width:45%}.finance-col-type{font-size:11px;font-weight:700}.finance-amount-text{font-size:13px;font-weight:800;line-height:1.2;display:block}.finance-note-text{font-size:11px;font-weight:700;line-height:1.2;display:inline-block}.finance-total-merged{text-align:center}.finance-total-label{opacity:.86;font-size:11px;font-weight:700;line-height:1.1;display:block}.finance-total-amount{margin-top:2px;font-size:17px;font-weight:900;line-height:1.15;display:block}.modal-overlay{padding:0}.modal{width:min(100%,720px);max-width:min(100vw - 24px,720px)}@media (min-width:640px){.page{width:min(100%, var(--app-shell-md));padding:92px var(--app-shell-gutter) 104px}.content-area{padding-top:76px}.payment-grid,.jurnal-select-grid,.jurnal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jurnal-select-grid .form-group:nth-child(5){grid-column:1/-1}.modal-overlay{align-items:center;padding:24px}.modal{border-radius:28px;max-height:min(88vh,760px)}.dashboard-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (min-width:960px){.topbar,.bottom-nav,.offline-bar{width:min(calc(100vw - 32px), var(--app-shell-max));left:50%;right:auto;transform:translate(-50%)}.topbar{border-bottom-right-radius:18px;border-bottom-left-radius:18px}.bottom-nav{border-top-left-radius:18px;border-top-right-radius:18px;bottom:10px}.offline-bar{border-radius:14px;padding-inline:12px;top:76px;left:50%;right:auto}.page{width:min(100%, var(--app-shell-max));padding-inline:24px}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.launcher-grid,.metric-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard-hero{grid-template-columns:minmax(0,1fr) auto}.payment-shell{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start}#payment-nis-select,.payment-student-card,.payment-tabs,#pay-form{grid-column:1}#pay-history{grid-area:1/2/span 4;align-self:start}#pay-history[style*=display\:none]{grid-area:auto/1/auto/-1}.users-shell,.manage-students-shell,.pay-approval-shell,.jurnal-shell{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start}.users-tabs,.pay-approval-tabs,.jurnal-tabs{grid-column:1}#users-pending,#users-all,#users-add,.manage-students-toolbar,#manage-students-list,#manage-students-pagination,#pay-approval-search-panel,#pay-approval-list,#pay-approval-pagination,#jurnal-form,#jurnal-list{grid-column:2}#pay-approval-pagination{margin-top:-2px}.izin-shell,.gaji-shell{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start}.presensi-shell{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start}.treasurer-shell,.ticket-shell{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start}.izin-tabs,.ticket-tabs,#perizinan-nis-select,#perizinan-student-card,#izin-form,#izin-list,#treasurer-search-panel,#treasurer-report-panel,#ticket-create,#ticket-track,.raport-filter-row,.gaji-intro-card,#gaji-content,#live-clock,.presensi-shift-card,.presensi-actions,.presensi-history-panel{grid-column:1}#izin-list,#treasurer-finance-summary,#treasurer-finance-results,#ticket-list,#gaji-content,.presensi-history-panel{grid-column:2}#treasurer-search-panel{z-index:3;position:sticky;top:92px}#treasurer-report-panel{grid-column:1;margin-top:0}#treasurer-finance-summary{grid-row:1}#treasurer-finance-results{grid-row:2/span 2;margin-top:0}.treasurer-summary-card .launcher-chip{flex-shrink:0}.treasurer-result-card{padding:18px 20px}.treasurer-result-head{align-items:center}.treasurer-result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.treasurer-result-actions .btn{min-width:0}.treasurer-pagination-row{align-items:center}#live-clock,.presensi-shift-card,.presensi-actions{grid-column:1}.presensi-history-panel{grid-row:1/span 4;align-self:start;margin-top:0}#izin-list[style*=display\:none],#ticket-list[style*=display\:none],#gaji-content:empty{grid-area:auto/1/auto/-1}}@media (max-width:479px){.page{width:100%;padding:84px 12px 80px}.dashboard-hero{gap:12px}.dashboard-hero__logo{width:50px;height:50px}.dashboard-hero__logo img{width:32px;height:32px}.dashboard-hero__title{font-size:16px}.dashboard-hero__lead,.dashboard-subtitle{font-size:13px}.payment-tabs,.users-tabs,.pay-approval-tabs,.jurnal-tabs,.izin-tabs,.ticket-tabs{top:70px}.modal-overlay{padding:0}.modal{border-radius:24px 24px 0 0;width:100%;max-width:100%}.table-container table{min-width:560px}.finance-table-container .finance-report-table{min-width:0}.finance-report-table th,.finance-report-table td{padding:7px 5px}.finance-col-type,.finance-note-text{font-size:10px}.finance-amount-text{font-size:12px}.finance-total-amount{font-size:16px}}@media (hover:none) and (pointer:coarse){.dashboard-hero,.monitor-hero,.launcher-tile,.card,.menu-item,.modal,.tab-bar{box-shadow:0 2px 8px #0f172a0f!important}.dashboard-hero:after,.launcher-tile:before,.launcher-tile:after{display:none!important}.monitor-hero .hero-pulse,.boot-bar{animation:none!important}.payment-tabs,.users-tabs,.pay-approval-tabs,.jurnal-tabs,.izin-tabs,.ticket-tabs{position:static}}:root{--motion-fast:.18s;--motion-base:.24s;--shadow-soft:0 8px 18px #0f172a0f;--shadow-float:0 14px 28px #0f172a1a;--panel-blur:14px}.btn,.tab-bar button,.menu-item,.launcher-tile,.dash-card,.action-icon-btn,.input-action-btn,.radio-chip,.floating-fab,.user-card-compact{transition-property:transform,box-shadow,border-color,background-color,color,opacity;transition-duration:var(--motion-fast);transition-timing-function:ease}.card,.menu-item,.launcher-tile,.user-card-compact,.student-summary-card,.payment-summary-card,.jurnal-card,.presensi-shift-card,.monitor-hero,.maktabah-item{contain:layout paint style}#dash-menu,#dash-info,#dash-bendahara-panel,#monitor-result,#users-pending,#users-all,#izin-list,#gaji-content,#jurnal-list,#presensi-history,#ticket-manage-list,#maktabah-list{content-visibility:auto;contain-intrinsic-size:auto 360px}#pay-approval-list{content-visibility:visible;contain-intrinsic-size:auto}#pay-form,#pay-history{content-visibility:auto;contain-intrinsic-size:auto 420px}.topbar,.bottom-nav,.tab-bar,.modal,.auth-card,.confirm-dialog{-webkit-backdrop-filter:blur(var(--panel-blur))}.card,.user-card-compact,.monitor-hero,.maktabah-item{box-shadow:var(--shadow-soft)}.menu-item,.launcher-tile,.floating-fab{box-shadow:var(--shadow-float)}@media (prefers-reduced-motion:reduce){.hero-pulse,.boot-bar,.skeleton,.floating-fab,.launcher-tile,.menu-item,.dash-card{transition:none!important;animation:none!important}}@media (max-width:767px),(hover:none) and (pointer:coarse){:root{--panel-blur:0px;--shadow-soft:0 2px 8px #0f172a0d;--shadow-float:0 4px 12px #0f172a14}.dashboard-hero,.card,.menu-item,.launcher-tile,.user-card-compact,.student-summary-card,.monitor-hero,.floating-fab,.maktabah-item{box-shadow:var(--shadow-soft)!important}.menu-item:hover,.launcher-tile:hover,.dash-card:hover,.action-icon-btn:hover{transform:none!important}}:root{--primary:#0f4c81;--primary-light:#3b7aab;--primary-dark:#0b3558;--secondary:#0f766e;--bg:#eef4f8;--surface:#fffffff0;--surface-soft:#0f4c810f;--border:#0f4c8124;--shadow:0 18px 42px #0f233d1a;--hero-gradient:linear-gradient(135deg, #0f4c81 0%, #145f8d 48%, #0f766e 100%);--topbar-bg:#fafcffdb;--nav-bg:#f8fbffeb;--input-bg:#fffffff5}.auth-container{background:radial-gradient(circle at top left, #ffffff2e, transparent 28%), radial-gradient(circle at bottom right, #ffffff1f, transparent 32%), var(--hero-gradient);padding:32px 20px 24px;position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";pointer-events:none;opacity:.2;border-radius:50%;position:absolute}.auth-container:before{background:#ffffff47;width:180px;height:180px;top:-70px;right:-30px}.auth-container:after{background:#fff3;width:140px;height:140px;bottom:-48px;left:-34px}.auth-card{background:#fffffff5;border:1px solid #ffffff61;border-radius:28px;width:min(100%,420px);padding:30px 22px;box-shadow:0 24px 54px #09192f2e}.auth-links a{color:var(--primary-dark)}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);border-width:1.5px;min-height:52px;box-shadow:inset 0 1px #ffffffbf}.input-action-btn{background:var(--surface-soft);border-width:1.5px}.btn{letter-spacing:.01em;min-height:52px;font-weight:700}.btn.is-busy{opacity:.92}.btn-spinner-icon{animation:1.1s linear infinite spin}.btn-primary{background:var(--hero-gradient);box-shadow:0 14px 26px #0f4c813d}.topbar{box-shadow:0 6px 18px #0f172a0f}.topbar .nav-btn{box-shadow:inset 0 0 0 1px #0f4c8114}.bottom-nav{box-shadow:0 -10px 28px #0f172a0f}.bottom-nav a{border-radius:18px;margin:0 4px;position:relative}.bottom-nav a.active{background:#0f4c8114}.card,.menu-item,.tab-bar,.modal,.topbar,.bottom-nav{border-color:#0f4c811a}.card{border-radius:22px}.menu-item{background:linear-gradient(#fffffffa,#f7fbfffa)}.menu-item .icon{box-shadow:0 12px 22px #0f4c812e}.dashboard-hero{align-items:center;gap:18px;min-height:150px;display:flex!important}.dashboard-hero__brand{flex-shrink:0}.dashboard-hero__logo{background:#ffffff29;border-radius:22px;justify-content:center;align-items:center;width:78px;height:78px;display:flex}#dash-info,#dash-bendahara-panel{display:block!important}.dashboard-lower-grid{display:grid!important}.menu-skeleton{background:var(--surface);border:1px solid var(--border);min-height:126px;box-shadow:var(--shadow-soft);border-radius:24px;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:18px 12px;display:flex}.menu-skeleton__icon{border-radius:16px;width:52px;height:52px}.menu-skeleton__line{border-radius:999px;width:72%;height:12px}.dashboard-card-skeleton{margin-top:16px}@media (max-width:600px){.auth-card{padding:26px 18px}.dashboard-hero{gap:14px;min-height:132px}.dashboard-hero__logo{border-radius:18px;width:68px;height:68px}.dashboard-hero__logo img{width:50px;height:50px}}@media (max-width:767px),(hover:none) and (pointer:coarse){.auth-container:before,.auth-container:after{display:none}.auth-card,.topbar,.bottom-nav,.card,.menu-item{-webkit-backdrop-filter:none!important}.btn-primary,.menu-item .icon{box-shadow:0 8px 16px #0f4c8129}}body[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-theme=dark]:before{opacity:.28;background:linear-gradient(#7bc3ff08,#0000 26%)}body[data-theme=dark] .auth-card,body[data-theme=dark] .card,body[data-theme=dark] .menu-item,body[data-theme=dark] .tab-bar,body[data-theme=dark] .modal,body[data-theme=dark] .topbar,body[data-theme=dark] .bottom-nav,body[data-theme=dark] .confirm-dialog{background:#0a1323eb!important;border-color:#7bc3ff1f!important}body[data-theme=dark] .menu-item{background:linear-gradient(#0d1727fa,#09111ff5)!important}body[data-theme=dark] .proof-modal-note{background:linear-gradient(#101c2ef5,#0b1525f0);border-color:#7bc3ff24}body[data-theme=dark] .proof-modal-image{background:linear-gradient(#0d1727fa,#09111ff5)}body[data-theme=dark] #global-loader{background:#02061724}body[data-theme=dark] .entity-record-card{border-color:#7bc3ff1f;box-shadow:0 22px 38px #0206173d}body[data-theme=dark] .info-feed-card__title,body[data-theme=dark] .treasurer-result-title,body[data-theme=dark] .gaji-history-card .card-title{color:var(--text)}body[data-theme=dark] .menu-item:before{background:linear-gradient(140deg,#7bc3ff14,#0000 48%)}body[data-theme=dark] .menu-item .label,body[data-theme=dark] .bottom-nav a,body[data-theme=dark] .topbar h1,body[data-theme=dark] .ios-header,body[data-theme=dark] .pill-accent,body[data-theme=dark] .launcher-chip strong,body[data-theme=dark] .launcher-chip .material-symbols-rounded,body[data-theme=dark] .info-row .value,body[data-theme=dark] .card h3,body[data-theme=dark] .card h4{color:var(--text)!important}body[data-theme=dark] .text-muted,body[data-theme=dark] .text-sm.text-muted,body[data-theme=dark] .info-row .label,body[data-theme=dark] .conv-info p,body[data-theme=dark] .conv-meta .time{color:var(--text-secondary)!important}body[data-theme=dark] .bottom-nav a.active{background:#7bc3ff1f;color:var(--primary)!important}body[data-theme=dark] .topbar .nav-btn,body[data-theme=dark] .input-action-btn,body[data-theme=dark] .readonly-input,body[data-theme=dark] .launcher-chip,body[data-theme=dark] .pill-accent{color:var(--text)!important;background:#7bc3ff1a!important;border-color:#7bc3ff24!important}body[data-theme=dark] .ios-mini-hero{background:radial-gradient(circle at 100% 0,#7bc3ff24,#0000 34%),linear-gradient(145deg,#0f1c30f5,#09121ff5);border-color:#7bc3ff29;box-shadow:0 16px 30px #0000003d}body[data-theme=dark] .ios-mini-hero__title{color:var(--text)}body[data-theme=dark] .ios-mini-hero__chip,body[data-theme=dark] .ios-inline-note{color:var(--text-secondary);background:#080f1b85;border-color:#7bc3ff29;box-shadow:inset 0 1px #ffffff0a}body[data-theme=dark] .ios-mini-hero__chip .material-symbols-rounded,body[data-theme=dark] .ios-inline-note .material-symbols-rounded{color:#8ec5ff}body[data-theme=dark] .payment-history-card{background:linear-gradient(#0c1625f0,#0a1321f5);border-color:#7bc3ff24;box-shadow:0 14px 28px #0000003d}body[data-theme=dark] .payment-history-card__date,body[data-theme=dark] .payment-history-card__note{color:var(--text-secondary);background:#080f1b85;border-color:#7bc3ff29}body[data-theme=dark] .payment-history-card__date .material-symbols-rounded,body[data-theme=dark] .payment-history-card__chip .material-symbols-rounded{color:#8ec5ff}body[data-theme=dark] .payment-history-card__chip{color:#d8e7fb;background:#7bc3ff1a;border-color:#7bc3ff29}body[data-theme=dark] .office-payment-card{background:linear-gradient(180deg, #38bdf81a, #0f172aa8), var(--surface);border-color:#38bdf842}body[data-theme=dark] .office-payment-student-card{background:#38bdf81a;border-color:#38bdf83d}body[data-theme=dark] .office-payment-student-card .material-symbols-rounded{color:#7dd3fc}body[data-theme=dark] .office-payment-result-item{background:#08101df5;border-color:#7bc3ff29}body[data-theme=dark] .office-payment-result-item:hover,body[data-theme=dark] .office-payment-result-item:focus{background:#38bdf81f;border-color:#7dd3fc6b}body[data-theme=dark] .office-payment-result-item .material-symbols-rounded{color:#7dd3fc}body[data-theme=dark] .form-group input,body[data-theme=dark] .form-group select,body[data-theme=dark] .form-group textarea{color:var(--text);background:#08101df5;border-color:#7bc3ff24}body[data-theme=dark] .form-group input::placeholder,body[data-theme=dark] .form-group textarea::placeholder{color:#8ea3c2d1}body[data-theme=dark] .dash-card,body[data-theme=dark] .user-card-compact,body[data-theme=dark] .user-card-surface,body[data-theme=dark] .search-bar input,body[data-theme=dark] .modal-close,body[data-theme=dark] .table-container{box-shadow:inset 0 1px #ffffff0a,0 16px 30px #0003;background:linear-gradient(#0e1a2af5,#0a1321fa)!important;border-color:#7bc3ff24!important}body[data-theme=dark] .dash-card{border:1px solid #7bc3ff24;border-radius:24px!important;box-shadow:inset 0 1px #ffffff0a,0 18px 32px #0003!important}body[data-theme=dark] .dash-card .value,body[data-theme=dark] .user-card-title,body[data-theme=dark] .card-title,body[data-theme=dark] .modal-header h3,body[data-theme=dark] .section-title,body[data-theme=dark] .search-bar input,body[data-theme=dark] td{color:var(--text)!important}body[data-theme=dark] .dash-card .label,body[data-theme=dark] .user-card-sub,body[data-theme=dark] .form-group label,body[data-theme=dark] .search-bar input::placeholder,body[data-theme=dark] .empty-state,body[data-theme=dark] .empty-state p,body[data-theme=dark] th{color:var(--text-secondary)!important}body[data-theme=dark] .dash-card .icon,body[data-theme=dark] .user-card-avatar,body[data-theme=dark] .empty-state .material-symbols-rounded{color:#c7defc}body[data-theme=dark] .search-bar input:focus,body[data-theme=dark] .form-group input:focus,body[data-theme=dark] .form-group select:focus,body[data-theme=dark] .form-group textarea:focus{border-color:#7bc3ff5c!important;box-shadow:0 0 0 3px #7bc3ff24!important}body[data-theme=dark] .btn-secondary{color:var(--text);background:linear-gradient(#122339fa,#0c1827fa);border:1px solid #7bc3ff2e;box-shadow:inset 0 1px #ffffff0a,0 10px 20px #0000002e}body[data-theme=dark] .btn-secondary:hover,body[data-theme=dark] .btn-secondary:focus-visible{background:linear-gradient(#182c45fa,#0f1d2efa);border-color:#7bc3ff52}body[data-theme=dark] .pending-banner,body[data-theme=dark] .launcher-chip.warn{color:#ffd978;background:#fbbf2429;border-color:#fbbf2442}body[data-theme=dark] .launcher-chip.danger{color:#ffb4bf;background:#fb718524;border-color:#fb718538}body[data-theme=dark] .launcher-chip.good{color:#aaf0c3;background:#4ade8024;border-color:#4ade8038}body[data-theme=dark] .table-container{overflow:hidden}body[data-theme=dark] th{background:linear-gradient(#203652fa,#142337fa);border-bottom:1px solid #7bc3ff29}body[data-theme=dark] td{border-bottom-color:#7bc3ff1f}body[data-theme=dark] tr:nth-child(2n){background:#7bc3ff0a}body[data-theme=dark] .modal-header{border-bottom:1px solid #7bc3ff1f;padding-bottom:12px}body[data-theme=dark] .modal-close{color:var(--text)}body[data-theme=dark] .menu-item .label,body[data-theme=dark] .section-title{letter-spacing:.08em}@media (min-width:960px){.treasurer-shell{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start}#treasurer-search-panel{z-index:3;align-self:start;position:sticky;top:92px}#treasurer-report-panel{grid-column:1;align-self:start;position:sticky;top:360px}#treasurer-finance-summary{z-index:2;grid-area:1/2;align-self:start;position:sticky;top:92px}#treasurer-finance-results{grid-area:2/2/span 2;margin-top:0}.pay-approval-shell{grid-template-columns:minmax(0,860px);justify-content:center}.pay-approval-tabs,#pay-approval-list,#pay-approval-pagination{grid-column:1;width:100%;max-width:860px;margin-left:auto;margin-right:auto}}#dash-info{display:none!important}.dashboard-hero{align-items:center;gap:16px;display:flex!important}.dashboard-hero__logo img{object-fit:contain;width:100px;height:100px}.dashboard-hero__content{flex:1}@media (max-width:600px){.dashboard-hero{flex-direction:row!important}}#dash-bendahara-panel,.dashboard-lower-grid{display:none!important}.menu-grid{margin-top:16px}.sidebar-brand,.sidebar-nav-head,.sidebar-user{display:none}.sidebar-role-chip{align-items:center;display:inline-flex}.sidebar-tools,.sidebar-collapse-btn,.sidebar-reopen-btn{display:none}.bottom-nav-links{flex:1;width:100%;min-width:0;display:flex}.bottom-nav-links a{min-width:0}@media (min-width:768px) and (any-hover:hover) and (any-pointer:fine){:root{--desktop-shell-gap:clamp(14px, 1.6vw, 22px);--desktop-sidebar-width:clamp(236px, 18vw, 292px);--desktop-sidebar-collapsed-width:88px;--desktop-sidebar-current:var(--desktop-sidebar-width);--desktop-topbar-height:74px;--desktop-content-max:calc(100vw - var(--desktop-sidebar-current) - (var(--desktop-shell-gap) * 3))}.topbar,.offline-bar,.page,.bottom-nav{width:auto!important;max-width:none!important;transform:none!important}.topbar{top:var(--desktop-shell-gap);height:var(--desktop-topbar-height);border:1px solid var(--border);border-radius:22px;justify-content:flex-start;padding:14px 98px 14px 66px;box-shadow:0 16px 34px #0f233d1c;left:calc(var(--desktop-sidebar-current) + (var(--desktop-shell-gap) * 2))!important;right:var(--desktop-shell-gap)!important;display:none!important}.topbar h1{text-align:left;letter-spacing:-.02em;margin:0;font-size:clamp(22px,2vw,28px);line-height:1.2}.topbar .nav-btn.left{left:16px}.topbar-actions{gap:8px;right:16px}.offline-bar{top:var(--desktop-shell-gap);border-radius:16px;padding:10px 16px;left:calc(var(--desktop-sidebar-current) + (var(--desktop-shell-gap) * 2))!important;right:var(--desktop-shell-gap)!important}.bottom-nav{top:var(--desktop-shell-gap);bottom:var(--desktop-shell-gap);border:1px solid var(--border);overscroll-behavior:contain;background:linear-gradient(#fafdfff5,#f4f9fff2);border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:14px 10px;transition:width .28s,padding .28s,box-shadow .2s,border-color .2s;overflow-y:auto;box-shadow:0 16px 36px #08152824;left:var(--desktop-shell-gap)!important;width:var(--desktop-sidebar-current)!important;right:auto!important}.sidebar-brand,.sidebar-nav-head,.sidebar-user{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-brand{border-bottom:1px solid var(--border);background:#ffffffb3;border-radius:12px;padding:10px}.sidebar-brand__logo{background:#0f4c8114;border-radius:18px;flex-shrink:0;width:56px;height:56px;overflow:hidden;box-shadow:0 12px 24px #0f4c8124}.sidebar-brand__logo img{object-fit:cover;width:100%;height:100%;display:block}.sidebar-brand__copy,.sidebar-user__copy{gap:3px;min-width:0;max-width:190px;transition:opacity .2s,max-width .2s,transform .2s;display:grid}.sidebar-brand__copy strong,.sidebar-user__copy strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-size:13px;line-height:1.25;overflow:hidden}.sidebar-brand__copy span,.sidebar-user__copy span{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.sidebar-nav-head{justify-content:space-between;padding:8px 4px 4px}.sidebar-nav-head__actions{align-items:center;gap:6px;min-width:0;display:inline-flex}.sidebar-nav-head__label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);max-width:120px;font-size:10px;font-weight:700;transition:opacity .2s,max-width .2s,transform .2s;display:inline-block;overflow:hidden}.sidebar-role-chip{color:var(--primary-dark);white-space:nowrap;text-overflow:ellipsis;background:#0f4c8114;border:1px solid #0f4c8133;border-radius:999px;align-items:center;max-width:130px;padding:4px 9px;font-size:10px;font-weight:700;line-height:1;transition:opacity .2s,max-width .2s,padding .2s,margin .2s;display:inline-flex;overflow:hidden}.sidebar-collapse-btn{width:42px;height:42px;color:var(--primary-dark);cursor:pointer;background:linear-gradient(#0f4c811a,#0f4c8129);border:1px solid #0f4c8138;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 20px #0f4c811f}.sidebar-collapse-btn .material-symbols-rounded{font-size:20px}.sidebar-collapse-btn:hover,.sidebar-collapse-btn:focus-visible{background:linear-gradient(#0f4c8124,#0f4c8133);border-color:#0f4c8152;transform:translateY(-1px);box-shadow:0 14px 24px #0f4c8129}.sidebar-reopen-btn{top:var(--desktop-shell-gap);left:var(--desktop-shell-gap);width:38px;height:38px;color:var(--primary-dark);z-index:220;opacity:0;pointer-events:none;background:#f8fcffeb;border:1px solid #0f4c8142;border-radius:10px;justify-content:center;align-items:center;transition:opacity .16s,transform .16s,border-color .16s,background-color .16s;position:fixed;transform:translateY(-3px);box-shadow:0 10px 22px #0815281f;display:none!important}.sidebar-reopen-btn .material-symbols-rounded{font-size:20px}.bottom-nav-links{border-top:1px dashed #0f4c8126;border-bottom:1px dashed #0f4c8126;flex-direction:column;flex:1;gap:6px;width:100%;padding:8px 0;transition:border-color .2s;display:flex}.sidebar-group-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);padding:8px 8px 2px;font-size:10px;font-weight:800;transition:opacity .2s,max-height .2s,padding .2s,margin .2s}.bottom-nav a{border:1px solid #0000;border-radius:10px;flex-direction:row;flex:none;justify-content:flex-start;gap:9px;min-height:44px;margin:0;padding:10px 11px;font-size:12px;font-weight:700;line-height:1.2;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s;position:relative;overflow:hidden}.bottom-nav a .material-symbols-rounded{color:var(--primary-dark);opacity:.9;flex-shrink:0;margin-bottom:0;font-size:20px}.bottom-nav a:after{content:">";color:var(--text-secondary);opacity:.5;margin-left:auto;font-size:11px;font-weight:700}.bottom-nav a .nav-badge{top:8px;left:auto;right:10px}.bottom-nav a.active{color:var(--primary-dark);background:#0f4c811a;border-color:#0f4c813d;box-shadow:inset 3px 0 #0f4c81b8}.bottom-nav a:hover,.bottom-nav a:focus-visible{background:#0f4c810f;border-color:#0f4c8129;transform:translate(2px)}.bottom-nav a .sidebar-link__text{gap:1px;min-width:0;max-width:180px;transition:opacity .2s,max-width .2s,transform .2s;display:grid}.bottom-nav a .sidebar-link__text strong{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:12px;line-height:1.2;overflow:hidden}.bottom-nav a .sidebar-link__text small{color:var(--text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.sidebar-tools{gap:8px;padding:4px 0 2px;display:grid}.sidebar-tool-btn{width:100%;min-height:40px;color:var(--primary-dark);cursor:pointer;background:#0f4c8114;border:1px solid #0f4c8133;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:700;transition:border-color .16s,background-color .16s;display:inline-flex}.sidebar-tool-btn [data-theme-label]{max-width:120px;transition:opacity .2s,max-width .2s,transform .2s;display:inline-block;overflow:hidden}.sidebar-tool-btn:hover,.sidebar-tool-btn:focus-visible{background:#0f4c8124;border-color:#0f4c814d}.sidebar-user{border:1px solid var(--border);background:#ffffffa8;border-radius:12px;margin-top:auto;padding:10px}.sidebar-user__avatar{background:var(--hero-gradient);color:#fff;letter-spacing:.04em;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px #0f4c8138}.page{transition:width .28s,margin-left .28s,padding .28s;width:calc(100vw - var(--desktop-sidebar-current) - (var(--desktop-shell-gap) * 3))!important;margin:0 auto 0 calc(var(--desktop-sidebar-current) + (var(--desktop-shell-gap) * 2))!important;padding:calc(var(--desktop-shell-gap) + 14px) 0 40px!important}body.desktop-sidebar-collapsed{--desktop-sidebar-current:var(--desktop-sidebar-collapsed-width)}body.desktop-sidebar-collapsed .sidebar-brand,body.desktop-sidebar-collapsed .sidebar-nav-head,body.desktop-sidebar-collapsed .sidebar-user{justify-content:center;gap:0}body.desktop-sidebar-collapsed .sidebar-brand{padding-inline:8px}body.desktop-sidebar-collapsed .sidebar-brand__copy,body.desktop-sidebar-collapsed .sidebar-user__copy,body.desktop-sidebar-collapsed .sidebar-link__text,body.desktop-sidebar-collapsed .sidebar-nav-head__label,body.desktop-sidebar-collapsed .sidebar-tool-btn [data-theme-label]{opacity:0;max-width:0;overflow:hidden;transform:translate(-6px)}body.desktop-sidebar-collapsed .sidebar-role-chip,body.desktop-sidebar-collapsed .sidebar-group-title{opacity:0;border-width:0;max-width:0;max-height:0;margin:0;padding:0;overflow:hidden}body.desktop-sidebar-collapsed .sidebar-nav-head{padding-inline:0}body.desktop-sidebar-collapsed .sidebar-nav-head__actions{justify-content:center;width:100%}body.desktop-sidebar-collapsed .bottom-nav{padding-inline:8px}body.desktop-sidebar-collapsed .bottom-nav-links{gap:8px;padding:8px 0}body.desktop-sidebar-collapsed .bottom-nav a{justify-content:center;gap:0;padding:12px 10px}body.desktop-sidebar-collapsed .bottom-nav a:after{opacity:0;width:0;margin:0}body.desktop-sidebar-collapsed .bottom-nav a .nav-badge{top:6px;right:8px}body.desktop-sidebar-collapsed .sidebar-tool-btn{gap:0;min-height:42px;padding-inline:0}body.desktop-sidebar-collapsed .sidebar-user{padding-inline:8px}.content-area{padding-top:0!important}#page-users .users-shell,#page-manage-students .manage-students-shell,#page-presensi .presensi-shell,#page-gaji .gaji-shell{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-soft), var(--surface));border-radius:24px;gap:14px;width:100%;margin-inline:0;padding:clamp(12px,1.4vw,18px);box-shadow:0 16px 32px #0f172a14}#page-users .users-shell,#page-manage-students .manage-students-shell,#page-gaji .gaji-shell{grid-template-columns:minmax(0,1fr)!important}#page-users .users-tabs{position:static}#page-users .users-tabs,#page-users #users-pending,#page-users #users-all,#page-users #users-add,#page-manage-students .manage-students-toolbar,#page-manage-students #manage-students-list,#page-manage-students #manage-students-pagination,#page-presensi .presensi-hero-card,#page-presensi .presensi-workbench,#page-presensi .presensi-history-panel,#page-gaji .gaji-intro-card,#page-gaji #gaji-content{grid-column:1/-1!important}#page-presensi .presensi-shell{align-items:start;grid-template-columns:minmax(0,360px) minmax(0,1fr)!important}#page-presensi .presensi-hero-card{grid-column:1/-1!important}#page-presensi .presensi-workbench{grid-column:1!important}#page-presensi .presensi-history-panel{align-self:stretch;margin-top:0;grid-area:2/2!important}#page-gaji #gaji-content:empty{min-height:120px}#page-dashboard .dashboard-hero,#dashboard-menu-title,#dash-menu{width:100%;max-width:none}#page-dashboard .dashboard-hero{min-height:172px;color:var(--text);background:radial-gradient(circle at 100% 0,#bddfff9e,#0000 28%),radial-gradient(circle at 0 100%,#d7eaff8a,#0000 26%),linear-gradient(#fffffff5,#f6f9fdeb);border:1px solid #9ab2ce38;border-radius:28px;grid-template-columns:74px minmax(0,1fr) minmax(228px,254px);align-items:stretch;gap:18px;margin-top:24px;margin-bottom:14px;padding:20px 22px;box-shadow:0 24px 44px #58708d24,inset 0 1px #ffffffeb;display:grid!important}#page-dashboard .dashboard-hero:after{filter:blur();opacity:.92;background:radial-gradient(circle,#ffffffb8,#fff0);width:360px;height:360px;display:block;top:-160px;right:-160px}#page-dashboard .dashboard-hero__utility{align-content:center;align-self:stretch;justify-items:end;display:grid}#page-dashboard .dashboard-hero__clock-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#ffffffc7,#f2f7fcdb);border:1px solid #9fb5d038;align-content:center;gap:8px;min-width:min(100%,236px);padding:14px 16px;box-shadow:0 18px 30px #7181991a,inset 0 1px #fffffff0}#page-dashboard .dashboard-hero__clock-day,#page-dashboard .dashboard-hero__clock-date{color:var(--text-secondary)}#page-dashboard .dashboard-hero__clock{color:var(--text)}#page-dashboard .dashboard-hero__action-btn{color:#35506d;background:linear-gradient(#ffffffd1,#ecf3faf5);border-color:#91a9c738;border-radius:13px;width:42px;height:42px;box-shadow:0 10px 18px #7181991a,inset 0 1px #ffffffeb}#page-dashboard .dashboard-hero__logo{background:linear-gradient(#fffffff5,#eff4f9eb);border:1px solid #9ab2ce33;border-radius:20px;width:64px;height:64px;box-shadow:0 16px 26px #7181991f,inset 0 1px #ffffffeb}#page-dashboard .dashboard-hero__content{align-content:center;gap:4px;min-width:0;display:grid}#page-dashboard .dashboard-hero__lead{margin-bottom:0}#page-dashboard .dashboard-hero__title{letter-spacing:-.03em;line-height:1.08}#page-dashboard .dashboard-hero__lead,#page-dashboard .dashboard-subtitle{-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:34ch;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}#page-dashboard .dashboard-subtitle{max-width:30ch;font-size:13px}#dashboard-menu-title{letter-spacing:.08em;color:var(--text-secondary);margin-top:4px;margin-bottom:12px;font-size:12px}#dash-menu.cpanel-mode{min-height:clamp(540px,100vh - 290px,760px);margin-top:0;display:block!important}.cpanel-shell{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px;min-height:100%;display:grid}.cpanel-shell--config{grid-template-columns:minmax(0,1fr)}.cpanel-main{border-radius:22px;min-height:100%;padding:16px}.cpanel-main--config{background:radial-gradient(circle at 100% 0,#cae2ff5c,#0000 24%),linear-gradient(#fffffff7,#f7fafdf5);border:1px solid #9ab2ce33;padding:16px 16px 18px;box-shadow:0 22px 38px #58708d1f,inset 0 1px #ffffffeb}.cpanel-main__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.cpanel-main__head h3{color:var(--text);margin:0;font-size:18px;line-height:1.2}.cpanel-main__head--compact{align-items:center;margin-bottom:12px}.cpanel-main__head p{color:var(--text-secondary);max-width:560px;margin:6px 0 0;font-size:13px}.cpanel-banner{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:11px 12px;display:flex}.cpanel-banner .material-symbols-rounded{color:var(--primary);flex-shrink:0;font-size:20px}.cpanel-banner strong{color:var(--text);font-size:13px;line-height:1.3;display:block}.cpanel-banner small{color:var(--text-secondary);margin-top:2px;font-size:11px;line-height:1.4;display:block}.cpanel-priority{border:1px solid var(--border);background:#ffffffbf;border-radius:14px;margin-bottom:12px;padding:12px}.cpanel-priority h3,.cpanel-quick-panel h3{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-dark);margin:0 0 9px;font-size:12px}.cpanel-priority-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cpanel-priority-list li{grid-template-columns:20px minmax(0,1fr);align-items:flex-start;gap:8px;display:grid}.cpanel-priority-list li span{width:20px;height:20px;color:var(--primary-dark);background:#0f4c811a;border:1px solid #0f4c8138;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.cpanel-priority-list li p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.42}.cpanel-quick-panel{margin-bottom:12px}.cpanel-main__role{color:var(--primary-dark);background:linear-gradient(#ffffffd1,#eff5fbf5);border:1px solid #9ab2ce38;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffeb}.cpanel-config-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.cpanel-config-stat{background:linear-gradient(#ffffffd1,#f3f7fcf5);border:1px solid #9ab2ce33;border-radius:14px;gap:2px;min-width:88px;min-height:42px;padding:7px 12px;display:grid;box-shadow:inset 0 1px #ffffffeb}.cpanel-config-stat span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:10px;font-weight:700}.cpanel-config-stat strong{letter-spacing:-.03em;color:var(--text);font-size:18px;line-height:1}.cpanel-main__groups{gap:12px;display:grid}.cpanel-group{border:1px solid var(--border);background:#ffffffb8;border-radius:16px;padding:10px}.cpanel-group__head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.cpanel-group__head h4{letter-spacing:.04em;text-transform:uppercase;color:var(--primary-dark);margin:0;font-size:13px}.cpanel-group__head span{color:var(--text-secondary);font-size:11px;font-weight:700}.cpanel-group__list{gap:8px;display:grid}.cpanel-module{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 10px 10px 11px;transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s;display:grid;position:relative}.cpanel-module:hover,.cpanel-module:focus-visible{background:#fffffffa;border-color:#0f4c8147;transform:translateY(-1px);box-shadow:0 10px 20px #0f233d17}.cpanel-module__icon{color:#fff;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 8px 16px #0f233d38}.cpanel-module__icon .material-symbols-rounded{font-size:20px}.cpanel-module__text{gap:2px;min-width:0;display:grid}.cpanel-module__text strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.25;overflow:hidden}.cpanel-module__text small{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.cpanel-module__meta{color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;background:#0f4c8117;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.cpanel-module__arrow{color:var(--text-secondary);font-size:18px}.cpanel-module__badge{top:6px!important;right:22px!important}.cpanel-side{align-content:start;gap:12px;display:grid;position:static}.cpanel-config-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cpanel-config-card{background:linear-gradient(#ffffffe6,#f5f9fdeb);border:1px solid #9ab2ce2e;border-radius:18px;padding:14px;box-shadow:0 14px 24px #71819914,inset 0 1px #ffffffe0}.cpanel-config-card__head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;display:grid}.cpanel-config-card__icon{color:#31506f;background:linear-gradient(#e7eff8f5,#dce7f4f0);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:inset 0 1px #ffffffeb,0 8px 16px #71819914}.cpanel-config-card__icon .material-symbols-rounded{font-size:18px}.cpanel-config-card__head h3{letter-spacing:-.01em;color:var(--text);margin:0;font-size:14px}.cpanel-config-card__head p{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.45}.cpanel-config-list{gap:8px;display:grid}.cpanel-config-item{background:#ffffffb3;border:1px solid #9ab2ce24;border-radius:12px;gap:3px;padding:9px 11px;display:grid}.cpanel-config-item__label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-size:10px;font-weight:700}.cpanel-config-item__value{color:var(--text);overflow-wrap:anywhere;font-size:12px;line-height:1.38}.cpanel-config-empty{color:var(--text-secondary);font-style:italic;font-weight:600}.cpanel-action-grid{gap:10px;display:grid}.cpanel-action-btn{min-height:44px;color:var(--text);cursor:pointer;background:linear-gradient(#fffffffa,#f2f7fcf5);border:1px solid #7d92b229;border-radius:14px;justify-content:flex-start;align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:700;transition:border-color .16s,transform .16s,background-color .16s;display:inline-flex}.cpanel-action-btn .material-symbols-rounded{color:var(--primary);font-size:18px}.cpanel-action-btn:hover,.cpanel-action-btn:focus-visible{background:linear-gradient(#fff,#eaf1f9fa);border-color:#7d92b247;transform:translateY(-1px)}.cpanel-action-btn--compact{border-radius:14px;gap:8px;min-height:42px;padding-inline:12px;box-shadow:0 10px 18px #71819914,inset 0 1px #ffffffeb}@media (max-width:1120px){#page-dashboard .dashboard-hero{grid-template-columns:auto minmax(0,1fr)!important}#page-dashboard .dashboard-hero__utility{grid-column:1/-1;grid-template-columns:minmax(0,1fr);justify-items:start}#page-dashboard .dashboard-hero__actions{justify-content:flex-end}.cpanel-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.cpanel-config-grid{grid-template-columns:minmax(0,1fr)}}.cpanel-side-card{border-radius:20px;padding:14px}.cpanel-side-card h3{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-dark);margin:0 0 10px;font-size:13px}.cpanel-kpi{gap:8px;display:grid}.cpanel-kpi__item{border:1px solid var(--border);background:#ffffffd1;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.cpanel-kpi__item span{color:var(--text-secondary);font-size:12px}.cpanel-kpi__item strong{color:var(--primary-dark);font-size:18px}.cpanel-quick-list{gap:8px;display:grid}.cpanel-quick-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:0 10px;transition:border-color .16s,background-color .16s;display:grid;position:relative}.cpanel-quick-btn:hover,.cpanel-quick-btn:focus-visible{background:#fffffffa;border-color:#0f4c8147}.cpanel-quick-btn .material-symbols-rounded{color:var(--primary);font-size:18px}.cpanel-quick-btn>span:nth-child(2){gap:1px;min-width:0;display:grid}.cpanel-quick-btn>span:nth-child(2) strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.25;display:block;overflow:hidden}.cpanel-quick-btn>span:nth-child(2) small{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.35;display:block;overflow:hidden}.cpanel-quick-btn__arrow{color:var(--text-secondary)!important}.cpanel-quick-btn__badge{background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;position:absolute;top:6px!important;right:34px!important}.cpanel-card-skeleton .skeleton-line{height:12px}#dash-menu.launcher-mode{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}#dash-menu.launcher-mode .menu-item{border-radius:20px;min-height:116px}#dash-menu.launcher-mode .menu-item .label{text-wrap:balance;font-size:12px;line-height:1.35}body{isolation:isolate;background:radial-gradient(circle at 0 0,#e8ecffeb,#0000 28%),radial-gradient(circle at 100% 100%,#dfebffdb,#0000 26%),linear-gradient(#dfe6f6 0%,#d5dff2 100%);position:relative}body:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#e8eefcb8,#dee7f8a8);border:1px solid #ffffff94;border-radius:38px;position:fixed;inset:14px;box-shadow:inset 0 1px #ffffffb3,0 28px 64px #46597e24}.topbar,.offline-bar,.page,.bottom-nav{z-index:1}.bottom-nav{background:linear-gradient(#fafcfff5,#f6f8fff0);border-color:#b8c2df94;border-radius:34px;padding:22px 16px;overflow-x:hidden;box-shadow:0 26px 44px #46597e24}.bottom-nav:before{content:"";pointer-events:none;background:linear-gradient(#7563d8 0%,#6659d8 55%,#6d7de9 100%);border-radius:28px;width:74px;position:absolute;top:22px;bottom:22px;left:16px;box-shadow:inset 0 1px #ffffff2e,0 18px 34px #6759cd47}.sidebar-brand,.sidebar-nav-head,.sidebar-user,.bottom-nav-links,.sidebar-tools{z-index:1;position:relative}.sidebar-brand{background:0 0;border:none;border-radius:0;padding:6px 8px 16px}.sidebar-brand__logo{width:52px;height:52px;box-shadow:none;background:#ffffff29;border:1px solid #ffffff2e;border-radius:18px;margin-left:11px}.sidebar-brand__copy{gap:2px;max-width:132px}.sidebar-brand__copy strong{color:#1d2740;font-size:12px}.sidebar-brand__copy span{display:none}.sidebar-nav-head{padding:0 4px 10px 98px}.sidebar-nav-head__label{letter-spacing:.08em;color:#7888a8;max-width:none;font-size:11px}.sidebar-role-chip{color:#5a4db8;background:#7563d81a;border-color:#7563d824;padding:5px 10px}.sidebar-collapse-btn{background:#fffc;border-color:#bbc4e08a;border-radius:14px;width:40px;height:40px;box-shadow:0 10px 24px #46597e1f}.sidebar-collapse-btn:hover,.sidebar-collapse-btn:focus-visible{background:#fffffff5;border-color:#7563d83d;box-shadow:0 14px 26px #46597e24}.bottom-nav-links{border:none;gap:8px;padding:6px 0}.sidebar-group-title{letter-spacing:.08em;color:#8391af;padding:10px 8px 2px 98px;font-size:10px}.bottom-nav a{background:0 0;border-color:#0000;border-radius:20px;gap:16px;min-height:56px;padding:8px 10px 8px 8px;transform:none!important}.bottom-nav a:after{display:none}.bottom-nav a .material-symbols-rounded{color:#ffffffe6;background:0 0;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex}.bottom-nav a .sidebar-link__text{gap:2px;max-width:none}.bottom-nav a .sidebar-link__text strong{color:#24324a;font-size:13px}.bottom-nav a .sidebar-link__text small{display:none}.bottom-nav a.active,.bottom-nav a:hover,.bottom-nav a:focus-visible{box-shadow:none;background:#7563d814;border-color:#7563d81f}.bottom-nav a.active .material-symbols-rounded,.bottom-nav a:hover .material-symbols-rounded,.bottom-nav a:focus-visible .material-symbols-rounded{background:#ffffff2e;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38}.sidebar-tools{gap:10px;padding:14px 0 8px}.sidebar-tool-btn{color:#445370;background:#ffffffb8;border-color:#bbc4e07a;border-radius:18px;justify-content:flex-start;gap:12px;min-height:48px;padding:0 14px}.sidebar-user{background:linear-gradient(#ffffffd1,#f6f8ffb8);border-color:#bbc4e06b;border-radius:22px;padding:12px;box-shadow:0 16px 26px #46597e14}.sidebar-user__avatar{background:linear-gradient(#7464da 0%,#6379e8 100%);border-radius:16px;width:46px;height:46px;box-shadow:0 14px 24px #6759cd3d}.page{background:linear-gradient(#fffffff0,#f9fbffeb);border:1px solid #ffffff8f;border-radius:36px;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 24px 48px #46597e1f;padding:calc(var(--desktop-shell-gap) + 14px) 18px 40px!important}#page-dashboard{align-content:start;gap:18px}#page-dashboard .dashboard-hero{background:linear-gradient(135deg,#6d58d8 0%,#6c63e6 52%,#8b7cf0 100%);border-color:#ffffff29;border-radius:32px;margin-top:0;box-shadow:0 28px 44px #6759cd42}#page-dashboard .dashboard-hero:after{background:radial-gradient(circle,#ffffff47,#fff0);width:320px;height:320px;top:-90px;right:-120px}#page-dashboard .dashboard-hero__content:before{content:"Primary";letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin-bottom:6px;font-size:11px;display:inline-block}#page-dashboard .dashboard-hero__title,#page-dashboard .dashboard-hero__clock,#page-dashboard .dashboard-hero__clock-day,#page-dashboard .dashboard-hero__clock-date{color:#fff}#page-dashboard .dashboard-hero__lead,#page-dashboard .dashboard-subtitle{color:#ffffffd1}#page-dashboard .dashboard-hero__clock-card{background:#ffffff1f;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff29,0 22px 34px #4e41a62e}#page-dashboard .dashboard-hero__date-sep{color:#ffffffb3}#page-dashboard .dashboard-hero__action-btn{color:#fff;box-shadow:none;background:#ffffff1f;border-color:#ffffff29}#page-dashboard .dashboard-hero__action-btn:hover,#page-dashboard .dashboard-hero__action-btn:focus-visible{background:#ffffff2e;border-color:#ffffff3d}#page-dashboard .dashboard-hero__action-btn--danger{color:#fff;background:#ffffff24;border-color:#ffffff2e}#page-dashboard .dashboard-hero__logo{background:#ffffff24;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff29}#dashboard-menu-title{letter-spacing:.14em;text-transform:uppercase;color:#8795b1;margin:2px 0 0;padding-left:4px;font-size:11px}.cpanel-main,.cpanel-side-card,.cpanel-priority,.cpanel-config-card,.cpanel-kpi__item,.cpanel-quick-btn,.cpanel-action-btn,.cpanel-config-stat{border-radius:24px}.cpanel-main,.cpanel-side-card{border-color:#bec8e36b;box-shadow:0 20px 34px #46597e14}.cpanel-main__head p,.cpanel-banner,.cpanel-config-card__head p{display:none}.cpanel-main__head{margin-bottom:16px}.cpanel-main__head h3{letter-spacing:-.03em;font-size:22px}.cpanel-priority,.cpanel-side-card{background:linear-gradient(#ffffffeb,#f8faffe6)}.cpanel-priority-list li{align-items:center}.cpanel-priority-list li span{color:#6757cf;background:#7563d81a;border-color:#7563d824;width:24px;height:24px}.cpanel-kpi__item{background:#f5f7ffeb;padding:12px 14px}.cpanel-quick-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cpanel-quick-btn{background:linear-gradient(#fffffff5,#f6f8fff0);align-items:flex-start;min-height:132px;padding:18px 16px;box-shadow:0 18px 32px #46597e14}.cpanel-quick-btn>.material-symbols-rounded:first-child{color:#6757cf;background:linear-gradient(#7563d829,#7563d838);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;display:inline-flex}.cpanel-quick-btn span strong{font-size:15px}.cpanel-quick-btn span small{-webkit-line-clamp:2;margin-top:4px;display:block}.cpanel-shell--config .cpanel-config-grid{gap:16px}.cpanel-shell--config .cpanel-config-card:first-child{background:linear-gradient(135deg,#6d58d8 0%,#7467e6 56%,#8f82f2 100%);border-color:#ffffff2e;grid-column:span 2;box-shadow:0 28px 44px #6759cd3d}.cpanel-shell--config .cpanel-config-card:nth-child(2){background:linear-gradient(135deg,#7562dd 0%,#8b7ef1 100%);border-color:#ffffff2e;box-shadow:0 22px 38px #6759cd2e}.cpanel-shell--config .cpanel-config-card:nth-child(3){background:linear-gradient(135deg,#ff84b7 0%,#ff6aa6 100%);border-color:#ffffff2e;box-shadow:0 22px 38px #ed5d9629}.cpanel-shell--config .cpanel-config-card:nth-child(-n+3) .cpanel-config-card__head h3,.cpanel-shell--config .cpanel-config-card:nth-child(-n+3) .cpanel-config-item__label,.cpanel-shell--config .cpanel-config-card:nth-child(-n+3) .cpanel-config-item__value,.cpanel-shell--config .cpanel-config-card:nth-child(-n+3) .material-symbols-rounded{color:#fff}.cpanel-shell--config .cpanel-config-card:nth-child(-n+3) .cpanel-config-card__icon{background:#ffffff2e;box-shadow:inset 0 1px #ffffff24}.cpanel-shell--config .cpanel-config-card:nth-child(-n+3) .cpanel-config-item{background:#ffffff1f;border-color:#ffffff1f}.cpanel-shell--config .cpanel-config-item__label{letter-spacing:.05em}.cpanel-shell--config .cpanel-config-item__value{font-size:13px}body.desktop-sidebar-collapsed .bottom-nav:before{width:calc(100% - 16px);left:8px}body[data-theme=dark] .bottom-nav a.active{background:#7bc3ff29;border-color:#7bc3ff42;box-shadow:inset 3px 0 #7bc3ffb8}body[data-theme=dark] .bottom-nav a:hover,body[data-theme=dark] .bottom-nav a:focus-visible{background:#7bc3ff1f;border-color:#7bc3ff33}body[data-theme=dark] .sidebar-brand__logo{background:#7bc3ff1f;box-shadow:0 12px 24px #0000003d}body[data-theme=dark] .sidebar-user__avatar{box-shadow:0 12px 24px #0000004d}body[data-theme=dark] .bottom-nav{background:linear-gradient(#080f1bf2,#080f1be6)}body[data-theme=dark] .sidebar-brand,body[data-theme=dark] .sidebar-user{background:#0a1323b8;border-color:#7bc3ff24}body[data-theme=dark] .sidebar-role-chip{color:var(--text);background:#7bc3ff29;border-color:#7bc3ff33}body[data-theme=dark] .sidebar-group-title{color:#bfdaffd9}body[data-theme=dark] .sidebar-tool-btn{color:var(--text);background:#7bc3ff1f;border-color:#7bc3ff33}body[data-theme=dark] .sidebar-tool-btn:hover,body[data-theme=dark] .sidebar-tool-btn:focus-visible{background:#7bc3ff2e;border-color:#7bc3ff47}body[data-theme=dark] .bottom-nav-links{border-top-color:#7bc3ff29;border-bottom-color:#7bc3ff29}body[data-theme=dark] .bottom-nav a:after{color:#bfdaffbf}body[data-theme=dark] .cpanel-group{background:#09111f9e;border-color:#7bc3ff24}body[data-theme=dark] .cpanel-module,body[data-theme=dark] .cpanel-kpi__item,body[data-theme=dark] .cpanel-quick-btn{background:#0c1625e6;border-color:#7bc3ff24}body[data-theme=dark] .cpanel-main__role,body[data-theme=dark] .cpanel-module__meta{color:var(--text);background:#7bc3ff1f;border-color:#7bc3ff29}body[data-theme=dark] .cpanel-banner{background:#7bc3ff1a;border-color:#7bc3ff24}body[data-theme=dark]{background:radial-gradient(circle at 0 0,#33416f70,#0000 28%),radial-gradient(circle at 100% 100%,#2563eb29,#0000 24%),linear-gradient(#0f172a 0%,#111b33 100%)}body[data-theme=dark]:before{background:linear-gradient(#141d30c2,#0c1425b8);border-color:#94a3b824;box-shadow:inset 0 1px #ffffff0a,0 28px 64px #0000004d}body[data-theme=dark] .page{background:linear-gradient(#09101de6,#0a1221f0);border-color:#7bc3ff1f;box-shadow:inset 0 1px #ffffff08,0 24px 48px #0000003d}body[data-theme=dark] .bottom-nav{background:linear-gradient(#080f1bf2,#0a111feb);border-color:#7bc3ff1f;box-shadow:0 26px 44px #00000042}body[data-theme=dark] .bottom-nav:before{background:linear-gradient(#6556c8 0%,#4d58c7 56%,#4d73d8 100%);box-shadow:inset 0 1px #ffffff14,0 18px 34px #3643ab52}body[data-theme=dark] .sidebar-brand{background:0 0;border:none}body[data-theme=dark] .sidebar-brand__copy strong,body[data-theme=dark] .bottom-nav a .sidebar-link__text strong{color:var(--text)}body[data-theme=dark] .sidebar-nav-head__label,body[data-theme=dark] .sidebar-group-title{color:#bfdaffb8}body[data-theme=dark] .sidebar-collapse-btn,body[data-theme=dark] .sidebar-tool-btn,body[data-theme=dark] .sidebar-user{box-shadow:none;background:#101b2bd6;border-color:#7bc3ff29}body[data-theme=dark] #page-dashboard .dashboard-hero{background:linear-gradient(135deg,#4b3da0 0%,#3e4bb0 56%,#4a66bc 100%);box-shadow:0 28px 44px #2330704d}body[data-theme=dark] .cpanel-priority,body[data-theme=dark] .cpanel-side-card,body[data-theme=dark] .cpanel-quick-btn,body[data-theme=dark] .cpanel-kpi__item{background:#0c1625e6;border-color:#7bc3ff24}body[data-theme=dark] .cpanel-shell--config .cpanel-config-card:first-child{background:linear-gradient(135deg,#4b3da0 0%,#4a49bd 56%,#5f5fd1 100%)}body[data-theme=dark] .cpanel-shell--config .cpanel-config-card:nth-child(2){background:linear-gradient(135deg,#5445b4 0%,#6660d6 100%)}body[data-theme=dark] .cpanel-shell--config .cpanel-config-card:nth-child(3){background:linear-gradient(135deg,#d65f9d 0%,#dd558d 100%)}#page-manage-students{box-sizing:border-box;max-width:100%;padding:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.manage-students-shell{flex-direction:column;gap:16px;display:flex}.manage-students-header{margin-bottom:4px}.manage-students-result-meta{color:var(--text-muted,#64748b);letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.manage-students-toolbar{grid-template-columns:1fr 54px;align-items:center;gap:12px;display:grid}.manage-students-search{-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #94a3b829;border-radius:16px;align-items:center;gap:10px;min-height:54px;padding:0 14px;transition:all .2s;display:flex;box-shadow:0 4px 18px #0f172a08}.manage-students-search:focus-within{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91f}.manage-students-search .search-icon{color:#94a3b8;font-size:22px}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.manage-students-search input{min-width:0;color:var(--text,#1e293b);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:16px;font-weight:500}.btn-add-student{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#06b6d4,#2563eb);border:none;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;padding:0;transition:transform .1s,opacity .2s;display:flex;box-shadow:0 8px 20px #2563eb33}.btn-add-student span:not(.material-symbols-rounded){display:none}.btn-add-student:active{opacity:.9;transform:scale(.95)}.students-grid{flex-direction:column;gap:14px;display:flex}.student-card{-webkit-backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:1px solid #94a3b824;border-radius:20px;flex-direction:column;gap:16px;padding:16px;transition:transform .1s,background .2s;display:flex;box-shadow:0 8px 24px #0f172a0a}.student-card:active{background:#fff;transform:scale(.99)}.student-card-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-height:40px;font-size:12px;font-weight:700;transition:transform .1s,opacity .1s;display:flex}.action-btn .material-symbols-rounded{font-size:16px}.action-btn:active{transform:scale(.95)}.action-detail{color:#475569;background:#f1f5f9}.action-edit{color:#0369a1;background:#e0f2fe}.action-delete{color:#dc2626;background:#fee2e2}body[data-theme=dark] .manage-students-search{background:#1e293bb3;border-color:#ffffff14}body[data-theme=dark] .manage-students-search input{color:#f8fafc}body[data-theme=dark] .student-card{background:linear-gradient(#1e293bd9,#0f172ae6);border-color:#ffffff14;box-shadow:0 10px 30px #0003}body[data-theme=dark] .action-detail{color:#cbd5e1;background:#ffffff14}@media (min-width:768px){.manage-students-toolbar{grid-template-columns:1fr auto}.btn-add-student{gap:8px;width:auto;padding:0 20px}.btn-add-student span:not(.material-symbols-rounded){font-size:14px;font-weight:600;display:inline}.students-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}@media (hover:hover){.student-card:hover{border-color:#94a3b840;transform:translateY(-2px);box-shadow:0 12px 30px #0f17ff0f}.btn-add-student:hover{opacity:.95;transform:translateY(-1px)}}}#page-manage-students .student-billing-card{background:#fff!important;border:1px solid #cbd5e1e6!important;border-radius:20px!important;padding:0!important;overflow:hidden!important;box-shadow:0 18px 38px #0f172a1a!important}#page-manage-students .student-billing-card__hero{color:#fff!important;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%)!important;justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;padding:20px 24px 18px!important;display:flex!important}#page-manage-students .student-billing-card__hero .card-title{color:#fff!important;text-transform:uppercase!important;margin:0 0 4px!important;font-size:21px!important;font-weight:900!important;line-height:1.08!important}#page-manage-students .student-billing-card__hero p{color:#ffffffeb!important;margin:0!important;font-size:14px!important;font-weight:700!important;line-height:1.25!important}#page-manage-students .student-billing-card__icon{transform:rotate(-10deg);color:#ffffff47!important;font-size:58px!important;line-height:1!important}#page-manage-students .student-billing-card__body{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 26px!important;padding:24px!important;display:grid!important}#page-manage-students .student-fee-cell{min-width:0!important}#page-manage-students .student-fee-cell span:first-child{color:#94a3b8!important;text-transform:uppercase!important;margin-bottom:4px!important;font-size:12px!important;font-weight:900!important;line-height:1.15!important;display:block!important}#page-manage-students .student-fee-cell strong{color:#334155!important;white-space:nowrap!important;font-size:19px!important;font-weight:900!important;line-height:1.1!important;display:block!important}#page-manage-students .student-fee-paid{color:#fff!important;letter-spacing:0!important;background:#059669!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-height:23px!important;padding:0 13px!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important}#page-manage-students .student-billing-card__footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;padding:22px 24px!important;display:flex!important}#page-manage-students .student-billing-card__footer span:first-child{color:#94a3b8!important;text-transform:uppercase!important;margin-bottom:4px!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important;display:block!important}#page-manage-students .student-billing-card__footer strong{font-size:25px!important;font-weight:950!important;line-height:1.1!important;display:block!important}#page-manage-students .student-billing-card__footer strong.is-due{color:#dc2626!important}#page-manage-students .student-billing-card__footer strong.is-paid{color:#059669!important}#page-manage-students .student-billing-card__pdf{color:#fff!important;background:#3b82f6!important;border-radius:999px!important;flex:none!important;place-items:center!important;width:46px!important;height:46px!important;font-size:22px!important;display:grid!important;box-shadow:0 12px 22px #3b82f642!important}#page-manage-students .student-billing-card .manage-student-actions{background:#fff!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:14px!important;display:grid!important}@media (max-width:420px){#page-manage-students .student-billing-card__hero{padding:18px 20px 16px!important}#page-manage-students .student-billing-card__hero .card-title{font-size:20px!important}#page-manage-students .student-billing-card__body{gap:18px!important;padding:22px 20px!important}#page-manage-students .student-fee-cell strong{font-size:18px!important}#page-manage-students .student-billing-card__footer{padding:20px!important}#page-manage-students .student-billing-card__footer strong{font-size:24px!important}}body[data-theme=dark] #page-manage-students .student-billing-card{background:#0f172a!important;border-color:#7bc3ff29!important}body[data-theme=dark] #page-manage-students .student-billing-card__footer,body[data-theme=dark] #page-manage-students .student-billing-card .manage-student-actions{background:#0f172af5!important;border-color:#7bc3ff24!important}body[data-theme=dark] #page-manage-students .student-fee-cell strong{color:#e2e8f0!important}body[data-theme=dark] .presensi-hero-card{background:radial-gradient(circle at 100% 0,#7bc3ff2e,#0000 34%),linear-gradient(135deg,#12385c8f,#0a1321f5 52%,#080f1bfa);border-color:#7bc3ff29;box-shadow:0 20px 36px #00000047}body[data-theme=dark] .presensi-hero-clock,body[data-theme=dark] .presensi-summary-card,body[data-theme=dark] .presensi-actions-wrap{background:#080f1b85;border-color:#7bc3ff29;box-shadow:inset 0 1px #ffffff0a}body[data-theme=dark] .gaji-intro-card{background:radial-gradient(circle at 100% 0,#7bc3ff24,#0000 34%),linear-gradient(145deg,#0f1c30f5,#09121ff5);border-color:#7bc3ff29;box-shadow:0 20px 36px #00000047}body[data-theme=dark] .gaji-hero-title{color:#e7eefb}body[data-theme=dark] .gaji-hero-badge,body[data-theme=dark] .gaji-hero-pill{color:#d8e7fb;background:#080f1b85;border-color:#7bc3ff29;box-shadow:inset 0 1px #ffffff0a}body[data-theme=dark] .gaji-hero-pill .material-symbols-rounded,body[data-theme=dark] .gaji-hero-badge .material-symbols-rounded,body[data-theme=dark] .gaji-history-card__icon,body[data-theme=dark] .gaji-history-card__chevron{color:#8ec5ff}body[data-theme=dark] .gaji-history-card{background:linear-gradient(#0c1625f0,#0a1321f5);border-color:#7bc3ff24;box-shadow:0 14px 28px #0000003d}body[data-theme=dark] .gaji-mini-pager{background:#080f1b94;border-color:#7bc3ff29}body[data-theme=dark] .gaji-mini-pager__btn{color:#8ec5ff;background:linear-gradient(#141f30f5,#0c1625f0);border-color:#7bc3ff2e}body[data-theme=dark] .gaji-mini-pager__info{color:#d8e7fbd1}body:not([data-theme=dark]) #page-chat,body:not([data-theme=dark]) #page-chatroom{background:radial-gradient(circle at 0 0,#7dd3fc29,#0000 24%),radial-gradient(circle at 100% 100%,#2dd4bf1f,#0000 26%),linear-gradient(#f8fcfffa,#eef6fceb)}body:not([data-theme=dark]) #chat-conv-list{min-height:100%}body:not([data-theme=dark]) .chat-shell{background:radial-gradient(circle at 100% 0,#ffffffdb,#0000 24%),linear-gradient(160deg,#ffffffe6,#ebf4fbe0);border:1px solid #abc4e457;border-radius:30px;min-height:100%;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff0,0 26px 42px #607b9d1f}body:not([data-theme=dark]) .chat-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 12%,#38bdf814,#0000 18%),radial-gradient(circle at 82% 88%,#10b98114,#0000 20%);position:absolute;inset:0}body:not([data-theme=dark]) .chat-folder-panel{z-index:1;position:relative;padding:6px 2px 78px!important}body:not([data-theme=dark]) .conv-item{background:linear-gradient(#fffffffa,#f0f7fdf0);border:1px solid #b6c9e257;border-radius:24px;box-shadow:inset 0 1px #fffffffa,0 16px 28px #6c819e17}body:not([data-theme=dark]) .conv-item:hover,body:not([data-theme=dark]) .conv-item:focus-visible{background:linear-gradient(#fff,#e8f3fcfa);border-color:#6d9ddb57;transform:translateY(-2px);box-shadow:inset 0 1px #fffffffa,0 20px 32px #5878a524}body:not([data-theme=dark]) .conv-avatar{background:radial-gradient(circle at 28% 24%,#ffffff57,#0000 30%),linear-gradient(145deg,#4f9cf0 0%,#2f80d8 52%,#2aa79d 100%);box-shadow:inset 0 1px #ffffff3d,0 16px 26px #3f7ecc38}body:not([data-theme=dark]) .conv-info h4{color:#17324f}body:not([data-theme=dark]) .conv-info p,body:not([data-theme=dark]) .conv-meta .time{color:#6e84a1}body:not([data-theme=dark]) .conv-meta .unread{background:linear-gradient(#2dbf7f 0%,#1d9f67 100%);box-shadow:0 12px 20px #1d9f6733}body:not([data-theme=dark]) .chat-fab-btn{background:radial-gradient(circle at 30% 26%,#ffffff47,#0000 26%),linear-gradient(145deg,#31b38c 0%,#259f78 48%,#1f8c50 100%);box-shadow:inset 0 1px #ffffff29,0 20px 30px #1f8c503d}body:not([data-theme=dark]) .chat-container{background:radial-gradient(circle at 100% 0,#ffffffc7,#0000 20%),linear-gradient(#fdfffff5,#f0f7fceb);border-color:#aec5e36b;box-shadow:inset 0 1px #fffffff5,0 28px 46px #62769424}body:not([data-theme=dark]) .chat-room-toolbar{border-bottom-color:#b1c6e075;padding-bottom:16px}body:not([data-theme=dark]) .chat-room-name{color:#18314f}body:not([data-theme=dark]) .chat-room-sub{color:#7187a1}body:not([data-theme=dark]) .chat-room-menu-btn{background:linear-gradient(#fffffffa,#ecf3faf0);box-shadow:inset 0 1px #fffffff5,0 12px 20px #7181991a}body:not([data-theme=dark]) .chat-room-menu,body:not([data-theme=dark]) .chat-dropdown{background:linear-gradient(#fffffffc,#f2f7fcf7);box-shadow:0 20px 32px #56678429}body:not([data-theme=dark]) .chat-load-older{background:linear-gradient(#fffffff5,#eff5fbeb);box-shadow:inset 0 1px #fffffff0,0 10px 18px #6d7f9c14}body:not([data-theme=dark]) .chat-messages{background:radial-gradient(circle at 0 0,#ffffffb8,#0000 18%),radial-gradient(circle at 100% 100%,#ade8f442,#0000 22%),linear-gradient(#edf6fb 0%,#e5f0f7 48%,#ddebf4 100%);border-color:#b8c9df70;box-shadow:inset 0 1px #ffffffd6,inset 0 -18px 28px #d0e0ee52}body:not([data-theme=dark]) .chat-day-separator__label{color:#68819d;background:linear-gradient(#fffffff5,#e1ecf7eb)}body:not([data-theme=dark]) .chat-bubble{box-shadow:0 12px 20px #687b951a,inset 0 1px #ffffff4d}body:not([data-theme=dark]) .chat-bubble.sent{color:#12372b;background:radial-gradient(circle at 0 0,#ffffff3d,#0000 22%),linear-gradient(#dcf9d2 0%,#c5efb8 54%,#afe49f 100%);border-color:#7cba7270}body:not([data-theme=dark]) .chat-bubble.received{color:#213247;background:radial-gradient(circle at 0 0,#ffffff8f,#0000 24%),linear-gradient(#fff 0%,#f1f6fb 58%,#e6eef7 100%);border-color:#b1c1d86b}body:not([data-theme=dark]) .chat-bubble.sent .chat-menu-btn{background:#fff6}body:not([data-theme=dark]) .chat-bubble.received .chat-menu-btn{background:#f3f7fcf5}body:not([data-theme=dark]) .chat-input-area{border-top-color:#b5c7de6b}body:not([data-theme=dark]) .chat-input-area input{background:linear-gradient(#fffffffa,#f3f8fdf0);border-color:#b1c2db6b;box-shadow:inset 0 1px #fffffffa,0 10px 18px #70819b0f}body:not([data-theme=dark]) .chat-input-area button{background:radial-gradient(circle at 28% 24%,#ffffff3d,#0000 28%),linear-gradient(145deg,#32b68f 0%,#239d77 48%,#1f8c50 100%);box-shadow:inset 0 1px #ffffff2e,0 16px 26px #1f8c503d}body[data-theme=dark] .gaji-history-card__icon{background:#7bc3ff1a}body[data-theme=dark] .presensi-eyebrow{color:#bfdaffeb}body[data-theme=dark] #page-presensi .presensi-clock{color:var(--text)}body[data-theme=dark] #page-dashboard .dashboard-hero{background:radial-gradient(circle at 100% 0,#3b82f62e,#0000 24%),radial-gradient(circle at 0 100%,#0ea5e91f,#0000 24%),linear-gradient(#0a1323f0,#09101df5);border-color:#7bc3ff1f;box-shadow:0 18px 34px #0000003d,inset 0 1px #ffffff08}body[data-theme=dark] #page-dashboard .dashboard-hero__clock-card{background:linear-gradient(#121b29f0,#0b1421e6);border-color:#7bc3ff29;box-shadow:0 14px 26px #00000038,inset 0 1px #ffffff0a}body[data-theme=dark] #page-dashboard .dashboard-hero__clock,body[data-theme=dark] #page-dashboard .dashboard-hero__clock-day,body[data-theme=dark] #page-dashboard .dashboard-hero__clock-date{color:var(--text)}body[data-theme=dark] #page-dashboard .dashboard-hero__date-sep{color:#bfdaffb8}body[data-theme=dark] #page-dashboard .dashboard-hero__action-btn{color:var(--text);background:linear-gradient(#162130fa,#0e1724f5);border-color:#7bc3ff2e;box-shadow:0 10px 20px #0003,inset 0 1px #ffffff0a}body[data-theme=dark] #page-dashboard .dashboard-hero__action-btn:hover,body[data-theme=dark] #page-dashboard .dashboard-hero__action-btn:focus-visible{background:linear-gradient(#1b283a,#101b2afa);border-color:#7bc3ff47}body[data-theme=dark] #page-dashboard .dashboard-hero__action-btn--danger{color:#fecaca;background:linear-gradient(#431a1af5,#301212f0);border-color:#f8717147}body[data-theme=dark] #page-dashboard .dashboard-hero__logo{background:linear-gradient(#121f30fa,#0c1625f5);border-color:#7bc3ff24;box-shadow:0 14px 24px #00000038,inset 0 1px #ffffff08}body[data-theme=dark] .cpanel-main--config,body[data-theme=dark] .cpanel-config-card{background:linear-gradient(#0c1625f0,#09121ff5);border-color:#7bc3ff24;box-shadow:0 14px 28px #0000003d}body[data-theme=dark] .cpanel-config-card__icon,body[data-theme=dark] .cpanel-action-btn{background:linear-gradient(#121f30fa,#0c1625f5);border-color:#7bc3ff29}body[data-theme=dark] .cpanel-main__role,body[data-theme=dark] .cpanel-config-stat{background:linear-gradient(#121f30f0,#0c1625eb);border-color:#7bc3ff24;box-shadow:inset 0 1px #ffffff08}body[data-theme=dark] .cpanel-config-card__icon{color:#bfdaffeb}body[data-theme=dark] .cpanel-config-item{background:#0a1321d1;border-color:#7bc3ff1f}body[data-theme=dark] .cpanel-action-btn{color:var(--text);box-shadow:0 10px 20px #0000002e,inset 0 1px #ffffff08}body[data-theme=dark] .cpanel-action-btn:hover,body[data-theme=dark] .cpanel-action-btn:focus-visible{background:linear-gradient(#18263a,#0f1b2bfa);border-color:#7bc3ff42}body[data-theme=dark] .cpanel-config-stat strong,body[data-theme=dark] .cpanel-main__role,body[data-theme=dark] .cpanel-config-item__value{color:var(--text)}}:root{--font:"Instrument Sans", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", sans-serif;--font-display:"Instrument Sans", "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", sans-serif}body,button,input,select,textarea{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.ios-header,.dashboard-hero__title,.sidebar-brand__copy strong,.bottom-nav a .sidebar-link__text strong,.sidebar-user__copy strong{font-family:var(--font-display)}@media (max-width:767px){#page-dashboard .dashboard-hero{align-items:flex-start;gap:16px}#page-dashboard .dashboard-hero__logo{border-radius:24px;width:80px;height:80px}#page-dashboard .dashboard-hero__logo img{width:58px;height:58px}#page-dashboard .dashboard-hero__title{letter-spacing:-.045em;font-size:20px;line-height:1.04}}@media (min-width:768px) and (any-hover:hover) and (any-pointer:fine){body{background:radial-gradient(circle at 0 0,#ffffffeb,#0000 20%),radial-gradient(circle at 100% 100%,#cdddf5d9,#0000 24%),linear-gradient(#e6ebf5 0%,#dce4f1 100%)}body:before{background:linear-gradient(#f8faffeb,#e3ebf8d1);border:1px solid #ffffffbd;border-radius:42px;inset:12px;box-shadow:inset 0 1px #fffffff5,0 30px 68px #5e70912e}.bottom-nav{isolation:isolate;background:linear-gradient(#fcfdfff7,#f0f5fcf0);border-color:#b1bed89e;border-radius:36px;padding:18px 14px 16px;position:fixed;overflow:hidden auto;box-shadow:inset 0 1px #fffffff0,0 24px 48px #57698a2e}.bottom-nav:before{background:linear-gradient(#ffffffd1,#ecf2faad);border:1px solid #ffffffb8;border-radius:30px;width:auto;inset:12px;box-shadow:inset 0 1px #fffffff5,inset 0 -14px 24px #cdd8e93d}.sidebar-brand,.sidebar-nav-head,.sidebar-user,.bottom-nav-links,.sidebar-tools{z-index:1;position:relative}.sidebar-brand{background:0 0;border-bottom:1px solid #bdc9df7a;gap:14px;margin-bottom:2px;padding:10px 12px 14px}.sidebar-brand__logo{background:linear-gradient(#fffffffa,#e7eef7f0);border:1px solid #a9b9d147;border-radius:20px;width:60px;height:60px;margin-left:0;box-shadow:0 16px 26px #6e7e9924,inset 0 1px #fffffff5}.sidebar-brand__copy{gap:4px;max-width:168px}.sidebar-brand__copy strong{letter-spacing:-.03em;color:#17233a;font-size:14px;font-weight:700}.sidebar-brand__copy span{color:#72829c;font-size:11px;line-height:1.42;display:block}.sidebar-nav-head{padding:6px 10px 10px}.sidebar-nav-head__label{letter-spacing:.14em;color:#7d8aa1;font-size:10px}.sidebar-role-chip{color:#345276;background:#deeaf7d1;border-color:#7692c12e;padding:6px 11px;box-shadow:inset 0 1px #ffffffd1}.sidebar-collapse-btn{color:#476079;background:linear-gradient(#fffffff0,#e9eff8e6);border-color:#b1bed88f;border-radius:15px;width:42px;height:42px;box-shadow:0 14px 24px #6374921f,inset 0 1px #fffffff5}.sidebar-collapse-btn:hover,.sidebar-collapse-btn:focus-visible{background:linear-gradient(#fff,#edf2f9fa);border-color:#7b92ba57;box-shadow:0 18px 28px #63749224,inset 0 1px #fffffffa}.bottom-nav-links{border-top:1px solid #bdc9df61;border-bottom:1px solid #bdc9df61;gap:8px;padding:8px 0 10px}.sidebar-group-title{letter-spacing:.12em;color:#8b96aa;padding:10px 10px 4px;font-size:10px}.bottom-nav a{background:#ffffff8f;border-color:#c2ccdf3d;border-radius:22px;gap:12px;min-height:62px;padding:10px 12px;box-shadow:inset 0 1px #ffffffd1,0 8px 18px #7e8da50f}.bottom-nav a .material-symbols-rounded{color:#55718e;background:linear-gradient(#fafcfff0,#e8eff8f0);border:1px solid #b7c4d847;border-radius:14px;width:44px;height:44px;font-size:21px;box-shadow:0 10px 18px #7e8da51a,inset 0 1px #fffffff5}.bottom-nav a .sidebar-link__text{gap:3px}.bottom-nav a .sidebar-link__text strong{letter-spacing:-.025em;color:#1d2a3f;font-size:13px;font-weight:700}.bottom-nav a .sidebar-link__text small{color:#75839c;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.bottom-nav a.active,.bottom-nav a:hover,.bottom-nav a:focus-visible{background:linear-gradient(#e9f2fcf5,#dfebf9eb);border-color:#829fc742;box-shadow:inset 0 1px #fffffffa,0 14px 24px #6c85a51f}.bottom-nav a.active .material-symbols-rounded,.bottom-nav a:hover .material-symbols-rounded,.bottom-nav a:focus-visible .material-symbols-rounded{color:#fff;background:linear-gradient(#6ca7e8 0%,#4e88d2 100%);border-color:#5883bd38;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 14px 24px #4e88d242}.sidebar-tools{gap:10px;padding:14px 2px 10px}.sidebar-tool-btn{color:#4d617d;background:linear-gradient(#ffffffdb,#ecf2facc);border-color:#b7c4d861;border-radius:18px;justify-content:flex-start;gap:12px;min-height:48px;padding:0 16px;box-shadow:inset 0 1px #ffffffeb,0 10px 20px #7e8da514}.sidebar-user{background:linear-gradient(#ffffffe6,#eaf1f9d6);border-color:#b7c4d86b;border-radius:24px;gap:12px;margin-top:auto;padding:14px;box-shadow:inset 0 1px #fffffff5,0 18px 28px #6879961a}.sidebar-user__avatar{background:linear-gradient(#6ca7e8 0%,#4a84cf 100%);border-radius:18px;width:48px;height:48px;box-shadow:inset 0 1px #ffffff38,0 16px 24px #4a84cf47}.sidebar-user__copy{gap:3px}.sidebar-user__copy strong{letter-spacing:-.02em;color:#19253b;font-size:13px;font-weight:700}.sidebar-user__copy span{color:#73839d;font-size:11px}body.desktop-sidebar-collapsed .bottom-nav{padding-inline:10px}body.desktop-sidebar-collapsed .bottom-nav:before{width:auto;left:10px;right:10px}body.desktop-sidebar-collapsed .bottom-nav a{background:#ffffffad;border-radius:18px;padding:10px 8px}body.desktop-sidebar-collapsed .bottom-nav a .material-symbols-rounded{margin:0 auto}#page-dashboard .dashboard-hero{background:radial-gradient(circle at 100% 0,#ffffffbd,#0000 28%),linear-gradient(135deg,#f8fbff 0%,#eaf1fb 38%,#d9e7f7 100%);border:1px solid #bbc8dc99;border-radius:34px;gap:22px;padding:24px 26px;box-shadow:inset 0 1px #fffffffa,0 28px 48px #6a7b9829}#page-dashboard .dashboard-hero:after{pointer-events:none;background:radial-gradient(circle,#82aee247,#fff0);width:240px;height:240px;top:-62px;right:-74px}#page-dashboard .dashboard-hero__content:before{content:"Tampilan desktop";letter-spacing:.16em;color:#7990ad;pointer-events:none;margin-bottom:10px;font-size:11px;font-weight:700}#page-dashboard .dashboard-hero__logo{background:linear-gradient(#fffffffa,#e7eef7f0);border-color:#afbdd452;border-radius:28px;width:96px;height:96px;box-shadow:inset 0 1px #fffffffa,0 20px 34px #6c7b9629}#page-dashboard .dashboard-hero__logo img{width:70px;height:70px}#page-dashboard .dashboard-hero__title{letter-spacing:-.05em;color:#182338;font-size:clamp(28px,3vw,36px);line-height:.98}#page-dashboard .dashboard-hero__lead,#page-dashboard .dashboard-subtitle{color:#61748e;-webkit-line-clamp:2;max-width:42ch;line-height:1.45}#page-dashboard .dashboard-hero__clock-card{background:linear-gradient(#ffffffd1,#e9eff8c2);border-color:#b1bed85c;border-radius:24px;padding:18px 18px 16px;box-shadow:inset 0 1px #ffffffeb,0 18px 28px #6879961a}#page-dashboard .dashboard-hero__clock,#page-dashboard .dashboard-hero__clock-day,#page-dashboard .dashboard-hero__clock-date{color:#1f2d45}#page-dashboard .dashboard-hero__date-sep{color:#7e8ea7}#page-dashboard .dashboard-hero__action-btn{color:#46607e;background:linear-gradient(#fffffff0,#e9eff8e6);border-color:#b1bed861;border-radius:16px;width:44px;height:44px;box-shadow:inset 0 1px #fffffff5,0 12px 20px #6879961a}#page-dashboard .dashboard-hero__action-btn:hover,#page-dashboard .dashboard-hero__action-btn:focus-visible{background:linear-gradient(#fff,#eef3faf5);border-color:#7b92ba52}#page-dashboard .dashboard-hero__action-btn--danger{color:#b63d36;background:linear-gradient(#fff8f7fa,#fceae7f0);border-color:#e48a7e3d}body[data-theme=dark]{background:radial-gradient(circle at 0 0,#4d5e8480,#0000 22%),radial-gradient(circle at 100% 100%,#29588f57,#0000 24%),linear-gradient(#0f1726 0%,#111b2c 100%)}body[data-theme=dark]:before{background:linear-gradient(#192232e6,#0f1725db);border-color:#95a5c124;box-shadow:inset 0 1px #ffffff0a,0 28px 64px #0000004d}body[data-theme=dark] .bottom-nav{background:linear-gradient(#0e1623f5,#0b131ff0);border-color:#7a90b62e;box-shadow:inset 0 1px #ffffff0a,0 24px 48px #00000042}body[data-theme=dark] .bottom-nav:before{background:linear-gradient(#1b2536e0,#111b2bd1);border-color:#7a90b624;box-shadow:inset 0 1px #ffffff0a,inset 0 -18px 28px #03070f57}body[data-theme=dark] .sidebar-brand__logo,body[data-theme=dark] .bottom-nav a .material-symbols-rounded,body[data-theme=dark] .sidebar-collapse-btn,body[data-theme=dark] .sidebar-tool-btn,body[data-theme=dark] .sidebar-user,body[data-theme=dark] #page-dashboard .dashboard-hero__logo,body[data-theme=dark] #page-dashboard .dashboard-hero__action-btn,body[data-theme=dark] #page-dashboard .dashboard-hero__clock-card{background:linear-gradient(#182334fa,#0e1826f0);border-color:#7a90b62e;box-shadow:inset 0 1px #ffffff0a,0 14px 24px #00000038}body[data-theme=dark] .sidebar-brand__copy strong,body[data-theme=dark] .bottom-nav a .sidebar-link__text strong,body[data-theme=dark] .sidebar-user__copy strong,body[data-theme=dark] #page-dashboard .dashboard-hero__title,body[data-theme=dark] #page-dashboard .dashboard-hero__clock,body[data-theme=dark] #page-dashboard .dashboard-hero__clock-day,body[data-theme=dark] #page-dashboard .dashboard-hero__clock-date{color:#edf3fc}body[data-theme=dark] .sidebar-brand__copy span,body[data-theme=dark] .bottom-nav a .sidebar-link__text small,body[data-theme=dark] .sidebar-user__copy span,body[data-theme=dark] .sidebar-nav-head__label,body[data-theme=dark] .sidebar-group-title,body[data-theme=dark] #page-dashboard .dashboard-hero__lead,body[data-theme=dark] #page-dashboard .dashboard-subtitle,body[data-theme=dark] #page-dashboard .dashboard-hero__content:before,body[data-theme=dark] #page-dashboard .dashboard-hero__date-sep{color:#c4d4ecc2}body[data-theme=dark] .bottom-nav a{background:#131e2e94;border-color:#7a90b61f}body[data-theme=dark] .bottom-nav a.active,body[data-theme=dark] .bottom-nav a:hover,body[data-theme=dark] .bottom-nav a:focus-visible{background:#21344ebd;border-color:#7aa5de3d;box-shadow:inset 0 1px #ffffff0a,0 14px 24px #0000002e}body[data-theme=dark] .bottom-nav a.active .material-symbols-rounded,body[data-theme=dark] .bottom-nav a:hover .material-symbols-rounded,body[data-theme=dark] .bottom-nav a:focus-visible .material-symbols-rounded,body[data-theme=dark] .sidebar-user__avatar{color:#fff;background:linear-gradient(#69a7f0 0%,#4f86d8 100%);border-color:#75a8ec3d;box-shadow:inset 0 1px #ffffff24,0 14px 24px #4f86d842}body[data-theme=dark] #page-dashboard .dashboard-hero{background:radial-gradient(circle at 100% 0,#5f83ba38,#0000 24%),linear-gradient(#111c2cfa,#0c1522f5);border-color:#7a90b62e;box-shadow:inset 0 1px #ffffff0a,0 28px 44px #00000042}body[data-theme=dark] #page-dashboard .dashboard-hero__action-btn--danger{color:#ffcfcb;background:linear-gradient(#4f1d1dfa,#381515f0);border-color:#f1757542}body[data-theme=dark] .cpanel-quick-btn{background:linear-gradient(#141f30a3,#0c16257a);border-color:#7bc3ff1f;box-shadow:inset 0 1px #ffffff08,0 10px 18px #00000024}body[data-theme=dark] .cpanel-quick-btn>.material-symbols-rounded:first-child,body[data-theme=dark] #dash-menu.launcher-mode .menu-item .icon{box-shadow:none!important;background:0 0!important;border:none!important}body[data-theme=dark] .cpanel-quick-btn>.material-symbols-rounded:first-child{color:#8bb5ff;text-shadow:none}body[data-theme=dark] #dash-menu.launcher-mode .menu-item .icon{color:var(--menu-icon-color,#8bb5ff)!important}body[data-theme=dark] #dash-menu.launcher-mode .menu-item .icon .material-symbols-rounded{text-shadow:none;color:inherit!important}body[data-theme=dark] #dash-menu.launcher-mode .menu-item .icon:before{display:none!important}}.chat-container{-webkit-backdrop-filter:blur(24px);background:linear-gradient(#ffffffc2,#f2f7fcb8);border:1px solid #b8c6dc75;border-radius:28px;flex-direction:column;height:calc(100vh - 196px);min-height:440px;padding:16px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fffffff5,0 22px 42px #5a6c8a1f}.chat-shell{gap:14px}.chat-folder-panel{flex:1;padding-bottom:80px!important}.chat-room-toolbar{z-index:3;border-bottom:1px solid #bcc8db75;align-items:flex-start;gap:12px;margin-bottom:12px;padding:0 0 14px;position:relative}.chat-room-toolbar__identity{gap:4px;min-width:0;display:grid}.chat-room-name{letter-spacing:-.03em;color:#182338;font-size:17px;font-weight:800}.chat-room-sub{color:#6d7f97;margin-top:0;font-size:12px;line-height:1.45}.chat-room-toolbar__actions{flex-shrink:0;margin-left:auto;position:relative}.chat-room-menu-btn{color:#5c728f;cursor:pointer;background:linear-gradient(#fffffff0,#ecf2f9e6);border:1px solid #b9c6da70;border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex;box-shadow:inset 0 1px #fffffff5,0 10px 18px #71819914}.chat-room-menu-btn:hover,.chat-room-menu-btn:focus-visible{background:linear-gradient(#fff,#f0f5fbf5);border-color:#8099be6b;transform:translateY(-1px)}.chat-room-menu-btn .material-symbols-rounded{font-size:20px}.chat-room-menu,.chat-dropdown{-webkit-backdrop-filter:blur(22px);z-index:20;background:linear-gradient(#fffffffa,#f1f6fcf2);border:1px solid #bdc9dc70;border-radius:18px;min-width:190px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 28px #56678424}.chat-room-menu.visible,.chat-dropdown.visible{gap:4px;animation:.16s ease-out fadeIn;display:grid}.chat-room-menu__item,.chat-delete-action{color:#203149;text-align:left;cursor:pointer;width:100%;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;transition:background-color .16s,color .16s;display:inline-flex}.chat-room-menu__item:hover,.chat-delete-action:hover{background:#dfeaf6d1}.chat-room-menu__item .material-symbols-rounded,.chat-delete-action .material-symbols-rounded{font-size:18px}.chat-room-menu__item--danger,.chat-delete-action.text-danger{color:#b63d36}.chat-load-older{background:#ffffffb8;border-color:#b8c5da66;border-radius:16px;margin-bottom:12px}.chat-messages{background:#eef2f7;border:1px solid #c5d1e26b;border-radius:24px;flex-direction:column;flex:1;gap:8px;margin:0;padding:18px 14px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffffd1}.chat-day-separator{justify-content:center;margin:4px 0 6px;display:flex}.chat-day-separator__label{color:#61748f;letter-spacing:.01em;background:#dae3efe6;border:1px solid #b9c7dc6b;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffd1}.chat-bubble{word-wrap:break-word;border:1px solid #c5d1e25c;border-radius:18px;max-width:min(82%,560px);margin-bottom:0;padding:10px 12px 9px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 8px 18px #6b7b9614}.chat-bubble:before{content:"";background:inherit;border-bottom:inherit;width:12px;height:14px;position:absolute;bottom:6px}.chat-bubble__text{white-space:pre-wrap;word-break:break-word;padding-right:0;display:inline}.chat-bubble-spacer{width:78px;height:10px;display:inline-block}.chat-bubble.sent{color:#113024;background:linear-gradient(#d2f8c9 0%,#bceeb0 100%);border-color:#82c07775;border-bottom-right-radius:8px;margin-left:auto}.chat-bubble.sent:before{border-right:inherit;border-bottom-right-radius:4px;right:-5px;transform:skew(-24deg)}.chat-bubble.received{color:#1f2937;background:linear-gradient(#f4f8fc 0%,#e7eef7 100%);border-color:#b0c1d86b;border-bottom-left-radius:8px}.chat-bubble.received:before{border-left:inherit;border-bottom-left-radius:4px;left:-5px;transform:skew(24deg)}.chat-bubble.pending{opacity:.9}.chat-bubble.failed{border-color:#ef444452;box-shadow:0 8px 18px #ef444414}.chat-pending{color:#6f7e94;opacity:1;margin-top:4px;font-size:11px;font-style:normal}.chat-bubble.failed .chat-pending{color:#c2413a}.chat-bubble-footer{float:right;align-items:center;gap:3px;margin:-10px 0 -4px 10px;line-height:1;display:inline-flex}.chat-bubble-footer .time{color:#1a233285;font-size:10px}.chat-check{color:#1a233275;margin-bottom:-1px;font-size:15px}.chat-check.read{color:#35a5f3}.chat-action-menu{z-index:5;position:absolute;top:8px;right:8px}.chat-menu-btn{color:#1c273a70;cursor:pointer;opacity:0;background:#ffffff80;border:none;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .16s,background-color .16s,color .16s;display:inline-flex}.chat-menu-btn .material-symbols-rounded{font-size:16px}.chat-bubble:hover .chat-menu-btn,.chat-bubble:focus-within .chat-menu-btn{opacity:1}.chat-bubble.sent .chat-menu-btn{background:#ffffff57}.chat-bubble.received .chat-menu-btn{background:#ebf0f6e6}.chat-input-area{border-top:1px solid #bcc8db6b;align-items:center;gap:10px;margin-top:12px;padding:14px 0 0}.chat-input-area input{background:#ffffffe6;border:1px solid #b8c5da6b;border-radius:20px;min-height:50px;padding:14px 18px;font-size:14px;box-shadow:inset 0 1px #ffffffeb}.chat-input-area button{background:linear-gradient(#26a35c 0%,#1f8c50 100%);border-radius:18px;width:48px;height:48px;box-shadow:0 14px 24px #1f8c5038}.chat-input-area button:disabled{opacity:.5;filter:saturate(.55)}.conv-item{background:linear-gradient(#ffffffe6,#f2f7fcd6);border:1px solid #bcc8db61;border-radius:22px;align-items:center;gap:12px;margin-bottom:10px;padding:14px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:flex;box-shadow:inset 0 1px #fffffff0,0 14px 24px #5f6f8c14}.conv-item:hover,.conv-item:focus-visible{background:linear-gradient(#fffffff5,#ecf3faeb);border-color:#829fc747;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff5,0 18px 28px #5f6f8c1a}.conv-avatar{background:linear-gradient(#63a7ea 0%,#4d87d2 100%);border-radius:18px;width:50px;height:50px;box-shadow:0 14px 22px #4d87d22e}.conv-info h4{letter-spacing:-.02em;color:#1b273b;font-size:14px;font-weight:700}.conv-info p,.conv-meta .time{color:#7787a0;font-size:11px}.conv-meta .unread{background:linear-gradient(#26a35c 0%,#1f8c50 100%);border-radius:999px;min-width:22px;height:22px;box-shadow:0 10px 18px #1f8c502e}.chat-fab-btn{background:linear-gradient(#26a35c 0%,#1f8c50 100%);border-radius:20px;width:58px;height:58px;bottom:88px;right:26px;box-shadow:0 18px 28px #1f8c503d}body[data-theme=dark] .chat-container{background:linear-gradient(#111c2bf5,#0c1522f0);border-color:#798fb533;box-shadow:inset 0 1px #ffffff0a,0 22px 44px #0000004d}body[data-theme=dark] .chat-room-name{color:#edf3fc}body[data-theme=dark] .chat-room-sub,body[data-theme=dark] .conv-info p,body[data-theme=dark] .conv-meta .time,body[data-theme=dark] .chat-pending,body[data-theme=dark] .chat-bubble-footer .time{color:#c3d3ebbd}body[data-theme=dark] .chat-room-menu-btn,body[data-theme=dark] .chat-room-menu,body[data-theme=dark] .chat-dropdown,body[data-theme=dark] .chat-load-older,body[data-theme=dark] .conv-item,body[data-theme=dark] .chat-input-area input{color:#edf3fc;background:linear-gradient(#182334f5,#0f1927eb);border-color:#798fb52e;box-shadow:inset 0 1px #ffffff0a,0 12px 22px #0000002e}body[data-theme=dark] .chat-room-menu__item,body[data-theme=dark] .chat-delete-action,body[data-theme=dark] .conv-info h4{color:#edf3fc}body[data-theme=dark] .chat-room-menu__item:hover,body[data-theme=dark] .chat-delete-action:hover,body[data-theme=dark] .conv-item:hover,body[data-theme=dark] .conv-item:focus-visible{background:#23334deb}body[data-theme=dark] .chat-messages{background:#0f1724;border-color:#798fb52e;box-shadow:inset 0 1px #ffffff08}body[data-theme=dark] .chat-day-separator__label{color:#cedcf2d1;background:#223048eb;border-color:#798fb52e;box-shadow:inset 0 1px #ffffff0a}body[data-theme=dark] .chat-bubble{border-color:#798fb529;box-shadow:0 10px 18px #0000002e}body[data-theme=dark] .chat-bubble.received{color:#edf3fc;background:linear-gradient(#182334fa,#0f1927f0)}body[data-theme=dark] .chat-bubble.sent{color:#eafff0;background:linear-gradient(#1f8c50 0%,#187746 100%);border-color:#35a35c47}body[data-theme=dark] .chat-check{color:#dceaff8f}body[data-theme=dark] .chat-check.read{color:#5ec7ff}body[data-theme=dark] .chat-menu-btn{color:#e6eefcbd}@media (max-width:767px){.chat-container{border-radius:24px;height:calc(100vh - 168px);padding:14px}.chat-room-toolbar{flex-wrap:nowrap;align-items:center}.chat-room-sub{max-width:28ch}.chat-messages{border-radius:20px;padding:14px 10px}.chat-bubble{max-width:90%}.chat-input-area{gap:8px}.chat-input-area input{min-height:46px;padding:13px 15px}.chat-input-area button{border-radius:16px;width:46px;height:46px}}@media (min-width:1200px){.cpanel-group__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1360px){.cpanel-shell{grid-template-columns:minmax(0,1.55fr) minmax(260px,.78fr)}.cpanel-shell--config{grid-template-columns:minmax(0,1fr)}.cpanel-side{top:calc(var(--desktop-shell-gap) + 6px);position:sticky}}@media (min-width:1560px){.cpanel-shell{grid-template-columns:minmax(0,1.75fr) minmax(280px,.7fr)}.cpanel-shell--config{grid-template-columns:minmax(0,1fr)}.cpanel-shell--config .cpanel-config-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cpanel-main{padding:18px}}:root{--app-vh:100vh}body.kodular-webview,body.runtime-customwebview,body.kodular-webview[data-theme=dark],body.runtime-customwebview[data-theme=dark]{background-attachment:scroll;min-height:100dvh}body.kodular-webview .topbar,body.runtime-customwebview .topbar,body.kodular-webview .bottom-nav,body.runtime-customwebview .bottom-nav,body.kodular-webview .tab-bar,body.runtime-customwebview .tab-bar,body.kodular-webview .modal,body.runtime-customwebview .modal,body.kodular-webview .auth-card,body.runtime-customwebview .auth-card,body.kodular-webview .confirm-dialog,body.runtime-customwebview .confirm-dialog{-webkit-backdrop-filter:none!important}body.kodular-webview #dash-menu,body.runtime-customwebview #dash-menu,body.kodular-webview #dash-info,body.runtime-customwebview #dash-info,body.kodular-webview #dash-bendahara-panel,body.runtime-customwebview #dash-bendahara-panel,body.kodular-webview #monitor-result,body.runtime-customwebview #monitor-result,body.kodular-webview #users-pending,body.runtime-customwebview #users-pending,body.kodular-webview #users-all,body.runtime-customwebview #users-all,body.kodular-webview #izin-list,body.runtime-customwebview #izin-list,body.kodular-webview #gaji-content,body.runtime-customwebview #gaji-content,body.kodular-webview #jurnal-list,body.runtime-customwebview #jurnal-list,body.kodular-webview #presensi-history,body.runtime-customwebview #presensi-history,body.kodular-webview #ticket-manage-list,body.runtime-customwebview #ticket-manage-list,body.kodular-webview #maktabah-list,body.runtime-customwebview #maktabah-list,body.kodular-webview #pay-form,body.runtime-customwebview #pay-form,body.kodular-webview #pay-history{content-visibility:visible!important;contain-intrinsic-size:auto!important}body.runtime-customwebview #users-pending,body.runtime-customwebview #users-all,body.runtime-customwebview #info-content,body.runtime-customwebview #pay-approval-list,body.runtime-customwebview #treasurer-finance-results,body.runtime-customwebview #monitor-jurnal-list{contain:layout style paint}body.kodular-webview .content-area,body.runtime-customwebview .content-area{padding-bottom:calc(96px + env(safe-area-inset-bottom))}body.kodular-webview .chat-container,body.runtime-customwebview .chat-container{height:calc(var(--app-vh,100vh) - 210px)}body.kodular-webview .floating-fab,body.runtime-customwebview .floating-fab{bottom:calc(96px + env(safe-area-inset-bottom))}body.kodular-webview .modal-overlay,body.runtime-customwebview .modal-overlay{padding-bottom:calc(18px + env(safe-area-inset-bottom))}body.runtime-customwebview .card,body.runtime-customwebview .menu-item,body.runtime-customwebview .launcher-chip,body.runtime-customwebview .metric,body.runtime-customwebview .cpanel-priority,body.runtime-customwebview .cpanel-side-card,body.runtime-customwebview .cpanel-quick-btn{transition:none!important;box-shadow:0 2px 10px #0f172a0d!important}body.runtime-customwebview .app-boot-loader,body.runtime-customwebview .skeleton,body.runtime-customwebview .menu-skeleton,body.runtime-customwebview .boot-loading-text{animation-duration:1.9s!important}@media (max-width:767px){body.kodular-webview .chat-container,body.runtime-customwebview .chat-container{height:calc(var(--app-vh,100vh) - 168px)}}@media (min-width:768px) and (any-hover:hover) and (any-pointer:fine){.content-area{background:linear-gradient(#ffffffd6,#f1f6fcb8);border:1px solid #c0cde06b;border-radius:34px;padding:26px 28px 34px;box-shadow:inset 0 1px #fffffff5,0 28px 54px #5e70911f}body[data-theme=dark] .content-area{background:linear-gradient(#0f1725e6,#0b121ed1);border-color:#67779338;box-shadow:inset 0 1px #ffffff0a,0 28px 56px #00000047}.topbar{background:linear-gradient(#ffffffe0,#f0f5fbc7);border:1px solid #becbdf75;border-radius:28px;box-shadow:inset 0 1px #fffffff5,0 18px 34px #5e70911f}body[data-theme=dark] .topbar{background:linear-gradient(#111b2be6,#0c1422d6);border-color:#6879973d;box-shadow:inset 0 1px #ffffff0a,0 20px 36px #0000003d}.card,.maktabah-item,.launcher-tile,.menu-item,.student-summary-card,.payment-summary-card,.jurnal-card,.monitor-hero,.salary-total-preview,.penilaian-summary-card{border-color:#c2cee070;border-radius:28px;box-shadow:inset 0 1px #ffffffeb,0 20px 40px #5a6c8a1a}body[data-theme=dark] .card,body[data-theme=dark] .maktabah-item,body[data-theme=dark] .launcher-tile,body[data-theme=dark] .menu-item,body[data-theme=dark] .student-summary-card,body[data-theme=dark] .payment-summary-card,body[data-theme=dark] .jurnal-card,body[data-theme=dark] .monitor-hero,body[data-theme=dark] .penilaian-summary-card{border-color:#62769538;box-shadow:inset 0 1px #ffffff0a,0 22px 42px #0000003d}.card:hover,.maktabah-item:hover,.launcher-tile:hover,.menu-item:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffffff5,0 28px 48px #5a6c8a24}body[data-theme=dark] .card:hover,body[data-theme=dark] .maktabah-item:hover,body[data-theme=dark] .launcher-tile:hover,body[data-theme=dark] .menu-item:hover{box-shadow:inset 0 1px #ffffff0d,0 28px 48px #00000047}.btn{border-radius:16px;min-height:44px;padding:11px 16px;box-shadow:inset 0 1px #ffffffb8,0 10px 18px #5a6c8a1a}.tab-bar{background:linear-gradient(#fbfdffeb,#ecf2fad1);border-radius:24px;padding:6px;box-shadow:inset 0 1px #fffffff0,0 14px 26px #5a6c8a14}body[data-theme=dark] .tab-bar{background:linear-gradient(#121d2eeb,#0d1523d6);box-shadow:inset 0 1px #ffffff0a,0 16px 28px #00000038}.maktabah-list{gap:16px}.maktabah-item{background:linear-gradient(#fffffff5,#f1f6fce0);gap:16px;padding:18px}body[data-theme=dark] .maktabah-item{background:linear-gradient(#121d2ef0,#0d1523e0)}body[data-theme=dark] .ticket-target-chip{color:#c7e7ff;background:#7dd3fc24}.maktabah-cover{border-radius:22px;width:88px;height:112px;box-shadow:inset 0 1px #ffffffc7,0 16px 28px #5a6c8a24}.maktabah-cover--brand{background:linear-gradient(#0f4c812e,#fffffff5)}body[data-theme=dark] .maktabah-cover--brand{background:linear-gradient(#266eb357,#0f1928f5)}.maktabah-cover__brand{border-radius:18px}body[data-theme=dark] .maktabah-cover__brand{background:#0a121ee0}.maktabah-title{letter-spacing:-.025em;font-size:17px}.maktabah-desc{margin-top:6px;font-size:13px;line-height:1.58}.maktabah-meta{margin-top:8px;font-size:12px}.maktabah-actions{margin-top:12px}.modal-overlay{background:#78859b47;align-items:center;padding:32px}body[data-theme=dark] .modal-overlay{background:#060a128f}.modal{background:linear-gradient(#fffffff5,#f1f6fceb);border:1px solid #c0cde080;border-radius:32px;width:min(760px,100vw - 96px);max-width:min(760px,100vw - 96px);animation:.18s ease-out fadeIn;box-shadow:inset 0 1px #fffffffa,0 30px 64px #5667842e}body[data-theme=dark] .modal{background:linear-gradient(#121d2ef5,#0d1523eb);border-color:#6578983d;box-shadow:inset 0 1px #ffffff0a,0 30px 64px #00000057}.modal--pdf-viewer{width:min(1120px,100vw - 80px);max-width:min(1120px,100vw - 80px);padding:20px 22px 22px}.modal-header{margin-bottom:18px}.modal-close{border-radius:14px;width:40px;height:40px;box-shadow:inset 0 1px #ffffffe6,0 8px 16px #5a6c8a1a}.pdf-modal-note{border-radius:22px;padding:16px 18px}.pdf-modal-frame-wrap{border-radius:24px;box-shadow:inset 0 1px #ffffff0f,0 26px 48px #0f172a38}@media (max-width:768px){body:not([data-theme=dark]){--primary:#4d90d6;--primary-light:#9ed2ff;--primary-dark:#2a68a9;--secondary:#66c0ff;--bg:#d7efff;--surface:#ebf7ff;--surface-soft:#4d90d61a;--text:#1f415f;--text-secondary:#62819d;--border:#63a6e62e;--shadow:0 8px 18px #316fab1a;--hero-gradient:linear-gradient(180deg, #eff9ff 0%, #dff1ff 100%);--topbar-bg:#e8f5fff7;--nav-bg:#e8f5fffc;--input-bg:#f4fbff;background:linear-gradient(#f1faff 0%,#dff1ff 42%,#bfe2ff 100%)}body:not([data-theme=dark]) .page,body:not([data-theme=dark]) #page-dashboard{background:linear-gradient(#e6f5ff 0%,#c7e6ff 100%)!important}body:not([data-theme=dark]) #page-dashboard{box-shadow:inset 0 1px #ffffff8c}body:not([data-theme=dark]) .auth-container{background:radial-gradient(circle at 0 0,#ffffff9e,#0000 30%),radial-gradient(circle at 100% 100%,#72c0ff3d,#0000 34%),linear-gradient(#eef9ff 0%,#cfe8ff 100%)}body:not([data-theme=dark]) .auth-container:before,body:not([data-theme=dark]) .auth-container:after{opacity:.32;background:#ffffff4d}body:not([data-theme=dark]) .auth-logo,body:not([data-theme=dark]) .auth-logo p,body:not([data-theme=dark]) .auth-logo h1{color:var(--text);text-shadow:none}body:not([data-theme=dark]) .auth-card{-webkit-backdrop-filter:none;background:linear-gradient(#fafdff 0%,#eaf5ff 100%);border-color:#63a6e624;box-shadow:0 12px 24px #316fab1a}body:not([data-theme=dark]) .topbar,body:not([data-theme=dark]) .bottom-nav{background:var(--topbar-bg);-webkit-backdrop-filter:none;border-color:#63a6e621;box-shadow:0 8px 16px #316fab14}body:not([data-theme=dark]) .topbar h1,body:not([data-theme=dark]) .ios-header{color:var(--text)}body:not([data-theme=dark]) .topbar .nav-btn{width:40px;height:40px;color:var(--primary);background:#d9edff;border-radius:14px;box-shadow:0 6px 12px #316fab17}body:not([data-theme=dark]) .card,body:not([data-theme=dark]) .dash-card,body:not([data-theme=dark]) .menu-item,body:not([data-theme=dark]) .tab-bar,body:not([data-theme=dark]) .modal{background:linear-gradient(#f8fcff 0%,#e7f4ff 100%);border:1px solid #63a6e61f;box-shadow:0 8px 18px #316fab17}body:not([data-theme=dark]) .menu-grid{gap:14px}body:not([data-theme=dark]) .menu-item:before{background:linear-gradient(140deg,#ffffff57,#78c4ff2e 54%,#0000 70%)}body:not([data-theme=dark]) .form-group input,body:not([data-theme=dark]) .form-group select,body:not([data-theme=dark]) .form-group textarea,body:not([data-theme=dark]) .input-action-btn{background:var(--input-bg);border-color:var(--border);box-shadow:inset 0 1px #ffffffeb}body:not([data-theme=dark]) .btn-primary{background:linear-gradient(#78beff 0%,#4592dc 100%);box-shadow:0 10px 18px #4288d038}body:not([data-theme=dark]) .btn-secondary{color:#3c6e9c;border-color:var(--border);background:#dcefff}body:not([data-theme=dark]) .bottom-nav a{color:#6d93b8}body:not([data-theme=dark]) .bottom-nav a .material-symbols-rounded{transition:none}body:not([data-theme=dark]) .bottom-nav a.active{color:var(--primary-dark)}body:not([data-theme=dark]) .bottom-nav a.active .material-symbols-rounded{color:#fff;background:linear-gradient(#78beff 0%,#4592dc 100%);border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:4px;display:inline-flex;box-shadow:0 8px 14px #4288d033}body:not([data-theme=dark]) #page-presensi .presensi-hero-card,body:not([data-theme=dark]) #page-dashboard .dashboard-hero{border-color:#c2a78c1a;box-shadow:0 12px 22px #0f4c8129;background:radial-gradient(circle at 0 0,#ffffff2e,#0000 28%),linear-gradient(135deg,#0f4c81 0%,#125d8a 46%,#0f766e 100%)!important}body:not([data-theme=dark]) #page-dashboard .dashboard-hero:after{opacity:.68;background:radial-gradient(circle,#ffffff29,#fff0)}body:not([data-theme=dark]) #page-dashboard .dashboard-hero__content:before,body:not([data-theme=dark]) #page-dashboard .dashboard-subtitle,body:not([data-theme=dark]) #page-dashboard .dashboard-hero__lead,body:not([data-theme=dark]) #page-dashboard .dashboard-hero__clock-day,body:not([data-theme=dark]) #page-dashboard .dashboard-hero__clock-date,body:not([data-theme=dark]) #page-dashboard .dashboard-hero__date-sep{color:#fffaf5f0}body:not([data-theme=dark]) #page-dashboard .dashboard-hero__title,body:not([data-theme=dark]) #page-dashboard .dashboard-hero__clock{color:#fffaf6}body:not([data-theme=dark]) #page-dashboard .dashboard-hero__title{letter-spacing:-.03em;font-size:16px;line-height:1.12}body:not([data-theme=dark]) #page-dashboard .dashboard-hero__logo{width:76px;height:76px;box-shadow:none!important;background:0 0!important;border:0!important}body:not([data-theme=dark]) #page-dashboard .dashboard-hero__logo img{filter:drop-shadow(0 0 .75px #fffffffa)drop-shadow(0 0 1.4px #fffffffa)drop-shadow(0 0 2.2px #fffffff0);width:68px;height:68px}body:not([data-theme=dark]) .dashboard-hero__salutation{font-size:inherit;font-weight:inherit;color:inherit;margin-bottom:0;display:block}body:not([data-theme=dark]) .dashboard-hero__mainline{font-size:inherit;color:inherit;display:block}body:not([data-theme=dark]) #page-dashboard .dashboard-hero__clock-card,body:not([data-theme=dark]) #page-dashboard .dashboard-hero__action-btn,body:not([data-theme=dark]) #page-presensi .presensi-hero-clock,body:not([data-theme=dark]) #page-presensi .presensi-meta-pill,body:not([data-theme=dark]) #page-presensi .presensi-actions-wrap{box-shadow:none;-webkit-backdrop-filter:none;background:#f4fafff2;border-color:#63a6e61f}body:not([data-theme=dark]) #page-dashboard .dashboard-hero__action-btn{color:#3e6f9f}body:not([data-theme=dark]) #page-dashboard .dashboard-hero__action-btn--danger{color:#a16f66;background:#fbf4f4f5;border-color:#d9abab1f}body:not([data-theme=dark]) .content-area{background:linear-gradient(#dff1ffb8,#c2e2ff66);border-radius:28px}body:not([data-theme=dark]) .topbar{border-bottom:1px solid #63a6e624;box-shadow:0 10px 18px #316fab12}body:not([data-theme=dark]) .card,body:not([data-theme=dark]) .maktabah-item,body:not([data-theme=dark]) .launcher-tile,body:not([data-theme=dark]) .student-summary-card,body:not([data-theme=dark]) .payment-summary-card,body:not([data-theme=dark]) .jurnal-card,body:not([data-theme=dark]) .monitor-hero,body:not([data-theme=dark]) .penilaian-summary-card,body:not([data-theme=dark]) .nis-radio-card,body:not([data-theme=dark]) .table-container,body:not([data-theme=dark]) .file-upload{background:linear-gradient(#f8fcfff7,#e6f3ffed);border:1px solid #63a6e61f;box-shadow:inset 0 1px #ffffffe0,0 10px 24px #316fab14}body:not([data-theme=dark]) .menu-item{background:linear-gradient(#f9fdfffa,#e6f3fff0);min-height:128px;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #316fab14}body:not([data-theme=dark]) .menu-item .icon{width:54px;height:54px;color:var(--menu-icon-color,var(--primary));border-radius:0;box-shadow:none!important;background:0 0!important}body:not([data-theme=dark]) .menu-item .icon .material-symbols-rounded{color:inherit;text-shadow:0 6px 14px #ffffff2e;font-size:31px}body:not([data-theme=dark]) .menu-item .label,body:not([data-theme=dark]) .section-title,body:not([data-theme=dark]) .pill-accent,body:not([data-theme=dark]) .info-row .label{color:#5e7f9d}body:not([data-theme=dark]) .topbar h1,body:not([data-theme=dark]) .ios-header,body:not([data-theme=dark]) .card h3,body:not([data-theme=dark]) .card h4,body:not([data-theme=dark]) .info-row .value,body:not([data-theme=dark]) .monitor-topbar-title,body:not([data-theme=dark]) .user-card-title,body:not([data-theme=dark]) .card-title{color:#1f415f}body:not([data-theme=dark]) .form-group input,body:not([data-theme=dark]) .form-group select,body:not([data-theme=dark]) .form-group textarea,body:not([data-theme=dark]) .search-bar input{background:linear-gradient(#fafdfffa,#eff8fff5);border-radius:18px;box-shadow:inset 0 1px #ffffffeb,0 1px #63a6e61a}body:not([data-theme=dark]) .tab-bar{background:linear-gradient(#eff8fff0,#d0e9ffdb);padding:7px;box-shadow:inset 0 1px #ffffffd6}body:not([data-theme=dark]) .tab-bar button{color:#5b7fa3}body:not([data-theme=dark]) .tab-bar button.active{color:#fff;box-shadow:0 10px 18px #4288d02e}body:not([data-theme=dark]) .section-title{letter-spacing:.14em;margin-bottom:12px}body:not([data-theme=dark]) .pill-accent,body:not([data-theme=dark]) .launcher-chip,body:not([data-theme=dark]) .readonly-input{background:#4d90d624;border-color:#63a6e624}body:not([data-theme=dark]) .table-container{overflow:hidden}body:not([data-theme=dark]) th{color:#fffaf6;background:linear-gradient(#78beff 0%,#4592dc 100%)}body:not([data-theme=dark]) tr:nth-child(2n){background:#4d90d614}body:not([data-theme=dark]) .modal{background:linear-gradient(#f9fdfffa,#e6f3fff0)}}.menu-item .icon{box-shadow:none!important;color:var(--menu-icon-color,currentColor)!important;background:0 0!important;border-radius:0!important}.menu-item .icon .material-symbols-rounded{color:inherit!important}}.card,.dash-grid,.menu-grid{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.menu-item,.launcher-tile,.stat-card{box-shadow:none!important;background:0 0!important;border:none!important;border-image:!important;outline:none!important}.menu-item:before,.menu-item:after,.launcher-tile:before,.launcher-tile:after,.card:before,.card:after{content:none!important;background:0 0!important;display:none!important}.menu-item .icon,.launcher-tile .icon{box-shadow:none!important;background-color:#0000!important}.menu-item:hover,.menu-item:active,.launcher-tile:hover,.launcher-tile:active{box-shadow:none!important;background:0 0!important;border:none!important}#dash-menu.launcher-mode{gap:10px 18px}#dash-menu.launcher-mode .menu-item{border-radius:24px!important;min-height:136px!important;padding:18px 10px!important}#dash-menu.launcher-mode .menu-item .icon{position:relative;overflow:hidden;background:linear-gradient(180deg, #ffffff57, #ffffff14 42%, #ffffff05 100%), var(--menu-icon-color,#0f4c81)!important;border:1px solid #ffffff47!important;border-radius:20px!important;width:64px!important;height:64px!important;margin-bottom:12px!important;box-shadow:inset 0 1px #ffffff61,0 8px 18px #0f172a24!important}#dash-menu.launcher-mode .menu-item .icon .material-symbols-rounded{z-index:1;text-shadow:0 1px 2px #0f172a2e;position:relative;color:#fff!important;font-size:40px!important}#dash-menu.launcher-mode .menu-item .icon:before{content:"";opacity:.9;pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff14);border-radius:999px;height:42%;position:absolute;top:6px;left:8px;right:8px}#dash-menu.launcher-mode .menu-item .label{font-weight:700;font-size:14px!important;line-height:1.4!important}.profile-payroll-edit-state{margin-bottom:12px}#page-presensi .presensi-hero-meta{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-presensi .presensi-meta-pill{align-content:start;gap:4px;min-height:100%;padding:12px 14px;display:grid}#page-presensi .presensi-meta-pill-gps{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px}#page-presensi .presensi-filter-row{background:linear-gradient(#f7fbfff5,#eff7ffe0);border:1px solid #0f4c8114;border-radius:22px;gap:10px;padding:6px}#page-presensi .presensi-filter-row select{background:#fffffff0;border:1px solid #0f4c8124;border-radius:999px;min-height:46px;padding:10px 38px 10px 16px;font-weight:700;box-shadow:0 8px 18px #0f4c8114}#page-presensi .table-container--presensi{margin:14px 0 0;overflow-x:hidden}#page-presensi .presensi-history-table{table-layout:fixed;border-collapse:separate;border-spacing:0 10px;width:100%;min-width:100%!important}#page-presensi .presensi-history-table th{padding:10px;font-size:11px}#page-presensi .presensi-history-table td{word-break:break-word;background:#f8fbfffa;border-top:1px solid #b8c6dc94;border-bottom:1px solid #b8c6dc94;padding:11px 10px;line-height:1.35}#page-presensi .presensi-history-table tbody td:first-child{border-left:1px solid #b8c6dc94;border-radius:12px 0 0 12px}#page-presensi .presensi-history-table tbody td:last-child{border-right:1px solid #b8c6dc94;border-radius:0 12px 12px 0}#page-presensi .presensi-history-table th:first-child,#page-presensi .presensi-history-table td:first-child{width:28%}#page-presensi .presensi-history-table th:nth-child(2),#page-presensi .presensi-history-table td:nth-child(2){width:16%}#page-presensi .presensi-history-table th:nth-child(3),#page-presensi .presensi-history-table td:nth-child(3),#page-presensi .presensi-history-table th:nth-child(4),#page-presensi .presensi-history-table td:nth-child(4),#page-presensi .presensi-history-table th:nth-child(5),#page-presensi .presensi-history-table td:nth-child(5){width:18.66%}body[data-theme=dark] #page-presensi .presensi-hero-card{background:radial-gradient(circle at 100% 0,#6eb7ff29,#0000 34%),linear-gradient(145deg,#0e1f34f5,#0a1321fa 54%,#080e18);border-color:#7bc3ff29;box-shadow:0 20px 36px #00000047,inset 0 1px #ffffff08}body[data-theme=dark] #page-presensi .presensi-hero-clock,body[data-theme=dark] #page-presensi .presensi-actions-wrap,body[data-theme=dark] #page-presensi .presensi-history-panel,body[data-theme=dark] #page-presensi .presensi-meta-pill,body[data-theme=dark] #page-presensi .presensi-hero-shift{background:linear-gradient(#0f1b2cf0,#0b1523f5);border-color:#7bc3ff24;box-shadow:0 14px 28px #0003,inset 0 1px #ffffff0a}body[data-theme=dark] #page-presensi .presensi-filter-row{background:linear-gradient(#0e1b2cf0,#0a1422f5);border-color:#7bc3ff1f;box-shadow:inset 0 1px #ffffff0a,0 12px 24px #0000002e}body[data-theme=dark] #page-presensi .presensi-filter-row select,body[data-theme=dark] #page-presensi .presensi-hero-shift #presensi-shift{color:#e8f2ff;background:linear-gradient(#122339fa,#0c1827fa);border-color:#7bc3ff2e;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #0000002e}body[data-theme=dark] #page-presensi .presensi-filter-row select:focus,body[data-theme=dark] #page-presensi .presensi-hero-shift #presensi-shift:focus{border-color:#6eb7ff6b;box-shadow:0 0 0 3px #58a4ff29,0 8px 18px #0000002e}body[data-theme=dark] #page-presensi .presensi-date-label,body[data-theme=dark] #page-presensi .presensi-inline-note,body[data-theme=dark] #page-presensi .presensi-meta-key,body[data-theme=dark] #page-presensi .presensi-meta-sub,body[data-theme=dark] #page-presensi .presensi-history-copy,body[data-theme=dark] #page-presensi .section-title,body[data-theme=dark] #page-presensi .text-muted,body[data-theme=dark] #page-presensi .text-sm.text-muted,body[data-theme=dark] #page-presensi .empty-state{color:#9fb7d3}body[data-theme=dark] #page-presensi .presensi-clock,body[data-theme=dark] #page-presensi .presensi-meta-value,body[data-theme=dark] #page-presensi .empty-state p,body[data-theme=dark] #page-presensi .presensi-history-table td{color:#e8f2ff}body[data-theme=dark] #page-presensi .empty-state .material-symbols-rounded{color:#8fbfff;opacity:.45}body[data-theme=dark] #page-presensi .table-container--presensi{background:0 0}body[data-theme=dark] #page-presensi .presensi-history-table th{color:#9fb7d3}body[data-theme=dark] #page-presensi .presensi-history-table td{background:linear-gradient(#111f31fa,#0c1726fa);border-top-color:#7bc3ff24;border-bottom-color:#7bc3ff24}body[data-theme=dark] #page-presensi .presensi-history-table tbody td:first-child{border-left-color:#7bc3ff24}body[data-theme=dark] #page-presensi .presensi-history-table tbody td:last-child{border-right-color:#7bc3ff24}body[data-theme=dark] #page-presensi .presensi-actions .btn-success{color:#f3fffa;background:linear-gradient(#1f8f63 0%,#15714d 100%);border-color:#5ddca147}body[data-theme=dark] #page-presensi .presensi-actions .btn-danger{color:#fff7f8;background:linear-gradient(#bb4d61 0%,#943648 100%);border-color:#ff9fb03d}body[data-theme=dark] #page-presensi .presensi-actions .btn:disabled{color:#7f93aa;box-shadow:none;background:linear-gradient(#2c3b4eeb,#212d3df5);border-color:#7bc3ff14}@media (max-width:560px){#dash-menu.launcher-mode{gap:8px 14px}#dash-menu.launcher-mode .menu-item{min-height:124px!important;padding:16px 8px!important}#dash-menu.launcher-mode .menu-item .icon{border-radius:18px!important;width:58px!important;height:58px!important;box-shadow:inset 0 1px #ffffff57,0 6px 14px #0f172a1f!important}#dash-menu.launcher-mode .menu-item .icon .material-symbols-rounded{font-size:36px!important}#dash-menu.launcher-mode .menu-item .icon:before{top:5px;left:7px;right:7px}#dash-menu.launcher-mode .menu-item .label{font-size:13px!important}#page-presensi .presensi-meta-pill{padding:10px 11px}#page-presensi .presensi-meta-value{font-size:13px}#page-presensi .presensi-meta-sub{font-size:10px}#page-presensi .presensi-history-table th,#page-presensi .presensi-history-table td{padding:8px 7px;font-size:11px}}#page-laporan-tahfizh .tahfizh-report-table table{min-width:760px}#page-laporan-tahfizh.tahfizh-report-view .tahfizh-report-filter,#page-laporan-tahfizh.tahfizh-report-view .tahfizh-target-panel{display:none!important}#page-laporan-tahfizh.tahfizh-report-view #laporan-tahfizh-content{width:100%}#page-laporan-tahfizh.tahfizh-report-view #laporan-tahfizh-content>.loader{justify-content:center;align-items:center;min-height:calc(100vh - 150px);display:flex}#page-laporan-tahfizh.tahfizh-report-view .tahfizh-report-shell{width:100%}#page-laporan-tahfizh .tahfizh-report-table th:first-child,#page-laporan-tahfizh .tahfizh-report-table td:first-child{z-index:3;text-align:center;background:var(--surface);width:48px;min-width:48px;max-width:48px;position:sticky;left:0}#page-laporan-tahfizh .tahfizh-report-table th:nth-child(2),#page-laporan-tahfizh .tahfizh-report-table td:nth-child(2){z-index:3;background:var(--surface);width:190px;min-width:190px;max-width:190px;position:sticky;left:48px;box-shadow:10px 0 12px -12px #0f172a73}#page-laporan-tahfizh .tahfizh-report-table th:first-child,#page-laporan-tahfizh .tahfizh-report-table th:nth-child(2){z-index:4}@media (max-width:768px){.teacher-late-head{flex-direction:column;align-items:stretch}.teacher-late-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-late-filter button{grid-column:1/-1;width:100%}.teacher-late-summary-list{grid-template-columns:1fr}.lesson-schedule-row{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-schedule-actions{flex-direction:column}#page-laporan-tahfizh .tahfizh-report-table table{min-width:760px}#page-laporan-tahfizh .tahfizh-report-table th:first-child,#page-laporan-tahfizh .tahfizh-report-table td:first-child{width:38px;min-width:38px;max-width:38px}body:has(#page-laporan-tahfizh.active){overflow-x:hidden}body:has(#page-laporan-tahfizh.active) .topbar{box-sizing:border-box;z-index:1200!important;width:100vw!important;min-width:0!important;max-width:100vw!important;padding-left:64px!important;padding-right:64px!important;left:0!important;right:0!important}body:has(#page-laporan-tahfizh.active) .topbar h1{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;min-width:0;max-width:100%;font-size:16px;overflow:hidden}body:has(#page-laporan-tahfizh.active) .topbar .nav-btn.left{flex-shrink:0;left:10px!important}body:has(#page-laporan-tahfizh.active) .topbar-actions{max-width:48px;overflow:hidden;right:10px!important}body:has(#page-laporan-tahfizh.active) .bottom-nav{z-index:1100!important;width:100vw!important;max-width:100vw!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}#page-laporan-tahfizh{box-sizing:border-box;width:100%!important;max-width:100vw!important;padding-bottom:112px!important;padding-left:12px!important;padding-right:12px!important;overflow-x:hidden!important}#page-laporan-tahfizh .tahfizh-report-filter{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#page-laporan-tahfizh .tahfizh-report-filter .form-group,#page-laporan-tahfizh .tahfizh-report-filter select,#page-laporan-tahfizh .tahfizh-report-filter input{width:100%;min-width:0}#page-laporan-tahfizh .tahfizh-report-filter button{grid-column:1/-1;width:100%}#page-laporan-tahfizh .tahfizh-target-panel{padding:14px}#page-laporan-tahfizh .tahfizh-target-head{align-items:flex-start}#page-laporan-tahfizh .tahfizh-target-head h3{font-size:16px}#page-laporan-tahfizh .tahfizh-target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#page-laporan-tahfizh .metric-grid{grid-template-columns:1fr!important}#page-laporan-tahfizh .tahfizh-report-grid{gap:18px;grid-template-columns:1fr!important}#page-laporan-tahfizh .tahfizh-report-grid>.card,#page-laporan-tahfizh .tahfizh-report-shell>.card{min-width:0;overflow:hidden}#page-laporan-tahfizh .tahfizh-report-table{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:var(--surface);width:100%;max-width:100%;margin:0;overflow-y:hidden;border-radius:14px!important;overflow-x:auto!important}#page-laporan-tahfizh .tahfizh-report-table table{table-layout:fixed;width:760px!important;min-width:760px!important;max-width:none!important}#page-laporan-tahfizh .tahfizh-report-table th,#page-laporan-tahfizh .tahfizh-report-table td{white-space:normal;word-break:normal;overflow-wrap:anywhere;padding:10px 8px;font-size:11px;line-height:1.25;background:var(--surface)!important}#page-laporan-tahfizh .tahfizh-report-table th:first-child,#page-laporan-tahfizh .tahfizh-report-table td:first-child{width:38px!important;min-width:38px!important;max-width:38px!important;left:0!important}#page-laporan-tahfizh .tahfizh-report-table th:nth-child(2),#page-laporan-tahfizh .tahfizh-report-table td:nth-child(2){width:128px!important;min-width:128px!important;max-width:128px!important;left:38px!important}#page-laporan-tahfizh .tahfizh-report-table th:nth-child(n+3),#page-laporan-tahfizh .tahfizh-report-table td:nth-child(n+3){width:118px;min-width:118px;max-width:118px}body:has(#page-laporan-tahfizh.active) .topbar{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;column-gap:8px;justify-content:normal!important;height:68px!important;padding:14px 8px 10px!important;display:grid!important}body:has(#page-laporan-tahfizh.active) .topbar .nav-btn{width:42px!important;height:42px!important;padding:0!important}body:has(#page-laporan-tahfizh.active) .topbar .nav-btn.left{grid-column:1;justify-self:start;position:static!important}body:has(#page-laporan-tahfizh.active) .topbar h1{grid-column:2;justify-self:center;width:100%;padding:0;line-height:1.15;font-size:15px!important}body:has(#page-laporan-tahfizh.active) .topbar-actions{grid-column:3;justify-self:end;overflow:hidden;width:42px!important;max-width:42px!important;display:flex!important;position:static!important}body:has(#page-laporan-tahfizh.active) #theme-toggle-btn{display:none!important}body:has(#page-laporan-tahfizh.active) #topbar-action{flex:0 0 42px;display:flex!important}#page-laporan-tahfizh .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#page-laporan-tahfizh .metric{min-width:0;border-radius:14px!important;padding:14px 12px!important}#page-laporan-tahfizh .metric-label{line-height:1.2;font-size:11px!important}#page-laporan-tahfizh .metric-value{line-height:1.15;font-size:20px!important}#page-laporan-tahfizh .metric .text-sm{line-height:1.25;font-size:11px!important}#page-laporan-tahfizh .tahfizh-report-table th{font-weight:800;color:#fff!important;background:#0f4c81!important;border-color:#ffffff38!important}#page-laporan-tahfizh .tahfizh-report-table th:first-child,#page-laporan-tahfizh .tahfizh-report-table th:nth-child(2){color:#fff!important;background:#0f4c81!important}#page-laporan-tahfizh .tahfizh-report-table td:first-child,#page-laporan-tahfizh .tahfizh-report-table td:nth-child(2){background:var(--surface)!important}}body[data-theme=dark] #page-raport-tahfizh .raport-tahfizh-document{color:#e5eefb!important;background:#0f172a!important;border-color:#94a3b852!important}body[data-theme=dark] #page-raport-tahfizh .rtf-page-nav{background:#0f172ae6!important;border-color:#94a3b847!important}body[data-theme=dark] #page-raport-tahfizh .rtf-page-nav button{color:#dbeafe!important}body[data-theme=dark] #page-raport-tahfizh .rtf-page-nav button.active{color:#fff!important}body[data-theme=dark] #page-raport-tahfizh .rtf-school h2,body[data-theme=dark] #page-raport-tahfizh .rtf-school h3,body[data-theme=dark] #page-raport-tahfizh .rtf-school p,body[data-theme=dark] #page-raport-tahfizh .rtf-summary strong,body[data-theme=dark] #page-raport-tahfizh .rtf-summary span,body[data-theme=dark] #page-raport-tahfizh .rtf-summary small,body[data-theme=dark] #page-raport-tahfizh .rtf-table,body[data-theme=dark] #page-raport-tahfizh .rtf-table td,body[data-theme=dark] #page-raport-tahfizh .rtf-signatures,body[data-theme=dark] #page-raport-tahfizh .rtf-surah-identity{color:#e5eefb!important}body[data-theme=dark] #page-raport-tahfizh .rtf-summary-modern{background:#111827!important;border-color:#94a3b852!important}body[data-theme=dark] #page-raport-tahfizh .rtf-summary-modern>div,body[data-theme=dark] #page-raport-tahfizh .rtf-surah-identity,body[data-theme=dark] #page-raport-tahfizh .rtf-surah-identity div,body[data-theme=dark] #page-raport-tahfizh .rtf-table td{background:#0b1220!important;border-color:#94a3b852!important}body[data-theme=dark] #page-raport-tahfizh .rtf-kicker,body[data-theme=dark] #page-raport-tahfizh .rtf-score-panel span,body[data-theme=dark] #page-raport-tahfizh .rtf-identity-panel small,body[data-theme=dark] #page-raport-tahfizh .rtf-target-panel small{color:#93c5fd!important}body[data-theme=dark] #page-raport-tahfizh .rtf-table th{color:#fff!important;background:#1d4ed8!important;border-color:#bfdbfe52!important}body[data-theme=dark] #page-raport-tahfizh .rtf-signatures{border-color:#94a3b852!important}@media print{.rtf-surah-table th:nth-child(3),.rtf-surah-table th:nth-child(4),.rtf-surah-table th:nth-child(5),.rtf-surah-table td:nth-child(3),.rtf-surah-table td:nth-child(4),.rtf-surah-table td:nth-child(5){display:table-cell!important}}