:root,[data-theme=emerald]{--color-primary-50: #ecfdf5;--color-primary-100: #d1fae5;--color-primary-200: #a7f3d0;--color-primary-300: #6ee7b7;--color-primary-400: #34d399;--color-primary-500: #10b981;--color-primary-600: #059669;--color-primary-700: #047857;--color-primary-800: #065f46;--color-primary-900: #064e3b;--color-primary-950: #022c22;--sidebar-grad-from: #047857;--sidebar-grad-to: #022c22;--header-grad-from: #047857;--header-grad-to: #10b981;--top-loader-from: #059669;--top-loader-to: #34d399}[data-theme=teal]{--color-primary-50: #f0fdfa;--color-primary-100: #ccfbf1;--color-primary-200: #99f6e4;--color-primary-300: #5eead4;--color-primary-400: #2dd4bf;--color-primary-500: #14b8a6;--color-primary-600: #0d9488;--color-primary-700: #0f766e;--color-primary-800: #115e59;--color-primary-900: #134e4a;--color-primary-950: #042f2e;--sidebar-grad-from: #0f766e;--sidebar-grad-to: #042f2e;--header-grad-from: #0f766e;--header-grad-to: #14b8a6;--top-loader-from: #0d9488;--top-loader-to: #2dd4bf}[data-theme=indigo]{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-primary-950: #1e1b4b;--sidebar-grad-from: #4e54c8;--sidebar-grad-to: #24243e;--header-grad-from: #4e54c8;--header-grad-to: #6366f1;--top-loader-from: #4e54c8;--top-loader-to: #a855f7}[data-theme=ocean]{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-primary-950: #082f49;--sidebar-grad-from: #0369a1;--sidebar-grad-to: #082f49;--header-grad-from: #0369a1;--header-grad-to: #0ea5e9;--top-loader-from: #0284c7;--top-loader-to: #38bdf8}[data-theme=amber]{--color-primary-50: #fffbeb;--color-primary-100: #fef3c7;--color-primary-200: #fde68a;--color-primary-300: #fcd34d;--color-primary-400: #fbbf24;--color-primary-500: #f59e0b;--color-primary-600: #d97706;--color-primary-700: #b45309;--color-primary-800: #92400e;--color-primary-900: #78350f;--color-primary-950: #451a03;--sidebar-grad-from: #b45309;--sidebar-grad-to: #451a03;--header-grad-from: #b45309;--header-grad-to: #f59e0b;--top-loader-from: #d97706;--top-loader-to: #fbbf24}.islamic-pattern-overlay{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1' stroke-opacity='0.18'%3E%3C!-- Central 8-Point Star Rosette --%3E%3Cpolygon points='40,16 46,28 58,22 52,34 64,40 52,46 58,58 46,52 40,64 34,52 22,58 28,46 16,40 28,34 22,22 34,28'/%3E%3C!-- Interlocking Petals & Outer Rings --%3E%3Ccircle cx='40' cy='40' r='14'/%3E%3Ccircle cx='40' cy='40' r='24' stroke-dasharray='2,2'/%3E%3C!-- Corner Rosette Segments --%3E%3Cpolygon points='0,0 6,10 16,6 11,17 20,20 11,23 16,34 6,30 0,40'/%3E%3Cpolygon points='80,0 74,10 64,6 69,17 60,20 69,23 64,34 74,30 80,40'/%3E%3Cpolygon points='0,80 6,70 16,74 11,63 20,60 11,57 16,46 6,50 0,40'/%3E%3Cpolygon points='80,80 74,70 64,74 69,63 60,60 69,57 64,46 74,50 80,40'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}.islamic-pattern-overlay-subtle{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.75' stroke-opacity='0.05'%3E%3Cpolygon points='30,12 34,21 44,16 39,26 48,30 39,34 44,44 34,39 30,48 26,39 16,44 21,34 12,30 21,26 16,16 26,21'/%3E%3Ccircle cx='30' cy='30' r='10'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}body{font-family:Inter,sans-serif;background-color:#f8fafc;margin:0;min-height:100%;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}:where([class~=overflow-auto],[class~=overflow-x-auto],[class~=overflow-y-auto],[class~=scrollbar-hide]){scroll-behavior:smooth;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.sidebar-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sidebar-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.scrollbar-hide::-webkit-scrollbar{display:none;width:0;height:0}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@keyframes customFadeIn{0%{opacity:0}to{opacity:1}}@keyframes customFadeOut{0%{opacity:1}to{opacity:0}}@keyframes customScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes customScaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes tabEntry{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInSidebar{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pageEntry{0%{opacity:0;filter:blur(10px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes topProgress{0%{width:0%;opacity:1}50%{width:70%;opacity:1}to{width:100%;opacity:0}}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toast-timer{0%{width:100%}to{width:0%}}.waves{position:absolute;width:100%;height:15vh;min-height:100px;max-height:150px;bottom:0;left:0}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.3}25%{transform:translateY(-20px) translate(10px) rotate(2deg);opacity:.5}50%{transform:translateY(-40px) translate(-10px) rotate(-2deg);opacity:.7}75%{transform:translateY(-20px) translate(5px) rotate(1deg);opacity:.5}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes scan{0%{transform:translateY(-100%);opacity:0}10%{opacity:.1}90%{opacity:.1}to{transform:translateY(100vh);opacity:0}}@keyframes blink{0%,to{opacity:.2}50%{opacity:.8}}@keyframes digital-pulse{0%{box-shadow:0 0 #4f46e566;opacity:.5}70%{box-shadow:0 0 0 20px #4f46e500;opacity:1}to{box-shadow:0 0 #4f46e500;opacity:.5}}.animate-blob{animation:blob 7s infinite}.animate-scan{animation:scan 8s linear infinite}.animate-blink{animation:blink 3s ease-in-out infinite}.animate-digital-pulse{animation:digital-pulse 3s cubic-bezier(.4,0,.6,1) infinite}.animation-delay-1000{animation-delay:1s}.animation-delay-2000{animation-delay:2s}.animation-delay-3000{animation-delay:3s}.animation-delay-4000{animation-delay:4s}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-x{animation:gradient-x 4s ease infinite;background-size:200% 200%}.animate-float{animation:float 10s ease-in-out infinite}.animate-fade-in{animation:customFadeIn .3s ease-out forwards}.animate-fade-out{animation:customFadeOut .3s ease-in forwards}.animate-scale-in{animation:customScaleIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-out{animation:customScaleOut .3s ease-in forwards}.animate-tab-entry{animation:tabEntry .4s ease-out forwards}.menu-item-animate{animation:slideInSidebar .4s ease-out forwards}.page-animate-container{animation:pageEntry .5s cubic-bezier(.2,0,.2,1)}.animate-modal{animation:modalPop .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes gradient-x{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-x{animation:gradient-x 3s ease infinite}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 #4f46e500}50%{transform:scale(1.02);box-shadow:0 4px 12px -2px #4f46e51a}}.animate-breathe{animation:breathe 3s ease-in-out infinite}.top-loading-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(to right,var(--top-loader-from, #059669),var(--top-loader-to, #34d399));z-index:1000;pointer-events:none;animation:topProgress .8s ease-in-out forwards}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff!important;margin:0;padding:0}.printable-card{border:none!important;box-shadow:none!important;padding:0!important}table{border-collapse:collapse!important}th,td{border:1px solid #e2e8f0!important}@page{size:A4 portrait;margin:8mm}.app-shell,.app-content,.app-main-content,.app-page-content{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.app-main-content{padding:0!important}.app-page-content{animation:none!important;transform:none!important}.tata-usaha-table-scroll{overflow:visible!important}.tata-usaha-print-table{overflow:visible!important;border:0!important;border-radius:0!important}.tata-usaha-print-table table{width:100%!important;table-layout:fixed}.tata-usaha-print-table thead{display:table-header-group}.tata-usaha-print-table tr{break-inside:avoid;page-break-inside:avoid}.tata-usaha-print-table th,.tata-usaha-print-table td{padding:3px 4px!important;font-size:7pt!important;line-height:1.25!important;vertical-align:top;overflow-wrap:anywhere;word-break:normal}.tata-usaha-print-table th{font-size:6.5pt!important;letter-spacing:.04em!important}.tata-usaha-print-table td p,.tata-usaha-print-table td span{font-size:inherit!important;line-height:inherit!important}.tata-usaha-print-table .truncate{display:table-cell!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.tata-usaha-print-table th:nth-child(1),.tata-usaha-print-table td:nth-child(1){width:5%}.tata-usaha-print-table th:nth-child(2),.tata-usaha-print-table td:nth-child(2){width:23%}.tata-usaha-print-table th:nth-child(3),.tata-usaha-print-table td:nth-child(3){width:5%}.tata-usaha-print-table th:nth-child(4),.tata-usaha-print-table td:nth-child(4){width:11%}.tata-usaha-print-table th:nth-child(5),.tata-usaha-print-table td:nth-child(5){width:13%}.tata-usaha-print-table th:nth-child(6),.tata-usaha-print-table td:nth-child(6){width:14%}.tata-usaha-print-table th:nth-child(7),.tata-usaha-print-table td:nth-child(7){width:29%}.class-report-print,.letter-report-print{color:#0f172a;font-size:9pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.class-report-print table,.letter-report-print table{width:100%;table-layout:fixed}.class-report-print tr,.letter-report-print .grid>div,.letter-report-print .break-inside-avoid{break-inside:avoid;page-break-inside:avoid}.letter-report-print .grid-cols-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.35rem!important}.letter-report-print .grid-cols-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.35rem!important}.letter-report-print .recharts-wrapper,.letter-report-print .recharts-surface,.letter-report-print svg{max-width:100%!important}}.print-only{display:none}