@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";.toast-container[data-v-6b12dcba]{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:calc(100vw - 40px);display:flex;position:fixed;top:20px;right:20px}.toast-item[data-v-6b12dcba]{pointer-events:auto;border-left:4px solid var(--info,#3a9ab8);min-width:280px;max-width:420px;color:var(--text,#1a1a1a);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:13px;display:flex;box-shadow:0 10px 28px #00000014}.toast-success[data-v-6b12dcba]{border-left-color:var(--success,#3baa72)}.toast-error[data-v-6b12dcba]{border-left-color:var(--danger,#e05555)}.toast-warning[data-v-6b12dcba]{border-left-color:var(--warning,#e8a838)}.toast-info[data-v-6b12dcba]{border-left-color:var(--info,#3a9ab8)}.toast-icon[data-v-6b12dcba]{flex-shrink:0;align-items:center;display:flex}.toast-success .toast-icon[data-v-6b12dcba]{color:var(--success,#3baa72)}.toast-error .toast-icon[data-v-6b12dcba]{color:var(--danger,#e05555)}.toast-warning .toast-icon[data-v-6b12dcba]{color:var(--warning,#e8a838)}.toast-info .toast-icon[data-v-6b12dcba]{color:var(--info,#3a9ab8)}.toast-msg[data-v-6b12dcba]{flex:1;line-height:1.5}.toast-close[data-v-6b12dcba]{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .15s;display:flex}.toast-close[data-v-6b12dcba]:hover{color:var(--text,#1a1a1a);background:#f1f3f5}.toast-enter-from[data-v-6b12dcba],.toast-leave-to[data-v-6b12dcba]{opacity:0;transform:translate(20px)}.toast-enter-active[data-v-6b12dcba],.toast-leave-active[data-v-6b12dcba]{transition:all .25s}@media (width<=600px){.toast-container[data-v-6b12dcba]{top:12px;left:12px;right:12px}.toast-item[data-v-6b12dcba]{min-width:auto}}.msg-overlay[data-v-3674abe0]{z-index:9600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.msg-box[data-v-3674abe0]{text-align:center;background:#fff;border-radius:18px;width:100%;max-width:400px;padding:32px 28px 24px;box-shadow:0 20px 60px #00000040}.msg-icon-wrap[data-v-3674abe0]{border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 16px;display:flex}.msg-icon-wrap.is-success[data-v-3674abe0]{color:var(--success,#3baa72);background:#3baa721f}.msg-icon-wrap.is-error[data-v-3674abe0]{color:var(--danger,#e05555);background:#e055551f}.msg-icon-wrap.is-warning[data-v-3674abe0]{color:var(--warning,#e8a838);background:#e8a83824}.msg-icon-wrap.is-info[data-v-3674abe0]{color:var(--info,#3a9ab8);background:#3a9ab81f}.msg-title[data-v-3674abe0]{color:var(--dark,#0f1c17);margin-bottom:8px;font-size:18px;font-weight:700}.msg-text[data-v-3674abe0]{color:var(--text-muted,#555);white-space:pre-line;margin-bottom:24px;font-size:14px;line-height:1.55}.msg-actions[data-v-3674abe0]{justify-content:center;display:flex}.msg-actions .btn[data-v-3674abe0]{min-width:140px}.modal-enter-from[data-v-3674abe0],.modal-leave-to[data-v-3674abe0]{opacity:0;transform:scale(.94)}.modal-enter-active[data-v-3674abe0],.modal-leave-active[data-v-3674abe0]{transition:all .2s}:root{--primary:#3baa72;--primary-light:#5ec48d;--primary-pale:#b2dfc6;--primary-bg:#eaf7f0;--primary-xlight:#f3fbf6;--gold:#c9a84c;--gold-light:#f0d98c;--gold-dark:#9a7a2e;--dark:#0f1c17;--text:#1a1a1a;--text-muted:#555;--border:#cce9d8;--bg:#f4faf7;--white:#fff;--danger:#e05555;--warning:#e8a838;--info:#3a9ab8;--success:#3baa72;--shadow-sm:0 1px 4px #3baa721a;--shadow:0 6px 20px #3baa7229;--shadow-lg:0 12px 36px #3baa7233;--shadow-hover:0 10px 28px #3baa7238;--sidebar-bg:#1b3529;--sidebar-bg2:#142b21;--sidebar-hover:#5ec48d21;--sidebar-active:#5ec48d38;--sidebar-w:64px;--topbar-h:64px;--radius:10px;--radius-sm:6px;--transition:all .22s cubic-bezier(.34,1.2,.64,1);--transition-fast:all .15s ease;--font-body:"Plus Jakarta Sans", sans-serif;--font-arabic:"Amiri", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px}#sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);z-index:200;border-right:1px solid #c9a84c1f;flex-direction:column;height:100vh;transition:width .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:3px 0 18px #0000002e}#sidebar:before{content:"";background:linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light), var(--gold), var(--gold-dark));height:3px;position:absolute;top:0;left:0;right:0}.sidebar-header{background:linear-gradient(135deg, var(--sidebar-bg2) 0%, var(--sidebar-bg) 100%);border-bottom:1px solid #c9a84c26;flex-shrink:0;padding:20px 16px 16px}.sidebar-logo{align-items:center;gap:12px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 3px 10px #3baa7266}.sidebar-logo-icon:hover{transform:scale(1.08);box-shadow:0 6px 18px #3baa7280}.sidebar-logo-icon svg{display:block}.sidebar-logo-text{overflow:hidden}.sidebar-logo-text h2{color:var(--gold-light);letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.3;font-family:var(--font-arabic)}.sidebar-logo-text p{color:#ffffff61;white-space:nowrap;font-size:10px}.sidebar-role-badge{color:var(--gold-light);text-align:center;letter-spacing:1px;text-transform:uppercase;background:#c9a84c1a;border:1px solid #c9a84c38;border-radius:20px;margin:12px 16px 0;padding:6px 12px;font-size:11px;font-weight:600}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:12px 8px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{letter-spacing:1.5px;text-transform:uppercase;color:#c9a84c73;padding:14px 10px 5px;font-size:10px;font-weight:700}.nav-item{color:#ffffffa6;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-hover);color:#fff;transform:translate(3px)scale(1.02);box-shadow:0 4px 14px #00000038}.nav-item.active{background:var(--sidebar-active);color:#fff;border-left:none;box-shadow:0 4px 16px #3baa724d}.nav-item.active:before{content:"";background:var(--primary-light);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:20%;left:0}.nav-item.active .nav-icon{color:var(--primary-light)}.nav-icon{width:22px;height:22px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.nav-icon svg{display:block}.nav-item:hover .nav-icon{transform:scale(1.12)}.nav-sub-icon{width:20px;height:20px;color:inherit;opacity:.75;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-sub-icon svg{display:block}.nav-label{white-space:nowrap;flex:1;overflow:hidden}.nav-arrow{color:#ffffff59;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .25s;display:flex}.nav-arrow svg{transition:transform .25s;display:block}.nav-item.open .nav-arrow svg{transform:rotate(90deg)}.nav-sub{max-height:0;transition:max-height .3s;overflow:hidden}.nav-sub.open{max-height:500px}.nav-subitem{color:#ffffff8c;cursor:pointer;transition:var(--transition);border-radius:6px;align-items:center;gap:8px;margin-bottom:1px;padding:7px 12px 7px 42px;font-size:12.5px;display:flex}.nav-subitem:hover{color:#fff;background:#5ec48d14;transform:translate(4px)}.nav-subitem.active{color:#fff;background:#5ec48d2e;border-radius:6px;padding-left:42px;font-weight:700}.nav-subitem:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:transform .2s}.nav-subitem:hover:before{transform:scale(1.5)}.sidebar-footer{background:#00000026;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 10px;display:flex;overflow:hidden}.sidebar-name-wrap{flex-shrink:0;align-items:center;gap:10px;display:flex;overflow:hidden}.sidebar-avatar-sm{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.sidebar-name-info{min-width:0;overflow:hidden}.sidebar-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sidebar-role-sm{color:#fff6;white-space:nowrap;font-size:10px}.logout-btn-full{width:100%;color:var(--danger);cursor:pointer;white-space:nowrap;background:#dc575726;border:1px solid #dc57574d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.logout-btn-full:hover{background:#dc575747}.logout-btn-full svg{flex-shrink:0}.logout-btn-icon{width:40px;height:40px;color:var(--danger);cursor:pointer;background:#dc575726;border:1px solid #dc57574d;border-radius:8px;justify-content:center;align-items:center;margin:0 auto;transition:background .2s;display:none}.logout-btn-icon:hover{background:#dc575747}#topbar{height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--border);top:0;left:var(--sidebar-w);z-index:100;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 24px;transition:left .3s;display:flex;position:fixed;right:0}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-toggle{background:var(--primary-bg);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--primary);transition:var(--transition);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.topbar-toggle:hover{background:var(--primary-pale);box-shadow:var(--shadow-sm);transform:scale(1.1)}.topbar-breadcrumb{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.topbar-breadcrumb .current{color:var(--text);font-weight:600}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-notif{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:var(--transition);justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.topbar-notif:hover{background:var(--primary-bg);box-shadow:var(--shadow-sm);transform:scale(1.08)}.topbar-user{background:var(--primary-bg);border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:24px;align-items:center;gap:10px;padding:6px 12px;display:flex}.topbar-user:hover{background:var(--primary-pale);box-shadow:var(--shadow-sm);transform:scale(1.03)}.topbar-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex}.topbar-username{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.btn-logout{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--danger);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.btn-logout:hover{border-color:var(--danger);background:#fef2f2;transform:scale(1.04);box-shadow:0 3px 10px #e055552e}#main-content{margin-left:var(--sidebar-w);margin-top:var(--topbar-h);min-height:calc(100vh - var(--topbar-h));padding:28px;transition:margin-left .3s}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.page-title-wrap h1{color:var(--dark);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.page-title-icon{background:linear-gradient(135deg, var(--primary-bg), var(--primary-pale));border:1px solid var(--border);width:38px;height:38px;transition:var(--transition);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.page-title-icon:hover{box-shadow:var(--shadow-sm);transform:scale(1.1)rotate(-5deg)}.page-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);padding:20px;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary-pale);transform:translateY(-5px)scale(1.02)}.stat-card:after{content:"";height:3px;position:absolute;bottom:0;left:0;right:0}.stat-card.green:after{background:linear-gradient(90deg, var(--primary), var(--primary-light))}.stat-card.gold:after{background:linear-gradient(90deg, var(--gold-dark), var(--gold))}.stat-card.blue:after{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stat-card.teal:after{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.stat-card.orange:after{background:linear-gradient(90deg,#ea580c,#fb923c)}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:22px;transition:transform .2s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.12)rotate(-5deg)}.stat-card.green .stat-icon{background:var(--primary-bg)}.stat-card.gold .stat-icon{background:#fef9ec}.stat-card.blue .stat-icon{background:#eff6ff}.stat-card.teal .stat-icon{background:#f0fdfa}.stat-card.orange .stat-icon{background:#fff7ed}.stat-number{color:var(--dark);font-size:30px;font-weight:700;line-height:1}.stat-value{color:var(--dark);margin-bottom:4px;font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:500}.panel{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:20px;overflow:hidden}.panel:hover{box-shadow:var(--shadow);border-color:var(--primary-pale)}.panel-header{border-bottom:1px solid var(--border);background:linear-gradient(90deg, var(--primary-xlight), var(--white));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.panel-title{color:var(--dark);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.panel-title-icon{background:var(--primary-bg);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.panel-body{padding:20px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font-body);border:none;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)scale(1.03)}.btn:active{transform:translateY(0)scale(.98)}.btn-gold{background:linear-gradient(135deg, var(--gold-dark), var(--gold));color:#fff;box-shadow:0 2px 8px #c9a84c4d}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-info{background:var(--info);color:#fff}.btn-secondary{color:#fff;background:#6b7280}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:var(--bg);border-color:var(--primary-pale)}.btn-outline-primary{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-outline-primary:hover{background:var(--primary-bg)}.btn-xs{border-radius:4px;padding:3px 8px;font-size:11px}.btn-icon{border-radius:var(--radius-sm);padding:7px}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-toolbar-left{flex-wrap:wrap;gap:8px;display:flex}.table-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-input-wrap{align-items:center;display:flex;position:relative}.search-input-wrap .search-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;left:10px}.search-input:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 3px #3baa721f}.table-responsive{border-radius:var(--radius-sm);overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}table.data-table thead tr{background:linear-gradient(90deg, var(--dark), #2d4a3e);color:#ffffffe6}table.data-table thead th{text-align:left;white-space:nowrap;letter-spacing:.3px;padding:11px 14px;font-size:12px;font-weight:600}table.data-table tbody tr{transition:var(--transition-fast);border-bottom:1px solid #eef7f3}table.data-table tbody tr:hover{background:#dcf0e5;transform:scale(1.004);box-shadow:0 3px 12px #1e3a2f1f}table.data-table tbody tr:last-child{border-bottom:none}table.data-table tbody td{vertical-align:middle;padding:10px 14px}.pagination-bar{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;font-size:12px;display:flex}.pagination-btns{gap:4px;display:flex}.pagination-btns button{border:1px solid var(--border);background:var(--white);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:var(--transition);font-size:13px;font-family:var(--font-body)}.pagination-btns button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btns button:hover:not(.active){background:var(--primary-bg);border-color:var(--primary-pale);transform:scale(1.1)}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;transition:transform .15s;display:inline-flex}.badge:hover{transform:scale(1.05)}.badge-success{color:#065f46;background:#d1fae5}.badge-gold{color:var(--gold-dark);border:1px solid var(--gold-light);background:#fef9ec}.badge-green{background:var(--primary-bg);color:var(--primary)}.form-group{margin-bottom:16px}.form-label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.required{color:var(--danger);margin-left:2px}.form-control,.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;transition:var(--transition-fast);font-size:13px;font-family:var(--font-body);color:var(--text);padding:9px 12px}.form-control:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3baa721f}textarea.form-control{resize:vertical;min-height:80px}.form-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal-box{background:var(--white);border:1px solid var(--border);border-radius:14px;width:92%;max-width:560px;max-height:90vh;animation:.28s cubic-bezier(.34,1.56,.64,1) modalIn;overflow-y:auto;box-shadow:0 24px 60px #00000040}.modal-box.modal-lg{max-width:780px}.modal-box.modal-sm{max-width:420px}@keyframes modalIn{0%{opacity:0;transform:scale(.88)translateY(-24px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg, var(--primary-xlight), var(--white));border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h5{color:var(--dark);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.modal-close{background:var(--bg);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-muted);transition:var(--transition);border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{color:var(--danger);background:#fee2e2;border-color:#fecaca;transform:scale(1.1)rotate(90deg)}.modal-body{padding:22px}.modal-footer{border-top:1px solid var(--border);background:var(--bg);border-radius:0 0 14px 14px;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}#toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{min-width:260px;max-width:360px;box-shadow:var(--shadow-lg);border-left:4px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:13px 18px;font-size:13px;font-weight:500;animation:.35s cubic-bezier(.34,1.56,.64,1) toastIn,.3s 2.7s forwards toastOut;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(40px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translate(40px)}}.toast-success{border-left-color:var(--success);color:#065f46;background:#fff}.toast-error{border-left-color:var(--danger);color:#991b1b;background:#fff}.toast-info{border-left-color:var(--info);color:#1e40af;background:#fff}.toast-warning{border-left-color:var(--warning);color:#92400e;background:#fff}.toast-icon{flex-shrink:0;font-size:18px}.raport-print{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);max-width:840px;margin:0 auto;padding:32px}.raport-kop{border-bottom:3px double var(--dark);align-items:center;gap:18px;margin-bottom:18px;padding-bottom:16px;display:flex}.raport-kop .sekolah-info h3{font-size:16px;font-weight:700}.raport-kop .sekolah-info p{color:var(--text-muted);margin:2px 0;font-size:12px}.raport-judul{text-align:center;margin:16px 0 20px}.raport-judul h4{text-transform:uppercase;letter-spacing:1px;font-size:16px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-state .empty-icon{opacity:.5;margin-bottom:12px;font-size:48px}.empty-state p{font-size:14px}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary-pale);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}@media print{.sidebar,.topbar,.bottom-nav,.no-print,.confirm-dialog,.toast-host{display:none!important}html,body{height:auto!important;overflow:visible!important}.app-shell,.app-main,.app-content{height:auto!important;min-height:0!important;overflow:visible!important}.app-shell{background:#fff!important}.app-main{margin:0!important}.app-content{max-width:none!important;padding:0!important}.raport-print{border:none}body{background:#fff!important}}*{box-sizing:border-box}html,body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:14px}h1,h2,h3,h4,h5,h6{color:var(--dark);font-weight:700}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 4px 12px #3baa7240}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #3baa7259}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{color:var(--text);background:#fff;border-color:#d8e0e6}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c84444;box-shadow:0 6px 16px #e055554d}.btn-sm{border-radius:8px;padding:6px 12px;font-size:12px}.btn-lg{padding:12px 22px;font-size:14px}.btn-block{width:100%}.form-group{flex-direction:column;margin-bottom:12px;display:flex}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600}.form-control{width:100%;color:var(--text);box-sizing:border-box;background:#fff;border:1.5px solid #e9ecef;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #3baa721f}.form-control:disabled{color:var(--text-muted);background:#f6f8fa}textarea.form-control{resize:vertical;min-height:70px;font-family:inherit}.card{background:#fff;border:1px solid #eef2f5;border-radius:16px;padding:20px;box-shadow:0 2px 10px #0f1c170a}.page{flex-direction:column;gap:16px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-head h2{color:var(--dark);margin:0;font-size:18px;font-weight:700}.page-head .head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-head .head-actions .form-control{min-width:220px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead{background:var(--primary-bg)}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--primary);border-bottom:1px solid var(--primary-pale);padding:12px;font-size:11px;font-weight:700}.data-table td{vertical-align:middle;border-bottom:1px solid #f0f3f5;padding:12px}.data-table tbody tr:hover{background:#f9fbfc}.data-table tbody tr:last-child td{border-bottom:none}.data-table .actions{flex-wrap:nowrap;gap:6px;display:flex}.data-table .empty{color:var(--text-muted);text-align:center!important;padding:32px!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background:var(--primary-bg);color:var(--primary)}.badge-warning{color:var(--warning);background:#e8a83826}.badge-danger{color:var(--danger);background:#e055551a}.badge-info{color:var(--info);background:#3a9ab81a}.badge-secondary{color:var(--text-muted);background:#eef2f5}.badge-gold{color:var(--gold-dark);background:#c9a84c26}.modal-actions{border-top:1px solid #eef2f5;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;display:flex}.empty-state{text-align:center;color:var(--text-muted);background:#fff;border:1px dashed #d8e0e6;border-radius:16px;padding:48px 24px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .span-2{grid-column:span 2}.loading{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:14px}@media (width<=768px){.page-head{flex-direction:column;align-items:stretch}.page-head h2{font-size:16px}.page-head .head-actions{width:100%}.page-head .head-actions .form-control{flex:1;min-width:0}.data-table{font-size:12px}.data-table th,.data-table td{white-space:nowrap;padding:8px}.data-table .actions .btn{padding:4px 8px;font-size:11px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.card{-webkit-overflow-scrolling:touch;overflow-x:auto}.card .data-table{min-width:max-content}}:root{--sidebar-icon-w:64px;--sidebar-full-w:250px;--sidebar-w:64px}#sidebar-overlay{z-index:198;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0006;display:none;position:fixed;inset:0}#sidebar-overlay.visible{display:block}@media (width>=601px){#sidebar{transition:width .28s cubic-bezier(.4,0,.2,1);overflow:hidden;width:var(--sidebar-icon-w)!important;overflow-x:hidden!important}#sidebar ::-webkit-scrollbar:horizontal{display:none!important}#sidebar{scrollbar-width:none}#sidebar:not(.expanded) .nav-label,#sidebar:not(.expanded) .nav-arrow,#sidebar:not(.expanded) .nav-section,#sidebar:not(.expanded) .nav-sub,#sidebar:not(.expanded) .sidebar-role-badge,#sidebar:not(.expanded) .sidebar-logo-text,#sidebar:not(.expanded) .sidebar-name-wrap,#sidebar:not(.expanded) .logout-btn-full{display:none!important}#sidebar:not(.expanded) .logout-btn-icon{display:flex!important}#sidebar:not(.expanded) .sidebar-header{justify-content:center;align-items:center;padding:14px 10px;display:flex}#sidebar:not(.expanded) .sidebar-logo{justify-content:center}#sidebar:not(.expanded) .nav-item{justify-content:center;padding:12px 8px}#sidebar:not(.expanded) .sidebar-footer{flex-direction:column;align-items:center;gap:8px;padding:10px 8px;display:flex}#sidebar:not(.expanded) .sidebar-footer .logout-btn-full{display:none!important}#sidebar:not(.expanded) .sidebar-footer .logout-btn-icon{display:flex!important}#sidebar:not(.expanded) .nav-item{position:relative}#sidebar:not(.expanded) .nav-item:after{content:attr(data-label);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:999;background:#1e3a2f;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 3px 10px #0003}#sidebar:not(.expanded) .nav-item:hover:after{opacity:1}#sidebar.expanded{z-index:201;box-shadow:6px 0 28px #00000038;width:var(--sidebar-full-w)!important}#sidebar.expanded .nav-label,#sidebar.expanded .nav-section,#sidebar.expanded .sidebar-logo-text,#sidebar.expanded .sidebar-role-badge,#sidebar.expanded .sidebar-name-wrap{opacity:1;display:flex!important}#sidebar.expanded .nav-label,#sidebar.expanded .nav-section,#sidebar.expanded .sidebar-logo-text,#sidebar.expanded .sidebar-role-badge{display:block!important}#sidebar.expanded .logout-btn-full{opacity:1;display:flex!important}#sidebar.expanded .sidebar-header{padding:20px 16px 16px}#sidebar.expanded .sidebar-logo{justify-content:flex-start}#sidebar.expanded .nav-item{justify-content:flex-start;padding:10px 12px}#sidebar.expanded .sidebar-footer{align-items:stretch;padding:14px 16px}#sidebar.expanded .logout-btn-icon{display:none!important}#topbar{transition:left .28s cubic-bezier(.4,0,.2,1);left:var(--sidebar-icon-w)!important}#main-content{transition:margin-left .28s cubic-bezier(.4,0,.2,1);margin-left:var(--sidebar-icon-w)!important}.sidebar-collapsed #topbar{left:var(--sidebar-icon-w)!important}.sidebar-collapsed #main-content{margin-left:var(--sidebar-icon-w)!important}.sidebar-collapsed #sidebar{width:var(--sidebar-icon-w)!important}#bottom-nav{display:none!important}.topbar-toggle{display:flex!important}#topbar-mobile-menu,#sidebar:not(.expanded) .nav-arrow{display:none!important}#sidebar.expanded .nav-arrow{display:block!important}}@media (width>=601px) and (width<=1024px){:root{--topbar-h:56px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.form-row-3{grid-template-columns:1fr 1fr!important}.input-panel-grid,.cetak-grid,.dashboard-main-grid{grid-template-columns:1fr!important}.kategori-grid-3{grid-template-columns:repeat(3,1fr)!important}.jenis-grid-2{grid-template-columns:1fr 1fr!important;max-width:100%!important}}@media (width<=600px){:root{--topbar-h:52px;--bottom-nav-h:62px}#sidebar{z-index:200;max-width:290px;height:100vh;top:0;left:0;overflow:hidden;box-shadow:8px 0 32px #00000047;width:82vw!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;transform:translate(-110%)!important}#sidebar.open{width:82vw!important;max-width:290px!important;transform:translate(0)!important}#sidebar.open .nav-label,#sidebar.open .nav-section,#sidebar.open .sidebar-logo-text,#sidebar.open .sidebar-role-badge{opacity:1!important;display:block!important}#sidebar.open .nav-arrow,#sidebar.open .sidebar-name-wrap,#sidebar.open .logout-btn-full{opacity:1!important;display:flex!important}#sidebar.open .sidebar-header{padding:20px 16px 16px!important}#sidebar.open .sidebar-logo{justify-content:flex-start!important}#sidebar.open .nav-item{justify-content:flex-start!important;padding:10px 12px!important}#sidebar.open .sidebar-footer{align-items:stretch!important;padding:14px 16px!important}#sidebar.open .logout-btn-icon{display:none!important}#topbar{height:var(--topbar-h);padding:0 12px;left:0!important}#main-content{padding:14px 12px;padding-bottom:calc(var(--bottom-nav-h) + 12px);margin-left:0!important}.topbar-toggle,.topbar-breadcrumb{display:none!important}.topbar-page-title{color:#111;text-align:center;flex:1;font-size:15px;font-weight:700;display:block!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stat-card{padding:14px 12px}.stat-value,.stat-number{font-size:22px!important}.stat-icon{width:34px;height:34px;margin-bottom:6px;font-size:18px}.stat-label{font-size:11px}.page-header{flex-direction:column;gap:10px;margin-bottom:14px}.page-title-wrap h1{font-size:16px}.page-header>:last-child:not(.page-title-wrap){flex-wrap:wrap;gap:8px;width:100%;display:flex}.page-header .btn{flex:1;justify-content:center;font-size:12px}.panel-header{flex-direction:column;align-items:flex-start;gap:8px;padding:11px 14px}.panel-body{padding:12px}.search-input-wrap,.search-input{width:100%!important}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}table.data-table{min-width:380px;font-size:12px}table.data-table thead th{padding:9px 10px;font-size:11px}table.data-table tbody td{padding:8px 10px}.col-terbilang{display:none!important}.form-row-2,.form-row-3{grid-template-columns:1fr!important}.form-control,.form-select{padding:10px 12px;font-size:14px}.modal-box{width:96%;max-width:96%;max-height:88vh}.modal-body{padding:14px 16px}.modal-header{padding:12px 16px}.modal-footer{flex-wrap:wrap;padding:10px 16px}.btn{padding:7px 12px;font-size:12px}.btn-sm{padding:5px 9px;font-size:11px}.input-panel-grid{grid-template-columns:1fr!important}.input-side-panel{order:-1}.input-nilai{width:60px!important;font-size:13px!important}.dashboard-main-grid{grid-template-columns:1fr!important;gap:14px!important}.kelas-grid-auto,.kategori-grid-3{grid-template-columns:1fr 1fr!important;gap:10px!important}.kategori-grid-3 .panel-body{padding:16px 10px!important}.jenis-grid-2{grid-template-columns:1fr 1fr!important;gap:10px!important;max-width:100%!important}.cetak-grid{grid-template-columns:1fr!important}.cetak-filter-panel{max-height:180px;overflow-y:auto}.qa-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.qa-item{padding:12px 6px!important}.qa-item span:first-child{font-size:22px!important}.qa-item span:last-child{font-size:11px!important}#toast-container{top:auto;bottom:calc(var(--bottom-nav-h) + 10px);left:10px;right:10px}.toast{min-width:unset}.pagination-bar{flex-direction:column;align-items:flex-start;gap:8px}#raport-doc{font-size:12px;padding:14px!important}}#bottom-nav{z-index:150;background:#fff;border-top:1px solid #dde8e2;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 16px #00000017}@media (width<=600px){#bottom-nav{height:var(--bottom-nav-h,62px);align-items:stretch;display:flex}}.bn-tab{cursor:pointer;color:#888;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 2px 6px;text-decoration:none;transition:color .15s;display:flex;position:relative}.bn-tab.active{color:#3baa72}.bn-tab.active:after{content:"";background:#3baa72;border-radius:0 0 3px 3px;height:2.5px;position:absolute;top:0;left:15%;right:15%}.bn-icon{font-size:21px;line-height:1;display:block}.bn-label{font-size:9.5px;font-weight:600;line-height:1}#bn-submenu{left:0;right:0;bottom:var(--bottom-nav-h,62px);z-index:149;background:#fff;border-top:1px solid #dde8e2;border-radius:16px 16px 0 0;padding:12px 0 8px;animation:.22s slideUpBn;display:none;position:fixed;box-shadow:0 -6px 24px #00000024}#bn-submenu.open{display:block}@keyframes slideUpBn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}#bn-submenu-title{color:#888;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #eee;margin-bottom:4px;padding:0 16px 8px;font-size:11px;font-weight:700}.bn-subitem{color:#111;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:11px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.bn-subitem:hover,.bn-subitem:active{background:#f0faf4}.bn-subitem.active{color:#3baa72;font-weight:700}.bn-sub-icon{text-align:center;width:24px;font-size:18px}.bn-sub-label{flex:1}.bn-sub-arrow{color:#aaa;font-size:12px}#bn-submenu-overlay{inset:0;bottom:var(--bottom-nav-h,62px);z-index:148;display:none;position:fixed}#bn-submenu-overlay.open{display:block}.topbar-page-title{display:none}#main-content{overflow-x:hidden}@media (width<=380px){.stats-grid,.kategori-grid-3{grid-template-columns:1fr 1fr!important}.kelas-grid-auto{grid-template-columns:1fr!important}}@media print{#sidebar,#topbar,.no-print,#bottom-nav,#bn-submenu{display:none!important}#main-content{margin:0!important;padding:0!important}}@media (width>=601px){#sidebar:not(.expanded) a.nav-item{pointer-events:auto}#sidebar:not(.expanded) .nav-group .nav-item{pointer-events:auto;cursor:pointer}#sidebar:not(.expanded) .nav-item.active{background:var(--sidebar-active);border-radius:8px}#sidebar:not(.expanded) .nav-item.active .nav-icon{color:var(--primary-light);filter:brightness(1.3)}.sidebar-logo-text,.nav-label,.sidebar-role-badge,.sidebar-footer .sidebar-name-wrap{transition:opacity .2s}.sidebar-logo-img{cursor:pointer}}