:root{--drdindin-red: #E52622;--drdindin-red-rgb: 229, 38, 34;--drdindin-red-dark: #c41f1c;--drdindin-red-light: #e95551;--drdindin-red-lighter: #f7d9d8;--drdindin-yellow: #EDBF30;--drdindin-yellow-rgb: 237, 191, 48;--drdindin-yellow-dark: #d4a820;--drdindin-yellow-light: #f2d066;--drdindin-yellow-lighter: #faf3dc;--drdindin-white: #FFFFFF;--drdindin-black: #000000;--drdindin-gray-50: #F9FAFB;--drdindin-gray-100: #F3F4F6;--drdindin-gray-200: #E5E7EB;--drdindin-gray-300: #D1D5DB;--drdindin-gray-400: #9CA3AF;--drdindin-gray-500: #6B7280;--drdindin-gray-600: #4B5563;--drdindin-gray-700: #374151;--drdindin-gray-800: #1F2937;--drdindin-gray-900: #111827;--drdindin-success: #10B981;--drdindin-warning: #F59E0B;--drdindin-danger: var(--drdindin-red);--drdindin-info: #3B82F6;--drdindin-font-primary: "Arial Black", Arial, sans-serif;--drdindin-font-secondary: Arial, Helvetica, sans-serif;--drdindin-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--drdindin-text-xs: .75rem;--drdindin-text-sm: .875rem;--drdindin-text-base: 1rem;--drdindin-text-lg: 1.125rem;--drdindin-text-xl: 1.25rem;--drdindin-text-2xl: 1.5rem;--drdindin-text-3xl: 1.875rem;--drdindin-text-4xl: 2.25rem;--drdindin-text-5xl: 3rem;--drdindin-font-normal: 400;--drdindin-font-medium: 500;--drdindin-font-semibold: 600;--drdindin-font-bold: 700;--drdindin-font-black: 900;--drdindin-space-1: .25rem;--drdindin-space-2: .5rem;--drdindin-space-3: .75rem;--drdindin-space-4: 1rem;--drdindin-space-5: 1.25rem;--drdindin-space-6: 1.5rem;--drdindin-space-8: 2rem;--drdindin-space-10: 2.5rem;--drdindin-space-12: 3rem;--drdindin-space-16: 4rem;--drdindin-radius-sm: .25rem;--drdindin-radius-md: .5rem;--drdindin-radius-lg: .75rem;--drdindin-radius-xl: 1rem;--drdindin-radius-2xl: 1.5rem;--drdindin-radius-full: 9999px;--drdindin-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--drdindin-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--drdindin-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--drdindin-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--drdindin-shadow-red: 0 4px 14px 0 rgba(229, 38, 34, .25);--drdindin-shadow-yellow: 0 4px 14px 0 rgba(237, 191, 48, .25);--drdindin-transition-fast: .15s ease-in-out;--drdindin-transition-base: .25s ease-in-out;--drdindin-transition-slow: .35s ease-in-out;--drdindin-gradient-primary: linear-gradient(135deg, #E52622 0%, #c41f1c 100%);--drdindin-gradient-secondary: linear-gradient(135deg, #EDBF30 0%, #d4a820 100%);--drdindin-gradient-brand: linear-gradient(90deg, #E52622 0%, #EDBF30 100%);--drdindin-gradient-brand-diagonal: linear-gradient(135deg, #E52622 0%, #b91c1a 50%, #EDBF30 100%);--drdindin-gradient-brand-reverse: linear-gradient(135deg, #EDBF30 0%, #E52622 100%);--drdindin-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--drdindin-gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--drdindin-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--drdindin-breakpoint-sm: 640px;--drdindin-breakpoint-md: 768px;--drdindin-breakpoint-lg: 1024px;--drdindin-breakpoint-xl: 1280px;--drdindin-breakpoint-2xl: 1536px}.text-drdindin-red{color:var(--drdindin-red)!important}.text-drdindin-yellow{color:var(--drdindin-yellow)!important}.text-drdindin-success{color:var(--drdindin-success)!important}.text-drdindin-warning{color:var(--drdindin-warning)!important}.text-drdindin-info{color:var(--drdindin-info)!important}.text-drdindin-danger{color:var(--drdindin-danger)!important}.bg-drdindin-red{background-color:var(--drdindin-red)!important}.bg-drdindin-yellow{background-color:var(--drdindin-yellow)!important}.bg-drdindin-red-light{background-color:var(--drdindin-red-lighter)!important}.bg-drdindin-yellow-light{background-color:var(--drdindin-yellow-lighter)!important}.bg-drdindin-success{background-color:var(--drdindin-success)!important}.bg-drdindin-warning{background-color:var(--drdindin-warning)!important}.bg-drdindin-info{background-color:var(--drdindin-info)!important}.bg-drdindin-danger{background-color:var(--drdindin-danger)!important}.border-drdindin-red{border-color:var(--drdindin-red)!important}.border-drdindin-yellow{border-color:var(--drdindin-yellow)!important}.bg-gradient-primary{background:var(--drdindin-gradient-primary)!important}.bg-gradient-secondary{background:var(--drdindin-gradient-secondary)!important}.bg-gradient-brand{background:var(--drdindin-gradient-brand)!important}.bg-gradient-brand-diagonal{background:var(--drdindin-gradient-brand-diagonal)!important}.font-drdindin-primary{font-family:var(--drdindin-font-primary)!important}.font-drdindin-secondary{font-family:var(--drdindin-font-secondary)!important}*{box-sizing:border-box}body{font-family:var(--drdindin-font-body);color:var(--drdindin-gray-800);line-height:1.6}.btn-drdindin-primary{background-color:var(--drdindin-red);border-color:var(--drdindin-red);color:var(--drdindin-white);font-weight:var(--drdindin-font-semibold);padding:var(--drdindin-space-3) var(--drdindin-space-6);border-radius:var(--drdindin-radius-md);transition:all var(--drdindin-transition-base);box-shadow:var(--drdindin-shadow-sm)}.btn-drdindin-primary:hover{background-color:var(--drdindin-red-dark);border-color:var(--drdindin-red-dark);color:var(--drdindin-white);box-shadow:var(--drdindin-shadow-red);transform:translateY(-1px)}.btn-drdindin-primary:active,.btn-drdindin-primary:focus{background-color:var(--drdindin-red-dark);border-color:var(--drdindin-red-dark);color:var(--drdindin-white);box-shadow:var(--drdindin-shadow-red)}.btn-drdindin-secondary{background-color:var(--drdindin-yellow);border-color:var(--drdindin-yellow);color:var(--drdindin-gray-900);font-weight:var(--drdindin-font-semibold);padding:var(--drdindin-space-3) var(--drdindin-space-6);border-radius:var(--drdindin-radius-md);transition:all var(--drdindin-transition-base);box-shadow:var(--drdindin-shadow-sm)}.btn-drdindin-secondary:hover{background-color:var(--drdindin-yellow-dark);border-color:var(--drdindin-yellow-dark);color:var(--drdindin-gray-900);box-shadow:var(--drdindin-shadow-yellow);transform:translateY(-1px)}.btn-drdindin-outline-primary{background-color:transparent;border:2px solid var(--drdindin-red);color:var(--drdindin-red);font-weight:var(--drdindin-font-semibold);padding:var(--drdindin-space-3) var(--drdindin-space-6);border-radius:var(--drdindin-radius-md);transition:all var(--drdindin-transition-base)}.btn-drdindin-outline-primary:hover{background-color:var(--drdindin-red);border-color:var(--drdindin-red);color:var(--drdindin-white)}.btn-drdindin-outline-secondary{background-color:transparent;border:2px solid var(--drdindin-yellow);color:var(--drdindin-yellow-dark);font-weight:var(--drdindin-font-semibold);padding:var(--drdindin-space-3) var(--drdindin-space-6);border-radius:var(--drdindin-radius-md);transition:all var(--drdindin-transition-base)}.btn-drdindin-outline-secondary:hover{background-color:var(--drdindin-yellow);border-color:var(--drdindin-yellow);color:var(--drdindin-gray-900)}.btn-drdindin-sm{padding:var(--drdindin-space-2) var(--drdindin-space-4);font-size:var(--drdindin-text-sm)}.btn-drdindin-lg{padding:var(--drdindin-space-4) var(--drdindin-space-8);font-size:var(--drdindin-text-lg)}.card-drdindin{background:var(--drdindin-white);border-radius:var(--drdindin-radius-lg);box-shadow:var(--drdindin-shadow-md);border:none;overflow:hidden;transition:all var(--drdindin-transition-base)}.card-drdindin:hover{box-shadow:var(--drdindin-shadow-lg);transform:translateY(-2px)}.card-drdindin-header{background:linear-gradient(135deg,var(--drdindin-red) 0%,var(--drdindin-red-dark) 100%);color:var(--drdindin-white);padding:var(--drdindin-space-4) var(--drdindin-space-6);font-weight:var(--drdindin-font-bold);border-bottom:3px solid var(--drdindin-yellow)}.card-drdindin-header-yellow{background:linear-gradient(135deg,var(--drdindin-yellow) 0%,var(--drdindin-yellow-dark) 100%);color:var(--drdindin-gray-900);padding:var(--drdindin-space-4) var(--drdindin-space-6);font-weight:var(--drdindin-font-bold);border-bottom:3px solid var(--drdindin-red)}.card-drdindin-header-gradient{background:linear-gradient(90deg,var(--drdindin-red) 0%,var(--drdindin-red-dark) 25%,var(--drdindin-yellow) 100%);color:var(--drdindin-white);padding:var(--drdindin-space-4) var(--drdindin-space-6);font-weight:var(--drdindin-font-bold);border-bottom:3px solid var(--drdindin-yellow);display:flex;align-items:center;justify-content:space-between}.card-drdindin-header-actions{display:inline-flex;align-items:center;gap:var(--drdindin-space-3)}.card-drdindin-header-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:9999px;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.55);box-shadow:0 2px 6px #00000014;font-weight:var(--drdindin-font-semibold)}.card-drdindin-header-pill .icon-circle{width:22px;height:22px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff40;border:1px solid rgba(255,255,255,.6)}.card-drdindin-body{padding:var(--drdindin-space-6)}.card-drdindin-footer{background-color:var(--drdindin-gray-50);padding:var(--drdindin-space-4) var(--drdindin-space-6);border-top:1px solid var(--drdindin-gray-200)}.section-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden;margin-bottom:2rem;border:1px solid rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.section-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.section-header{background:linear-gradient(135deg,#e52622,#edbf30);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.section-header-content{display:flex;align-items:center;gap:1rem}.section-icon{font-size:1.5rem;background:#fff3;padding:.5rem;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.section-title{font-size:1.25rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px}.section-badge{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-size:.8125rem;font-weight:600}.section-body{padding:1.25rem 1.5rem}.section-footer{padding:1rem 1.5rem;border-top:1px solid rgba(0,0,0,.05);background-color:#f9fafb}@media (max-width: 768px){.section-header{padding:1.5rem}.section-title{font-size:1.25rem}.section-body{padding:1.5rem}}.form-control-drdindin{border:2px solid var(--drdindin-gray-300);border-radius:var(--drdindin-radius-md);padding:var(--drdindin-space-3) var(--drdindin-space-4);transition:all var(--drdindin-transition-base);font-size:var(--drdindin-text-base)}.form-control-drdindin:focus{border-color:var(--drdindin-red);box-shadow:0 0 0 3px rgba(var(--drdindin-red-rgb),.1);outline:none}.form-label-drdindin{font-weight:var(--drdindin-font-semibold);color:var(--drdindin-gray-700);margin-bottom:var(--drdindin-space-2);display:block}.form-group-drdindin{margin-bottom:var(--drdindin-space-4)}.input-group-drdindin .input-group-text{background-color:var(--drdindin-gray-100);border:2px solid var(--drdindin-gray-300);border-right:none;color:var(--drdindin-gray-600)}.alert-drdindin{border-radius:var(--drdindin-radius-md);padding:var(--drdindin-space-4);border-left:4px solid;box-shadow:var(--drdindin-shadow-sm)}.alert-drdindin-success{background-color:#d1fae5;border-color:var(--drdindin-success);color:#065f46}.alert-drdindin-warning{background-color:#fef3c7;border-color:var(--drdindin-warning);color:#92400e}.alert-drdindin-danger{background-color:var(--drdindin-red-lighter);border-color:var(--drdindin-red);color:#991b1b}.alert-drdindin-info{background-color:#dbeafe;border-color:var(--drdindin-info);color:#1e40af}.badge-drdindin{padding:var(--drdindin-space-1) var(--drdindin-space-3);border-radius:var(--drdindin-radius-full);font-size:var(--drdindin-text-xs);font-weight:var(--drdindin-font-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-drdindin-red{background-color:var(--drdindin-red);color:var(--drdindin-white)}.badge-drdindin-yellow{background-color:var(--drdindin-yellow);color:var(--drdindin-gray-900)}.table-drdindin{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--drdindin-radius-lg);overflow:hidden;box-shadow:var(--drdindin-shadow-md)}.table-drdindin thead{background:linear-gradient(135deg,var(--drdindin-red) 0%,var(--drdindin-red-dark) 100%);color:var(--drdindin-white)}.table-drdindin thead th{padding:var(--drdindin-space-4) var(--drdindin-space-4);font-weight:var(--drdindin-font-bold);text-align:left;border-bottom:3px solid var(--drdindin-yellow)}.table-drdindin tbody tr{transition:all var(--drdindin-transition-fast)}.table-drdindin tbody tr:nth-child(2n){background-color:var(--drdindin-gray-50)}.table-drdindin tbody tr:hover{background-color:var(--drdindin-yellow-lighter)}.table-drdindin tbody td{padding:var(--drdindin-space-4) var(--drdindin-space-4);border-bottom:1px solid var(--drdindin-gray-200)}.navbar-drdindin{background:linear-gradient(135deg,var(--drdindin-red) 0%,var(--drdindin-red-dark) 100%);box-shadow:var(--drdindin-shadow-lg);border-bottom:4px solid var(--drdindin-yellow)}.navbar-drdindin .nav-link{color:var(--drdindin-white)!important;font-weight:var(--drdindin-font-medium);transition:all var(--drdindin-transition-fast);padding:var(--drdindin-space-3) var(--drdindin-space-4);border-radius:var(--drdindin-radius-md)}.navbar-drdindin .nav-link:hover{background-color:#ffffff1a}.navbar-drdindin .nav-link.active{background-color:var(--drdindin-yellow);color:var(--drdindin-gray-900)!important}.main-sidebar{background:linear-gradient(180deg,#fff,#f8fafc)!important;box-shadow:4px 0 25px #00000014!important;border-right:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.main-sidebar .sidebar{padding:0!important;overflow-x:hidden!important}.main-sidebar .brand-link{background:linear-gradient(135deg,var(--drdindin-red) 0%,#c41f1c 100%)!important;border-bottom:4px solid var(--drdindin-yellow)!important;padding:1rem 0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;min-height:60px!important;width:100%!important}.main-sidebar .brand-link:before{content:""!important;position:absolute!important;top:-50%!important;left:-50%!important;width:200%!important;height:200%!important;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%)!important;animation:shimmer 3s infinite!important}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.main-sidebar .brand-link .brand-image{max-height:38px!important;width:85%!important;max-width:180px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;transition:all .3s ease!important;position:relative!important;z-index:1!important}.main-sidebar .brand-link:hover .brand-image{transform:scale(1.02)!important;filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.3))!important}.sidebar-collapse .main-sidebar .brand-link{padding:.75rem .5rem!important}.sidebar-collapse .main-sidebar .brand-link .brand-image{max-height:28px!important;width:auto!important}.main-sidebar .sidebar{display:flex!important;flex-direction:column!important;height:calc(100vh - 60px)!important}.main-sidebar .sidebar nav{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important}.main-sidebar .nav-sidebar{padding:.5rem 0!important}.main-sidebar .nav-sidebar .nav-header{color:var(--drdindin-gray-500)!important;font-size:.7rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;padding:15px 22px 8px!important;margin-top:5px!important}.main-sidebar .nav-sidebar>.nav-item{margin:2px 10px!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link{color:var(--drdindin-gray-700)!important;padding:10px 12px!important;border-radius:8px!important;transition:all .2s ease!important;font-weight:500!important;font-size:.875rem!important;display:flex!important;align-items:center!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link .nav-icon{font-size:1.1rem!important;width:1.8rem!important;margin-right:8px!important;text-align:center!important;color:var(--drdindin-yellow)!important;transition:all .2s ease!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link p{margin:0!important;flex:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link:hover{background:#e5262214!important;color:var(--drdindin-red)!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link:hover .nav-icon{color:var(--drdindin-red)!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link.active{background:linear-gradient(135deg,var(--drdindin-red) 0%,#c41f1c 100%)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #e526224d!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link.active .nav-icon{color:#fff!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link.active p{color:#fff!important}.main-sidebar .nav-sidebar .nav-link p>.right{transition:transform .3s ease!important;font-size:.8rem!important}.main-sidebar .nav-sidebar .menu-open>.nav-link p>.right{transform:rotate(-90deg)!important}.main-sidebar .nav-sidebar .nav-link .badge{font-size:.7rem!important;padding:3px 8px!important;border-radius:4px!important;margin-right:5px!important}.main-sidebar .nav-sidebar .nav-treeview{background:#00000005!important;margin:0 10px 4px!important;padding:5px 0!important;border-radius:0 0 8px 8px!important}.main-sidebar .nav-sidebar .nav-treeview>.nav-item{margin:2px 5px!important}.main-sidebar .nav-sidebar .nav-treeview>.nav-item>.nav-link{padding:8px 10px 8px 20px!important;font-size:.82rem!important;color:var(--drdindin-gray-600)!important;border-radius:6px!important}.main-sidebar .nav-sidebar .nav-treeview>.nav-item>.nav-link:hover{background:#e526220f!important;color:var(--drdindin-red)!important}.main-sidebar .nav-sidebar .nav-treeview>.nav-item>.nav-link.active{background:var(--drdindin-red-lighter)!important;color:var(--drdindin-red)!important;font-weight:600!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link.nav-approval-accent .nav-icon{color:var(--drdindin-yellow)!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link.nav-approval-accent p{color:#fff!important}.main-sidebar .form-inline{padding:10px!important}.main-sidebar .form-control-sidebar{background:#f8fafc!important;border:1px solid var(--drdindin-gray-200)!important;border-radius:8px!important;padding:8px 12px!important;font-size:.85rem!important}.main-sidebar .form-control-sidebar:focus{border-color:var(--drdindin-red)!important;box-shadow:0 0 0 3px #e526221a!important}.main-sidebar .btn-sidebar{background:var(--drdindin-red)!important;border:none!important;border-radius:8px!important}.main-sidebar .sidebar-footer{padding:16px 15px!important;margin-top:auto!important;border-top:1px solid var(--drdindin-gray-200)!important;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.02) 100%)!important}.main-sidebar .sidebar-footer .secure-system{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-bottom:10px!important;color:var(--drdindin-gray-700)!important;font-weight:600!important;font-size:.75rem!important}.main-sidebar .sidebar-footer .icon-wrapper{width:20px!important;height:20px!important;background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:.65rem!important;box-shadow:0 2px 6px #10b98159!important}.main-sidebar .sidebar-footer .copyright{font-size:.75rem!important;color:var(--drdindin-gray-500)!important;text-align:center!important;font-weight:500!important}.main-sidebar .sidebar-footer .version{font-size:.7rem!important;color:var(--drdindin-gray-400)!important;margin-top:6px!important;padding:3px 12px!important;background:var(--drdindin-gray-100)!important;border-radius:12px!important;display:block!important;text-align:center!important;font-weight:500!important}.sidebar-collapse .main-sidebar .nav-sidebar .nav-header{display:none!important}.sidebar-collapse .main-sidebar .nav-sidebar>.nav-item>.nav-link{padding:.75rem!important;justify-content:center!important}.sidebar-collapse .main-sidebar .sidebar-footer{padding:.75rem .5rem!important}.sidebar-collapse .main-sidebar .sidebar-footer .secure-system span,.sidebar-collapse .main-sidebar .sidebar-footer .copyright,.sidebar-collapse .main-sidebar .sidebar-footer .version{display:none!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link.nav-approval-accent{background:linear-gradient(135deg,var(--drdindin-red) 0%,#c41f1c 100%)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #e526224d!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link.nav-approval-accent .nav-icon,.main-sidebar .nav-sidebar>.nav-item>.nav-link.nav-approval-accent .nav-icon-wrapper i{color:var(--drdindin-yellow)!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link.nav-approval-accent:hover{transform:translate(2px)!important;box-shadow:0 6px 18px #e5262266!important}.main-sidebar .nav-sidebar>.nav-item>.nav-link.nav-approval-accent .nav-text{color:#fff!important}.main-sidebar .sidebar::-webkit-scrollbar{width:6px!important}.main-sidebar .sidebar::-webkit-scrollbar-track{background:transparent!important}.main-sidebar .sidebar::-webkit-scrollbar-thumb{background:var(--drdindin-gray-300)!important;border-radius:10px!important}.main-sidebar .sidebar::-webkit-scrollbar-thumb:hover{background:var(--drdindin-red)!important}@media (max-width: 991.98px){.main-sidebar{box-shadow:4px 0 30px #00000026!important}.main-sidebar .brand-link{padding:1rem!important}.main-sidebar .user-panel{margin:.75rem!important}.main-sidebar .nav-sidebar>.nav-item{margin:2px 8px!important}}.sidebar-drdindin{background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:4px 0 25px #00000014;border-right:none}.logo-drdindin{max-width:180px;height:auto}.logo-drdindin-sm{max-width:120px;height:auto}.logo-drdindin-xs{max-width:60px;height:auto}.heading-drdindin{font-family:var(--drdindin-font-primary);color:var(--drdindin-gray-900);font-weight:var(--drdindin-font-black);line-height:1.2;margin-bottom:var(--drdindin-space-4)}.heading-drdindin-red{color:var(--drdindin-red)}.heading-drdindin-yellow{color:var(--drdindin-yellow-dark)}h1.heading-drdindin{font-size:var(--drdindin-text-4xl)}h2.heading-drdindin{font-size:var(--drdindin-text-3xl)}h3.heading-drdindin{font-size:var(--drdindin-text-2xl)}h4.heading-drdindin{font-size:var(--drdindin-text-xl)}h5.heading-drdindin{font-size:var(--drdindin-text-lg)}.footer-drdindin{background:linear-gradient(135deg,var(--drdindin-gray-900) 0%,var(--drdindin-gray-800) 100%);color:var(--drdindin-white);padding:var(--drdindin-space-8) 0;border-top:4px solid var(--drdindin-yellow)}.footer-drdindin a{color:var(--drdindin-yellow);text-decoration:none;transition:all var(--drdindin-transition-fast)}.footer-drdindin a:hover{color:var(--drdindin-yellow-light);text-decoration:underline}.spinner-drdindin{width:50px;height:50px;border:4px solid var(--drdindin-gray-200);border-top:4px solid var(--drdindin-red);border-radius:50%;animation:spin-drdindin 1s linear infinite}@keyframes spin-drdindin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drdindin-gradient-red{background:linear-gradient(135deg,var(--drdindin-red) 0%,var(--drdindin-red-dark) 100%)}.drdindin-gradient-yellow{background:linear-gradient(135deg,var(--drdindin-yellow) 0%,var(--drdindin-yellow-dark) 100%)}.drdindin-gradient-red-yellow{background:linear-gradient(135deg,var(--drdindin-red) 0%,var(--drdindin-yellow) 100%)}.dd-gradient-header{background:linear-gradient(135deg,var(--drdindin-red) 0%,#ff6b6b 35%,#ff9f1a 100%);border-radius:1rem;color:#fff;padding:2rem;box-shadow:0 10px 25px #00000014}.dd-gradient-header .title{font-size:2rem;font-weight:800}.dd-gradient-header .subtitle{opacity:.95}.dd-gradient-header.compact{padding:1.25rem 1.5rem;border-radius:1rem}.dd-gradient-header.compact .title{font-size:1.5rem;margin:0}.dd-gradient-header.compact .subtitle{margin:0}@media (max-width: 768px){.logo-drdindin{max-width:140px}h1.heading-drdindin{font-size:var(--drdindin-text-3xl)}h2.heading-drdindin{font-size:var(--drdindin-text-2xl)}h3.heading-drdindin{font-size:var(--drdindin-text-xl)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drdindin-fade-in{animation:fadeIn var(--drdindin-transition-base) ease-out}body.compact-mode .card-drdindin-body{padding:var(--drdindin-space-4)}body.compact-mode .btn-drdindin-primary,body.compact-mode .btn-drdindin-secondary{padding:var(--drdindin-space-2) var(--drdindin-space-4)}.page-header-gradient{background:linear-gradient(135deg,#e52622,#edbf30);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #e5262233;position:relative;overflow:hidden}.page-header-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.page-header-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.page-header-icon{width:64px;height:64px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 10px #0000001a}.page-header-title{font-size:2rem;font-weight:800;margin:0;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-header-subtitle{font-size:1rem;opacity:.9;margin:.25rem 0 0;font-weight:500}.content-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 0 40px #0000000d;border:1px solid rgba(0,0,0,.02)}.custom-table{width:100%;border-collapse:separate;border-spacing:0}.custom-table thead th{background-color:#f8f9fa;color:#6b7280;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;padding:1rem;text-align:center}.custom-table tbody tr{transition:background-color .2s}.custom-table tbody tr:hover{background-color:#f9fafb}.custom-table tbody td{padding:1rem;vertical-align:middle;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;text-align:center}.status-badge-success{background-color:#28a745;color:#fff;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #28a74533}.btn-action-view{background-color:#dc3545;color:#fff;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;border:none;box-shadow:0 2px 4px #dc35454d}.btn-action-view:hover{background-color:#c82333;color:#fff;transform:scale(1.1);box-shadow:0 4px 8px #dc354566}.btn-action-settings{background-color:#f8f9fa;color:#4b5563;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;border:1px solid #e5e7eb}.btn-action-settings:hover{background-color:#e5e7eb;color:#1f2937}.btn-new-user{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.75rem 1.5rem;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-new-user:hover{background:#ffffff4d;transform:translateY(-2px);color:#fff}.dataTables_wrapper .dataTables_length select{border:1px solid #e5e7eb;border-radius:8px;padding:.5rem 2rem .5rem 1rem;background-color:#fff}.dataTables_wrapper .dataTables_filter input{border:1px solid #e5e7eb;border-radius:8px;padding:.5rem 1rem;margin-left:.5rem}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#0d6efd!important;color:#fff!important;border:none!important;border-radius:6px!important}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#e9ecef!important;color:#0d6efd!important;border:none!important;border-radius:6px!important}@media (max-width: 380px){.page-header-title,h1{font-size:1.35rem!important}h2{font-size:1.15rem!important}h3{font-size:1rem!important}.btn-drdindin-primary,.btn-drdindin-secondary,.btn-drdindin-outline-primary,.btn-drdindin-outline-secondary,.btn{min-height:44px;padding:.65rem .875rem;width:100%;margin-bottom:.5rem;font-size:.9rem}.card-drdindin{padding:.875rem;margin-bottom:.875rem;border-radius:12px}.card-drdindin-header,.card-drdindin-header-yellow,.card-drdindin-header-gradient{padding:.875rem 1rem}.card-drdindin-body{padding:1rem}.logo-drdindin,.logo-image{max-width:100px!important}.form-control-drdindin,.form-control{font-size:16px;min-height:44px;padding:.625rem .875rem}.heading-drdindin{font-size:1.25rem!important}}@media (min-width: 381px) and (max-width: 480px){.page-header-title,h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}.btn-drdindin-primary,.btn-drdindin-secondary,.btn-drdindin-outline-primary,.btn-drdindin-outline-secondary,.btn{min-height:44px;padding:.75rem 1rem;width:100%;margin-bottom:.5rem}.btn-drdindin-sm{min-height:40px;padding:.625rem .875rem}.card-drdindin{padding:1rem;margin-bottom:1rem}.logo-drdindin,.logo-image{max-width:120px!important}.form-control-drdindin,.form-control{font-size:16px;min-height:44px}.navbar-drdindin{padding:.5rem}.heading-drdindin{font-size:1.5rem!important}}@media (min-width: 481px) and (max-width: 768px){.page-header-title,h1{font-size:1.65rem}h2{font-size:1.4rem}.card-drdindin{margin-bottom:1.25rem}.btn,.btn-drdindin-primary,.btn-drdindin-secondary{min-height:44px;padding:.625rem 1.25rem}.heading-drdindin{font-size:1.75rem!important}}@media (min-width: 769px) and (max-width: 1024px){.page-header-title,h1{font-size:1.75rem}h2{font-size:1.5rem}.container-fluid{padding-left:1rem;padding-right:1rem}.card-drdindin{margin-bottom:1.5rem}.btn,.btn-drdindin-primary,.btn-drdindin-secondary{min-height:44px;padding:.625rem 1.25rem}}@supports (-webkit-touch-callout: none){input[type=text],input[type=email],input[type=password],input[type=date],input[type=tel],input[type=number],select,textarea{font-size:16px!important}}@media (hover: none) and (pointer: coarse){.btn,.btn-drdindin-primary,.btn-drdindin-secondary,.form-check-input,.nav-link{min-height:44px}.form-check-input{width:20px;height:20px}}