*{margin:0;padding:0;box-sizing:border-box}:root{--spacing-xs: clamp(.25rem, .5vw, .5rem);--spacing-sm: clamp(.5rem, 1vw, 1rem);--spacing-md: clamp(.75rem, 1.5vw, 1.25rem);--spacing-lg: clamp(1rem, 2vw, 1.5rem);--spacing-xl: clamp(1.5rem, 2.5vw, 2rem);--font-xs: clamp(.7rem, .75vw + .5rem, .875rem);--font-sm: clamp(.813rem, .85vw + .55rem, 1rem);--font-base: clamp(.875rem, .9vw + .6rem, 1.063rem);--font-md: clamp(1rem, 1vw + .65rem, 1.188rem);--font-lg: clamp(1.125rem, 1.2vw + .7rem, 1.375rem);--font-xl: clamp(1.375rem, 1.5vw + .8rem, 1.75rem);--font-2xl: clamp(1.75rem, 2vw + 1rem, 2.25rem);--icon-sm: clamp(1rem, 1.2vw + .5rem, 1.25rem);--icon-md: clamp(1.25rem, 1.5vw + .6rem, 1.5rem);--icon-lg: clamp(1.75rem, 2vw + .8rem, 2.25rem);--icon-xl: clamp(2.25rem, 3vw + 1rem, 3rem);--sidebar-width: clamp(200px, 16vw, 240px);--sidebar-collapsed: 65px;--primary-bg: rgba(6, 21, 44, .962);--primary-blue: #3498db;--success-green: #27ae60;--danger-red: #e74c3c;--warning-orange: #f39c12;--info-purple: #667eea;--text-dark: #2c3e50;--text-muted: #7f8c8d;--border-color: #e1e8ed;--bg-light: #f5f7fa;--white: #ffffff;--shadow-color: rgba(0, 0, 0, .06);--shadow-hover: rgba(0, 0, 0, .1);--body-bg: #f5f7fa;--card-bg: #ffffff;--table-bg: #ffffff;--table-hover: #f8f9fa;--table-border: #f1f1f1;--input-bg: #f5f7fa;--input-focus-bg: #ffffff;--modal-header-bg: green;--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(59, 130, 246, .3);--scrollbar-thumb-hover: rgba(59, 130, 246, .5);--button-padding-y: clamp(.5rem, .8vw, .75rem);--button-padding-x: clamp(.875rem, 1.5vw, 1.25rem);--input-padding: clamp(.5rem, 1vw, .875rem);--border-radius: clamp(6px, .5vw, 10px);--border-radius-lg: clamp(8px, .8vw, 14px);--transition-speed: .3s}[data-theme=dark]{--primary-bg: rgba(17, 24, 39, .98);--text-dark: #e5e7eb;--text-muted: #9ca3af;--border-color: #374151;--bg-light: #1f2937;--white: #111827;--shadow-color: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5);--body-bg: #0f172a;--card-bg: #1e293b;--table-bg: #1e293b;--table-hover: #334155;--table-border: #334155;--input-bg: #0f172a;--input-focus-bg: #1e293b;--modal-header-bg: #059669;--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(59, 130, 246, .5);--scrollbar-thumb-hover: rgba(59, 130, 246, .7);--primary-blue: #60a5fa;--success-green: #34d399;--danger-red: #f87171;--warning-orange: #fbbf24;--info-purple: #818cf8}body.app-layout{display:flex;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--body-bg);color:var(--text-dark);font-size:var(--font-base);overflow-x:hidden;line-height:1.6;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.theme-toggle-sidebar{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.2);margin-top:auto;flex-shrink:0}.btn-theme-toggle{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;color:var(--white);border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);font-weight:500}.btn-theme-toggle:hover{background:#fff3;border-color:var(--primary-blue);transform:translate(3px)}.btn-theme-toggle .icon-light,.btn-theme-toggle .icon-dark{font-size:var(--icon-md);flex-shrink:0}.btn-theme-toggle .label-light,.btn-theme-toggle .label-dark{flex:1;text-align:left}[data-theme=light] .btn-theme-toggle .icon-light,[data-theme=light] .btn-theme-toggle .label-light{display:inline}[data-theme=light] .btn-theme-toggle .icon-dark,[data-theme=light] .btn-theme-toggle .label-dark,[data-theme=dark] .btn-theme-toggle .icon-light,[data-theme=dark] .btn-theme-toggle .label-light{display:none}[data-theme=dark] .btn-theme-toggle .icon-dark,[data-theme=dark] .btn-theme-toggle .label-dark{display:inline}@media (max-width: 768px){.theme-toggle-sidebar{padding:var(--spacing-sm)}.btn-theme-toggle{justify-content:center;padding:var(--spacing-sm)}.btn-theme-toggle .label-light,.btn-theme-toggle .label-dark{display:none}.btn-theme-toggle .icon-light,.btn-theme-toggle .icon-dark{font-size:var(--icon-lg)}}.theme-toggle{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--primary-blue);color:var(--white);border:none;box-shadow:0 4px 12px var(--shadow-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease;z-index:999}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 20px var(--shadow-hover)}.theme-toggle:active{transform:scale(.95)}.theme-toggle .icon-light,.theme-toggle .icon-dark{transition:opacity .3s ease}[data-theme=light] .theme-toggle .icon-light{display:block}[data-theme=light] .theme-toggle .icon-dark,[data-theme=dark] .theme-toggle .icon-light{display:none}[data-theme=dark] .theme-toggle .icon-dark{display:block}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--primary-bg);color:var(--white);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;height:100vh;box-shadow:2px 0 10px var(--shadow-color);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.sidebar-header{padding:var(--spacing-md) var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-logo{width:clamp(32px,4vw,45px);height:clamp(32px,4vw,45px);object-fit:contain;flex-shrink:0}.sidebar-header .d-flex.flex-column{flex:1;min-width:0}.sidebar-title{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0;color:var(--white)}.sidebar-header p{font-size:11px;white-space:normal;word-wrap:break-word;line-height:1.3;opacity:.9;color:var(--white)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.2);flex-shrink:0;text-align:center;margin-top:auto;font-size:14.5px;color:var(--white)}.nav{flex:1 1 auto;min-height:0;padding:var(--spacing-sm) 0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.nav::-webkit-scrollbar{width:5px}.nav::-webkit-scrollbar-track{background:transparent}.nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.nav>span{padding:var(--spacing-xs) var(--spacing-md);font-size:75%;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:var(--spacing-sm);color:var(--white)}.nav-item{width:100%;display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:#fff;text-decoration:none;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;gap:var(--spacing-sm);white-space:nowrap;flex-shrink:0;font-size:13px}.nav-item .icon{font-size:18px;flex-shrink:0;width:18px;display:flex;align-items:center;justify-content:center;line-height:1}.nav-item .bi{font-size:18px}.nav-item .label{font-weight:500;overflow:hidden;text-overflow:ellipsis;line-height:1.4;flex:1;font-size:13px}.nav-item:hover{background-color:#ffffff1a;color:var(--white);transform:translate(3px)}.nav-item.active{background-color:#ffffff26;border-left-color:var(--primary-blue);color:var(--white);font-weight:600}.main-content{margin-left:var(--sidebar-width);flex:1;padding:var(--spacing-lg) clamp(1rem,2.5vw,2rem);overflow-y:auto;overflow-x:hidden;width:calc(100% - var(--sidebar-width));min-height:100vh;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);scroll-behavior:smooth}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;transition:background var(--transition-speed)}.main-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}header{margin-bottom:var(--spacing-lg)}header h1{font-size:var(--font-2xl);color:var(--text-dark);margin-bottom:var(--spacing-xs);font-weight:700;word-wrap:break-word;line-height:1.2;display:flex;align-items:center;gap:var(--spacing-sm)}header h1:before{content:attr(data-icon);font-size:var(--icon-lg)}.subtitle{color:var(--text-muted);font-size:var(--font-base);line-height:1.5;margin:0}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px var(--shadow-color);flex-wrap:wrap;transition:all var(--transition-speed) ease}.search-box{flex:1 1 auto;min-width:min(100%,250px);max-width:400px}.search-box input{width:100%;padding:var(--input-padding);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-sm);transition:all var(--transition-speed) ease;background-color:var(--input-bg);color:var(--text-dark)}.search-box input:focus{outline:none;border-color:var(--primary-blue);background-color:var(--input-focus-bg);box-shadow:0 0 0 3px #3498db1a}.btn,.btn-add,.btn-primary,.btn-info,.btn-export,.btn-cancel{padding:var(--button-padding-y) var(--button-padding-x);border:none;border-radius:var(--border-radius);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);white-space:nowrap;text-decoration:none;line-height:1.4}.btn span,.btn-add span,.btn-info span{font-size:var(--icon-sm);line-height:1}.btn-add{background-color:var(--success-green);color:var(--white)}.btn-add:hover{background-color:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.btn-info{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.btn-info:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary{background-color:var(--primary-blue);color:var(--white)}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-danger{background-color:var(--danger-red);color:var(--white)}.btn-danger:hover{background-color:#c0392b}.btn-action{padding:clamp(.375rem,.5vw,.5rem) clamp(.625rem,1vw,.875rem);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-xs);margin-right:var(--spacing-xs);transition:all var(--transition-speed) ease;font-weight:500}.btn-edit{background-color:var(--warning-orange);color:var(--white)}.btn-delete{background-color:var(--danger-red);color:var(--white)}.btn-action:hover{opacity:.85;transform:translateY(-1px)}.table-container{background:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px var(--shadow-color);margin-top:var(--spacing-lg);overflow-x:auto;transition:all var(--transition-speed) ease}.table-container h2{font-size:var(--font-xl);color:var(--text-dark);margin-bottom:var(--spacing-md);font-weight:600}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;margin:0;border-collapse:collapse;min-width:900px;font-size:var(--font-sm);background:var(--table-bg)}.table thead th{background-color:var(--bg-light);color:var(--text-dark);font-weight:600;border-bottom:2px solid var(--border-color);padding:var(--spacing-md);text-align:center;font-size:var(--font-sm);white-space:nowrap;vertical-align:middle}.table tbody tr{transition:background-color .2s;border-bottom:1px solid var(--table-border)}.table tbody tr:hover{background-color:var(--table-hover)}.table td{padding:var(--spacing-md);vertical-align:middle;font-size:var(--font-sm);text-align:center;color:var(--text-dark)}.table td:first-child,.table th:first-child{width:50px}.table td:nth-child(2),.table th:nth-child(2),.table td:nth-child(3),.table th:nth-child(3){min-width:100px}.table td:nth-child(4),.table th:nth-child(4){min-width:150px;text-align:left}.table td:last-child,.table th:last-child{min-width:120px}.badge-rank{display:inline-flex;align-items:center;justify-content:center;width:clamp(24px,2.5vw,30px);height:clamp(24px,2.5vw,30px);border-radius:50%;font-weight:600;font-size:var(--font-xs)}.rank-1{background-color:#f1c40f;color:var(--white)}.rank-2{background-color:#95a5a6;color:var(--white)}.rank-3{background-color:#cd7f32;color:var(--white)}.rank-other{background-color:#ecf0f1;color:var(--text-dark)}.nilai-badge,.jenis-badge{padding:clamp(.25rem,.4vw,.375rem) clamp(.5rem,.8vw,.75rem);border-radius:20px;font-weight:600;font-size:var(--font-xs);display:inline-block;white-space:nowrap}.nilai-tinggi{background-color:#d4edda;color:#155724}.nilai-sedang{background-color:#fff3cd;color:#856404}.nilai-rendah{background-color:#f8d7da;color:#721c24}.badge-tugas{background-color:#d1ecf1;color:#0c5460}.badge-ulangan{background-color:#fff3cd;color:#856404}.badge-ujian{background-color:#f8d7da;color:#721c24}[data-theme=dark] .nilai-tinggi{background-color:#065f46;color:#d1fae5}[data-theme=dark] .nilai-sedang{background-color:#78350f;color:#fef3c7}[data-theme=dark] .nilai-rendah{background-color:#7f1d1d;color:#fecaca}[data-theme=dark] .badge-tugas{background-color:#164e63;color:#cffafe}[data-theme=dark] .badge-ulangan{background-color:#78350f;color:#fef3c7}[data-theme=dark] .badge-ujian{background-color:#7f1d1d;color:#fecaca}[data-theme=dark] .rank-other{background-color:#374151;color:#e5e7eb}.modal-content{border-radius:var(--border-radius-lg);box-shadow:0 10px 40px var(--shadow-hover);background-color:var(--card-bg);color:var(--text-dark);transition:all var(--transition-speed) ease}.modal-header{padding:var(--spacing-lg);border-bottom:2px solid var(--border-color);background:var(--modal-header-bg);color:var(--white)}.modal-header .modal-title{font-size:var(--font-xl);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--white)}.modal-header .modal-title i{font-size:var(--icon-md)}.modal-body{padding:var(--spacing-lg);max-height:70vh;overflow-y:auto}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:2px solid var(--border-color);gap:var(--spacing-sm)}.section-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.section-header h6{font-size:var(--font-md);font-weight:600;color:var(--text-dark);margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.section-header h6 i{font-size:var(--icon-md);color:var(--primary-blue)}.form-label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-dark);font-weight:500;font-size:var(--font-sm)}.form-label .text-danger{color:var(--danger-red);font-size:var(--font-base)}.form-control,.form-select{width:100%;padding:var(--input-padding);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-sm);transition:all var(--transition-speed) ease;background-color:var(--input-bg);color:var(--text-dark);line-height:1.5}.form-control:focus,.form-select:focus{outline:none;border-color:var(--primary-blue);background-color:var(--input-focus-bg);box-shadow:0 0 0 3px #3498db1a}textarea.form-control{resize:vertical;min-height:80px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(80%,180px),1fr));gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.stat-box{background:var(--card-bg);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:0 2px 6px var(--shadow-color);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-box:hover{transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow-hover)}.stat-box .icon-large{font-size:var(--icon-lg);margin-bottom:var(--spacing-xs)}.stat-box h3{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs);font-weight:500}.stat-box .value{font-size:var(--font-xl);font-weight:700;color:var(--text-dark);line-height:1.1}.filter-section{display:flex;align-items:flex-end;gap:var(--spacing-md);margin:var(--spacing-lg) 0 var(--spacing-md) 0;padding:var(--spacing-md);background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px var(--shadow-color);flex-wrap:wrap;transition:all var(--transition-speed) ease}.filter-item{flex:1 1 auto;min-width:min(100%,180px);display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-select{padding:var(--input-padding)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--card-bg);opacity:.95;display:none;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(5px);transition:background var(--transition-speed) ease}.loading-overlay.active{display:flex}.spinner-border{width:clamp(2.5rem,4vw,3rem);height:clamp(2.5rem,4vw,3rem);border-width:clamp(3px,.4vw,4px);border-color:var(--primary-blue);border-right-color:transparent;transition:border-color var(--transition-speed) ease}[data-theme=dark] .spinner-border{border-color:var(--primary-blue);border-right-color:transparent}@media (min-width: 1400px){:root{--sidebar-width: 260px}}@media (max-width: 1200px){:root{--sidebar-width: clamp(200px, 18vw, 230px)}}@media (max-width: 1024px){:root{--sidebar-width: clamp(180px, 16vw, 210px)}.action-bar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.table{font-size:var(--font-xs)}}@media (max-width: 768px){.sidebar{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-header h2,.sidebar-header p,.nav-item .label,.nav>span{display:none}.sidebar-header{justify-content:center}.nav-item{justify-content:center;padding:var(--spacing-sm)}.nav-item .icon{width:auto}.main-content{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed));padding:var(--spacing-md)}.stats-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.filter-section{flex-direction:column}.filter-item{width:100%;min-width:100%}.action-bar>div:first-child{flex-direction:column;width:100%}.action-bar button{width:100%}.modal-dialog{margin:.5rem}.modal-body{padding:var(--spacing-md)}.theme-toggle{bottom:15px;right:15px;width:50px;height:50px;font-size:20px}}@media (max-width: 576px){.stats-container{grid-template-columns:1fr;gap:var(--spacing-sm)}.stat-box{padding:var(--spacing-md)}.table-container,.table thead th,.table td{padding:var(--spacing-sm)}.form-control,.form-select{font-size:clamp(.875rem,2vw,1rem)}.btn-action{padding:.375rem .5rem;font-size:clamp(.7rem,1.5vw,.813rem);margin-right:.25rem}header h1{font-size:var(--font-xl)}.theme-toggle{bottom:12px;right:12px;width:46px;height:46px;font-size:18px}}@media (max-width: 380px){:root{--sidebar-collapsed: 55px}.sidebar-logo{width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px)}.theme-toggle{bottom:10px;right:10px;width:42px;height:42px;font-size:16px}}@media print{*{background-color:#fff!important;color:#000!important;box-shadow:none!important}.sidebar,.sidebar-footer,.btn-action,.btn-add,.btn-info,.btn-export,.action-bar,.loading-overlay,.modal,.theme-toggle{display:none!important}.main-content{margin-left:0!important;width:100%!important;padding:1rem!important}.table-container,.stat-box{box-shadow:none!important;border:1px solid #ddd!important;page-break-inside:avoid;background:#fff!important}.table{font-size:10pt;border-collapse:collapse!important}.table thead th{background:#f5f5f5!important;color:#000!important;border:1px solid #ddd!important}.table tbody td{border:1px solid #ddd!important;color:#000!important}body{font-size:11pt;background:#fff!important}.badge-rank,.nilai-badge,.jenis-badge{border:1px solid #ccc!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}*:focus-visible{outline:3px solid var(--primary-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.theme-toggle:hover{transform:none}}@media (prefers-contrast: high){:root{--border-color: #000000;--shadow-color: rgba(0, 0, 0, .5)}[data-theme=dark]{--border-color: #ffffff;--text-dark: #ffffff;--shadow-color: rgba(255, 255, 255, .5)}.btn,.btn-add,.btn-primary,.btn-info{border:2px solid currentColor}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.text-light-only{display:block}.text-dark-only,[data-theme=dark] .text-light-only{display:none}[data-theme=dark] .text-dark-only{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modal.show .modal-content{animation:fadeIn .3s ease-out}.loading-overlay.active .spinner-border{animation:pulse 1.5s ease-in-out infinite}.btn-cancel{display:block;width:100%;padding:10px 14px;background:#95a5a6;color:#fff;border:none;border-radius:var(--radius);cursor:pointer;margin-top:10px;transition:var(--transition)}.btn-filter{transition:all .2s}.btn-filter:hover{transform:translateY(-2px)}.btn-reset{transition:all .2s}.btn-reset:hover{transform:translateY(-2px)}.btn-cancel:hover{background:#7f8c8d}.note{text-align:center}.hidden{display:none!important}.table-container .table{background:var(--table-bg)!important;color:var(--text-dark)!important}.table-container .table thead th{background-color:var(--bg-light)!important;color:var(--text-dark)!important}.table-container .table tbody tr{background:var(--table-bg)!important}.table-container .table tbody tr:hover{background-color:var(--table-hover)!important}.table-container .table tbody td{color:var(--text-dark)!important;background:var(--table-bg)!important}.table-container .table tbody tr:nth-child(odd) td{background:var(--table-bg)!important}.table-container .table tbody tr:nth-child(2n) td{background:var(--table-bg)!important}.modal .form-control::placeholder,.modal .form-select::placeholder,.modal textarea::placeholder{color:var(--text-muted)!important;opacity:1}.form-control::placeholder,.form-select::placeholder,textarea.form-control::placeholder{color:var(--text-muted)!important;opacity:.7;transition:color var(--transition-speed) ease}[data-theme=dark] .form-control::placeholder,[data-theme=dark] .form-select::placeholder,[data-theme=dark] textarea.form-control::placeholder{color:var(--text-muted)!important;opacity:.8}.form-control:focus::placeholder,.form-select:focus::placeholder,textarea.form-control:focus::placeholder{opacity:.5}.search-box input::placeholder{color:var(--text-muted)!important;opacity:.7}[data-theme=dark] .search-box input::placeholder{color:var(--text-muted)!important;opacity:.8}.form-select option,[data-theme=dark] .form-select option{background-color:var(--input-bg);color:var(--text-dark)}.form-control:disabled,.form-select:disabled{background-color:var(--bg-light);color:var(--text-muted);opacity:.6}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus,[data-theme=dark] select:-webkit-autofill,[data-theme=dark] select:-webkit-autofill:hover,[data-theme=dark] select:-webkit-autofill:focus,[data-theme=dark] textarea:-webkit-autofill,[data-theme=dark] textarea:-webkit-autofill:hover,[data-theme=dark] textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-dark);-webkit-box-shadow:0 0 0px 1000px var(--input-bg) inset;box-shadow:0 0 0 1000px var(--input-bg) inset;transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-dark);-webkit-box-shadow:0 0 0px 1000px var(--input-focus-bg) inset;box-shadow:0 0 0 1000px var(--input-focus-bg) inset;transition:background-color 5000s ease-in-out 0s}.modal .form-control,.modal .form-select,.modal textarea.form-control{color:var(--text-dark)!important;background-color:var(--input-bg)!important;border-color:var(--border-color)!important}.modal .form-control:focus,.modal .form-select:focus,.modal textarea.form-control:focus{color:var(--text-dark)!important;background-color:var(--input-focus-bg)!important;border-color:var(--primary-blue)!important}.modal .form-select{color:var(--text-dark)!important}.modal .form-select option{background-color:var(--input-bg)!important;color:var(--text-dark)!important}.form-control,.form-select,textarea.form-control{color:var(--text-dark)!important;background-color:var(--input-bg)!important}.form-control:focus,.form-select:focus,textarea.form-control:focus{color:var(--text-dark)!important;background-color:var(--input-focus-bg)!important}[data-theme=dark] .modal .form-control,[data-theme=dark] .modal .form-select,[data-theme=dark] .modal textarea.form-control,[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] textarea.form-control{color:#e5e7eb!important;background-color:#0f172a!important}[data-theme=dark] .modal .form-control:focus,[data-theme=dark] .modal .form-select:focus,[data-theme=dark] .modal textarea.form-control:focus,[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] textarea.form-control:focus{color:#e5e7eb!important;background-color:#1e293b!important}[data-theme=dark] .form-control:disabled,[data-theme=dark] .form-select:disabled{color:#9ca3af!important;background-color:#1f2937!important}