:root{--primary-green:#1b7a3e;--primary-dark:#145a2d;--primary-light:#22c55e;--primary-bg:#eef7f0;--gold-primary:#d97706;--gold-light:#f59e0b;--gold-bg:#fffdf5;--gold-border:#f59e0b;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--bg-app:#f4f7f6;--bg-card:#fff;--border-color:#e2e8f0;--sidebar-width:250px;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-arabic:"Amiri", serif}body.dark-mode{--bg-app:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--primary-bg:#064e3b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.simtah-layout{min-height:100vh;display:flex}.simtah-sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:50;background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}body.dark-mode .simtah-sidebar{background:#111827;border-right-color:#1f2937}.sidebar-brand{align-items:center;gap:10px;padding:24px 20px 16px;display:flex}.brand-icon-geom{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:800;display:flex}.brand-name{color:#0f172a;letter-spacing:-.02em;align-items:baseline;gap:3px;font-size:1.35rem;font-weight:800;display:flex}body.dark-mode .brand-name{color:#f8fafc}.brand-dot{background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block}.sidebar-user-card{background:0 0;border-radius:10px;align-items:center;gap:12px;margin:0 16px 16px;padding:12px;display:flex}.user-avatar-circle{color:#15803d;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:800;display:flex}.user-name{color:#0f172a;font-size:.92rem;font-weight:800;line-height:1.2}body.dark-mode .user-name{color:#f8fafc}.user-link-sub{color:#64748b;cursor:pointer;align-items:center;gap:4px;margin-top:3px;font-size:.72rem;text-decoration:none;display:flex}.user-link-sub:hover{color:var(--primary-green)}.sidebar-nav-group{margin-bottom:18px}.nav-group-title{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;margin-bottom:8px;padding:0 20px;font-size:.68rem;font-weight:800}.nav-item{color:#475569;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;margin:2px 14px;padding:10px 18px;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}body.dark-mode .nav-item{color:#cbd5e1}.nav-item-left{align-items:center;gap:12px;display:flex}.nav-item:hover{color:#0f172a;background:#f8fafc}body.dark-mode .nav-item:hover{color:#fff;background:#1e293b}.nav-item.active{background:var(--primary-bg);color:#15803d;border:1px solid #22c55e33;font-weight:800}body.dark-mode .nav-item.active{color:#34d399;background:#10b98126;border-color:#34d3994d}.nav-item.active .nav-icon{color:#15803d}.nav-chevron{color:#15803d;font-size:.9rem}.sidebar-bottom{border-top:1px solid var(--border-color);margin-top:auto;padding:16px}.btn-signout{color:#ef4444;cursor:pointer;background:#fdf2f2;border:1px solid #fee2e2;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.btn-signout:hover{color:#dc2626;background:#fee2e2}.simtah-main{margin-left:var(--sidebar-width);background-color:#f7faf8;background-image:radial-gradient(#d1fae5 .75px,#0000 .75px),radial-gradient(#d1fae5 .75px,#f7faf8 .75px);background-position:0 0,15px 15px;background-size:30px 30px;flex-direction:column;flex:1;min-height:100vh;display:flex;position:relative}body.dark-mode .simtah-main{background-color:#0b1120;background-image:radial-gradient(#1e293b .75px,#0000 .75px),radial-gradient(#1e293b .75px,#0b1120 .75px)}.simtah-header{background:0 0;justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.page-title{color:#0f172a;font-size:1.25rem;font-weight:800}body.dark-mode .page-title{color:#f8fafc}.header-right-actions{align-items:center;gap:14px;display:flex}.role-badge-group{border:1px solid var(--border-color);background:#fff;border-radius:9999px;align-items:center;padding:3px;display:flex;box-shadow:0 1px 3px #0000000d}body.dark-mode .role-badge-group{background:#1e293b;border-color:#334155}.header-user-profile{border:1px solid var(--border-color);background:#fff;border-radius:9999px;align-items:center;gap:8px;padding:3px 8px 3px 5px;display:flex;box-shadow:0 1px 3px #0000000d}body.dark-mode .header-user-profile{background:#1e293b;border-color:#334155}.header-user-avatar{background:#eef7f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden}.header-user-details{text-align:left;flex-direction:column;line-height:1.15;display:flex}.header-user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.775rem;font-weight:700;overflow:hidden}.header-user-role-badge{font-size:.65rem;font-weight:600}.btn-header-signout{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:2px;padding:4px;transition:all .15s;display:flex}.btn-header-signout:hover{color:#b91c1c;background:#fee2e2}.role-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.role-btn.active{color:#fff;background:#15803d;box-shadow:0 2px 6px #15803d4d}.header-icon-btn{border:1px solid var(--border-color);color:#475569;cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}body.dark-mode .header-icon-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.header-icon-btn:hover{color:#0f172a;transform:translateY(-1px)}.page-content-wrapper{width:100%;max-width:1400px;padding:0 32px 48px}.halaqah-green-banner{color:#fff;background:linear-gradient(135deg,#1b7a3e 0%,#156633 100%);border-radius:16px;margin-bottom:24px;padding:26px 32px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #1b7a3e4d}.banner-sub{letter-spacing:.08em;opacity:.9;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:700}.banner-title{margin:0 0 8px;font-size:1.85rem;font-weight:800;line-height:1.2}.banner-location{opacity:.95;align-items:center;gap:6px;font-size:.9rem;display:flex}.banner-watermark-quran{opacity:.2;pointer-events:none;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.kpi-row-screenshot{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}@media (width<=768px){.kpi-row-screenshot{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card-white{border-radius:14px;padding:14px 16px}}.kpi-card-white{cursor:pointer;background:#fff;border:1px solid #edf2f7;border-radius:16px;justify-content:space-between;align-items:center;padding:22px 24px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}body.dark-mode .kpi-card-white{background:#1e293b;border-color:#334155}.kpi-card-white:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000a}.kpi-left{flex-direction:column;display:flex}.kpi-circle-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.kpi-circle-icon.green{color:#16a34a;background:#dcfce7}.kpi-circle-icon.purple{color:#7c3aed;background:#f3e8ff}.kpi-number{color:#0f172a;margin-bottom:2px;font-size:2rem;font-weight:800;line-height:1.1}body.dark-mode .kpi-number{color:#f8fafc}.kpi-label{color:#64748b;font-size:.85rem;font-weight:600}.kpi-arrow{color:#94a3b8;align-self:flex-start}.sesi-card-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;margin-bottom:24px;padding:24px 28px;box-shadow:0 2px 4px #00000005}body.dark-mode .sesi-card-container{background:#1e293b;border-color:#334155}.sesi-header-title{color:#0f172a;margin-bottom:2px;font-size:1.05rem;font-weight:800}body.dark-mode .sesi-header-title{color:#f8fafc}.sesi-header-sub{color:#64748b;margin-bottom:18px;font-size:.78rem}.sesi-chips-row{flex-wrap:wrap;gap:16px;display:flex}.sesi-chip{border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;min-width:145px;padding:12px 18px;display:flex}.sesi-chip.active-green{background:#fff;border:1.5px solid #15803d;box-shadow:0 2px 6px #15803d14}body.dark-mode .sesi-chip.active-green{background:#064e3b;border-color:#10b981}.sesi-chip.libur-pink{background:#fff5f5;border:1px solid #ffe3e3}body.dark-mode .sesi-chip.libur-pink{background:#451a1a;border-color:#7f1d1d}.sesi-chip.belum-amber{background:#fffdf5;border:1.5px solid #f59e0b;transition:all .2s;box-shadow:0 2px 6px #f59e0b14}.sesi-chip.belum-amber:hover{border-color:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b2e}body.dark-mode .sesi-chip.belum-amber{background:#78350f22;border-color:#d97706}.sesi-badge-status{letter-spacing:.03em;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:800}.sesi-badge-status.green{color:#fff;background:#15803d}.sesi-badge-status.amber{color:#92400e;background:#fef3c7;border:1px solid #fde68a}body.dark-mode .sesi-badge-status.amber{color:#fde68a;background:#78350f55;border-color:#b45309}.sesi-badge-status.pink{color:#dc2626;background:#fee2e2}.sesi-name{color:#0f172a;font-size:.88rem;font-weight:800}body.dark-mode .sesi-name{color:#f8fafc}.sesi-sub-info{color:#64748b;font-size:.72rem}.podium-card-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;margin-bottom:18px;padding:16px 18px;box-shadow:0 2px 4px #00000005}body.dark-mode .podium-card-container{background:#1e293b;border-color:#334155}.podium-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.podium-title-group{align-items:center;gap:10px;display:flex}.trophy-badge{color:#d97706;background:#fef3c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.podium-main-title{color:#0f172a;font-size:.96rem;font-weight:800;line-height:1.2}body.dark-mode .podium-main-title{color:#f8fafc}.podium-sub-title{color:#64748b;font-size:.72rem}.podium-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.time-filter-pill-group{background:#f1f5f9;border-radius:8px;padding:2px;display:flex}body.dark-mode .time-filter-pill-group{background:#0f172a}.time-filter-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:700;transition:all .15s}.time-filter-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}body.dark-mode .time-filter-btn.active{color:#fff;background:#1e293b}.podium-sort-select{border:1px solid var(--border-color);color:#334155;background:#fff;border-radius:8px;padding:4px 8px;font-size:.72rem;font-weight:600}body.dark-mode .podium-sort-select{color:#f8fafc;background:#1e293b;border-color:#334155}.podium-grid-3{grid-template-columns:1fr 1.08fr 1fr;align-items:stretch;gap:8px;display:grid}@media (width<=600px){.podium-card-container{padding:12px 10px}.podium-header-row{gap:8px;margin-bottom:10px}.podium-grid-3{grid-template-columns:1fr 1.06fr 1fr;gap:6px}}.podium-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:12px 8px;transition:all .2s;display:flex;position:relative}@media (width<=600px){.podium-box{border-radius:10px;min-height:72px;padding:8px 4px}}body.dark-mode .podium-box{background:#1e293b;border-color:#334155}.podium-box.rank-1{background:#fffdf5;border:2px solid #f59e0b;box-shadow:0 4px 12px #f59e0b1f}body.dark-mode .podium-box.rank-1{background:#2a220b;border-color:#f59e0b}.badge-rank-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:-10px}.badge-rank-circle.silver{background:#94a3b8}.badge-rank-circle.bronze{background:#c2410c}.badge-terbanyak-crown{color:#b45309;letter-spacing:.04em;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:3px;padding:1px 8px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:-10px}.podium-student-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;margin-top:4px;margin-bottom:4px;padding:0 2px;font-size:.78rem;font-weight:800;overflow:hidden}@media (width<=600px){.podium-student-name{margin-top:2px;margin-bottom:2px;font-size:.72rem}}body.dark-mode .podium-student-name{color:#f8fafc}.podium-score-hlm{color:#0f172a;font-size:1.08rem;font-weight:800;line-height:1.15}@media (width<=600px){.podium-score-hlm{font-size:.98rem}}body.dark-mode .podium-score-hlm{color:#f8fafc}.podium-score-hlm span{color:#0284c7;margin-left:2px;font-size:.68rem;font-weight:700}.podium-sub-brs{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:1px;font-size:.65rem;overflow:hidden}@media (width<=600px){.podium-sub-brs{font-size:.6rem}}body.dark-mode .podium-sub-brs{color:#94a3b8}.pengampu-monitor-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;margin-bottom:24px;padding:16px 18px;box-shadow:0 2px 4px #00000005}body.dark-mode .pengampu-monitor-container{background:#1e293b;border-color:#334155}.pengampu-monitor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pengampu-monitor-title-group{align-items:center;gap:10px;display:flex}.pengampu-monitor-icon-badge{color:#059669;background:#ecfdf5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}body.dark-mode .pengampu-monitor-icon-badge{color:#6ee7b7;background:#064e3b}.pengampu-monitor-title{color:#0f172a;font-size:.98rem;font-weight:800;line-height:1.2}body.dark-mode .pengampu-monitor-title{color:#f8fafc}.pengampu-monitor-sub{color:#64748b;font-size:.72rem}body.dark-mode .pengampu-monitor-sub{color:#94a3b8}.pengampu-counter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pengampu-counter-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.pengampu-counter-pill.sudah{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}body.dark-mode .pengampu-counter-pill.sudah{color:#6ee7b7;background:#064e3b;border-color:#047857}.pengampu-counter-pill.belum{color:#b45309;background:#fffbeb;border:1px solid #fde68a}body.dark-mode .pengampu-counter-pill.belum{color:#fde68a;background:#451a03;border-color:#78350f}.pengampu-counter-pill .dot{border-radius:50%;width:7px;height:7px}.pengampu-counter-pill .dot.green{background:#10b981}.pengampu-counter-pill .dot.amber{background:#f59e0b}.pengampu-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pengampu-filter-pills{background:#f1f5f9;border-radius:8px;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}body.dark-mode .pengampu-filter-pills{background:#0f172a}.pengampu-pill-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:.74rem;font-weight:700;transition:all .15s}.pengampu-pill-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}body.dark-mode .pengampu-pill-btn.active{color:#f8fafc;background:#1e293b}.pengampu-pill-btn.sudah.active{color:#059669}.pengampu-pill-btn.belum.active{color:#d97706}.pengampu-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}@media (width<=640px){.pengampu-list-grid{grid-template-columns:1fr;gap:8px}}.pengampu-card-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .18s;display:flex}body.dark-mode .pengampu-card-item{background:#0f172a;border-color:#334155}.pengampu-card-item.sudah-border{border-left:3.5px solid #10b981}.pengampu-card-item.belum-border{border-left:3.5px solid #f59e0b}.pengampu-avatar-wrapper{flex-shrink:0;margin-top:2px;position:relative}.pengampu-avatar{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:800;display:flex}.pengampu-avatar.green-bg{color:#15803d;background:#dcfce7}.pengampu-avatar.amber-bg{color:#b45309;background:#fef3c7}.pengampu-status-dot{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}body.dark-mode .pengampu-status-dot{border-color:#0f172a}.pengampu-status-dot.green{background:#10b981}.pengampu-status-dot.amber{background:#f59e0b}.pengampu-info-col{flex:1;min-width:0}.pengampu-name-row{justify-content:space-between;align-items:center;gap:6px;margin-bottom:2px;display:flex}.pengampu-nama{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:800;overflow:hidden}body.dark-mode .pengampu-nama{color:#f8fafc}.pengampu-badge-tag{white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:3px;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.pengampu-badge-tag.sudah{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}body.dark-mode .pengampu-badge-tag.sudah{color:#86efac;background:#064e3b;border-color:#059669}.pengampu-badge-tag.belum{color:#b45309;background:#fef3c7;border:1px solid #fde68a}body.dark-mode .pengampu-badge-tag.belum{color:#fcd34d;background:#451a03;border-color:#78350f}.pengampu-badge-tag.izin{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.pengampu-halaqah-row{margin-bottom:4px}.pengampu-halaqah-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.71rem;display:block;overflow:hidden}body.dark-mode .pengampu-halaqah-text{color:#94a3b8}.pengampu-detail-time{font-size:.69rem}.pengampu-detail-time .time-text{align-items:center;gap:4px;display:inline-flex}.pengampu-detail-time .time-text.green{color:#059669;font-weight:600}body.dark-mode .pengampu-detail-time .time-text.green{color:#34d399}.pengampu-detail-time .time-text.amber{color:#d97706;font-weight:600}body.dark-mode .pengampu-detail-time .time-text.amber{color:#fbbf24}.pengampu-detail-time .time-text.purple{color:#7e22ce;font-weight:600}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#1b7a3e}.btn-primary:hover{background:#156633}.btn-outline{color:#334155;background:#fff;border-color:#cbd5e1}.btn-outline:hover{color:#0f172a;background:#f8fafc}.btn-sm{padding:5px 10px;font-size:.75rem}.card{background:#fff;border:1px solid #edf2f7;border-radius:16px;padding:24px;box-shadow:0 2px 4px #00000005}body.dark-mode .card{background:#1e293b;border-color:#334155}.form-group{margin-bottom:16px}.form-label{color:#334155;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}body.dark-mode .form-label{color:#cbd5e1}.form-input,.form-select,.form-textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:9px 12px;font-size:.85rem}body.dark-mode .form-input,body.dark-mode .form-select,body.dark-mode .form-textarea{color:#f8fafc;background:#0f172a;border-color:#334155}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.table-container{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}body.dark-mode .table-container{border-color:#334155}.table{border-collapse:collapse;width:100%;font-size:.85rem}.table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:700}body.dark-mode .table th{color:#94a3b8;background:#0f172a;border-color:#334155}.table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:12px 16px}body.dark-mode .table td{color:#f8fafc;border-color:#334155}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}body.dark-mode .modal-content{background:#1e293b;border-color:#334155}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-body{padding:24px}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}body.dark-mode .modal-footer{background:#0f172a;border-color:#334155}.toast-container{z-index:200;position:fixed;bottom:24px;right:24px}.toast{color:#fff;background:#0f172a;border-left:4px solid #10b981;border-radius:8px;align-items:center;gap:10px;padding:12px 18px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 10px 15px -3px #0000001a}@media print{.simtah-sidebar,.simtah-header,.no-print,.btn,.role-badge-group{display:none!important}.simtah-main{background:#fff!important;margin-left:0!important}.page-content-wrapper{padding:0!important}}.sigap-sidebar{width:var(--sidebar-width);z-index:50;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}body.dark-mode .sigap-sidebar{background:#111827;border-right-color:#1f2937}.sigap-brand{align-items:center;gap:12px;padding:22px 20px 14px;display:flex}.sigap-logo-box{background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #05966940}.sigap-brand-title{color:#0f172a;letter-spacing:-.02em;font-size:1.35rem;font-weight:900;line-height:1.1}body.dark-mode .sigap-brand-title{color:#f8fafc}.sigap-brand-subtitle{color:#94a3b8;margin-top:2px;font-size:.74rem;font-weight:600}.sigap-profile-card{background:#f0fdf4;border:1.5px solid #ccfbf1;border-radius:18px;margin:6px 14px 16px;padding:14px;position:relative;box-shadow:0 1px 3px #0d94880a}body.dark-mode .sigap-profile-card{background:#064e3b22;border-color:#04785755}.sigap-online-dot{background:#10b981;border-radius:50%;width:9px;height:9px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 2px #fff}body.dark-mode .sigap-online-dot{box-shadow:0 0 0 2px #111827}.sigap-profile-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sigap-avatar-wrapper{border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative}.sigap-avatar-img{background:#e0f2fe;border:2px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.sigap-camera-badge{color:#fff;cursor:pointer;background:#0f766e;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute;bottom:-2px;right:-2px}.sigap-admin-name{color:#0f172a;font-size:.95rem;font-weight:800;line-height:1.2}body.dark-mode .sigap-admin-name{color:#f8fafc}.sigap-badge-jenjang{color:#0f766e;letter-spacing:.04em;background:#ccfbf1;border-radius:6px;margin-top:3px;padding:2px 7px;font-size:.64rem;font-weight:800;display:inline-block}body.dark-mode .sigap-badge-jenjang{color:#5eead4;background:#0f766e44}.sigap-btn-ubah-pass{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1fae5;border-radius:20px;justify-content:center;align-items:center;gap:7px;width:100%;padding:7px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}body.dark-mode .sigap-btn-ubah-pass{color:#e2e8f0;background:#1e293b;border-color:#334155}.sigap-btn-ubah-pass:hover{color:#0f766e;background:#f8fafc;border-color:#10b981}.sigap-section-divider{align-items:center;gap:8px;margin:16px 0 6px;padding:0 20px;display:flex}.sigap-section-title{letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;white-space:nowrap;font-size:.67rem;font-weight:800}.sigap-section-line{background:#e2e8f0;flex:1;height:1px}body.dark-mode .sigap-section-line{background:#1f2937}.sigap-menu-scroll{flex:1;padding-bottom:10px;overflow-y:auto}.sigap-menu-scroll::-webkit-scrollbar{width:4px}.sigap-menu-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sigap-nav-item{color:#475569;cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin:2px 14px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}body.dark-mode .sigap-nav-item{color:#94a3b8}.sigap-nav-item:hover{color:#0f172a;background:#f8fafc}body.dark-mode .sigap-nav-item:hover{color:#f8fafc;background:#1f2937}.sigap-nav-item.active{color:#047857;background:#f0fdf4;font-weight:700}body.dark-mode .sigap-nav-item.active{color:#34d399;background:#064e3b33}.sigap-nav-item .sigap-nav-icon{color:#64748b;flex-shrink:0;transition:color .15s}.sigap-nav-item:hover .sigap-nav-icon{color:#0f172a}.sigap-nav-item.active .sigap-nav-icon{color:#059669}body.dark-mode .sigap-nav-item.active .sigap-nav-icon{color:#34d399}.sigap-sidebar-owner .sigap-nav-item.active{color:#b45309;background:#fffbeb;border-left:3.5px solid #d97706;font-weight:700}.sigap-sidebar-owner .sigap-nav-item.active .sigap-nav-icon{color:#d97706}body.dark-mode .sigap-sidebar-owner .sigap-nav-item.active{color:#fbbf24;background:#f59e0b1f;border-left:3.5px solid #f59e0b}body.dark-mode .sigap-sidebar-owner .sigap-nav-item.active .sigap-nav-icon{color:#f59e0b}.sigap-sidebar-owner .sigap-nav-item:hover{color:#92400e;background:#fffdf5}body.dark-mode .sigap-sidebar-owner .sigap-nav-item:hover{color:#fde68a;background:#1f2937}.sigap-bottom-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin:12px 14px 16px;padding:8px 12px;display:flex}body.dark-mode .sigap-bottom-bar{background:#1e293b;border-color:#334155}.sigap-bottom-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.sigap-bottom-icon-btn:hover{color:#0f172a;background:#e2e8f0}body.dark-mode .sigap-bottom-icon-btn:hover{color:#f8fafc;background:#334155}.sigap-bottom-logout{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.sigap-bottom-logout:hover{background:#fee2e2}body.dark-mode .sigap-bottom-logout:hover{background:#7f1d1d33}.sigap-dash-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sigap-dash-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}body.dark-mode .sigap-dash-title{color:#f8fafc}.sigap-dash-subtitle{color:#64748b;margin:4px 0 0;font-size:.88rem}.sigap-dash-actions{align-items:center;gap:10px;display:flex}.sigap-btn-icon-refresh{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.sigap-btn-icon-refresh:hover{background:#dbeafe}.sigap-btn-konfigurasi{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}body.dark-mode .sigap-btn-konfigurasi{color:#e2e8f0;background:#1e293b;border-color:#334155}.sigap-btn-konfigurasi:hover{background:#f8fafc;border-color:#94a3b8}.sigap-admin-alert-banner{cursor:pointer;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fcd34d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;transition:all .2s;animation:.3s ease-out slideDown;display:flex;box-shadow:0 2px 8px #f59e0b1f}body.dark-mode .sigap-admin-alert-banner{background:linear-gradient(135deg,#2a2012 0%,#36240d 100%);border-color:#78350f}.sigap-admin-alert-banner:hover{border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b33}.sigap-alert-banner-content{align-items:center;gap:10px;min-width:0;display:flex}.sigap-alert-bell-wrap{color:#fff;background:#f59e0b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.sigap-alert-bell-ping{background:#ef4444;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:1.5s cubic-bezier(0,0,.2,1) infinite pingDot;position:absolute;top:-2px;right:-2px}@keyframes pingDot{0%{opacity:1;transform:scale(.95)}50%{opacity:.8;transform:scale(1.3)}to{opacity:1;transform:scale(.95)}}.sigap-alert-text{color:#78350f;font-size:.82rem;line-height:1.35}body.dark-mode .sigap-alert-text{color:#fef3c7}.sigap-alert-highlight{color:#b45309;font-weight:800}body.dark-mode .sigap-alert-highlight{color:#fde68a}.sigap-alert-btn-tinjau{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:background .15s;display:flex}.sigap-alert-btn-tinjau:hover{background:#d97706}@media (width<=640px){.sigap-admin-alert-banner{gap:8px;padding:8px 10px}.sigap-alert-bell-wrap{border-radius:8px;width:28px;height:28px}.sigap-alert-bell-wrap svg{width:14px;height:14px}.sigap-alert-text{font-size:.72rem}.sigap-alert-btn-tinjau{padding:5px 8px;font-size:.7rem}}.sigap-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.sigap-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:12px 14px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}body.dark-mode .sigap-kpi-card{background:#1e293b;border-color:#334155}.sigap-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.sigap-kpi-content{flex-direction:column;min-width:0;display:flex}.sigap-kpi-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.74rem;font-weight:600;overflow:hidden}body.dark-mode .sigap-kpi-label{color:#94a3b8}.sigap-kpi-val{color:#0f172a;font-size:1.45rem;font-weight:800;line-height:1.1}body.dark-mode .sigap-kpi-val{color:#f8fafc}.sigap-kpi-icon-box{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sigap-kpi-icon-box.blue{background:#2563eb}.sigap-kpi-icon-box.green{background:#059669}.sigap-kpi-icon-box.orange{background:#f97316}.sigap-kpi-icon-box.purple{background:#9333ea}@media (width<=1024px){.sigap-kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (width<=640px){.sigap-kpi-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.sigap-kpi-card{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px}.sigap-kpi-icon-box{border-radius:8px;width:28px;height:28px}.sigap-kpi-icon-box svg{width:15px;height:15px}.sigap-kpi-content{align-items:center}.sigap-kpi-val{font-size:1.15rem;line-height:1}.sigap-kpi-label{font-size:.62rem;font-weight:700}}.sigap-action-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=1024px){.sigap-action-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (width<=640px){.sigap-action-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.sigap-action-card{border-radius:12px;padding:10px 4px}.sigap-action-circle-icon{width:34px;height:34px;margin-bottom:4px}.sigap-action-circle-icon svg{width:16px;height:16px}.sigap-action-label{text-align:center;font-size:.64rem;font-weight:700;line-height:1.15}}.pulse-badge{animation:2s infinite pulseBadge}@keyframes pulseBadge{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.08);box-shadow:0 0 0 6px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.sigap-action-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000005}body.dark-mode .sigap-action-card{background:#1e293b;border-color:#334155}.sigap-action-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.sigap-action-card.active-border{border:1.5px solid #0d9488}.sigap-action-circle-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:flex}.sigap-action-circle-icon.green{color:#10b981;background:#ecfdf5}.sigap-action-circle-icon.blue{color:#2563eb;background:#eff6ff}.sigap-action-circle-icon.purple{color:#9333ea;background:#faf5ff}.sigap-action-circle-icon.orange{color:#f97316;background:#fff7ed}.sigap-action-label{color:#0f172a;text-align:center;font-size:.9rem;font-weight:700}body.dark-mode .sigap-action-label{color:#f8fafc}.sigap-red-badge-corner{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:-8px;right:-6px;box-shadow:0 2px 5px #ef444466}.sigap-page-icon-badge{color:#059669;background:#ecfdf5;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sigap-btn-orange{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:opacity .2s;display:flex}.sigap-btn-orange:hover{background:#c2410c}.sigap-btn-teal{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:opacity .2s;display:flex}.sigap-btn-teal:hover{background:#115e59}.sigap-btn-blue{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:opacity .2s;display:flex}.sigap-btn-blue:hover{background:#1d4ed8}.sigap-btn-slate{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:opacity .2s;display:flex}.sigap-btn-slate:hover{background:#1e293b}.sigap-btn-green{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:opacity .2s;display:flex}.sigap-btn-green:hover{background:#15803d}.sigap-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sigap-search-input-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:260px;padding:8px 14px;display:flex}body.dark-mode .sigap-search-input-box{background:#1e293b;border-color:#334155}.sigap-search-icon{color:#94a3b8}.sigap-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.86rem}body.dark-mode .sigap-search-input{color:#f8fafc}.sigap-filter-controls{align-items:center;gap:8px;display:flex}.sigap-select-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;display:flex}body.dark-mode .sigap-select-box{background:#1e293b;border-color:#334155}.sigap-filter-icon{color:#94a3b8}.sigap-select{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-size:.84rem;font-weight:600}body.dark-mode .sigap-select{color:#e2e8f0}.sigap-btn-sort{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:8px 12px;font-size:.84rem;font-weight:700;display:flex}body.dark-mode .sigap-btn-sort{color:#e2e8f0;background:#1e293b;border-color:#334155}.sigap-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #00000005}body.dark-mode .sigap-table-card{background:#1e293b;border-color:#334155}.sigap-table{border-collapse:collapse;text-align:left;width:100%;min-width:750px}.sigap-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.78rem;font-weight:700}.sigap-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:.86rem}body.dark-mode .sigap-table td{border-bottom-color:#334155}.sigap-student-name{color:#0f172a;font-weight:700;line-height:1.2}body.dark-mode .sigap-student-name{color:#f8fafc}.sigap-student-nik{color:#94a3b8;margin-top:2px;font-size:.7rem}.sigap-nisn-text{color:#15803d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84rem;font-weight:700}body.dark-mode .sigap-nisn-text{color:#4ade80}.sigap-kelas-pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:3px 10px;font-size:.74rem;font-weight:800;display:inline-block}body.dark-mode .sigap-kelas-pill{color:#60a5fa;background:#1e3a8a33;border-color:#1e40af}.sigap-tahun-pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:3px 10px;font-size:.74rem;font-weight:800;display:inline-block}.sigap-wali-phone{color:#64748b;align-items:center;gap:4px;margin-top:2px;font-size:.72rem;display:flex}.sigap-actions-row{justify-content:center;align-items:center;gap:6px;display:flex}body.dark-mode .sigap-btn-action{border-color:#334155}.sigap-btn-action.view{color:#64748b}.sigap-btn-action.view:hover{color:#0f172a;background:#f1f5f9}.sigap-btn-action.edit{color:#2563eb}.sigap-btn-action.delete{color:#ef4444}.sigap-btn-action.delete:hover{background:#fee2e2}.sigap-guru-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=1024px){.sigap-guru-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.sigap-guru-grid{grid-template-columns:1fr}}.sigap-guru-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}body.dark-mode .sigap-guru-card{background:#1e293b;border-color:#334155}.sigap-guru-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.sigap-guru-card-top{align-items:flex-start;gap:10px;display:flex}.sigap-guru-avatar{color:#047857;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex}.sigap-guru-identity{flex:1;min-width:0}.sigap-guru-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;overflow:hidden}body.dark-mode .sigap-guru-name{color:#f8fafc}.sigap-guru-nip{color:#94a3b8;margin-top:2px;font-size:.68rem;font-weight:600}.sigap-guru-badges-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.sigap-badge-gray{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:800}body.dark-mode .sigap-badge-gray{color:#cbd5e1;background:#334155}.sigap-badge-purple{color:#9333ea;background:#faf5ff;border:1px solid #e9d5ff;border-radius:10px;padding:2px 6px;font-size:.62rem;font-weight:800}.sigap-badge-orange-tag{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5;border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:.62rem;font-weight:800;display:inline-flex}.sigap-guru-divider{background:#f1f5f9;height:1px;margin:12px 0}body.dark-mode .sigap-guru-divider{background:#334155}.sigap-guru-details{color:#475569;flex-direction:column;flex:1;gap:6px;font-size:.8rem;display:flex}body.dark-mode .sigap-guru-details{color:#94a3b8}.sigap-guru-detail-item{align-items:center;gap:8px;display:flex}.sigap-guru-icon{color:#94a3b8;flex-shrink:0}.sigap-guru-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sigap-guru-card-footer{border-top:1px dashed #f1f5f9;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:10px;display:flex}body.dark-mode .sigap-guru-card-footer{border-top-color:#334155}.sigap-btn-card-action{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:600;transition:all .15s;display:flex}body.dark-mode .sigap-btn-card-action{color:#cbd5e1;border-color:#334155}.sigap-btn-card-action:hover{color:#0f172a;background:#f8fafc}.sigap-btn-card-action.danger{color:#ef4444}.sigap-btn-card-action.danger:hover{background:#fee2e2}.sigap-page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sigap-page-title-group{align-items:center;gap:12px;display:flex}.sigap-page-icon-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}body.dark-mode .sigap-page-icon-badge{color:#34d399;background:#064e3b33;border-color:#065f46}.sigap-page-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}body.dark-mode .sigap-page-title{color:#f8fafc}.sigap-page-subtitle{color:#64748b;margin:2px 0 0;font-size:.84rem}body.dark-mode .sigap-page-subtitle{color:#94a3b8}.sigap-page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sigap-btn-blue{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #2563eb33}.sigap-btn-blue:hover{background:#1d4ed8;transform:translateY(-1px)}.sigap-btn-teal{color:#fff;cursor:pointer;background:#007a5a;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #007a5a33}.sigap-btn-teal:hover{background:#065f46;transform:translateY(-1px)}.sigap-btn-action{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.sigap-btn-action.edit{color:#3b82f6;background:#eff6ff;border-color:#dbeafe}.sigap-btn-action.edit:hover{background:#dbeafe}.sigap-btn-action.delete{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.sigap-btn-action.delete:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}body.dark-mode .sigap-btn-action.edit{color:#60a5fa;background:#1e3a8a33;border-color:#1e40af}body.dark-mode .sigap-btn-action.delete{color:#cbd5e1;background:#334155;border-color:#475569}body.dark-mode .sigap-btn-action.delete:hover{color:#f87171;background:#7f1d1d44}.sigap-qr-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px;display:grid}@media (width<=1180px){.sigap-qr-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.sigap-qr-grid{grid-template-columns:1fr}}.sigap-qr-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 4px #00000008}body.dark-mode .sigap-qr-card{background:#1e293b;border-color:#334155}.sigap-qr-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.sigap-qr-card-top{justify-content:space-between;align-items:flex-start;display:flex}.sigap-kelas-icon-box{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}body.dark-mode .sigap-kelas-icon-box{color:#34d399;background:#064e3b33;border-color:#065f46}.sigap-qr-class-name{color:#0f172a;font-size:1.05rem;font-weight:800;line-height:1.2}body.dark-mode .sigap-qr-class-name{color:#f8fafc}.sigap-qr-location-text{color:#64748b;margin-top:2px;font-size:.78rem;font-weight:500}body.dark-mode .sigap-qr-location-text{color:#94a3b8}.sigap-qr-body{align-items:center;gap:16px;padding:4px 0;display:flex}.sigap-qr-visual-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:86px;height:86px;padding:5px;display:flex;box-shadow:inset 0 1px 2px #00000005}body.dark-mode .sigap-qr-visual-box{background:#fff;border-color:#475569}.sigap-qr-manual-label{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:800}.sigap-qr-manual-code{color:#0f172a;letter-spacing:.02em;margin-bottom:8px;font-size:1.15rem;font-weight:900}body.dark-mode .sigap-qr-manual-code{color:#f8fafc}.sigap-qr-gps-status{align-items:center;display:flex}.sigap-gps-badge-locked{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}body.dark-mode .sigap-gps-badge-locked{color:#4ade80;background:#064e3b33;border-color:#065f46}.sigap-gps-badge-unlocked{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}body.dark-mode .sigap-gps-badge-unlocked{color:#cbd5e1;background:#334155;border-color:#475569}.sigap-btn-save-qr{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:38px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}body.dark-mode .sigap-btn-save-qr{color:#f1f5f9;background:#334155;border-color:#475569}.sigap-btn-save-qr:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}body.dark-mode .sigap-btn-save-qr:hover{color:#fff;background:#475569}.sigap-kelas-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px;display:grid}@media (width<=1180px){.sigap-kelas-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.sigap-kelas-grid{grid-template-columns:1fr}}.sigap-kelas-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 4px #00000008}body.dark-mode .sigap-kelas-card{background:#1e293b;border-color:#334155}.sigap-kelas-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.sigap-kelas-card-header{justify-content:space-between;align-items:center;display:flex}.sigap-kelas-title-badge{align-items:center;gap:8px;display:inline-flex}.sigap-kelas-name{color:#0f172a;font-size:1.15rem;font-weight:800}body.dark-mode .sigap-kelas-name{color:#f8fafc}.sigap-unit-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:2px 8px;font-size:.68rem;font-weight:700}body.dark-mode .sigap-unit-badge{color:#93c5fd;background:#1e3a8a33;border-color:#1e40af}.sigap-switch-toggle{width:44px;height:24px;display:inline-block;position:relative}.sigap-switch-toggle input{opacity:0;width:0;height:0}.sigap-switch-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .2s;position:absolute;inset:0}.sigap-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.sigap-switch-slider{background-color:#059669}input:checked+.sigap-switch-slider:before{transform:translate(20px)}.sigap-wali-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}body.dark-mode .sigap-wali-box{background:#0f172a55;border-color:#334155}.sigap-wali-label{color:#64748b;text-transform:uppercase;font-size:.68rem;font-weight:700}.sigap-wali-name{color:#0f172a;font-size:.95rem;font-weight:700}body.dark-mode .sigap-wali-name{color:#f8fafc}.sigap-kelas-card-footer{border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-top:10px;display:flex}body.dark-mode .sigap-kelas-card-footer{border-top-color:#334155}.sigap-btn-agenda{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.sigap-btn-agenda:hover{background:#d1fae5}.sigap-jadwal-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}@media (width<=1024px){.sigap-jadwal-layout{grid-template-columns:1fr}}.sigap-setup-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 1px 4px #00000008}body.dark-mode .sigap-setup-card{background:#1e293b;border-color:#334155}.sigap-mapel-pills-wrap{flex-wrap:wrap;gap:6px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.sigap-mapel-pill{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.sigap-mapel-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.sigap-mapel-pill.active{color:#fff;background:#059669;border-color:#059669;font-weight:700}body.dark-mode .sigap-mapel-pill{color:#cbd5e1;background:#334155;border-color:#475569}body.dark-mode .sigap-mapel-pill.active{color:#fff;background:#059669}.sigap-jadwal-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #00000008}body.dark-mode .sigap-jadwal-table-wrap{background:#1e293b;border-color:#334155}.sigap-jadwal-table{border-collapse:collapse;text-align:center;width:100%}.sigap-jadwal-table th{color:#475569;background:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #f1f5f9;padding:12px 8px;font-size:.8rem;font-weight:800}body.dark-mode .sigap-jadwal-table th{color:#cbd5e1;background:#0f172a;border-bottom-color:#334155;border-right-color:#334155}.sigap-jadwal-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;border-right:1px solid #f1f5f9;padding:10px 8px;font-size:.82rem}body.dark-mode .sigap-jadwal-table td{border-bottom-color:#334155;border-right-color:#334155}.sigap-cell-filled{color:#166534;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:6px;font-size:.78rem;font-weight:700;transition:all .15s;position:relative}.sigap-cell-filled:hover{background:#dcfce7;transform:scale(1.02)}.sigap-cell-empty{color:#94a3b8;cursor:pointer;border-radius:6px;padding:8px;font-size:.75rem;transition:background .15s}.sigap-cell-empty:hover{color:#059669;background:#f1f5f9}.sigap-istirahat-row{color:#c2410c;font-size:.8rem;font-weight:800;background:#fff7ed!important}body.dark-mode .sigap-istirahat-row{color:#fdba74;background:#7c2d1233!important}.sigap-rank-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000005}body.dark-mode .sigap-rank-card{background:#1e293b;border-color:#334155}.sigap-livefeed-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.82rem;display:flex}body.dark-mode .sigap-livefeed-item{border-bottom-color:#334155}.sigap-izin-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 1px 4px #00000008}body.dark-mode .sigap-izin-card{background:#1e293b;border-color:#334155}.sigap-presensi-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:24px;transition:all .2s;overflow:hidden;box-shadow:0 4px 20px -2px #0000000a}body.dark-mode .sigap-presensi-panel{background:#0f172a;border-color:#334155;box-shadow:0 4px 20px -2px #0000004d}.sigap-presensi-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 16px;display:flex}body.dark-mode .sigap-presensi-header{border-bottom-color:#1e293b}.sigap-mini-kpi-grid{background:#f8fafc;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;display:grid}body.dark-mode .sigap-mini-kpi-grid{background:#1e293b;border-bottom-color:#334155}@media (width<=768px){.sigap-mini-kpi-grid{grid-template-columns:repeat(2,1fr)}}.sigap-mini-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 1px 2px #00000005}body.dark-mode .sigap-mini-kpi-card{background:#0f172a;border-color:#334155}.sigap-filter-tabs-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:14px 24px;display:flex;overflow-x:auto}body.dark-mode .sigap-filter-tabs-row{border-bottom-color:#1e293b}.sigap-tab-pill{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}body.dark-mode .sigap-tab-pill{color:#94a3b8;background:#1e293b;border-color:#334155}.sigap-tab-pill:hover{color:#0f172a;background:#f1f5f9}body.dark-mode .sigap-tab-pill:hover{color:#f8fafc;background:#334155}.sigap-tab-pill.active{color:#fff;background:#0f766e;border-color:#0f766e}.sigap-badge-count{background:#00000014;border-radius:10px;justify-content:center;align-items:center;padding:1px 7px;font-size:.72rem;font-weight:800;display:inline-flex}.sigap-tab-pill.active .sigap-badge-count{color:#fff;background:#ffffff40}.badge-status-ontime{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}body.dark-mode .badge-status-ontime{color:#34d399;background:#05966926;border-color:#059669}.badge-status-late{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:800;animation:2s ease-in-out infinite pulse-soft;display:inline-flex}body.dark-mode .badge-status-late{color:#fb923c;background:#ea580c26;border-color:#ea580c}.badge-status-izin{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}body.dark-mode .badge-status-izin{color:#60a5fa;background:#1d4ed826;border-color:#2563eb}.badge-status-sakit{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}body.dark-mode .badge-status-sakit{color:#c084fc;background:#7e22ce26;border-color:#9333ea}.badge-status-pending{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}body.dark-mode .badge-status-pending{color:#94a3b8;background:#1e293b;border-color:#475569}@keyframes pulse-soft{0%,to{transform:scale(1);box-shadow:0 0 #ea580c4d}50%{transform:scale(1.02);box-shadow:0 0 0 4px #ea580c00}}.sigap-monitor-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding:18px 20px;display:grid}.sigap-monitor-card-mobile{display:none}.sigap-monitor-card-desktop{display:flex}.badge-status-alpa{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}body.dark-mode .badge-status-alpa{color:#f87171;background:#dc262626;border-color:#dc2626}@media (width<=640px){.sigap-monitor-grid{grid-template-columns:1fr;gap:8px;padding:10px 12px}.sigap-monitor-card-desktop{display:none!important}.sigap-monitor-card-mobile{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;box-shadow:0 1px 3px #00000005;display:flex!important}body.dark-mode .sigap-monitor-card-mobile{background:#1e293b;border-color:#334155}.sigap-monitor-card-mobile:active{background:#f8fafc;transform:scale(.99)}body.dark-mode .sigap-monitor-card-mobile:active{background:#334155}.sigap-monitor-mobile-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sigap-monitor-mobile-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.76rem;font-weight:800;display:flex;position:relative}.sigap-mobile-avatar-dot{border:1.5px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}body.dark-mode .sigap-mobile-avatar-dot{border-color:#1e293b}.sigap-monitor-mobile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sigap-monitor-mobile-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:800;line-height:1.25;overflow:hidden}body.dark-mode .sigap-monitor-mobile-name{color:#f8fafc}.sigap-monitor-mobile-sesi{color:#0f766e;font-size:.72rem;font-weight:700;line-height:1.1}body.dark-mode .sigap-monitor-mobile-sesi{color:#2dd4bf}.sigap-monitor-mobile-right{flex-shrink:0;align-items:center;display:flex}.sigap-mobile-pill{white-space:nowrap!important;letter-spacing:.01em!important;border-radius:8px!important;padding:4px 8px!important;font-size:.72rem!important;font-weight:800!important}}.sigap-monitor-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px 18px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 5px #00000005,0 1px 2px #00000008}body.dark-mode .sigap-monitor-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 12px #00000040}.sigap-monitor-card:hover{border-color:#cbd5e1;transform:translateY(-2.5px);box-shadow:0 10px 24px -4px #0f172a14,0 4px 8px -2px #0f172a0a}body.dark-mode .sigap-monitor-card:hover{border-color:#475569;box-shadow:0 12px 28px #00000073}.sigap-table-wrap{width:100%;overflow-x:auto}.sigap-table{border-collapse:collapse;text-align:left;width:100%}.sigap-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:.72rem;font-weight:800}body.dark-mode .sigap-table th{color:#94a3b8;background:#1e293b;border-bottom-color:#334155}.sigap-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.83rem}body.dark-mode .sigap-table td{color:#f1f5f9;border-bottom-color:#1e293b}.sigap-table tr:hover td{background:#f8fafc}body.dark-mode .sigap-table tr:hover td{background:#1e293b}.sigap-btn-detail{color:#047857;cursor:pointer;background:#f0fdf4;border:1px solid #a7f3d0;border-radius:9px;align-items:center;gap:5px;padding:6px 13px;font-size:.76rem;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #00000008}.sigap-btn-detail:hover{color:#fff;background:#047857;border-color:#047857;transform:translateY(-1px);box-shadow:0 4px 10px #04785733}.sigap-btn-detail:active{transform:scale(.96)}.sigap-btn-koreksi{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;align-items:center;gap:4px;padding:6px 11px;font-size:.76rem;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #00000008}.sigap-btn-koreksi:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.sigap-btn-koreksi:active{transform:scale(.96)}.sigap-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.22s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.sigap-modal-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;flex-direction:column;width:100%;max-width:520px;animation:.24s cubic-bezier(.16,1,.3,1) zoomInModal;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a59}body.dark-mode .sigap-modal-card{background:#0f172a;border-color:#334155;box-shadow:0 25px 50px -12px #000000b3}@keyframes zoomInModal{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sheet-drag-handle{display:none}.sigap-modal-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}body.dark-mode .sigap-modal-header{background:#0f172a;border-bottom-color:#1e293b}.sigap-modal-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.12rem;font-weight:800}body.dark-mode .sigap-modal-title{color:#f8fafc}.sigap-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .16s;display:flex}.sigap-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.sigap-modal-close-btn:active{transform:scale(.92)}.sigap-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}body.dark-mode .sigap-modal-footer{background:#1e293b;border-top-color:#334155}@media (width<=768px){.sigap-modal-overlay{align-items:flex-end;padding:0}.sigap-modal-card{border-bottom:none;border-left:none;border-right:none;max-height:88vh;animation:.28s cubic-bezier(.16,1,.3,1) slideUpSheet;border-radius:24px 24px 0 0!important;max-width:100%!important}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-drag-handle{background:#cbd5e1;border-radius:9999px;width:44px;height:5px;margin:10px auto 4px;display:block}}:root{--bottom-nav-bg:#fff;--bottom-nav-text:#0f172a;--bottom-nav-muted:#64748b;--bottom-nav-shadow:0 10px 30px -5px #0000001f, 0 4px 12px #0000000d}body.dark-mode{--bottom-nav-bg:#1e293b;--bottom-nav-text:#f8fafc;--bottom-nav-muted:#94a3b8;--bottom-nav-shadow:0 10px 30px -5px #00000073, 0 4px 14px #00000059}.bottom-nav-root{display:none}@media (width<=850px){.simtah-sidebar,.sigap-sidebar{display:none!important}.simtah-main{width:100%!important;margin-left:0!important;padding-bottom:110px!important}.simtah-header{flex-wrap:wrap;gap:10px;padding:12px 16px!important}.role-badge-group{scrollbar-width:none;max-width:100%;overflow-x:auto}.role-badge-group::-webkit-scrollbar{display:none}.bottom-nav-root{z-index:1000;pointer-events:none;max-width:480px;margin:0 auto;display:block;position:fixed;bottom:12px;left:12px;right:12px}}.bottom-nav-wrapper{background:var(--bottom-nav-bg);box-shadow:var(--bottom-nav-shadow);pointer-events:auto;-webkit-user-select:none;user-select:none;border:1px solid #e2e8f0e6;border-radius:26px;padding:6px 4px 5px;position:relative}body.dark-mode .bottom-nav-wrapper{border-color:#334155e6}.bottom-nav-sliding-bubble-track{pointer-events:none;z-index:10;flex-direction:column;align-items:center;width:20%;height:52px;transition:transform .38s cubic-bezier(.34,1.45,.64,1);display:flex;position:absolute;top:-24px;left:0}.bottom-nav-scoop-container{filter:drop-shadow(0 -3px 4px #00000008);justify-content:center;width:84px;height:28px;display:flex;position:absolute;bottom:-4px}.bottom-nav-scoop-svg{width:100%;height:100%}.bottom-nav-scoop-fill{fill:var(--bottom-nav-bg)}.bottom-nav-raised-bubble{background:var(--bottom-nav-bg);border:3.5px solid var(--active-theme-color,#0d9488);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:border-color .25s,box-shadow .25s;display:flex;position:absolute;top:-4px;box-shadow:0 8px 18px #0d948847,0 2px 6px #00000014}body.dark-mode .bottom-nav-raised-bubble{box-shadow:0 8px 20px #00000080,0 2px 6px #0000004d}.bottom-nav-bubble-inner{justify-content:center;align-items:center;animation:.32s cubic-bezier(.34,1.56,.64,1) navBubblePop;display:flex}@keyframes navBubblePop{0%{opacity:.5;transform:scale(.6)}65%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.bottom-nav-items-row{z-index:5;width:100%;display:flex;position:relative}.bottom-nav-item-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:52px;padding:5px 0 4px;text-decoration:none;display:flex;position:relative}.bottom-nav-icon-slot{justify-content:center;align-items:center;height:22px;margin-bottom:2px;display:flex}.bottom-nav-inactive-icon{color:var(--bottom-nav-muted);transition:color .2s,transform .2s}.bottom-nav-item-btn:hover .bottom-nav-inactive-icon{color:var(--bottom-nav-text);transform:translateY(-2px)}.bottom-nav-label-text{color:var(--bottom-nav-muted);white-space:nowrap;letter-spacing:-.01em;font-size:.72rem;font-weight:600;transition:color .2s,font-weight .2s}.bottom-nav-item-btn.is-active .bottom-nav-label-text{color:var(--bottom-nav-text);font-size:.75rem;font-weight:800}.bottom-nav-home-indicator-bar{background:var(--bottom-nav-text);opacity:.22;border-radius:9999px;width:125px;height:4.5px;margin:4px auto 1px}.sidebar-drawer-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1100;background:#0f172a8c;justify-content:flex-start;animation:.25s drawerFadeIn;display:flex;position:fixed;inset:0}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.sidebar-drawer-panel{background:var(--bottom-nav-bg,#fff);border-radius:0 28px 28px 0;flex-direction:column;width:86%;max-width:320px;height:100vh;animation:.32s cubic-bezier(.16,1,.3,1) drawerSlideFromLeft;display:flex;overflow:hidden;box-shadow:12px 0 35px #00000038}@keyframes drawerSlideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-drawer-top-bar{justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.sidebar-drawer-circle-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}body.dark-mode .sidebar-drawer-circle-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.sidebar-drawer-circle-btn:hover{color:#0f172a;background:#e2e8f0}body.dark-mode .sidebar-drawer-circle-btn:hover{color:#f8fafc;background:#334155}.sidebar-drawer-center-pill{color:#f8fafc;letter-spacing:.04em;background:#0f172a;border-radius:9999px;align-items:center;gap:6px;padding:5px 14px;font-size:.76rem;font-weight:800;display:flex;box-shadow:0 2px 8px #0f172a33}body.dark-mode .sidebar-drawer-center-pill{color:#fff;background:#0d9488}.pill-dot{color:#f59e0b;font-size:.8rem}.sidebar-drawer-profile-section{border-bottom:1px solid #f1f5f9;padding:8px 18px 16px}body.dark-mode .sidebar-drawer-profile-section{border-bottom-color:#1f2937}.sidebar-drawer-profile-header{align-items:center;gap:12px;display:flex}.sidebar-drawer-avatar{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.sidebar-drawer-user-info{flex:1;min-width:0}.sidebar-drawer-user-name{color:var(--bottom-nav-text,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.96rem;font-weight:800;overflow:hidden}.sidebar-drawer-user-role{color:#64748b;margin-top:1px;font-size:.72rem}body.dark-mode .sidebar-drawer-user-role{color:#94a3b8}.sidebar-drawer-edit-link{color:#0d9488;cursor:pointer;background:0 0;border:none;margin-top:2px;padding:0;font-size:.72rem;font-weight:700;display:block}.sidebar-drawer-edit-link:hover{text-decoration:underline}.sidebar-drawer-stats-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-around;align-items:center;margin-top:12px;padding:8px 6px;display:flex}body.dark-mode .sidebar-drawer-stats-card{background:#0f172a;border-color:#334155}.sidebar-drawer-stat-col{text-align:center;flex:1}.sidebar-drawer-stat-col:not(:last-child){border-right:1px solid #e2e8f0}body.dark-mode .sidebar-drawer-stat-col:not(:last-child){border-right-color:#334155}.stat-number{color:var(--bottom-nav-text,#0f172a);font-size:.95rem;font-weight:800;line-height:1.2}.stat-label{color:#64748b;margin-top:2px;font-size:.65rem;font-weight:600}.sidebar-drawer-menu-scroll{scrollbar-width:thin;flex:1;padding:10px 12px;overflow-y:auto}.sidebar-drawer-category{letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;margin:14px 10px 6px;font-size:.68rem;font-weight:800}.sidebar-drawer-menu-item{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:12px;margin-bottom:3px;padding:9px 12px;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-drawer-menu-item:hover{background:#f1f5f9;transform:translate(3px)}body.dark-mode .sidebar-drawer-menu-item:hover{background:#1e293b}.sidebar-drawer-menu-item.active{background:#f0fdf4}body.dark-mode .sidebar-drawer-menu-item.active{background:#0d948826}.menu-active-indicator{background:0 0;border-radius:0 4px 4px 0;width:3.5px;height:24px;transition:background .2s;position:absolute;left:0}.sidebar-drawer-menu-item.active .menu-active-indicator{background:#0d9488}.menu-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}.sidebar-drawer-menu-item:hover .menu-icon-box{transform:scale(1.08)}.menu-text{color:#334155;font-size:.86rem;font-weight:600;transition:color .2s,font-weight .2s}body.dark-mode .menu-text{color:#cbd5e1}.sidebar-drawer-menu-item.active .menu-text{color:#0d9488;font-weight:800}body.dark-mode .sidebar-drawer-menu-item.active .menu-text{color:#2dd4bf}.sidebar-drawer-footer{background:#f8fafc;border-top:1px solid #f1f5f9;padding:12px 16px 20px}body.dark-mode .sidebar-drawer-footer{background:#0b1120;border-top-color:#1f2937}.sidebar-drawer-action-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.76rem;font-weight:700;transition:all .2s;display:flex}body.dark-mode .sidebar-drawer-action-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.sidebar-drawer-action-btn:hover{background:#f1f5f9}.sidebar-drawer-logout-btn{color:#0284c7;cursor:pointer;background:#fff;border:1px solid #e0f2fe;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.88rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}body.dark-mode .sidebar-drawer-logout-btn{color:#38bdf8;background:#0f172a;border-color:#1e3a8a}.sidebar-drawer-logout-btn:hover{background:#f0f9ff;border-color:#bae6fd;transform:translateY(-1px)}.logout-icon-box{color:#0284c7;background:#e0f2fe;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}body.dark-mode .logout-icon-box{color:#38bdf8;background:#1e3a8a}.sidebar-drawer-version-tag{text-align:center;color:#94a3b8;letter-spacing:.02em;margin-top:10px;font-size:.68rem;font-weight:500}.attendance-status-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:3px;display:inline-flex}body.dark-mode .attendance-status-container{background:#1e293b;border-color:#334155}.att-status-btn{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:5px 9px;font-size:.76rem;font-weight:700;line-height:1;transition:all .16s;display:inline-flex}.att-status-btn:hover{transform:translateY(-1px)}.att-status-btn.att-hadir{color:#047857}.att-status-btn.att-hadir:hover{background:#ecfdf5;border-color:#a7f3d0}.att-status-btn.att-hadir.active{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#047857;font-weight:800;box-shadow:0 2px 8px #05966959}.att-status-btn.att-izin{color:#0284c7}.att-status-btn.att-izin:hover{background:#f0f9ff;border-color:#bae6fd}.att-status-btn.att-izin.active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0369a1;font-weight:800;box-shadow:0 2px 8px #0284c759}.att-status-btn.att-sakit{color:#b45309}.att-status-btn.att-sakit:hover{background:#fffbeb;border-color:#fde68a}.att-status-btn.att-sakit.active{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#d97706;font-weight:800;box-shadow:0 2px 8px #f59e0b59}.att-status-btn.att-alpa{color:#e11d48}.att-status-btn.att-alpa:hover{background:#fff1f2;border-color:#fecdd3}.att-status-btn.att-alpa.active{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);border-color:#e11d48;font-weight:800;box-shadow:0 2px 8px #f43f5e59}.att-recap-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:14px 16px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000005}.att-recap-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.att-recap-card.hadir{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-color:#a7f3d0}.att-recap-card.izin{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#bae6fd}.att-recap-card.sakit{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fde68a}.att-recap-card.alpa{background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%);border-color:#fecdd3}body.dark-mode .att-recap-card.hadir{background:#064e3b33;border-color:#059669}body.dark-mode .att-recap-card.izin{background:#0c4a6e33;border-color:#0284c7}body.dark-mode .att-recap-card.sakit{background:#78350f33;border-color:#d97706}body.dark-mode .att-recap-card.alpa{background:#88133733;border-color:#e11d48}.setoran-page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.setoran-page-title{color:var(--text-main);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.setoran-grid-container{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);align-items:start;gap:24px;display:grid}@media (width<=1024px){.setoran-grid-container{grid-template-columns:1fr;gap:20px}}.setoran-card-main{border:1px solid var(--border-color);background:#fff;border-radius:24px;padding:24px 28px;box-shadow:0 4px 20px -2px #0000000a}body.dark-mode .setoran-card-main{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px -2px #00000040}.setoran-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.setoran-card-title-box{align-items:center;gap:12px;display:flex}.setoran-icon-square{color:#16a34a;background:#fff;border:1.5px solid #22c55e;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}body.dark-mode .setoran-icon-square{color:#34d399;background:#0f172a;border-color:#10b981}.setoran-date-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:6px 14px;font-size:.85rem;font-weight:700;display:flex}body.dark-mode .setoran-date-pill{color:#cbd5e1;background:#0f172a;border-color:#334155}.setoran-label{letter-spacing:.05em;color:#64748b;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}body.dark-mode .setoran-label{color:#94a3b8}.setoran-santri-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1.5px solid #1e293b;border-radius:16px;outline:none;width:100%;height:52px;padding:0 16px;font-size:1.05rem;font-weight:700;transition:all .15s}body.dark-mode .setoran-santri-select{color:#f8fafc;background-color:#0f172a;border-color:#64748b}.setoran-jenis-segmented{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.setoran-jenis-btn{letter-spacing:.04em;cursor:pointer;color:#334155;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 16px;font-size:.95rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1)}.setoran-jenis-btn:hover{background:#f8fafc;border-color:#cbd5e1}.setoran-jenis-btn.active-sabaq{color:#fff;background:#6d28d9;border-color:#6d28d9;box-shadow:0 4px 14px #6d28d952}.setoran-jenis-btn.active-sabqi{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 14px #2563eb52}.setoran-jenis-btn.active-manzil{color:#fff;background:#059669;border-color:#059669;box-shadow:0 4px 14px #05966952}body.dark-mode .setoran-jenis-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}.setoran-ganda-card{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:1px solid #bbf7d0;border-radius:18px;justify-content:space-between;align-items:center;margin-top:18px;margin-bottom:18px;padding:14px 18px;display:flex}body.dark-mode .setoran-ganda-card{background:#064e3b22;border-color:#065f46}.setoran-inner-card{background:#faf5ff;border:1px solid #e9d5ff;border-radius:20px;padding:22px 24px}body.dark-mode .setoran-inner-card{background:#581c8715;border-color:#6b21a844}.posisi-mushaf-banner{background:#ecfdf5;border:1.5px solid #86efac;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;margin-bottom:20px;padding:12px 18px;display:flex}body.dark-mode .posisi-mushaf-banner{background:#064e3b33;border-color:#059669}.setoran-stepper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;height:42px;padding:4px;display:flex}body.dark-mode .setoran-stepper{background:#0f172a;border-color:#334155}.setoran-stepper-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;font-weight:700;transition:all .15s;display:flex}.setoran-stepper-btn:hover{color:#0f172a;background:#e2e8f0}body.dark-mode .setoran-stepper-btn{color:#cbd5e1;background:#1e293b}.predikat-pills-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.predikat-pill-btn{letter-spacing:.03em;cursor:pointer;color:#475569;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;font-size:.75rem;font-weight:800;transition:all .15s}.predikat-pill-btn:hover{background:#f8fafc;border-color:#cbd5e1}.predikat-pill-btn.active{color:#fff;background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 2px 10px #0ea5e959}body.dark-mode .predikat-pill-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}.setoran-timeline-container{margin-top:18px;padding-left:28px;position:relative}.setoran-timeline-container:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:14px;bottom:14px;left:9px}body.dark-mode .setoran-timeline-container:before{background:#334155}.setoran-timeline-item{margin-bottom:20px;position:relative}.setoran-timeline-dot{background:#16a34a;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:14px;left:-28px;box-shadow:0 0 0 2px #16a34a4d}body.dark-mode .setoran-timeline-dot{border-color:#1e293b}.setoran-timeline-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 18px;transition:all .2s;box-shadow:0 2px 10px #00000005}.setoran-timeline-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0000000d}body.dark-mode .setoran-timeline-card{background:#0f172a;border-color:#334155}.btn-simpan-setoran{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:24px;padding:16px 24px;font-size:1.05rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 20px #0f172a40}.btn-simpan-setoran:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a59}.btn-simpan-setoran:active{transform:translateY(0)}.prisma-studio-container{box-sizing:border-box;max-width:1440px;margin:0 auto;padding:1.5rem}.studio-header-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}.studio-header-left{align-items:center;gap:1rem;display:flex}.studio-icon-emblem{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0369a1 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 6px 18px #0d948840}.studio-title-box h2{color:var(--text-main);align-items:center;gap:.6rem;margin:0 0 .25rem;font-size:1.4rem;font-weight:800;display:flex}.studio-title-box p{color:var(--text-muted);margin:0;font-size:.825rem}.studio-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.db-status-chip{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.775rem;font-weight:700;display:flex}body.dark-mode .db-status-chip{color:#6ee7b7;background:#064e3b;border-color:#047857}.status-pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 3px #22c55e59}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.studio-nav-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem;display:flex;overflow-x:auto}.studio-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.studio-tab-btn:hover{color:var(--text-main);background:#0d948814}.studio-tab-btn.active{color:#fff;background:#0d9488;box-shadow:0 4px 12px #0d948847}.model-selector-bar{align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.model-pill-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.model-pill-btn:hover{background:#0d94880f;border-color:#0d9488}.model-pill-btn.active{color:#065f46;background:#f0fdf4;border-color:#0d9488;box-shadow:0 2px 6px #0d948826}body.dark-mode .model-pill-btn.active{color:#6ee7b7;background:#064e3b;border-color:#059669}.model-count-badge{background:#0f172a14;border-radius:6px;padding:1px 6px;font-size:.7rem}body.dark-mode .model-count-badge{background:#ffffff1f}.studio-data-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #00000008}.data-card-toolbar{border-bottom:1px solid var(--border-color);background:#f8fafc80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}body.dark-mode .data-card-toolbar{background:#0f172a4d}.data-search-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:.5rem;width:280px;padding:.4rem .85rem;display:flex}.data-search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.825rem}.data-table-wrapper{max-height:540px;overflow-x:auto}.studio-table{border-collapse:collapse;text-align:left;width:100%;font-size:.825rem}.studio-table th{color:#475569;border-bottom:1px solid var(--border-color);white-space:nowrap;z-index:2;background:#f8fafc;padding:.75rem 1rem;font-weight:700;position:sticky;top:0}body.dark-mode .studio-table th{color:#94a3b8;background:#0f172a}.studio-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);white-space:nowrap;padding:.75rem 1rem}.studio-table tr:hover td{background:#0d94880a}.btn-row-action{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin-right:4px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-row-action:hover{color:#0d9488;border-color:#0d9488}.btn-row-delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.studio-iframe-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.studio-iframe-bar{border-bottom:1px solid var(--border-color);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}body.dark-mode .studio-iframe-bar{background:#0f172a}.studio-iframe-frame{background:#fff;border:none;width:100%;height:750px}.vps-guide-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.vps-step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem}.vps-step-card h4{color:var(--text-main);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.95rem;display:flex}.terminal-code-box{color:#38bdf8;background:#0f172a;border-radius:10px;margin:.5rem 0;padding:.75rem 1rem;font-family:monospace;font-size:.8rem;position:relative;overflow-x:auto}.btn-copy-code{color:#f8fafc;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;padding:3px 8px;font-size:.7rem;position:absolute;top:8px;right:8px}.btn-copy-code:hover{background:#ffffff40}.spp-container{flex-direction:column;gap:1.25rem;padding-bottom:3rem;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spp-header-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}.spp-header-left{align-items:center;gap:1rem;display:flex}.spp-header-icon{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#059669 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0d94884d}.spp-header-title h2{color:var(--text-main,#0f172a);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-size:1.25rem;font-weight:800;display:flex}.spp-header-title p{color:var(--text-muted,#64748b);margin:0;font-size:.825rem}.spp-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.spp-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.spp-stat-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:1rem;padding:1.15rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000008}.spp-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.spp-stat-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.spp-stat-info{flex-direction:column;gap:2px;display:flex}.spp-stat-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.spp-stat-value{color:var(--text-main,#0f172a);font-size:1.35rem;font-weight:800;line-height:1.2}.spp-stat-sub{color:var(--text-muted,#64748b);font-size:.72rem}.spp-toolbar-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.spp-filter-group{flex-wrap:wrap;flex:1;align-items:center;gap:.6rem;display:flex}.spp-select{background:var(--bg-main,#f8fafc);border:1px solid var(--border-color,#cbd5e1);color:var(--text-main,#0f172a);cursor:pointer;border-radius:8px;outline:none;padding:.45rem .75rem;font-size:.825rem;font-weight:600;transition:border-color .15s}.spp-select:focus{border-color:#0d9488}.spp-search-box{background:var(--bg-main,#f8fafc);border:1px solid var(--border-color,#cbd5e1);border-radius:8px;align-items:center;gap:8px;min-width:240px;padding:.4rem .75rem;display:flex}.spp-search-box input{color:var(--text-main,#0f172a);background:0 0;border:none;outline:none;width:100%;font-size:.825rem}.spp-table-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000008}.spp-table-wrapper{width:100%;overflow-x:auto}.spp-table{border-collapse:collapse;text-align:left;width:100%;font-size:.825rem}.spp-table th{background:var(--bg-main,#f8fafc);color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color,#e2e8f0);padding:.75rem 1rem;font-size:.7rem;font-weight:700}.spp-table td{border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-main,#1e293b);vertical-align:middle;padding:.85rem 1rem}.spp-table tbody tr:hover{background:#0d948805}.spp-badge{border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.spp-badge.lunas{color:#15803d;background:#dcfce7}.spp-badge.belum{color:#b91c1c;background:#fee2e2}.spp-action-buttons{align-items:center;gap:5px;display:flex}.spp-btn-icon{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);width:28px;height:28px;color:var(--text-muted,#64748b);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.spp-btn-icon:hover{color:var(--text-main,#0f172a);background:#f1f5f9;border-color:#cbd5e1}.spp-btn-icon.invoice{color:#0d9488;background:#f0fdfa;border-color:#99f6e4}.spp-btn-icon.invoice:hover{color:#fff;background:#0d9488}.spp-btn-icon.wa{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.spp-btn-icon.wa:hover{color:#fff;background:#16a34a}.invoice-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.invoice-modal-card{color:#0f172a;background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.invoice-modal-header-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.invoice-modal-body-scroll{padding:1.5rem;overflow-y:auto}.invoice-paper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.75rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.invoice-watermark-lunas{color:#16a34a38;letter-spacing:.25em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;border:4px solid #16a34a2e;border-radius:12px;padding:.5rem 2rem;font-size:3.5rem;font-weight:900;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.invoice-watermark-pending{color:#dc262638;letter-spacing:.15em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;border:4px solid #dc26262e;border-radius:12px;padding:.5rem 1.5rem;font-size:2.75rem;font-weight:900;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.invoice-kop{border-bottom:2px solid #0d9488;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.invoice-kop-logo{background:linear-gradient(135deg,#0d9488 0%,#059669 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.invoice-kop-text h3{color:#0f172a;margin:0 0 2px;font-size:1.1rem;font-weight:800}.invoice-kop-text p{color:#64748b;margin:0;font-size:.75rem;line-height:1.4}.invoice-title-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.invoice-title-row h2{color:#0d9488;letter-spacing:.05em;margin:0;font-size:1.25rem;font-weight:900}.invoice-meta-table{width:100%;margin-bottom:1.25rem;font-size:.8rem}.invoice-meta-table td{padding:3px 0}.invoice-line-items{border-collapse:collapse;width:100%;margin-bottom:1.25rem;font-size:.825rem}.invoice-line-items th{color:#475569;text-align:left;text-transform:uppercase;background:#f1f5f9;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:8px 10px;font-size:.72rem}.invoice-line-items td{border-bottom:1px solid #e2e8f0;padding:10px}.invoice-total-row{border-bottom:2px solid #cbd5e1;justify-content:flex-end;gap:1.5rem;margin-bottom:1.5rem;padding:.75rem 0;font-size:.95rem;font-weight:800;display:flex}.invoice-footer-signatures{color:#475569;justify-content:space-between;align-items:flex-end;margin-top:2rem;font-size:.775rem;display:flex}.invoice-sign-box{text-align:center;min-width:140px}.invoice-sign-space{height:55px}.invoice-sign-name{color:#0f172a;border-top:1px dashed #94a3b8;padding-top:4px;font-weight:700}.invoice-actions-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}@media print{body *{visibility:hidden}.invoice-paper,.invoice-paper *{visibility:visible}.invoice-paper{width:100%;box-shadow:none;border:none;margin:0;padding:20mm;position:absolute;top:0;left:0}.no-print,.invoice-modal-header-bar,.invoice-actions-footer,.sigap-sidebar,.sigap-header,.bottom-nav{display:none!important}}.login-page-wrapper{box-sizing:border-box;background:linear-gradient(135deg,#e6f4ea 0%,#e0f2fe 50%,#f0fdf4 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow-x:hidden}.login-page-wrapper:before,.login-page-wrapper:after{content:"";filter:blur(80px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.login-page-wrapper:before{background:#0d948838;width:380px;height:380px;top:5%;left:10%}.login-page-wrapper:after{background:#0284c72e;width:440px;height:440px;bottom:5%;right:10%}.login-card-container{z-index:1;background:#fff;border-radius:28px;width:100%;max-width:980px;min-height:590px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a2e,inset 0 0 0 1px #fffc}.login-hero-panel{box-sizing:border-box;color:#fff;background:linear-gradient(145deg,#064e3b 0%,#0d9488 55%,#0284c7 100%);flex-direction:column;flex:0 0 46%;justify-content:space-between;padding:2.75rem 2.5rem;display:flex;position:relative;overflow:hidden}.login-hero-glow{pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff26,#0000 60%);width:140%;height:140%;position:absolute;top:-20%;left:-20%}.login-hero-header{z-index:2;position:relative}.login-welcome-tag{color:#ffffffeb;letter-spacing:.02em;margin-bottom:.25rem;font-size:1.15rem;font-weight:500;display:inline-block}.login-hero-body{z-index:2;text-align:center;margin:auto 0;padding:1.5rem .5rem;position:relative}.login-emblem-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 1.25rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 16px 36px #00000038,0 0 0 4px #ffffff59}.login-emblem-circle:hover{transform:scale(1.06)rotate(3deg)}.login-brand-name{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px #0003;margin-bottom:.65rem;font-size:2.1rem;font-weight:800}.login-brand-tagline{color:#ffffffe0;max-width:320px;margin:0 auto;font-size:.875rem;font-weight:400;line-height:1.55}.login-hero-footer{z-index:2;color:#ffffffbf;border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.72rem;font-weight:500;display:flex;position:relative}.login-wave-desktop{pointer-events:none;z-index:1;width:85px;height:100%;position:absolute;top:0;right:-1px}.login-wave-mobile{display:none}.login-form-panel{z-index:2;box-sizing:border-box;background:#fff;flex-direction:column;flex:0 0 54%;justify-content:center;padding:2.75rem 3.25rem;display:flex;position:relative}.login-form-header{margin-bottom:1.75rem}.login-form-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.75rem;font-weight:800}.login-form-subtitle{color:#64748b;margin:0;font-size:.875rem}.login-field-group{margin-bottom:1.15rem}.login-field-label{color:#334155;margin-bottom:.4rem;font-size:.825rem;font-weight:600;display:block}.login-input-container{align-items:center;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.login-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.65rem;font-family:inherit;font-size:.9rem;transition:all .2s}.login-input:focus{background:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}.login-input::placeholder{color:#94a3b8;font-size:.85rem}.login-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.login-password-toggle:hover{color:#0d9488}.login-options-row{justify-content:space-between;align-items:center;margin:.75rem 0 1.5rem;font-size:.825rem;display:flex}.login-remember-checkbox{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.login-remember-checkbox input[type=checkbox]{accent-color:#0d9488;cursor:pointer;width:16px;height:16px}.login-forgot-link{color:#0d9488;cursor:pointer;background:0 0;border:none;padding:0;font-size:.825rem;font-weight:600;text-decoration:none;transition:color .15s}.login-forgot-link:hover{color:#047857;text-decoration:underline}.btn-login-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 20px -3px #0d948866}.btn-login-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f766e 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 12px 25px -4px #0d948880}.btn-login-primary:active:not(:disabled){transform:translateY(0)}.btn-login-primary:disabled{opacity:.7;cursor:not-allowed}.login-divider{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.5rem 0 1.25rem;font-size:.775rem;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.login-divider:not(:empty):before{margin-right:.85rem}.login-divider:not(:empty):after{margin-left:.85rem}.login-social-grid{flex-direction:column;gap:.75rem;display:flex}.btn-google-sign-in{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.btn-google-sign-in:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.google-icon-svg{flex-shrink:0;width:18px;height:18px}.google-setup-tip{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;padding:4px;font-size:.75rem;display:flex}.google-setup-tip:hover{color:#0d9488;text-decoration:underline}.quick-creds-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin-top:1.25rem;padding:.75rem}.quick-creds-header{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:.775rem;font-weight:700;display:flex}.quick-creds-chips{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.quick-chip{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.quick-chip:hover{color:#065f46;background:#f0fdf4;border-color:#0d9488}.login-error-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.825rem;display:flex}.login-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.login-modal-content{background:#fff;border-radius:20px;width:100%;max-width:540px;animation:.2s cubic-bezier(.34,1.56,.64,1) modalPop;overflow:hidden;box-shadow:0 25px 60px -15px #0000004d}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.login-modal-header h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.login-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.login-modal-close:hover{color:#0f172a;background:#e2e8f0}.login-modal-body{color:#334155;padding:1.5rem;font-size:.85rem;line-height:1.55}.login-modal-step{border-left:3px solid #0d9488;margin-bottom:1rem;padding-left:.5rem}.login-modal-step h4{color:#0f172a;margin:0 0 .35rem;font-size:.875rem}.login-code-badge{color:#0369a1;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.8rem}.login-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (width<=768px){.login-page-wrapper{background:#fff;align-items:flex-start;padding:0}.login-card-container{max-width:100%;min-height:100vh;box-shadow:none;border-radius:0;flex-direction:column}.login-hero-panel{text-align:center;border-radius:0;flex:none;width:100%;padding:2.25rem 1.5rem 3.25rem}.login-hero-header,.login-hero-footer,.login-wave-desktop{display:none}.login-wave-mobile{z-index:3;pointer-events:none;width:100%;height:48px;display:block;position:absolute;bottom:-1px;left:0}.login-emblem-circle{width:80px;height:80px;margin-bottom:.85rem}.login-brand-name{margin-bottom:.35rem;font-size:1.75rem}.login-brand-tagline{opacity:.95;font-size:.825rem}.login-form-panel{border-radius:26px 26px 0 0;flex:1 0 auto;width:100%;margin-top:-24px;padding:1.75rem 1.5rem 2.5rem;box-shadow:0 -12px 30px #00000014}.login-form-title{font-size:1.5rem}}body.dark-mode .login-page-wrapper{background:#090d16}body.dark-mode .login-card-container{background:#1e293b;box-shadow:0 25px 60px -15px #0009,inset 0 0 0 1px #334155}body.dark-mode .login-form-panel{background:#1e293b}body.dark-mode .login-form-title{color:#f8fafc}body.dark-mode .login-form-subtitle{color:#94a3b8}body.dark-mode .login-field-label{color:#cbd5e1}body.dark-mode .login-input{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark-mode .login-input:focus{background:#0f172a;border-color:#14b8a6}body.dark-mode .login-remember-checkbox{color:#cbd5e1}body.dark-mode .btn-google-sign-in{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark-mode .btn-google-sign-in:hover{background:#1e293b;border-color:#475569}body.dark-mode .quick-creds-box{background:#0f172a;border-color:#334155}body.dark-mode .quick-chip{color:#e2e8f0;background:#1e293b;border-color:#334155}body.dark-mode .login-modal-content{color:#f8fafc;background:#1e293b}body.dark-mode .login-modal-header,body.dark-mode .login-modal-footer{background:#0f172a;border-color:#334155}body.dark-mode .login-modal-header h3,body.dark-mode .login-modal-step h4{color:#f8fafc}body.dark-mode .login-code-badge{color:#38bdf8;background:#0f172a;border-color:#334155}