:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #818cf8;--primary-dark: #4338ca;--secondary: #8b5cf6;--secondary-hover: #7c3aed;--success: #10b981;--success-hover: #059669;--danger: #ef4444;--danger-hover: #dc2626;--warning: #f59e0b;--warning-hover: #d97706;--info: #06b6d4;--info-hover: #0891b2;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--font-sans: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono: 'Fira Code','JetBrains Mono',Consolas,monospace;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);--transition-fast: 150ms cubic-bezier(0.4,0,0.2,1);--transition-base: 200ms cubic-bezier(0.4,0,0.2,1);--transition-slow: 300ms cubic-bezier(0.4,0,0.2,1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*::before,*::after{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow-anchor: none}*{margin: 0;padding: 0}html{font-size: 16px;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;scroll-behavior: smooth;height: 100%;-webkit-overflow-scrolling: touch}body{font-family: var(--font-sans);font-size: 1rem;font-weight: 400;line-height: 1.6;color: var(--text-primary);background-color: var(--bg-primary);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;font-feature-settings: "kern" 1;min-height: 100vh;min-height: -webkit-fill-available;margin: 0;padding: 0;display: flex;flex-direction: column;transition: background-color var(--transition-base),color var(--transition-base);overflow-x: hidden;-webkit-user-select: text;-webkit-touch-callout: default}main.main-content{flex: 1 0 auto;width: 100%;padding-top: 2rem;padding-bottom: 2rem}h1,h2,h3,h4,h5,h6{margin-top: 0;margin-bottom: var(--space-md);font-weight: 700;line-height: 1.3;color: var(--text-primary)}h1{font-size: 2.25rem}h2{font-size: 1.875rem}h3{font-size: 1.5rem}h4{font-size: 1.25rem}h5{font-size: 1.125rem}h6{font-size: 1rem}@media (max-width: 768px){h1{font-size: 1.875rem}h2{font-size: 1.5rem}h3{font-size: 1.25rem}h4{font-size: 1.125rem}}p{margin-top: 0;margin-bottom: var(--space-md);line-height: 1.7}a{color: var(--link-color);text-decoration: none;transition: color var(--transition-fast);-webkit-tap-highlight-color: rgba(0,0,0,0.1);-webkit-touch-callout: none}a:hover,a:focus{color: var(--link-hover);text-decoration: none;outline: none}a:active{color: var(--link-hover)}a:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;border-radius: 2px}code,kbd,pre,samp{font-family: var(--font-mono);font-size: 0.875em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}code{background: var(--bg-tertiary);padding: 0.125rem 0.25rem;border-radius: var(--radius-sm);color: var(--text-primary)}ul,ol{margin-top: 0;margin-bottom: var(--space-md);padding-left: var(--space-xl)}li{margin-bottom: var(--space-xs)}img{max-width: 100%;height: auto;display: block;-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges}.avatar,img[class*="avatar"]{image-rendering: auto}::selection{background: var(--primary);color: white}::-moz-selection{background: var(--primary);color: white}:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px}:focus:not(:focus-visible){outline: none}[disabled],.disabled{cursor: not-allowed !important;opacity: 0.6 !important;pointer-events: none}[hidden]{display: none !important}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}@supports (-webkit-touch-callout: none){body{min-height: -webkit-fill-available}.main-content{min-height: calc(100vh - 200px);min-height: calc(-webkit-fill-available - 200px)}}button,input,select,textarea{font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none;padding: 0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance: none;-moz-appearance: none;appearance: none}::-webkit-scrollbar{width: 8px;height: 8px}::-webkit-scrollbar-track{background: var(--bg-secondary)}::-webkit-scrollbar-thumb{background: var(--border-color);border-radius: 4px}::-webkit-scrollbar-thumb:hover{background: var(--border-strong)}*{scrollbar-width: thin;scrollbar-color: var(--border-color) var(--bg-secondary)}.card{background: var(--card-bg);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--card-shadow);transition: all var(--transition-base);overflow: hidden}.card:hover{box-shadow: var(--shadow-md)}.card-header{background: var(--bg-secondary);border-bottom: 1px solid var(--border-color);padding: var(--space-lg);font-weight: 600}.card-body{padding: var(--space-xl)}.card-footer{background: var(--bg-secondary);border-top: 1px solid var(--border-color);padding: var(--space-lg)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-xs);padding: var(--space-sm) var(--space-lg);font-weight: 500;font-size: 0.875rem;line-height: 1.5;border-radius: var(--radius-md);border: 2px solid transparent;transition: all var(--transition-fast);cursor: pointer;text-decoration: none;white-space: nowrap;user-select: none}.btn:hover{transform: translateY(-1px)}.btn:active{transform: translateY(0)}.btn:disabled{opacity: 0.6;cursor: not-allowed;transform: none}.btn-primary{background: linear-gradient(135deg,var(--primary),var(--primary-hover));color: white;border-color: var(--primary)}.btn-primary:hover{background: linear-gradient(135deg,var(--primary-hover),var(--primary-dark));box-shadow: 0 4px 12px rgba(99,102,241,0.3)}.btn-secondary{background: var(--bg-tertiary);color: var(--text-primary);border-color: var(--border-color)}.btn-secondary:hover{background: var(--hover-bg);border-color: var(--border-strong)}.btn-success{background: linear-gradient(135deg,var(--success),var(--success-hover));color: white;border-color: var(--success)}.btn-danger{background: linear-gradient(135deg,var(--danger),var(--danger-hover));color: white;border-color: var(--danger)}.btn-warning{background: linear-gradient(135deg,var(--warning),var(--warning-hover));color: white;border-color: var(--warning)}.btn-info{background: linear-gradient(135deg,var(--info),var(--info-hover));color: white;border-color: var(--info)}.btn-outline-primary{background: transparent;color: var(--primary);border-color: var(--primary)}.btn-outline-primary:hover{background: var(--primary);color: white;box-shadow: 0 4px 12px rgba(99,102,241,0.3)}.btn-outline-secondary{background: transparent;color: var(--text-secondary);border-color: var(--border-color)}.btn-outline-secondary:hover{background: var(--bg-secondary);color: var(--text-primary);border-color: var(--border-strong)}.btn-outline-danger{background: transparent;color: var(--danger);border-color: var(--danger)}.btn-outline-danger:hover{background: var(--danger);color: white}.btn-sm{padding: var(--space-xs) var(--space-md);font-size: 0.8125rem}.btn-lg{padding: var(--space-md) var(--space-xl);font-size: 1rem}.form-control{display: block;width: 100%;padding: var(--space-sm) var(--space-md);font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--text-primary);background-color: var(--input-bg);background-clip: padding-box;border: 2px solid var(--input-border);border-radius: var(--radius-md);transition: all var(--transition-fast)}.form-control:focus{outline: 0;color: var(--text-primary);background-color: var(--input-bg);border-color: var(--input-focus);box-shadow: 0 0 0 0.2rem rgba(99,102,241,0.25)}.form-control::placeholder{color: var(--text-muted);opacity: 1}.form-control:disabled{background-color: var(--bg-tertiary);opacity: 1}.form-label{display: inline-block;margin-bottom: var(--space-xs);font-weight: 500;color: var(--text-secondary)}.form-text{display: block;margin-top: var(--space-xs);font-size: 0.875rem;color: var(--text-muted)}.input-group{position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%}.input-group > .form-control{position: relative;flex: 1 1 auto;width: 1%;min-width: 0}.input-group-text{display: flex;align-items: center;padding: var(--space-sm) var(--space-md);font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--text-secondary);text-align: center;white-space: nowrap;background-color: var(--bg-tertiary);border: 2px solid var(--input-border);border-radius: var(--radius-md)}.input-group > .input-group-text:first-child{border-right: 0;border-top-right-radius: 0;border-bottom-right-radius: 0}.input-group > .form-control:not(:last-child){border-top-right-radius: 0;border-bottom-right-radius: 0}.input-group > .form-control:not(:first-child){border-top-left-radius: 0;border-bottom-left-radius: 0}.input-group-lg > .form-control,.input-group-lg > .input-group-text{padding: var(--space-md) var(--space-lg);font-size: 1.125rem}.input-group-sm > .form-control,.input-group-sm > .input-group-text{padding: var(--space-xs) var(--space-sm);font-size: 0.875rem}.dropdown{position: relative}.dropdown-toggle::after{display: inline-block;margin-left: var(--space-xs);vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent}.dropdown-menu{position: absolute;z-index: var(--z-dropdown);display: none;min-width: 10rem;padding: var(--space-sm) 0;margin: 0;font-size: 0.875rem;color: var(--dropdown-text);text-align: left;list-style: none;background-color: var(--dropdown-bg);background-clip: padding-box;border: 1px solid var(--border-color);border-radius: var(--radius-md);box-shadow: var(--shadow-lg)}.dropdown-menu.show{display: block}.dropdown-item{display: block;width: 100%;padding: var(--space-sm) var(--space-lg);clear: both;font-weight: 400;color: var(--dropdown-text);text-align: inherit;text-decoration: none;white-space: nowrap;background-color: transparent;border: 0;transition: all var(--transition-fast)}.dropdown-item:hover{color: var(--text-primary);background-color: var(--dropdown-hover-bg)}.dropdown-item.active{color: white;background-color: var(--primary)}.badge{display: inline-flex;align-items: center;padding: var(--space-xs) var(--space-sm);font-size: 0.75rem;font-weight: 600;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: var(--radius-sm);transition: all var(--transition-fast)}.bg-primary{background-color: var(--primary) !important;color: white}.bg-secondary{background-color: var(--gray-600) !important;color: white}.bg-success{background-color: var(--success) !important;color: white}.bg-danger{background-color: var(--danger) !important;color: white}.bg-warning{background-color: var(--warning) !important;color: white}.bg-info{background-color: var(--info) !important;color: white}.bg-light{background-color: var(--gray-100) !important;color: var(--gray-900)}.bg-dark{background-color: var(--gray-900) !important;color: white}.status-badge{font-size: 0.75rem;padding: var(--space-xs) var(--space-sm);border-radius: var(--radius-full);font-weight: 600;text-transform: uppercase;letter-spacing: 0.025em}.status-active{background: rgba(239,68,68,0.1);color: var(--danger)}.status-inactive{background: rgba(16,185,129,0.1);color: var(--success)}.status-expired{background: rgba(107,114,128,0.1);color: var(--gray-600)}.status-completed{background: rgba(107,114,128,0.1);color: var(--gray-600)}.alert{position: relative;padding: var(--space-md) var(--space-lg);margin-bottom: var(--space-md);border: 1px solid transparent;border-radius: var(--radius-md);display: flex;align-items: center;gap: var(--space-sm)}.alert-dismissible{padding-right: 3rem}.alert-dismissible .btn-close{position: absolute;top: 0;right: 0;z-index: 2;padding: 1.25rem 1rem;background: transparent;border: 0;opacity: 0.5;cursor: pointer;font-size: 1.5rem;line-height: 1;color: inherit}.alert-dismissible .btn-close:hover{opacity: 0.75}.alert-primary{color: #2563eb;background-color: rgba(99,102,241,0.1);border-color: rgba(99,102,241,0.3)}.alert-success{color: #059669;background-color: rgba(16,185,129,0.1);border-color: rgba(16,185,129,0.3)}.alert-info{color: #0891b2;background-color: rgba(6,182,212,0.1);border-color: rgba(6,182,212,0.3)}.alert-warning{color: #d97706;background-color: rgba(245,158,11,0.1);border-color: rgba(245,158,11,0.3)}.alert-danger{color: #dc2626;background-color: rgba(239,68,68,0.1);border-color: rgba(239,68,68,0.3)}.progress{display: flex;height: 1rem;overflow: hidden;font-size: 0.75rem;background-color: var(--bg-tertiary);border-radius: var(--radius-md)}.progress-bar{display: flex;flex-direction: column;justify-content: center;overflow: hidden;color: white;text-align: center;white-space: nowrap;background-color: var(--primary);transition: width 0.6s ease}.spinner-border{display: inline-block;width: 2rem;height: 2rem;vertical-align: text-bottom;border: 0.25em solid currentColor;border-right-color: transparent;border-radius: 50%;animation: spinner-border 0.75s linear infinite}.spinner-border-sm{width: 1rem;height: 1rem;border-width: 0.2em}@keyframes spinner-border{to{transform: rotate(360deg)}}.modal{position: fixed;top: 0;left: 0;z-index: var(--z-modal);display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0}.modal.show{display: block}.modal-dialog{position: relative;width: auto;margin: 1.75rem auto;pointer-events: none;max-width: 500px}.modal-content{position: relative;display: flex;flex-direction: column;width: 100%;pointer-events: auto;background-color: var(--card-bg);background-clip: padding-box;border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-2xl);outline: 0}.modal-header{display: flex;flex-shrink: 0;align-items: center;justify-content: space-between;padding: var(--space-lg);border-bottom: 1px solid var(--border-color)}.modal-title{margin-bottom: 0;line-height: 1.5;font-size: 1.25rem;font-weight: 600}.modal-body{position: relative;flex: 1 1 auto;padding: var(--space-lg);color: var(--text-primary)}.modal-footer{display: flex;flex-wrap: wrap;flex-shrink: 0;align-items: center;justify-content: flex-end;padding: var(--space-lg);gap: var(--space-sm);border-top: 1px solid var(--border-color)}.modal-backdrop{position: fixed;top: 0;left: 0;z-index: var(--z-modal-backdrop);width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.5)}.modal-backdrop.show{opacity: 1}.avatar{width: 40px;height: 40px;border-radius: var(--radius-md);object-fit: cover}.avatar-sm{width: 32px;height: 32px}.avatar-lg{width: 64px;height: 64px}.breadcrumb{display: flex;flex-wrap: wrap;padding: 0;margin-bottom: 0;list-style: none;background-color: transparent}.breadcrumb-item{display: flex;align-items: center}.breadcrumb-item + .breadcrumb-item{padding-left: var(--space-sm)}.breadcrumb-item + .breadcrumb-item::before{float: left;padding-right: var(--space-sm);color: var(--text-muted);content: "/"}.breadcrumb-item.active{color: var(--text-secondary)}.table-responsive{overflow-x: auto;-webkit-overflow-scrolling: touch;background: var(--table-bg);border-radius: var(--radius-lg)}@media (max-width: 768px){.table-responsive{margin: 0 -0.5rem;border-radius: 0}}.table{width: 100%;margin-bottom: 0;background: transparent;border-collapse: collapse;color: var(--text-primary)}.table th{background: var(--bg-secondary);border-bottom: 2px solid var(--border-color);padding: var(--space-md);font-weight: 600;font-size: 0.875rem;color: var(--text-primary) !important;text-align: left;white-space: nowrap;text-transform: uppercase;letter-spacing: 0.025em}@media (max-width: 768px){.table th{padding: var(--space-sm);font-size: 0.8125rem}}.table td{padding: var(--space-md);border-bottom: 1px solid var(--border-color);vertical-align: middle;color: var(--text-primary) !important;background: transparent}@media (max-width: 768px){.table td{padding: var(--space-sm);font-size: 0.875rem}}.table tbody tr{transition: background-color var(--transition-fast);background: transparent}.table tbody tr:hover{background: var(--table-hover-bg)}.table tbody tr:last-child td{border-bottom: none}.btn-close{box-sizing: content-box;width: 1em;height: 1em;padding: 0.25em 0.25em;color: currentColor;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border: 0;border-radius: var(--radius-sm);opacity: .5;cursor: pointer}.btn-close:hover{opacity: .75}.btn-close:focus{outline: 0;box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);opacity: 1}.tooltip{position: absolute;z-index: var(--z-tooltip);display: block;margin: 0;font-family: var(--font-sans);font-style: normal;font-weight: 400;line-height: 1.5;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;white-space: normal;line-break: auto;font-size: 0.875rem;word-wrap: break-word;opacity: 0}.tooltip.show{opacity: .9}.tooltip-inner{max-width: 200px;padding: var(--space-xs) var(--space-sm);color: white;text-align: center;background-color: var(--gray-900);border-radius: var(--radius-sm)}#search-results{overflow-anchor: none}.search-container{overflow-anchor: none}.container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 var(--space-lg)}.container-fluid{width: 100%;padding: 0 var(--space-lg)}.row{display: flex;flex-wrap: wrap;margin-left: calc(var(--space-md) * -1);margin-right: calc(var(--space-md) * -1)}[class*="col-"]{position: relative;width: 100%;padding-left: var(--space-md);padding-right: var(--space-md)}.col{flex: 1 0 0%}.col-auto{flex: 0 0 auto;width: auto}.col-12{flex: 0 0 100%;max-width: 100%}@media (min-width: 768px){.col-md-3{flex: 0 0 25%;max-width: 25%}.col-md-4{flex: 0 0 33.333333%;max-width: 33.333333%}.col-md-6{flex: 0 0 50%;max-width: 50%}.col-md-8{flex: 0 0 66.666667%;max-width: 66.666667%}.col-md-9{flex: 0 0 75%;max-width: 75%}.col-md-12{flex: 0 0 100%;max-width: 100%}}@media (min-width: 992px){.col-lg-3{flex: 0 0 25%;max-width: 25%}.col-lg-4{flex: 0 0 33.333333%;max-width: 33.333333%}.col-lg-6{flex: 0 0 50%;max-width: 50%}.col-lg-8{flex: 0 0 66.666667%;max-width: 66.666667%}.col-lg-9{flex: 0 0 75%;max-width: 75%}.col-lg-12{flex: 0 0 100%;max-width: 100%}}.navbar-modern{position: sticky;top: 0;z-index: var(--z-sticky);background: var(--navbar-bg);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid var(--border-color);box-shadow: var(--shadow-sm);padding: 0.75rem 0;transition: all var(--transition-base)}.navbar-modern.scrolled{box-shadow: var(--shadow-md);padding: 0.5rem 0}.navbar-modern .container{max-width: 100%}.navbar-brand{display: flex;align-items: center;gap: var(--space-sm);font-size: 1.25rem;font-weight: 700;color: var(--navbar-text);text-decoration: none;transition: color var(--transition-fast)}.navbar-brand:hover{color: var(--primary)}.navbar-brand-icon{width: 40px;height: 40px;background: linear-gradient(135deg,var(--primary),var(--secondary));border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;color: white;font-size: 1.25rem}.navbar-nav{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: var(--space-xs);list-style: none;margin: 0;padding: 0;min-width: 0}.navbar-toggler{display: none;padding: var(--space-xs) var(--space-sm);font-size: 1.25rem;line-height: 1;background: transparent;border: 2px solid var(--border-color);border-radius: var(--radius-md);color: var(--navbar-text);cursor: pointer;transition: all var(--transition-fast)}.navbar-toggler:hover{border-color: var(--primary);color: var(--primary)}.navbar-collapse{display: flex;align-items: center;justify-content: space-between;flex: 1;min-width: 0;gap: var(--space-sm)}.navbar-controls{display: flex;align-items: center;gap: var(--space-sm);flex-shrink: 0;margin-left: auto}@media (min-width: 1400px) and (max-width: 1699.98px){.navbar-nav{gap: 0.125rem}.nav-link{font-size: 0.875rem;padding: var(--space-xs) var(--space-sm);padding-right: 0.875rem;gap: 0.25rem}.nav-link i{display: none}.navbar-brand{font-size: 1.05rem}}.nav-item{position: relative}.nav-link{display: flex;align-items: center;gap: var(--space-xs);padding: var(--space-sm) var(--space-sm);font-size: 0.9375rem;color: var(--text-secondary);text-decoration: none;border-radius: var(--radius-md);font-weight: 500;transition: all var(--transition-fast);white-space: nowrap;position: relative}.nav-link:hover{color: var(--primary);background: var(--hover-bg)}.nav-link.active{color: white !important;background: var(--primary) !important}.nav-link.active i{color: white !important}.nav-link.active span{color: white !important}.nav-link .badge{position: absolute;top: 0;right: 0;transform: translate(25%,-25%);font-size: 0.625rem;padding: 0.15rem 0.35rem;min-width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;background: var(--danger);color: white;border-radius: var(--radius-full);font-weight: 700;box-shadow: 0 2px 4px rgba(0,0,0,0.1)}.nav-link{padding-right: var(--space-md)}.btn-navbar{background: transparent;border: 2px solid var(--border-color);color: var(--navbar-text);padding: var(--space-xs) var(--space-sm);transition: all var(--transition-fast)}.btn-navbar:hover{border-color: var(--primary);color: var(--primary);background: var(--hover-bg)}.footer{background: var(--bg-secondary);border-top: 1px solid var(--border-color);color: var(--text-secondary);margin-top: auto}.footer a{color: var(--primary);font-weight: 500}.footer a:hover{color: var(--primary-hover);text-decoration: underline}.hero-gradient{position: fixed;top: 0;left: 0;right: 0;height: 40vh;background: linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,transparent 100%);opacity: 0.05;pointer-events: none;z-index: -1}.theme-dark .hero-gradient{opacity: 0.1}@media (max-width: 1399.98px){.navbar-toggler{display: block;margin-left: auto}.navbar-collapse{position: absolute;top: 100%;left: 0;right: 0;z-index: 1030;background: var(--bg-primary);border-top: 1px solid var(--border-color);box-shadow: var(--shadow-lg);padding: var(--space-md);display: none;flex-direction: column;gap: var(--space-md);max-height: calc(100vh - 80px);overflow-y: auto;-webkit-overflow-scrolling: touch}.navbar-collapse.show{display: flex}.navbar-nav{flex-direction: column;width: 100%;gap: var(--space-xs)}.nav-item{width: 100%}.nav-link{width: 100%;padding: var(--space-md);padding-right: var(--space-xl);justify-content: space-between}.nav-link .badge{position: static;transform: none;margin-left: auto}.navbar-controls{width: 100%;justify-content: space-between;padding-top: var(--space-md);border-top: 1px solid var(--border-color);flex-wrap: wrap;gap: var(--space-sm)}.navbar-controls .dropdown{flex: 1}.navbar-controls .btn-navbar{width: 100%}.theme-toggle-wrapper{margin-left: auto}}.theme-toggle-wrapper{display: inline-block}.theme-toggle-checkbox{display: none}.theme-toggle-label{display: flex;align-items: center;justify-content: space-between;cursor: pointer;width: 50px;height: 26px;background: var(--bg-tertiary);border-radius: 100px;position: relative;transition: background-color var(--transition-base);border: 2px solid var(--border-color)}.theme-toggle-label:hover{background: var(--hover-bg);border-color: var(--primary)}.theme-toggle-label .fa-sun{color: #f39c12;font-size: 0.75rem;margin-left: 0.375rem}.theme-toggle-label .fa-moon{color: #f1c40f;font-size: 0.75rem;margin-right: 0.375rem}.theme-toggle-ball{position: absolute;top: 2px;left: 2px;height: 18px;width: 18px;background: white;border-radius: 50%;transition: transform var(--transition-base);box-shadow: 0 2px 4px rgba(0,0,0,0.2)}.theme-toggle-checkbox:checked + .theme-toggle-label{background: var(--primary);border-color: var(--primary)}.theme-toggle-checkbox:checked + .theme-toggle-label .theme-toggle-ball{transform: translateX(24px)}.clear-cache-wrapper{position: fixed;bottom: 2rem;right: 2rem;z-index: 1000;pointer-events: auto}#clear-cache-btn{background: var(--primary);color: white;border: none;padding: 0.5rem 1rem;border-radius: var(--radius-md);box-shadow: var(--shadow-lg);transition: all var(--transition-base);font-size: 0.875rem;display: flex;align-items: center;gap: var(--space-xs);cursor: pointer;pointer-events: auto;position: relative;z-index: 1001}#clear-cache-btn:hover{background: var(--primary-hover);transform: translateY(-2px);box-shadow: var(--shadow-xl)}#clear-cache-btn:active{transform: translateY(0)}#cacheModal{z-index: 1055}.modal-backdrop{z-index: 1040 !important}.modal{z-index: 1055 !important}@media (max-width: 768px){.clear-cache-wrapper{bottom: 1rem;right: 1rem}#clear-cache-btn{font-size: 0.75rem;padding: 0.375rem 0.75rem}}.theme-light{--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--bg-tertiary: #e5e7eb;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-strong: #d1d5db;--card-bg: #ffffff;--card-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);--input-bg: #ffffff;--input-border: #d1d5db;--input-focus: var(--primary);--hover-bg: rgba(0,0,0,0.05);--table-bg: #ffffff;--table-hover-bg: rgba(0,0,0,0.025);--table-stripe-bg: rgba(0,0,0,0.015);--link-color: #4f46e5;--link-hover: #4338ca;--dropdown-bg: #ffffff;--dropdown-text: #111827;--dropdown-hover-bg: #f3f4f6;--navbar-bg: rgba(255,255,255,0.95);--navbar-text: #111827;--badge-opacity: 1}.theme-dark{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #d1d5db;--text-muted: #9ca3af;--border-color: #374151;--border-strong: #4b5563;--card-bg: #1a1a1a;--card-shadow: 0 8px 24px rgba(0,0,0,0.4);--input-bg: #262626;--input-border: #374151;--input-focus: #818cf8;--hover-bg: rgba(255,255,255,0.1);--table-bg: #1a1a1a;--table-hover-bg: rgba(255,255,255,0.05);--table-stripe-bg: rgba(255,255,255,0.025);--link-color: #818cf8;--link-hover: #a5b4fc;--dropdown-bg: #262626;--dropdown-text: #f9fafb;--dropdown-hover-bg: #374151;--navbar-bg: rgba(26,26,26,0.95);--navbar-text: #f9fafb;--badge-opacity: 1}.theme-light .text-primary,.theme-dark .text-primary{color: var(--text-primary) !important}.theme-light .text-secondary,.theme-dark .text-secondary{color: var(--text-secondary) !important}.theme-light .text-muted,.theme-dark .text-muted{color: var(--text-muted) !important}.theme-dark .admin-stat-card h6,.theme-dark .admin-stat-card h2,.theme-dark .admin-stat-card small{color: white !important}.theme-light .admin-stat-card.bg-danger,.theme-light .admin-stat-card.bg-warning,.theme-light .admin-stat-card.bg-info,.theme-light .admin-stat-card.bg-secondary{color: white !important}.theme-light .admin-stat-card.bg-danger h6,.theme-light .admin-stat-card.bg-warning h6,.theme-light .admin-stat-card.bg-info h6,.theme-light .admin-stat-card.bg-secondary h6,.theme-light .admin-stat-card.bg-danger h2,.theme-light .admin-stat-card.bg-warning h2,.theme-light .admin-stat-card.bg-info h2,.theme-light .admin-stat-card.bg-secondary h2,.theme-light .admin-stat-card.bg-danger small,.theme-light .admin-stat-card.bg-warning small,.theme-light .admin-stat-card.bg-info small,.theme-light .admin-stat-card.bg-secondary small{color: white !important}.theme-dark .table-responsive{background: var(--card-bg) !important;border: 1px solid var(--border-color)}.theme-dark .table{background: var(--card-bg) !important;color: var(--text-primary) !important}.theme-dark .table thead{background: var(--bg-tertiary) !important}.theme-dark .table thead th{background: var(--bg-tertiary) !important;color: var(--text-primary) !important;border-color: var(--border-color) !important;font-weight: 600}.theme-dark .table tbody{background: var(--card-bg) !important}.theme-dark .table tbody td{background: transparent !important;color: var(--text-primary) !important;border-color: var(--border-color) !important}.theme-dark .table tbody tr{background: transparent !important;color: var(--text-primary) !important}.theme-dark .table tbody tr:hover{background: var(--table-hover-bg) !important}.theme-dark .player-info .fw-bold,.theme-dark .player-info div > div:first-child{color: var(--text-primary) !important}.theme-dark .player-info small,.theme-dark .player-info .text-muted{color: var(--text-secondary) !important}.theme-dark .reason-cell{color: var(--text-primary) !important}.theme-dark td .text-primary{color: var(--primary) !important}.theme-dark td small:not(.text-muted){color: var(--text-secondary) !important}.theme-dark .table .badge{opacity: 1 !important}.theme-dark .table .badge.bg-danger{background: var(--danger) !important;color: white !important}.theme-dark .table .badge.bg-warning{background: var(--warning) !important;color: white !important}.theme-dark .table .badge.bg-success{background: var(--success) !important;color: white !important}.theme-dark .table .badge.bg-secondary{background: var(--gray-600) !important;color: white !important}.theme-dark .status-badge{font-weight: 600}.theme-dark .status-active{background: rgba(239,68,68,0.2);color: #fca5a5}.theme-dark .status-inactive{background: rgba(16,185,129,0.2);color: #6ee7b7}.theme-dark .status-expired{background: rgba(107,114,128,0.2);color: #d1d5db}.theme-dark .status-completed{background: rgba(107,114,128,0.2);color: #d1d5db}.theme-dark .table .btn-outline-primary{color: #818cf8 !important;border-color: #818cf8 !important;background: transparent !important}.theme-dark .table .btn-outline-primary:hover{background: #818cf8 !important;color: #0f0f0f !important;border-color: #818cf8 !important}.theme-dark .mobile-punishment-card .card{background: var(--card-bg) !important;border-color: var(--border-color) !important}.theme-dark .mobile-punishment-card .card-body{background: var(--card-bg) !important;color: var(--text-primary) !important}.theme-dark .mobile-punishment-card h6{color: var(--text-primary) !important}.theme-dark .mobile-punishment-card strong{color: var(--text-secondary) !important}.theme-dark .mobile-punishment-card div{color: var(--text-primary) !important}.theme-dark .mobile-punishment-card .text-muted{color: var(--text-secondary) !important}.theme-dark .mobile-punishment-card .text-primary{color: var(--primary) !important}.theme-light .table{background: var(--table-bg) !important;color: var(--text-primary) !important}.theme-light .table thead th{background: var(--bg-secondary) !important;color: var(--text-primary) !important;border-color: var(--border-color) !important}.theme-light .table tbody td{color: var(--text-primary) !important;border-color: var(--border-color) !important}.theme-light .table tbody tr:hover{background: var(--table-hover-bg) !important}.theme-dark td,.theme-dark th,.theme-dark .table,.theme-dark .table *{color: var(--text-primary) !important}.theme-dark td .text-muted,.theme-dark .table .text-muted{color: var(--text-secondary) !important}.theme-dark td .text-primary,.theme-dark .table .text-primary{color: var(--primary) !important}.theme-dark .stats-page .table td,.theme-dark .stats-page .table th{color: var(--text-primary) !important}.theme-dark .stats-page .fw-bold{color: var(--text-primary) !important}.theme-dark .admin-dashboard .table td,.theme-dark .admin-dashboard .table th{color: var(--text-primary) !important;background: var(--card-bg)}.theme-light .admin-dashboard .table td,.theme-light .admin-dashboard .table th{color: var(--text-primary) !important}.theme-dark .table-striped tbody tr:nth-of-type(odd){background: rgba(255,255,255,0.02)}.theme-light .table-striped tbody tr:nth-of-type(odd){background: rgba(0,0,0,0.01)}.theme-dark .btn-outline-primary{color: #818cf8;border-color: #818cf8}.theme-dark .btn-outline-primary:hover{background: #818cf8;color: #0f0f0f}.theme-light .btn-outline-primary{color: #4f46e5;border-color: #4f46e5}.theme-light .btn-outline-primary:hover{background: #4f46e5;color: white}.theme-dark .dropdown-menu{background: var(--dropdown-bg);border-color: var(--border-color)}.theme-light .dropdown-menu{background: var(--dropdown-bg);border-color: var(--border-color)}.theme-dark .dropdown-item{color: var(--dropdown-text)}.theme-light .dropdown-item{color: var(--dropdown-text)}.theme-dark #clear-cache-btn{background: var(--primary);color: white}.theme-light #clear-cache-btn{background: var(--primary);color: white}.theme-dark .form-control{background: var(--input-bg);color: var(--text-primary);border-color: var(--input-border)}.theme-light .form-control{background: var(--input-bg);color: var(--text-primary);border-color: var(--input-border)}.theme-dark .card{background: var(--card-bg);color: var(--text-primary)}.theme-light .card{background: var(--card-bg);color: var(--text-primary)}.theme-dark .alert-danger{background-color: rgba(239,68,68,0.15);color: #fca5a5;border-color: rgba(239,68,68,0.3)}.theme-light .alert-danger{background-color: rgba(239,68,68,0.1);color: #dc2626;border-color: rgba(239,68,68,0.3)}.theme-dark .modal-content{background: var(--card-bg);color: var(--text-primary)}.theme-light .modal-content{background: var(--card-bg);color: var(--text-primary)}.theme-dark ::-webkit-scrollbar{width: 12px;height: 12px}.theme-dark ::-webkit-scrollbar-track{background: var(--bg-secondary)}.theme-dark ::-webkit-scrollbar-thumb{background: var(--bg-tertiary);border-radius: var(--radius-sm);border: 2px solid var(--bg-secondary)}.theme-dark ::-webkit-scrollbar-thumb:hover{background: var(--border-strong)}.d-none{display: none !important}.d-inline{display: inline !important}.d-inline-block{display: inline-block !important}.d-block{display: block !important}.d-flex{display: flex !important}.d-inline-flex{display: inline-flex !important}.flex-row{flex-direction: row !important}.flex-column{flex-direction: column !important}.flex-wrap{flex-wrap: wrap !important}.flex-nowrap{flex-wrap: nowrap !important}.flex-grow-1{flex-grow: 1 !important}.flex-shrink-0{flex-shrink: 0 !important}.justify-content-start{justify-content: flex-start !important}.justify-content-end{justify-content: flex-end !important}.justify-content-center{justify-content: center !important}.justify-content-between{justify-content: space-between !important}.justify-content-around{justify-content: space-around !important}.align-items-start{align-items: flex-start !important}.align-items-end{align-items: flex-end !important}.align-items-center{align-items: center !important}.align-items-baseline{align-items: baseline !important}.align-items-stretch{align-items: stretch !important}.align-self-auto{align-self: auto !important}.align-self-start{align-self: flex-start !important}.align-self-end{align-self: flex-end !important}.align-self-center{align-self: center !important}.align-self-baseline{align-self: baseline !important}.align-self-stretch{align-self: stretch !important}.gap-0{gap: 0 !important}.gap-1{gap: var(--space-xs) !important}.gap-2{gap: var(--space-sm) !important}.gap-3{gap: var(--space-md) !important}.gap-4{gap: var(--space-lg) !important}.gap-5{gap: var(--space-xl) !important}.m-0{margin: 0 !important}.m-1{margin: var(--space-xs) !important}.m-2{margin: var(--space-sm) !important}.m-3{margin: var(--space-md) !important}.m-4{margin: var(--space-lg) !important}.m-5{margin: var(--space-xl) !important}.m-auto{margin: auto !important}.mt-0{margin-top: 0 !important}.mt-1{margin-top: var(--space-xs) !important}.mt-2{margin-top: var(--space-sm) !important}.mt-3{margin-top: var(--space-md) !important}.mt-4{margin-top: var(--space-lg) !important}.mt-5{margin-top: var(--space-xl) !important}.mt-auto{margin-top: auto !important}.mb-0{margin-bottom: 0 !important}.mb-1{margin-bottom: var(--space-xs) !important}.mb-2{margin-bottom: var(--space-sm) !important}.mb-3{margin-bottom: var(--space-md) !important}.mb-4{margin-bottom: var(--space-lg) !important}.mb-5{margin-bottom: var(--space-xl) !important}.mb-auto{margin-bottom: auto !important}.ms-0{margin-left: 0 !important}.ms-1{margin-left: var(--space-xs) !important}.ms-2{margin-left: var(--space-sm) !important}.ms-3{margin-left: var(--space-md) !important}.ms-4{margin-left: var(--space-lg) !important}.ms-5{margin-left: var(--space-xl) !important}.ms-auto{margin-left: auto !important}.me-0{margin-right: 0 !important}.me-1{margin-right: var(--space-xs) !important}.me-2{margin-right: var(--space-sm) !important}.me-3{margin-right: var(--space-md) !important}.me-4{margin-right: var(--space-lg) !important}.me-5{margin-right: var(--space-xl) !important}.me-auto{margin-right: auto !important}.mx-0{margin-left: 0 !important;margin-right: 0 !important}.mx-1{margin-left: var(--space-xs) !important;margin-right: var(--space-xs) !important}.mx-2{margin-left: var(--space-sm) !important;margin-right: var(--space-sm) !important}.mx-3{margin-left: var(--space-md) !important;margin-right: var(--space-md) !important}.mx-4{margin-left: var(--space-lg) !important;margin-right: var(--space-lg) !important}.mx-5{margin-left: var(--space-xl) !important;margin-right: var(--space-xl) !important}.mx-auto{margin-left: auto !important;margin-right: auto !important}.my-0{margin-top: 0 !important;margin-bottom: 0 !important}.my-1{margin-top: var(--space-xs) !important;margin-bottom: var(--space-xs) !important}.my-2{margin-top: var(--space-sm) !important;margin-bottom: var(--space-sm) !important}.my-3{margin-top: var(--space-md) !important;margin-bottom: var(--space-md) !important}.my-4{margin-top: var(--space-lg) !important;margin-bottom: var(--space-lg) !important}.my-5{margin-top: var(--space-xl) !important;margin-bottom: var(--space-xl) !important}.my-auto{margin-top: auto !important;margin-bottom: auto !important}.p-0{padding: 0 !important}.p-1{padding: var(--space-xs) !important}.p-2{padding: var(--space-sm) !important}.p-3{padding: var(--space-md) !important}.p-4{padding: var(--space-lg) !important}.p-5{padding: var(--space-xl) !important}.pt-0{padding-top: 0 !important}.pt-1{padding-top: var(--space-xs) !important}.pt-2{padding-top: var(--space-sm) !important}.pt-3{padding-top: var(--space-md) !important}.pt-4{padding-top: var(--space-lg) !important}.pt-5{padding-top: var(--space-xl) !important}.pb-0{padding-bottom: 0 !important}.pb-1{padding-bottom: var(--space-xs) !important}.pb-2{padding-bottom: var(--space-sm) !important}.pb-3{padding-bottom: var(--space-md) !important}.pb-4{padding-bottom: var(--space-lg) !important}.pb-5{padding-bottom: var(--space-xl) !important}.ps-0{padding-left: 0 !important}.ps-1{padding-left: var(--space-xs) !important}.ps-2{padding-left: var(--space-sm) !important}.ps-3{padding-left: var(--space-md) !important}.ps-4{padding-left: var(--space-lg) !important}.ps-5{padding-left: var(--space-xl) !important}.pe-0{padding-right: 0 !important}.pe-1{padding-right: var(--space-xs) !important}.pe-2{padding-right: var(--space-sm) !important}.pe-3{padding-right: var(--space-md) !important}.pe-4{padding-right: var(--space-lg) !important}.pe-5{padding-right: var(--space-xl) !important}.px-0{padding-left: 0 !important;padding-right: 0 !important}.px-1{padding-left: var(--space-xs) !important;padding-right: var(--space-xs) !important}.px-2{padding-left: var(--space-sm) !important;padding-right: var(--space-sm) !important}.px-3{padding-left: var(--space-md) !important;padding-right: var(--space-md) !important}.px-4{padding-left: var(--space-lg) !important;padding-right: var(--space-lg) !important}.px-5{padding-left: var(--space-xl) !important;padding-right: var(--space-xl) !important}.py-0{padding-top: 0 !important;padding-bottom: 0 !important}.py-1{padding-top: var(--space-xs) !important;padding-bottom: var(--space-xs) !important}.py-2{padding-top: var(--space-sm) !important;padding-bottom: var(--space-sm) !important}.py-3{padding-top: var(--space-md) !important;padding-bottom: var(--space-md) !important}.py-4{padding-top: var(--space-lg) !important;padding-bottom: var(--space-lg) !important}.py-5{padding-top: var(--space-xl) !important;padding-bottom: var(--space-xl) !important}.text-start{text-align: left !important}.text-end{text-align: right !important}.text-center{text-align: center !important}.text-lowercase{text-transform: lowercase !important}.text-uppercase{text-transform: uppercase !important}.text-capitalize{text-transform: capitalize !important}.fw-light{font-weight: 300 !important}.fw-normal{font-weight: 400 !important}.fw-medium{font-weight: 500 !important}.fw-semibold{font-weight: 600 !important}.fw-bold{font-weight: 700 !important}.fst-italic{font-style: italic !important}.fst-normal{font-style: normal !important}.text-decoration-none{text-decoration: none !important}.text-decoration-underline{text-decoration: underline !important}.text-decoration-line-through{text-decoration: line-through !important}.text-primary{color: var(--primary) !important}.text-secondary{color: var(--text-secondary) !important}.text-success{color: var(--success) !important}.text-danger{color: var(--danger) !important}.text-warning{color: var(--warning) !important}.text-info{color: var(--info) !important}.text-light{color: var(--gray-100) !important}.text-dark{color: var(--gray-900) !important}.text-body{color: var(--text-primary) !important}.text-muted{color: var(--text-muted) !important}.text-white{color: white !important}.fs-1{font-size: 2.5rem !important}.fs-2{font-size: 2rem !important}.fs-3{font-size: 1.75rem !important}.fs-4{font-size: 1.5rem !important}.fs-5{font-size: 1.25rem !important}.fs-6{font-size: 1rem !important}.small{font-size: 0.875rem !important}.smaller{font-size: 0.75rem !important}.lh-1{line-height: 1 !important}.lh-sm{line-height: 1.25 !important}.lh-base{line-height: 1.5 !important}.lh-lg{line-height: 2 !important}.font-monospace{font-family: var(--font-mono) !important}.w-25{width: 25% !important}.w-50{width: 50% !important}.w-75{width: 75% !important}.w-100{width: 100% !important}.w-auto{width: auto !important}.h-25{height: 25% !important}.h-50{height: 50% !important}.h-75{height: 75% !important}.h-100{height: 100% !important}.h-auto{height: auto !important}.mw-100{max-width: 100% !important}.mh-100{max-height: 100% !important}.min-vw-100{min-width: 100vw !important}.min-vh-100{min-height: 100vh !important}.vw-100{width: 100vw !important}.vh-100{height: 100vh !important}.position-static{position: static !important}.position-relative{position: relative !important}.position-absolute{position: absolute !important}.position-fixed{position: fixed !important}.position-sticky{position: sticky !important}.top-0{top: 0 !important}.top-50{top: 50% !important}.top-100{top: 100% !important}.bottom-0{bottom: 0 !important}.bottom-50{bottom: 50% !important}.bottom-100{bottom: 100% !important}.start-0{left: 0 !important}.start-50{left: 50% !important}.start-100{left: 100% !important}.end-0{right: 0 !important}.end-50{right: 50% !important}.end-100{right: 100% !important}.translate-middle{transform: translate(-50%,-50%) !important}.translate-middle-x{transform: translateX(-50%) !important}.translate-middle-y{transform: translateY(-50%) !important}.border{border: 1px solid var(--border-color) !important}.border-0{border: 0 !important}.border-top{border-top: 1px solid var(--border-color) !important}.border-end{border-right: 1px solid var(--border-color) !important}.border-bottom{border-bottom: 1px solid var(--border-color) !important}.border-start{border-left: 1px solid var(--border-color) !important}.border-primary{border-color: var(--primary) !important}.border-secondary{border-color: var(--secondary) !important}.border-success{border-color: var(--success) !important}.border-danger{border-color: var(--danger) !important}.border-warning{border-color: var(--warning) !important}.border-info{border-color: var(--info) !important}.border-light{border-color: var(--gray-200) !important}.border-dark{border-color: var(--gray-800) !important}.rounded{border-radius: var(--radius-md) !important}.rounded-0{border-radius: 0 !important}.rounded-1{border-radius: var(--radius-sm) !important}.rounded-2{border-radius: var(--radius-md) !important}.rounded-3{border-radius: var(--radius-lg) !important}.rounded-circle{border-radius: 50% !important}.rounded-pill{border-radius: var(--radius-full) !important}.rounded-top{border-top-left-radius: var(--radius-md) !important;border-top-right-radius: var(--radius-md) !important}.rounded-end{border-top-right-radius: var(--radius-md) !important;border-bottom-right-radius: var(--radius-md) !important}.rounded-bottom{border-bottom-right-radius: var(--radius-md) !important;border-bottom-left-radius: var(--radius-md) !important}.rounded-start{border-bottom-left-radius: var(--radius-md) !important;border-top-left-radius: var(--radius-md) !important}.shadow-none{box-shadow: none !important}.shadow-sm{box-shadow: var(--shadow-sm) !important}.shadow{box-shadow: var(--shadow) !important}.shadow-lg{box-shadow: var(--shadow-lg) !important}.overflow-auto{overflow: auto !important}.overflow-hidden{overflow: hidden !important}.overflow-visible{overflow: visible !important}.overflow-scroll{overflow: scroll !important}.overflow-x-auto{overflow-x: auto !important}.overflow-x-hidden{overflow-x: hidden !important}.overflow-x-visible{overflow-x: visible !important}.overflow-x-scroll{overflow-x: scroll !important}.overflow-y-auto{overflow-y: auto !important}.overflow-y-hidden{overflow-y: hidden !important}.overflow-y-visible{overflow-y: visible !important}.overflow-y-scroll{overflow-y: scroll !important}.visible{visibility: visible !important}.invisible{visibility: hidden !important}.opacity-0{opacity: 0 !important}.opacity-25{opacity: 0.25 !important}.opacity-50{opacity: 0.5 !important}.opacity-75{opacity: 0.75 !important}.opacity-100{opacity: 1 !important}.z-0{z-index: 0 !important}.z-10{z-index: 10 !important}.z-20{z-index: 20 !important}.z-30{z-index: 30 !important}.z-40{z-index: 40 !important}.z-50{z-index: 50 !important}.cursor-auto{cursor: auto !important}.cursor-pointer{cursor: pointer !important}.cursor-move{cursor: move !important}.cursor-not-allowed{cursor: not-allowed !important}.cursor-wait{cursor: wait !important}.user-select-all{user-select: all !important}.user-select-auto{user-select: auto !important}.user-select-none{user-select: none !important}.pe-none{pointer-events: none !important}.pe-auto{pointer-events: auto !important}.list-unstyled{padding-left: 0;list-style: none}.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.visually-hidden{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;white-space: nowrap !important;border: 0 !important}.fade{transition: opacity var(--transition-base)}.fade-in{animation: fadeIn var(--transition-base)}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@media (min-width: 576px){.d-sm-none{display: none !important}.d-sm-inline{display: inline !important}.d-sm-inline-block{display: inline-block !important}.d-sm-block{display: block !important}.d-sm-flex{display: flex !important}.d-sm-inline-flex{display: inline-flex !important}}@media (min-width: 768px){.d-md-none{display: none !important}.d-md-inline{display: inline !important}.d-md-inline-block{display: inline-block !important}.d-md-block{display: block !important}.d-md-flex{display: flex !important}.d-md-inline-flex{display: inline-flex !important}}@media (min-width: 992px){.d-lg-none{display: none !important}.d-lg-inline{display: inline !important}.d-lg-inline-block{display: inline-block !important}.d-lg-block{display: block !important}.d-lg-flex{display: flex !important}.d-lg-inline-flex{display: inline-flex !important}}@media (min-width: 1200px){.d-xl-none{display: none !important}.d-xl-inline{display: inline !important}.d-xl-inline-block{display: inline-block !important}.d-xl-block{display: block !important}.d-xl-flex{display: flex !important}.d-xl-inline-flex{display: inline-flex !important}}*{-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}@supports (-webkit-touch-callout: none){body{min-height: -webkit-fill-available}}@media (hover: none) and (pointer: coarse){button,a,input,select,textarea{min-height: 44px;min-width: 44px}.btn:hover,.card:hover{transform: none}}@media (max-width: 991px){.container{padding: 0 var(--space-md)}h1{font-size: 2rem}h2{font-size: 1.75rem}h3{font-size: 1.5rem}.card-body{padding: var(--space-md)}.table th,.table td{padding: var(--space-sm);font-size: 0.875rem}.stats-grid{grid-template-columns: repeat(2,1fr);gap: var(--space-md)}}@media (max-width: 768px){main.main-content{padding-top: 1rem;padding-bottom: 4rem}.container{padding: 0 var(--space-sm)}h1{font-size: 1.75rem}h2{font-size: 1.5rem}h3{font-size: 1.25rem}h4{font-size: 1.125rem}.btn{padding: var(--space-sm) var(--space-md);font-size: 0.875rem}.btn-lg{padding: var(--space-sm) var(--space-lg);font-size: 0.9375rem}.form-control{font-size: 16px}.card{border-radius: var(--radius-md)}.card-header,.card-body{padding: var(--space-md)}.stats-grid{grid-template-columns: 1fr}.stats-grid-2x2{grid-template-columns: 1fr;gap: var(--space-md)}.stat-card-compact{padding: var(--space-md);min-height: 100px}.stat-icon-compact{width: 40px;height: 40px;font-size: 1.25rem}.stat-number-compact{font-size: 1.5rem}.stat-label-compact{font-size: 0.8125rem}.stat-total-compact{font-size: 0.7rem}.table-responsive{display: none}.mobile-punishment-list{display: block}.mobile-punishment-card .card{margin-bottom: var(--space-sm)}.search-form .input-group-lg .form-control,.search-form .input-group-lg .input-group-text{padding: var(--space-sm) var(--space-sm);font-size: 16px !important;min-height: 44px}.search-form .btn-lg{padding: var(--space-sm) var(--space-md);font-size: 0.9375rem;min-height: 44px;white-space: nowrap}.search-form .row{margin: 0 -0.25rem}.search-form [class*="col-"]{padding: 0 0.25rem}.search-form .col-md-7,.search-form .col-md-2{flex: 0 0 auto;min-width: 0}.search-form .col-md-7{width: auto;flex-grow: 1;max-width: 100%}.search-form .col-md-2{width: 100px}.search-form .col-md-3{width: auto;flex-grow: 0;padding-left: 0.25rem}.search-form .d-flex.gap-2{gap: 0.5rem !important;width: 100%}.search-form .d-flex.gap-2 .btn{padding: var(--space-sm) var(--space-sm);font-size: 0.875rem}#search-results{margin-top: var(--space-md)}#search-results .table-responsive{margin: 0 -0.5rem;border-radius: 0;box-shadow: none}#search-results .table{font-size: 0.8125rem}#search-results .table td,#search-results .table th{padding: var(--space-xs)}.pagination{flex-wrap: wrap;gap: var(--space-xs)}.pagination-info{order: -1;width: 100%;text-align: center;margin-bottom: var(--space-sm)}.hero-gradient{height: 30vh;opacity: 0.03}.theme-dark .hero-gradient{opacity: 0.05}.hero-section h1{font-size: 2rem}.hero-section .lead{font-size: 1.1rem}.hero-section .card{padding: var(--space-lg) var(--space-md)}.details-grid{grid-template-columns: 1fr;gap: var(--space-md)}.detail-item{padding: var(--space-sm)}.player-card{padding: var(--space-lg)}.player-avatar{width: 96px;height: 96px}.footer{padding: var(--space-lg) 0;margin-bottom: 3rem}.footer .row{text-align: center}.footer p{font-size: 0.875rem}.modal-dialog{margin: var(--space-md)}.daily-activity-chart{height: 100px;overflow-x: auto;gap: 0.25rem}.day-bar{width: 30px;min-width: 30px}.day-count{font-size: 0.5rem}.day-label{font-size: 0.5rem}.reason-item{padding: var(--space-sm);font-size: 0.8125rem}.activity-summary{grid-template-columns: 1fr}.clear-cache-wrapper{bottom: 1rem;right: 1rem}#clear-cache-btn{font-size: 0.75rem;padding: 0.375rem 0.75rem}}@media (max-width: 576px){.container{padding: 0 0.75rem}body{font-size: 0.9375rem}.navbar-brand{font-size: 1.125rem}.navbar-brand-icon{width: 36px;height: 36px;font-size: 1.125rem}.badge{font-size: 0.7rem;padding: 0.2rem 0.5rem}.modal .table{font-size: 0.8125rem}.admin-search-result{font-size: 0.875rem;padding: var(--space-sm)}}@media (min-width: 992px){.table-responsive{display: block}.mobile-punishment-list{display: none}.navbar-controls{gap: var(--space-md)}.stat-card{padding: var(--space-2xl)}.details-grid{grid-template-columns: repeat(2,1fr)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card,.btn,.form-control,.table{border-width: 0.5px}}@media (max-height: 600px) and (orientation: landscape){.navbar-modern{padding: 0.5rem 0}main.main-content{padding-top: 1rem;padding-bottom: 1rem}.hero-section{margin-bottom: var(--space-lg)}.stats-overview{margin-bottom: var(--space-lg)}}@media print{.navbar-modern,.footer,.clear-cache-wrapper,.btn,.pagination,.theme-toggle-wrapper,.dropdown{display: none !important}body{color: black !important;background: white !important}.card{border: 1px solid #ddd !important;box-shadow: none !important}.table-responsive{overflow: visible !important}.table{border: 1px solid #ddd !important}.table th,.table td{border: 1px solid #ddd !important}}@media (max-width: 480px){.search-form{gap: 0.5rem}.search-form .row{margin: 0 -0.125rem;gap: 0.25rem !important}.search-form [class*="col-"]{padding: 0 0.125rem}.search-form .col-md-7{flex: 1 1 100%;width: 100%;margin-bottom: 0.25rem}.search-form .col-md-2,.search-form .col-md-3{flex: 0 0 auto;width: auto}.search-form .col-md-2{width: 80px}.search-form .input-group-lg .form-control,.search-form .input-group-lg .input-group-text{padding: 0.5rem 0.375rem;font-size: 15px !important}.search-form .d-flex.gap-2{flex-direction: row;width: 100%;gap: 0.25rem !important}.search-form .d-flex.gap-2 .btn{min-width: 44px;padding: 0.5rem 0.25rem}.punishments-page .mobile-punishment-card .card{margin: 0 0 var(--space-sm) 0;border-radius: var(--radius-md)}.punishments-page .mobile-punishment-card .avatar{width: 40px;height: 40px}.punishments-page .mobile-punishment-card h6{font-size: 0.9375rem}.punishments-page .mobile-punishment-card .badge{font-size: 0.65rem;padding: 0.35rem 0.5rem}.punishments-page .mobile-punishment-card .col-6{padding-left: 0;padding-right: 0.25rem}.punishments-page .mobile-punishment-card .col-12{padding: 0}.punishments-page .table{font-size: 0.75rem}.punishments-page .table th,.punishments-page .table td{padding: var(--space-xs);word-break: break-word}.mobile-punishment-card .reason-cell,.punishments-page .mobile-punishment-card [title]{white-space: normal !important;word-wrap: break-word;word-break: break-word;overflow-wrap: break-word;max-width: 100%;display: block;line-height: 1.4}.mobile-punishment-card .mt-1{white-space: normal !important;text-overflow: clip !important;overflow: visible !important;max-width: 100% !important;display: block;line-height: 1.4;word-break: break-word;overflow-wrap: break-word}.detail-page .details-grid{gap: var(--space-md)}.detail-page .badge{display: inline-block;margin-bottom: 0.25rem}}.hero-section{margin-bottom: var(--space-2xl)}.hero-section .card{background: linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 100%);border: none;padding: var(--space-2xl) var(--space-lg)}.hero-section h1{font-size: 3rem;background: linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-align: center;margin-bottom: var(--space-md)}.hero-section .lead{font-size: 1.25rem;color: var(--text-secondary);text-align: center;max-width: 600px;margin: 0 auto}.search-container{background: var(--card-bg);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: var(--space-2xl);box-shadow: var(--card-shadow);margin-bottom: var(--space-2xl)}@media (max-width: 768px){.search-container{padding: var(--space-lg)}}.search-container h3{text-align: center;margin-bottom: var(--space-xl);color: var(--text-primary)}.search-form{max-width: 800px;margin: 0 auto}#search-results{margin-top: var(--space-xl)}.search-results{animation: fadeIn var(--transition-base)}.search-results h4{margin-bottom: var(--space-lg);color: var(--text-primary)}.search-results .table{margin-bottom: 0}.mobile-search-results{display: flex;flex-direction: column;gap: var(--space-sm)}.search-result-card .card{border: 1px solid var(--border-color);transition: all var(--transition-fast)}.search-result-card:hover .card{border-color: var(--primary);box-shadow: var(--shadow-md)}.search-result-card .card-body{padding: var(--space-md)}.search-result-card strong{color: var(--text-secondary)}.search-result-card .text-primary{color: var(--primary) !important}@media (max-width: 576px){.search-container{padding: var(--space-md);margin-bottom: var(--space-lg)}.search-container h3{font-size: 1.125rem;margin-bottom: var(--space-md)}#search-results{margin-top: var(--space-md)}.search-results h4{font-size: 1rem;margin-bottom: var(--space-md)}.search-result-card .card-body{padding: var(--space-sm)}}.punishment-list{display: flex;flex-direction: column;gap: var(--space-sm)}.punishment-item{padding: var(--space-md);background: var(--bg-secondary);border-radius: var(--radius-md);transition: all var(--transition-fast)}.punishment-item:hover{background: var(--hover-bg);transform: translateX(4px)}.punishment-item .avatar{width: 40px;height: 40px}.punishment-item .fw-bold{color: var(--text-primary);font-weight: 600}.punishment-item small{color: var(--text-secondary)}.stats-overview{margin-bottom: var(--space-2xl)}.stats-overview h3{text-align: center;margin-bottom: var(--space-xl);color: var(--text-primary)}.stats-grid-2x2{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--space-lg)}@media (max-width: 576px){.stats-grid-2x2{grid-template-columns: 1fr;gap: var(--space-md)}}.stat-card-compact{background: var(--card-bg);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: var(--space-xl);position: relative;overflow: hidden;transition: all var(--transition-base);display: flex;align-items: center;gap: var(--space-lg);min-height: 120px}@media (max-width: 576px){.stat-card-compact{padding: var(--space-md);gap: var(--space-md);min-height: 100px}}.stat-card-compact::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px}.stat-card-compact:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.stat-card-compact.bg-danger{background: var(--danger);color: white !important}.stat-card-compact.bg-danger *{color: white !important}.stat-card-compact.bg-danger::before{background: var(--danger-hover)}.stat-card-compact.bg-warning{background: var(--warning);color: white !important}.stat-card-compact.bg-warning *{color: white !important}.stat-card-compact.bg-warning::before{background: var(--warning-hover)}.stat-card-compact.bg-info{background: var(--info);color: white !important}.stat-card-compact.bg-info *{color: white !important}.stat-card-compact.bg-info::before{background: var(--info-hover)}.stat-card-compact.bg-secondary{background: var(--gray-600);color: white !important}.stat-card-compact.bg-secondary *{color: white !important}.stat-card-compact.bg-secondary::before{background: var(--gray-700)}.stat-icon-compact{width: 48px;height: 48px;background: rgba(255,255,255,0.2);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: white !important;flex-shrink: 0}@media (max-width: 576px){.stat-icon-compact{width: 40px;height: 40px;font-size: 1.25rem}}.stat-content-compact{flex: 1;display: flex;flex-direction: column}.stat-number-compact{font-size: 2rem;font-weight: 700;line-height: 1;color: white !important;margin-bottom: var(--space-xs)}@media (max-width: 576px){.stat-number-compact{font-size: 1.5rem}}.stat-label-compact{font-size: 0.875rem;font-weight: 600;color: white !important;margin-bottom: var(--space-xs);opacity: 0.95}@media (max-width: 576px){.stat-label-compact{font-size: 0.8125rem}}.stat-total-compact{font-size: 0.75rem;color: white !important;opacity: 0.85}@media (max-width: 576px){.stat-total-compact{font-size: 0.7rem}}.stats-overview .btn-outline-primary{margin-top: var(--space-lg)}.recent-activity{margin-top: var(--space-2xl)}@media (max-width: 768px){.hero-section h1{font-size: 2rem}.hero-section .lead{font-size: 1.1rem}.hero-section .card{padding: var(--space-lg) var(--space-md)}.search-container{padding: var(--space-lg)}.search-container h3{font-size: 1.25rem;margin-bottom: var(--space-lg)}.punishment-item{padding: var(--space-sm)}.punishment-item .avatar{width: 32px;height: 32px}}.stats-page{padding-bottom: var(--space-2xl)}.stats-grid-main{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: var(--space-lg);margin-bottom: var(--space-2xl)}.stat-card-main{border-radius: var(--radius-lg);padding: var(--space-xl);position: relative;overflow: hidden;transition: all var(--transition-base);display: flex;align-items: center;gap: var(--space-lg);min-height: 140px;color: white !important;box-shadow: var(--shadow-md)}.stat-card-main::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: rgba(255,255,255,0.3)}.stat-card-main:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl)}.bg-danger-gradient{background: linear-gradient(135deg,#ef4444,#dc2626)}.bg-warning-gradient{background: linear-gradient(135deg,#f59e0b,#d97706)}.bg-info-gradient{background: linear-gradient(135deg,#06b6d4,#0891b2)}.bg-secondary-gradient{background: linear-gradient(135deg,#6b7280,#4b5563)}.stat-icon-main{width: 56px;height: 56px;background: rgba(255,255,255,0.2);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;font-size: 1.75rem;color: white !important;flex-shrink: 0}.stat-content-main{flex: 1;display: flex;flex-direction: column;min-width: 0}.stat-number-main{font-size: 2.25rem;font-weight: 700;line-height: 1;color: white !important;margin-bottom: var(--space-xs)}.stat-label-main{font-size: 1rem;font-weight: 600;color: white !important;margin-bottom: var(--space-xs);opacity: 0.95}.stat-total-main{font-size: 0.875rem;color: white !important;opacity: 0.85}.activity-timeline{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: var(--space-lg)}.timeline-item{background: var(--bg-secondary);border-radius: var(--radius-md);padding: var(--space-lg);transition: all var(--transition-fast)}.timeline-item:hover{background: var(--hover-bg);transform: translateY(-2px)}.timeline-header h6{color: var(--text-primary);font-weight: 600;text-align: center}.activity-stats{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--space-sm);margin-top: var(--space-md)}.activity-stat-item{text-align: center;padding: var(--space-sm);background: var(--bg-tertiary);border-radius: var(--radius-sm);transition: all var(--transition-fast)}.activity-stat-item:hover{transform: scale(1.05)}.activity-stat-count{display: block;font-size: 1.5rem;font-weight: 700;margin-bottom: var(--space-xs)}.activity-stat-label{font-size: 0.75rem;color: var(--text-secondary);font-weight: 500}.top-players-list,.staff-list{display: flex;flex-direction: column;gap: var(--space-sm)}.player-rank-item,.staff-item{display: flex;align-items: center;gap: var(--space-md);padding: var(--space-sm);background: var(--bg-secondary);border-radius: var(--radius-sm);transition: all var(--transition-fast)}.player-rank-item:hover,.staff-item:hover{background: var(--hover-bg);transform: translateX(4px)}.rank-number{width: 30px;height: 30px;background: var(--primary);color: white;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.875rem;flex-shrink: 0}.player-details,.staff-details{display: flex;align-items: center;gap: var(--space-sm);flex: 1;min-width: 0}.player-avatar-small{width: 32px;height: 32px;border-radius: var(--radius-sm);flex-shrink: 0}.player-name{display: flex;flex-direction: column;min-width: 0}.player-name .fw-bold{color: var(--text-primary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.last-ban-time{font-size: 0.75rem;color: var(--text-secondary)}.ban-stats,.punishment-breakdown{display: flex;gap: var(--space-xs);align-items: center;flex-shrink: 0}.breakdown-details{display: flex;gap: var(--space-xs);font-size: 0.875rem;font-weight: 600}.breakdown-details span{white-space: nowrap}.reasons-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: var(--space-sm)}.reason-card{display: flex;justify-content: space-between;align-items: center;padding: var(--space-md);background: var(--bg-secondary);border-radius: var(--radius-sm);transition: all var(--transition-fast);gap: var(--space-md)}.reason-card:hover{background: var(--hover-bg);transform: translateX(4px)}.reason-text{flex: 1;font-size: 0.875rem;color: var(--text-primary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.reason-count{flex-shrink: 0}.daily-chart-container{overflow-x: auto;padding: var(--space-sm);-webkit-overflow-scrolling: touch;cursor: grab}.daily-chart-container:active{cursor: grabbing}.daily-chart-container.active{cursor: grabbing}.daily-activity-chart{display: flex;justify-content: space-around;align-items: flex-end;height: 150px;min-width: 350px;gap: var(--space-sm)}.day-column{display: flex;flex-direction: column;align-items: center;gap: var(--space-xs);flex: 1;max-width: 60px}.day-bar{background: linear-gradient(135deg,var(--primary),var(--secondary));border-radius: var(--radius-sm);width: 100%;min-height: 20px;display: flex;align-items: flex-end;justify-content: center;padding: var(--space-xs);position: relative;transition: all var(--transition-fast)}.day-bar:hover{transform: scale(1.1);box-shadow: 0 4px 12px rgba(99,102,241,0.3)}.day-count{color: white;font-size: 0.75rem;font-weight: 600}.day-label{font-size: 0.75rem;color: var(--text-secondary);font-weight: 500;text-transform: uppercase}@media (max-width: 1200px){.stats-grid-main{grid-template-columns: repeat(2,1fr)}}@media (max-width: 768px){.stats-grid-main{grid-template-columns: 1fr;gap: var(--space-md)}.stat-card-main{padding: var(--space-md);min-height: 110px;gap: var(--space-md)}.stat-icon-main{width: 48px;height: 48px;font-size: 1.5rem}.stat-number-main{font-size: 1.75rem}.stat-label-main{font-size: 0.875rem}.stat-total-main{font-size: 0.75rem}.activity-timeline{grid-template-columns: 1fr}.activity-stats{grid-template-columns: repeat(4,1fr)}.activity-stat-count{font-size: 1.25rem}.activity-stat-label{font-size: 0.625rem}.player-rank-item,.staff-item{padding: var(--space-xs);gap: var(--space-sm)}.rank-number{width: 24px;height: 24px;font-size: 0.75rem}.player-avatar-small{width: 28px;height: 28px}.player-name .fw-bold,.staff-details .fw-bold{font-size: 0.875rem}.last-ban-time{font-size: 0.625rem}.badge{font-size: 0.625rem !important;padding: 0.125rem 0.375rem !important}.breakdown-details{font-size: 0.75rem;gap: 0.25rem}.reasons-grid{grid-template-columns: 1fr}.reason-card{padding: var(--space-sm)}.reason-text{font-size: 0.8125rem}.daily-activity-chart{height: 100px;min-width: 300px}.day-column{max-width: 40px}.day-count{font-size: 0.625rem}.day-label{font-size: 0.625rem}}@media (max-width: 576px){.stat-card-main{flex-direction: column;text-align: center;padding: var(--space-md);min-height: auto}.stat-icon-main{width: 56px;height: 56px;font-size: 1.75rem}.stat-content-main{align-items: center}.activity-stats{grid-template-columns: repeat(2,1fr)}.timeline-item{padding: var(--space-md)}.ban-stats,.punishment-breakdown{flex-direction: column;gap: 0.25rem;align-items: flex-end}.breakdown-details{display: none}.staff-item .badge.bg-primary{display: inline-flex}}.theme-dark .timeline-item{background: var(--bg-secondary)}.theme-dark .activity-stat-item{background: var(--bg-tertiary)}.theme-dark .player-rank-item,.theme-dark .staff-item,.theme-dark .reason-card{background: var(--bg-secondary)}.theme-dark .player-rank-item:hover,.theme-dark .staff-item:hover,.theme-dark .reason-card:hover{background: var(--hover-bg)}.theme-light .stat-card-main{box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1)}.theme-light .stat-card-main:hover{box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1)}@keyframes fadeInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.stats-page .stat-card-main{animation: fadeInUp 0.6s ease-out backwards}.stats-page .stat-card-main:nth-child(1){animation-delay: 0.1s}.stats-page .stat-card-main:nth-child(2){animation-delay: 0.2s}.stats-page .stat-card-main:nth-child(3){animation-delay: 0.3s}.stats-page .stat-card-main:nth-child(4){animation-delay: 0.4s}@media (hover: none){.stat-card-main:active{transform: scale(0.98)}.player-rank-item:active,.staff-item:active,.reason-card:active{background: var(--hover-bg)}}.daily-chart-container::-webkit-scrollbar{height: 6px}.daily-chart-container::-webkit-scrollbar-track{background: var(--bg-tertiary);border-radius: var(--radius-sm)}.daily-chart-container::-webkit-scrollbar-thumb{background: var(--primary);border-radius: var(--radius-sm)}.daily-chart-container::-webkit-scrollbar-thumb:hover{background: var(--primary-hover)}#stats-clear-cache-btn{white-space: nowrap}@media (max-width: 576px){#stats-clear-cache-btn{font-size: 0.75rem;padding: 0.375rem 0.75rem}#stats-clear-cache-btn i{font-size: 0.875rem}}#cacheModal .modal-content{border: none;border-radius: 1rem;box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1)}#cacheModal .modal-header{border-bottom: 1px solid var(--border-color);background: var(--bg-secondary);border-radius: 1rem 1rem 0 0}#cacheModal .modal-body{padding: 1.5rem}#cacheModal .modal-footer{border-top: 1px solid var(--border-color);background: var(--bg-secondary);border-radius: 0 0 1rem 1rem}.theme-dark #cacheModal .modal-content{background: var(--card-bg);color: var(--text-primary)}.theme-light #cacheModal .modal-content{background: var(--card-bg);color: var(--text-primary)}#clear-cache-btn{transition: all 0.3s ease}#clear-cache-btn:hover{transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0,0,0,0.1)}#clear-cache-btn:disabled{pointer-events: none;opacity: 0.6}#confirm-clear-cache:disabled{pointer-events: none;opacity: 0.6}@media (max-width: 576px){#cacheModal .modal-dialog{margin: 1rem}#cacheModal .modal-body{padding: 1rem}#clear-cache-btn{font-size: 0.75rem;padding: 0.375rem 0.75rem}#clear-cache-btn .d-none.d-sm-inline{display: none !important}}.punishments-page h1{display: flex;align-items: center;gap: var(--space-sm);margin-bottom: var(--space-xl)}.table-responsive{border-radius: var(--radius-lg);box-shadow: var(--card-shadow);overflow: auto;background: var(--table-bg);-webkit-overflow-scrolling: touch}.table{margin-bottom: 0;background: var(--table-bg);table-layout: auto}.table thead{background: var(--bg-tertiary);position: sticky;top: 0;z-index: 10}.table thead th{background: var(--bg-tertiary);color: var(--text-primary) !important;border-bottom: 2px solid var(--border-color);padding: var(--space-sm);vertical-align: middle;white-space: nowrap}.sort-link{color: var(--text-primary) !important;text-decoration: none;display: inline-flex;align-items: center;gap: 0.5rem;cursor: pointer;transition: color var(--transition-fast)}.sort-link:hover{color: var(--primary) !important}.sort-link i{font-size: 0.875rem;opacity: 0.6;transition: opacity var(--transition-fast)}.sort-link:hover i{opacity: 1}.table tbody{background: var(--table-bg)}.table tbody tr{cursor: pointer;transition: all var(--transition-fast);background: transparent;border-color: var(--border-color)}.table tbody tr:hover{background: var(--table-hover-bg);transform: translateX(2px)}.table tbody td{background: transparent;color: var(--text-primary) !important;border-color: var(--border-color);padding: var(--space-sm);vertical-align: middle;word-wrap: break-word;word-break: break-word}.player-info{display: flex;align-items: center;gap: var(--space-sm)}.player-info .avatar{width: 40px;height: 40px;border-radius: var(--radius-md);flex-shrink: 0}.player-info > div{flex: 1}.player-info .fw-bold{font-weight: 600;color: var(--text-primary) !important;display: block}.player-info small{font-size: 0.75rem;color: var(--text-secondary) !important;font-family: var(--font-mono);display: block}.reason-cell{display: inline-block;vertical-align: middle;padding: 0 0.25rem;color: var(--text-primary) !important;line-height: 1.4;cursor: help;border-bottom: 1px dotted var(--border-color);transition: color var(--transition-fast);word-wrap: break-word;word-break: break-word}.reason-cell:hover{color: var(--primary) !important}.table .text-primary{color: var(--primary) !important}.table small{color: var(--text-secondary) !important}.mobile-punishment-list{display: none;margin: 0 calc(var(--space-sm) * -1)}.mobile-punishment-card{cursor: pointer;transition: all var(--transition-fast);margin-bottom: var(--space-md)}.mobile-punishment-card:hover{transform: translateY(-2px)}.mobile-punishment-card .card{border: 1px solid var(--border-color);transition: all var(--transition-fast);margin: 0 var(--space-sm);background: var(--card-bg);border-radius: var(--radius-lg)}.mobile-punishment-card:active .card,.mobile-punishment-card:hover .card{border-color: var(--primary);box-shadow: var(--shadow-md)}.mobile-punishment-card .avatar{width: 48px;height: 48px;border-radius: var(--radius-md);flex-shrink: 0}.mobile-punishment-card h6{font-size: 1rem;color: var(--text-primary) !important;margin-bottom: 0.25rem;word-break: break-word}.mobile-punishment-card .badge{font-size: 0.75rem;display: inline-block;margin-right: 0.25rem;margin-bottom: 0.25rem}.mobile-punishment-card .text-truncate{color: var(--text-primary) !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mobile-punishment-card .text-muted{color: var(--text-secondary) !important;font-size: 0.875rem}.mobile-punishment-card strong{color: var(--text-secondary) !important;font-weight: 600}.mobile-punishment-card .row{margin-left: 0;margin-right: 0;gap: var(--space-xs)}.mobile-punishment-card .col-6,.mobile-punishment-card .col-12{padding-left: 0;padding-right: var(--space-sm)}.mobile-punishment-card .card-body{padding: var(--space-md)}.status-badge{font-size: 0.75rem;padding: var(--space-xs) var(--space-sm)}.no-data-state{text-align: center;padding: var(--space-3xl) var(--space-lg)}.no-data-state i{font-size: 3rem;color: var(--text-tertiary);margin-bottom: var(--space-md)}.no-data-state h4{color: var(--text-secondary);margin-bottom: var(--space-sm)}.no-data-state p{color: var(--text-tertiary)}.pagination{display: flex;align-items: center;justify-content: center;gap: var(--space-sm);margin-top: var(--space-xl)}.pagination .btn{min-width: auto;padding: var(--space-sm) var(--space-md)}.pagination .btn.disabled{opacity: 0.5;cursor: not-allowed}.pagination-info{padding: var(--space-sm) var(--space-lg);background: var(--bg-secondary);border-radius: var(--radius-md);color: var(--text-secondary);font-weight: 500}@media (max-width: 768px){.table-responsive{display: none}.mobile-punishment-list{display: block}.punishments-page h1{font-size: 1.5rem;margin-bottom: var(--space-lg)}.pagination{flex-wrap: wrap}.pagination-info{order: -1;width: 100%;text-align: center;margin-bottom: var(--space-sm);font-size: 0.875rem}.pagination .btn{font-size: 0.875rem;padding: var(--space-xs) var(--space-sm)}}.punishments-page .fa-ban{color: var(--danger)}.punishments-page .fa-volume-mute{color: var(--warning)}.punishments-page .fa-exclamation-triangle{color: var(--info)}.punishments-page .fa-sign-out-alt{color: var(--gray-600)}.punishments-page .table-responsive{border-radius: var(--radius-lg);box-shadow: var(--card-shadow);overflow: hidden;background: var(--card-bg);border: 1px solid var(--border-color)}.punishments-page .table{margin-bottom: 0;background: transparent}.punishments-page .table thead{background: var(--bg-tertiary)}.punishments-page .table thead th{background: var(--bg-tertiary);color: var(--text-primary) !important;border-bottom: 2px solid var(--border-color)}.punishments-page .table tbody{background: var(--card-bg)}.punishments-page .table tbody tr{cursor: pointer;transition: all var(--transition-fast);background: transparent}.punishments-page .table tbody tr:hover{background: var(--table-hover-bg);transform: translateX(2px)}.punishments-page .table tbody td{background: transparent;color: var(--text-primary) !important;border-color: var(--border-color)}@media (min-width: 992px) and (max-width: 1279.98px){.table-responsive .table thead th,.table-responsive .table tbody td{padding: 0.375rem 0.5rem;font-size: 0.8125rem}.table-responsive .player-info{gap: 0.375rem}.table-responsive .avatar{width: 30px;height: 30px}.table-responsive .reason-cell{max-width: 140px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.table-responsive .badge,.table-responsive .status-badge{font-size: 0.6875rem;padding: 0.2rem 0.4rem}.table-responsive .btn-sm{padding: 0.25rem 0.5rem;font-size: 0.75rem}.table-responsive .btn-sm i{display: none}.table-responsive .font-monospace{font-size: 0.75rem}.table-responsive .sort-link{gap: 0.25rem}.table-responsive .sort-link i{font-size: 0.75rem}.table-responsive.d-none.d-lg-block .table thead th:nth-child(2),.table-responsive.d-none.d-lg-block .table tbody td:nth-child(2){display: none}}.punishment-detail{animation: fadeIn var(--transition-slow)}.detail-card{margin-bottom: var(--space-xl);border: none;box-shadow: var(--shadow-lg)}.detail-card .card-header{background: var(--bg-secondary);border-bottom: 2px solid var(--border-color)}.detail-card .card-header h3{margin: 0;display: flex;align-items: center;gap: var(--space-sm)}.player-card{padding: var(--space-2xl);background: var(--bg-secondary);border-radius: var(--radius-lg);text-align: center}.player-avatar{width: 128px;height: 128px;border-radius: var(--radius-lg);box-shadow: 0 4px 12px rgba(0,0,0,0.1);margin: 0 auto var(--space-lg)}.player-card h4{margin-bottom: var(--space-sm);color: var(--text-primary)}.player-card .font-monospace{font-size: 0.875rem;color: var(--text-tertiary);word-break: break-all}.details-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--space-lg)}.detail-item{background: var(--bg-secondary);padding: var(--space-md);border-radius: var(--radius-md);transition: all var(--transition-fast)}.detail-item:hover{background: var(--hover-bg)}.detail-item.full-width{grid-column: 1 / -1}.detail-label{display: block;font-size: 0.875rem;color: var(--text-secondary);margin-bottom: var(--space-xs);font-weight: 500;display: flex;align-items: center;gap: var(--space-xs)}.detail-value{color: var(--text-primary);font-weight: 600;font-size: 1rem}.detail-item .progress{height: 1.5rem;background-color: var(--bg-tertiary);margin-top: var(--space-sm)}.detail-item .progress-bar{font-size: 0.875rem;font-weight: 600;color: white}.related-punishments-card .card-header h5{margin: 0;display: flex;align-items: center;gap: var(--space-sm)}.related-punishments-card .table{margin-bottom: 0}.related-punishments-card .table td{vertical-align: middle}.related-punishments-card .text-truncate{max-width: 200px}.breadcrumb{background: var(--bg-secondary);padding: var(--space-md);border-radius: var(--radius-md);margin-bottom: var(--space-lg)}.breadcrumb-item + .breadcrumb-item::before{color: var(--text-tertiary);content: "/";padding: 0 var(--space-sm)}.breadcrumb-item a{color: var(--text-secondary);text-decoration: none;transition: color var(--transition-fast)}.breadcrumb-item a:hover{color: var(--primary)}.breadcrumb-item.active{color: var(--text-primary)}.detail-card .badge{font-size: 0.875rem;padding: var(--space-xs) var(--space-md)}.detail-value .badge{margin-right: var(--space-xs)}@media (max-width: 768px){.player-card{padding: var(--space-lg)}.player-avatar{width: 96px;height: 96px}.details-grid{grid-template-columns: 1fr;gap: var(--space-md)}.detail-item{padding: var(--space-sm)}.detail-label{font-size: 0.8125rem}.detail-value{font-size: 0.9375rem}.breadcrumb{padding: var(--space-sm) var(--space-md);font-size: 0.875rem}.related-punishments-card .table{font-size: 0.875rem}.related-punishments-card .btn-sm{padding: var(--space-xs);font-size: 0.75rem}}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.login-card{background: var(--card-bg);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--card-shadow);overflow: hidden;max-width: 400px;margin: 0 auto}.login-header{background: var(--primary);color: white;text-align: center;padding: var(--space-2xl)}.login-icon{width: 80px;height: 80px;margin: 0 auto var(--space-md);background: rgba(255,255,255,0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem}.login-body{padding: var(--space-2xl)}.form-floating{position: relative;margin-bottom: var(--space-lg)}.form-floating > .form-control{height: calc(3.5rem + 2px);line-height: 1.25;padding: 1rem 0.75rem;background: var(--input-bg);border: 2px solid var(--input-border);border-radius: var(--radius-md);color: var(--text-primary);transition: all var(--transition-fast)}.form-floating > .form-control:focus{border-color: var(--primary);box-shadow: 0 0 0 3px rgba(129,140,248,0.1);background: var(--input-bg);color: var(--text-primary)}.form-floating > label{position: absolute;top: 0;left: 0;height: 100%;padding: 1rem 0.75rem;pointer-events: none;border: 2px solid transparent;transform-origin: 0 0;transition: opacity 0.1s ease-in-out,transform 0.1s ease-in-out;color: var(--text-secondary)}.form-floating > .form-control:focus ~ label,.form-floating > .form-control:not(:placeholder-shown) ~ label{opacity: 0.65;transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.btn-login{width: 100%;padding: var(--space-md);font-weight: 600;background: linear-gradient(135deg,var(--primary),var(--primary-hover));border: none;border-radius: var(--radius-md);color: white;transition: all var(--transition-fast)}.btn-login:hover{transform: translateY(-1px);box-shadow: var(--shadow-lg);background: linear-gradient(135deg,var(--primary-hover),var(--primary))}.admin-stat-card{background: linear-gradient(135deg,var(--danger),var(--danger-hover));border: none;border-radius: var(--radius-lg);color: white;overflow: hidden;transition: all var(--transition-fast)}.admin-stat-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.admin-stat-card.bg-warning{background: linear-gradient(135deg,var(--warning),var(--warning-hover))}.admin-stat-card.bg-info{background: linear-gradient(135deg,var(--info),var(--info-hover))}.admin-stat-card.bg-secondary{background: linear-gradient(135deg,var(--secondary),var(--secondary-hover))}.admin-stat-card.bg-success{background: linear-gradient(135deg,var(--success),var(--success-hover))}.admin-stat-card .card-body{padding: var(--space-xl)}.admin-stat-card h6,.admin-stat-card h2,.admin-stat-card small{color: white !important}.admin-stat-card .fa-2x{opacity: 0.5}.admin-search-result{padding: var(--space-lg);background: var(--bg-secondary);border-radius: var(--radius-md);margin-bottom: var(--space-sm);transition: all var(--transition-fast);border: 1px solid var(--border-color)}.admin-search-result:hover{background: var(--hover-bg);transform: translateX(4px);border-color: var(--primary)}.admin-search-result .fw-bold{color: var(--text-primary) !important}.admin-search-result .text-muted{color: var(--text-secondary) !important}.admin-search-result .badge{font-size: 0.75rem}.admin-search-result .small{font-size: 0.875rem;color: var(--text-secondary) !important}.admin-search-result strong{color: var(--text-primary) !important}.admin-dashboard .table{background: var(--table-bg);color: var(--text-primary)}.admin-dashboard .table td,.admin-dashboard .table th{color: var(--text-primary) !important;border-color: var(--border-color)}.admin-dashboard .table-sm td,.admin-dashboard .table-sm th{color: var(--text-primary) !important}.admin-dashboard .progress{background: var(--bg-tertiary)}.admin-dashboard .progress-bar{color: white !important}.admin-dashboard .card .table td:first-child{color: var(--text-secondary) !important}.admin-dashboard .card .table td:last-child{color: var(--text-primary) !important;font-weight: 500}.remove-punishment-btn{font-size: 0.875rem;padding: var(--space-xs) var(--space-sm)}.phpinfo-container{max-height: 500px;overflow-y: auto;overflow-x: auto;border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: var(--space-md);background: var(--bg-secondary);-webkit-overflow-scrolling: touch}.phpinfo-container table{width: 100%;margin-bottom: var(--space-md);border-collapse: collapse;font-size: 0.875rem;min-width: 300px}.phpinfo-container td{padding: var(--space-sm);border: 1px solid var(--border-color);color: var(--text-primary) !important;background: var(--card-bg);word-break: break-word;overflow-wrap: break-word;vertical-align: top}.phpinfo-container th{padding: var(--space-sm);border: 1px solid var(--border-color);background: var(--bg-secondary);color: var(--text-primary) !important;font-weight: 600;text-align: left}.phpinfo-container h3,.phpinfo-container h4{color: var(--primary) !important;margin-top: var(--space-lg);margin-bottom: var(--space-md);font-size: 1.125rem}.phpinfo-container h1,.phpinfo-container h2{color: var(--primary) !important;margin-top: var(--space-lg);margin-bottom: var(--space-md)}.btn-group-wrap{display: flex;flex-wrap: wrap;gap: var(--space-xs);margin-bottom: var(--space-md)}.phpinfo-btn{transition: all var(--transition-fast);font-size: 0.875rem;padding: var(--space-sm) var(--space-md);border: 1px solid var(--border-color);background: var(--bg-secondary);color: var(--text-primary);border-radius: var(--radius-sm)}.phpinfo-btn:hover{background: var(--hover-bg);border-color: var(--primary);color: var(--primary)}.phpinfo-btn.active{background: var(--primary) !important;color: white !important;border-color: var(--primary) !important}.phpinfo-mobile-wrapper{overflow-x: auto;-webkit-overflow-scrolling: touch}#settings-form .form-label{font-weight: 500;color: var(--text-secondary);margin-bottom: var(--space-xs)}#settings-form .form-text{font-size: 0.8125rem;color: var(--text-tertiary)}#settings-form .form-control,#settings-form select{background: var(--input-bg);border-color: var(--input-border);color: var(--text-primary)}#settings-form .form-control:focus,#settings-form select:focus{border-color: var(--input-focus);background: var(--input-bg);color: var(--text-primary)}.admin-dashboard .card{background: var(--card-bg);border: 1px solid var(--border-color);color: var(--text-primary)}.admin-dashboard .card-header{background: var(--bg-secondary);border-bottom: 1px solid var(--border-color);color: var(--text-primary)}.admin-dashboard .card-body{color: var(--text-primary)}.admin-dashboard .btn-primary{background: linear-gradient(135deg,var(--primary),var(--primary-hover));border: none}.admin-dashboard .btn-warning{background: linear-gradient(135deg,var(--warning),var(--warning-hover));border: none;color: white}.admin-dashboard .btn-success{background: linear-gradient(135deg,var(--success),var(--success-hover));border: none}.admin-dashboard .btn-danger{background: linear-gradient(135deg,var(--danger),var(--danger-hover));border: none}.admin-dashboard .btn-outline-primary{color: var(--primary);border-color: var(--primary)}.admin-dashboard .btn-outline-primary:hover{background: var(--primary);border-color: var(--primary);color: white}.admin-dashboard .progress{background: var(--bg-tertiary)}#filter-options{transition: all var(--transition-fast)}.form-check-input{background-color: var(--input-bg);border-color: var(--input-border)}.form-check-input:checked{background-color: var(--primary);border-color: var(--primary)}@media (max-width: 768px){.nav-tabs{overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;padding: var(--space-xs);scrollbar-width: none;-ms-overflow-style: none}.nav-tabs::-webkit-scrollbar{display: none}.nav-tabs .nav-link{padding: var(--space-sm) var(--space-md);font-size: 0.875rem;flex-shrink: 0;display: inline-flex;align-items: center;gap: 0.375rem}.admin-stat-card{margin-bottom: var(--space-md)}.admin-stat-card h2{font-size: 1.5rem}.admin-stat-card .opacity-50{font-size: 2rem}.admin-search-result{padding: var(--space-md);font-size: 0.875rem}.admin-search-result .small{font-size: 0.75rem}.login-card{margin: var(--space-md)}.login-icon{width: 64px;height: 64px;font-size: 1.5rem}.login-body{padding: var(--space-lg)}.phpinfo-container{max-height: 400px;padding: var(--space-sm);margin: 0 calc(var(--space-sm) * -1);border-radius: 0;border-left: none;border-right: none}.phpinfo-container table{font-size: 0.75rem;min-width: 280px}.phpinfo-container td,.phpinfo-container th{padding: var(--space-xs);font-size: 0.75rem;line-height: 1.3}.phpinfo-container h3,.phpinfo-container h4{font-size: 1rem;margin-top: var(--space-md);margin-bottom: var(--space-sm)}.btn-group-wrap{justify-content: flex-start;gap: var(--space-xs)}.phpinfo-btn{font-size: 0.75rem;padding: var(--space-xs) var(--space-sm);flex: 1;min-width: 0;text-align: center}.form-control{font-size: 16px}.card{margin-bottom: var(--space-md)}.card-body{padding: var(--space-md)}.table-responsive{margin: 0 calc(var(--space-sm) * -1);border-radius: 0}.table{font-size: 0.875rem}.admin-dashboard h1{font-size: 1.5rem;margin-bottom: var(--space-lg)}.d-flex.justify-content-between{flex-direction: column;gap: var(--space-md)}.d-flex.gap-2{gap: var(--space-sm) !important;justify-content: center}}@media (max-width: 576px){.container{padding: 0 var(--space-sm)}.phpinfo-container{max-height: 350px;padding: var(--space-xs)}.phpinfo-container table{font-size: 0.7rem}.phpinfo-container td,.phpinfo-container th{padding: 0.25rem;font-size: 0.7rem}.btn-group-wrap{flex-direction: column}.phpinfo-btn{width: 100%;margin-bottom: var(--space-xs)}.nav-tabs .nav-link span{display: none}.nav-tabs .nav-link{padding: var(--space-sm);justify-content: center}.btn{font-size: 0.875rem}.btn-sm{font-size: 0.75rem;padding: 0.25rem 0.5rem}.admin-stat-card .card-body{padding: var(--space-md)}.admin-stat-card h6{font-size: 0.875rem}.admin-stat-card h2{font-size: 1.25rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.phpinfo-container table,.admin-dashboard .table{border-width: 0.5px}}@media (max-height: 600px) and (orientation: landscape){.phpinfo-container{max-height: 250px}.login-card{max-width: 500px}.login-header{padding: var(--space-lg)}.login-body{padding: var(--space-lg)}}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.admin-table-text{color: var(--text-primary) !important}.admin-quick-stats-text{color: var(--text-primary) !important}.phpinfo-container::-webkit-scrollbar{width: 8px;height: 8px}.phpinfo-container::-webkit-scrollbar-track{background: var(--bg-tertiary);border-radius: var(--radius-sm)}.phpinfo-container::-webkit-scrollbar-thumb{background: var(--border-color);border-radius: var(--radius-sm)}.phpinfo-container::-webkit-scrollbar-thumb:hover{background: var(--primary)}:root{--primary: #b3261e;--primary-hover: #8f1d17;--primary-light: #ef5b4c;--primary-dark: #74150f;--secondary: #b3261e;--secondary-hover: #8f1d17;--font-sans: 'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-display: 'Bricolage Grotesque','Public Sans',sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--shadow-sm: none;--shadow: none;--shadow-md: 0 2px 0 rgb(0 0 0 / 0.06);--shadow-lg: 0 6px 18px -6px rgb(0 0 0 / 0.25)}.theme-light{--bg-primary: #f6f7f8;--bg-secondary: #eceef0;--bg-tertiary: #dfe2e6;--text-primary: #14181f;--text-secondary: #363d48;--text-tertiary: #5b6472;--border-color: #d5d9de;--border-strong: #b8bec6;--card-bg: #ffffff;--card-shadow: none;--link-color: #b3261e;--link-hover: #8f1d17;--navbar-bg: rgba(246,247,248,0.94);--input-focus: #b3261e;--grid-line: rgba(20,24,31,0.04)}.theme-dark{--bg-primary: #1e2433;--bg-secondary: #262d3f;--bg-tertiary: #2f3850;--card-bg: #262d3f;--card-shadow: none;--border-color: #3a4560;--border-strong: #4b5878;--text-tertiary: #b4bdd0;--link-color: #ef7a6d;--link-hover: #f5a097;--navbar-bg: rgba(30,36,51,0.94);--input-bg: #2f3850;--input-border: #3a4560;--input-focus: #ef5b4c;--table-bg: #262d3f;--dropdown-bg: #2f3850;--dropdown-hover-bg: #3a4560;--grid-line: rgba(255,255,255,0.035)}h1,h2,h3,h4{font-family: var(--font-display);font-weight: 700;letter-spacing: -0.02em}h5,h6{font-weight: 600}body{font-size: 0.9375rem}.navbar-modern{box-shadow: none;backdrop-filter: blur(8px)}.navbar-modern.scrolled{box-shadow: 0 1px 0 var(--border-color)}.navbar-brand{font-family: var(--font-display);font-weight: 800;letter-spacing: -0.02em}.navbar-brand-icon{background: var(--primary);border-radius: var(--radius-sm);width: 36px;height: 36px;font-size: 1.05rem}.nav-link{border-radius: var(--radius-sm);border-bottom: 2px solid transparent;font-weight: 500}.nav-link:hover{color: var(--text-primary)}.nav-link.active,.nav-link.active i,.nav-link.active span{background: transparent !important;color: var(--text-primary) !important}.nav-link.active{border-bottom-color: var(--primary);border-radius: var(--radius-sm) var(--radius-sm) 0 0}.nav-link .badge{background: var(--primary);border-radius: var(--radius-sm);box-shadow: none}.btn-navbar:hover,.navbar-toggler:hover{color: var(--text-primary);border-color: var(--border-strong)}.theme-toggle-label:hover{border-color: var(--border-strong)}.hero-gradient,.theme-dark .hero-gradient{position: fixed;inset: 0;height: auto;opacity: 1;background: none;overflow: hidden;z-index: -1}.theme-light .hero-gradient{opacity: 0.7}.hero-gradient::before{content: "";position: absolute;inset: 0;background-image: linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size: 56px 56px}.hero-gradient i{position: absolute;display: block;border-radius: 6px}.hero-gradient i:nth-child(1){top: 8%;right: 6%;width: 220px;height: 220px;background: rgba(58,166,160,0.16);transform: rotate(14deg)}.hero-gradient i:nth-child(2){top: 34%;left: -60px;width: 180px;height: 180px;border: 2px solid rgba(217,164,65,0.4);transform: rotate(-18deg)}.hero-gradient i:nth-child(3){bottom: 12%;right: 12%;width: 140px;height: 140px;background: rgba(179,38,30,0.14);transform: rotate(32deg)}.hero-gradient i:nth-child(4){top: 62%;left: 14%;width: 90px;height: 90px;border-radius: 50%;background: rgba(122,140,255,0.18)}.hero-gradient i:nth-child(5){top: 14%;left: 22%;width: 56px;height: 56px;border: 2px solid rgba(58,166,160,0.45);transform: rotate(45deg)}.hero-gradient i:nth-child(6){bottom: -40px;left: 40%;width: 260px;height: 260px;border: 2px solid rgba(179,38,30,0.25);transform: rotate(8deg)}@media (max-width: 768px){.hero-gradient i:nth-child(1),.hero-gradient i:nth-child(6){width: 140px;height: 140px}}.hero-section .card{background: var(--card-bg);border: 1px solid var(--border-color);text-align: center}.hero-section h1{background: none;-webkit-text-fill-color: currentColor;color: var(--text-primary);text-align: center;font-size: 3.25rem;line-height: 1.05;letter-spacing: -0.035em}.hero-section .lead{text-align: center;margin-left: auto;margin-right: auto;color: var(--text-tertiary)}.search-container,.card{box-shadow: none}.search-container h3,.stats-overview h3{text-align: center}.stat-card-compact,.stat-card-compact.bg-danger,.stat-card-compact.bg-warning,.stat-card-compact.bg-info,.stat-card-compact.bg-secondary{background: var(--card-bg);border: 1px solid var(--border-color);border-left: 4px solid var(--tile,var(--primary));border-radius: var(--radius-md)}.stat-card-compact::before{display: none}.stat-card-compact.bg-danger{--tile: var(--danger)}.stat-card-compact.bg-warning{--tile: var(--warning)}.stat-card-compact.bg-info{--tile: var(--info)}.stat-card-compact.bg-secondary{--tile: var(--gray-500)}.stat-card-compact:hover{transform: none;box-shadow: none;border-color: var(--border-strong);border-left-color: var(--tile,var(--primary))}.stat-card-compact.bg-danger *,.stat-card-compact.bg-warning *,.stat-card-compact.bg-info *,.stat-card-compact.bg-secondary *,.stat-number-compact,.stat-label-compact,.stat-total-compact{color: var(--text-primary) !important}.stat-total-compact,.stat-label-compact{color: var(--text-tertiary) !important}.stat-icon-compact{background: transparent;color: var(--tile,var(--primary)) !important;font-size: 1.6rem}.stat-card-compact .stat-icon-compact i{color: var(--tile,var(--primary)) !important}.stat-number-compact{font-family: var(--font-display);font-size: 2.5rem;letter-spacing: -0.03em}.punishment-item{border-left: 2px solid var(--border-color);border-radius: 0 var(--radius-md) var(--radius-md) 0}.punishment-item:hover{transform: none;border-left-color: var(--primary)}.table thead th{font-weight: 600;font-size: 0.8125rem;color: var(--text-tertiary)}.btn-primary,.btn-primary:focus{background: var(--primary);border-color: var(--primary)}.btn-primary:hover{background: var(--primary-hover);border-color: var(--primary-hover)}.theme-light .btn-outline-primary,.theme-dark .btn-outline-primary,.theme-dark .table .btn-outline-primary{color: var(--link-color) !important;border-color: var(--link-color) !important}.theme-light .btn-outline-primary:hover,.theme-dark .btn-outline-primary:hover,.theme-dark .table .btn-outline-primary:hover{background: var(--primary) !important;border-color: var(--primary) !important;color: #fff !important}.theme-dark td .text-primary,.theme-dark .table .text-primary{color: var(--link-color) !important}#clear-cache-btn:hover{transform: none}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration: 0.01ms !important;animation-duration: 0.01ms !important;scroll-behavior: auto !important}}@media (max-width: 768px){.hero-section h1{font-size: 2.25rem}}.cookie-banner{position: fixed;inset-inline: 1rem;bottom: 1rem;z-index: 1090;max-width: 720px;margin-inline: auto;padding: 1rem 1.25rem;background: var(--card-bg);color: var(--text-primary);border: 1px solid var(--border-strong);border-left: 4px solid var(--primary);border-radius: var(--radius-md);box-shadow: var(--shadow-lg)}.cookie-banner[hidden]{display: none}.cookie-banner p{margin: 0 0 0.75rem}.cookie-choices{display: grid;gap: 0.35rem;margin-bottom: 0.75rem}.cookie-actions{display: flex;flex-wrap: wrap;gap: 0.5rem;align-items: center}.privacy-page{max-width: 75ch}.privacy-page h2{font-size: 1.25rem;margin-top: 1.5rem}