/**
 * Car Penguin Admin Portal - Production Build
 * Optimized and minified CSS for production use
 * Generated from: admin-core.css + admin-components.css + admin-pages.css + admin-utilities.css
 * Last updated: 2024 - White accent theme
 */

/* Core Variables and Base Styles */
:root{--cp-dark-bg:#1a1a1a;--cp-darker-bg:#0f0f0f;--cp-focus:#2a2a2a;--cp-red-primary:#FFFFFF;--cp-red-secondary:#FFFFFF;--cp-red-hover:#FFFFFF;--cp-text-primary:#ffffff;--cp-text-secondary:#a1a1aa;--cp-text-muted:rgba(255,255,255,.7);--cp-border:rgba(255,255,255,.1);--cp-shadow:0 4px 20px rgba(0,0,0,.2);--cp-shadow-hover:0 4px 20px rgba(255,255,255,.1);--cp-spacing-xs:.25rem;--cp-spacing-sm:.5rem;--cp-spacing-md:1rem;--cp-spacing-lg:1.5rem;--cp-spacing-xl:2rem;--cp-radius-sm:6px;--cp-radius-md:8px;--cp-radius-lg:12px;--cp-font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;--cp-font-size-xs:.75rem;--cp-font-size-sm:.875rem;--cp-font-size-base:1rem;--cp-font-size-lg:1.125rem;--cp-font-size-xl:1.25rem;--cp-font-size-2xl:1.5rem;--cp-font-size-3xl:2rem;--cp-z-dropdown:1000;--cp-z-sticky:1020;--cp-z-fixed:1030;--cp-z-modal-backdrop:1040;--cp-z-modal:1050;--cp-z-popover:1060;--cp-z-tooltip:1070;--cp-success:#059669;--cp-warning:#d97706;--cp-info:#0284c7;--cp-danger:#ef4444}*{box-sizing:border-box}html{font-size:16px;line-height:1.5}body{background:var(--cp-dark-bg);color:var(--cp-text-primary);font-family:var(--cp-font-family);margin:0;padding:0;min-height:100vh}.main-content{padding:var(--cp-spacing-xl) 0;min-height:calc(100vh - 80px)}.content-container{max-width:1200px;margin:0 auto;padding:0 var(--cp-spacing-md)}.content-card{background:var(--cp-darker-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);box-shadow:var(--cp-shadow);padding:var(--cp-spacing-lg);margin-bottom:var(--cp-spacing-lg)}

/* Navigation Components */
.top-navbar{background:var(--cp-darker-bg);border-bottom:1px solid var(--cp-border);box-shadow:var(--cp-shadow);position:sticky;top:0;z-index:var(--cp-z-sticky);min-height:60px}.navbar-brand{color:var(--cp-text-primary)!important;font-weight:bold;font-size:var(--cp-font-size-xl);text-decoration:none;transition:color .3s ease}.navbar-brand:hover{color:var(--cp-red-primary)!important}.navbar-nav .nav-link{color:var(--cp-text-secondary)!important;padding:.75rem 1rem!important;border-radius:var(--cp-radius-sm);margin:0 .25rem;transition:all .3s ease;text-decoration:none}.navbar-nav .nav-link:hover{color:var(--cp-text-primary)!important;background:rgba(255,255,255,.05)}.navbar-nav .nav-link.active{color:var(--cp-red-primary)!important;background:rgba(255,255,255,.1)}

/* Dropdown Components */
.dropdown-menu{background:var(--cp-darker-bg)!important;border:1px solid var(--cp-border)!important;border-radius:var(--cp-radius-md)!important;box-shadow:0 8px 24px rgba(0,0,0,.3)!important;margin-top:.25rem!important}.dropdown-item{color:var(--cp-text-secondary)!important;padding:.5rem 1rem!important;transition:all .3s ease!important;text-decoration:none!important}.dropdown-item:hover,.dropdown-item:focus{background:rgba(255,255,255,.05)!important;color:var(--cp-text-primary)!important}.dropdown-item.active{background:rgba(255,255,255,.1)!important;color:var(--cp-red-primary)!important}.dropdown-divider{border-color:var(--cp-border)!important;margin:.5rem 0!important}.dropdown-toggle::after{border-top-color:var(--cp-text-secondary)!important}

/* Form Components */
.form-control,.form-select{background:rgba(255,255,255,.05);border:1px solid var(--cp-border);color:var(--cp-text-primary);border-radius:var(--cp-radius-md);padding:.75rem;font-size:var(--cp-font-size-base);transition:all .3s ease}.form-control:focus,.form-select:focus{background:rgba(255,255,255,.08);border-color:var(--cp-red-primary);box-shadow:0 0 0 .2rem rgba(255,255,255,.15);color:var(--cp-text-primary);outline:none}.form-control:disabled,.form-select:disabled,.form-control[readonly],.form-select[readonly]{background:rgba(255,255,255,.03) !important;border-color:var(--cp-border) !important;color:var(--cp-text-secondary) !important;opacity:1;cursor:not-allowed}.form-control::placeholder{color:var(--cp-text-secondary)}.form-label{color:var(--cp-text-primary);font-weight:500;margin-bottom:var(--cp-spacing-sm);display:block}

/* Enhanced Form Select Styling */
.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;appearance:none}.form-select option{background:var(--cp-darker-bg);color:var(--cp-text-primary);padding:.5rem}

/* Image Upload Section */
.image-upload-section{border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);padding:var(--cp-spacing-lg);background:var(--cp-focus)}.image-upload-section .form-label{color:var(--cp-text-primary);font-weight:600}.image-upload-section .form-text{color:var(--cp-text-muted);font-size:var(--cp-font-size-sm);margin-top:var(--cp-spacing-sm)}.image-upload-section .form-text strong{color:var(--cp-text-secondary)}#imagePreview{transition:all .3s ease}#imagePreview img{transition:all .3s ease;border:1px solid var(--cp-border)}

/* Filter Bar */
.filter-bar{background:var(--cp-focus);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);padding:var(--cp-spacing-lg);margin-bottom:var(--cp-spacing-lg);box-shadow:var(--cp-shadow)}.filter-bar .form-label{color:var(--cp-text-secondary);font-size:var(--cp-font-size-sm);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--cp-spacing-sm)}

/* Button Components */
.btn{display:inline-block;padding:.75rem 1rem;font-size:var(--cp-font-size-base);font-weight:500;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:var(--cp-radius-md);cursor:pointer;transition:all .3s ease;user-select:none}.btn-primary{background:var(--cp-red-primary);border-color:var(--cp-red-primary);color:#1a1a1a}.btn-primary:hover{background:var(--cp-red-hover);border-color:var(--cp-red-hover);color:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,.3)}.btn-outline-primary{background:transparent;border-color:var(--cp-red-primary);color:var(--cp-red-primary)}.btn-outline-primary:hover{background:var(--cp-red-primary);border-color:var(--cp-red-primary);color:#1a1a1a}

/* Additional Button Styles */
.btn-red{background:var(--cp-red-primary);border-color:var(--cp-red-primary);color:#1a1a1a}.btn-red:hover{background:var(--cp-red-hover);border-color:var(--cp-red-hover);color:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,.3)}.btn-outline-light{background:transparent;border-color:var(--cp-border);color:var(--cp-text-secondary)}.btn-outline-light:hover{background:rgba(255,255,255,.05);border-color:var(--cp-text-primary);color:var(--cp-text-primary)}.btn-sm{padding:.5rem .75rem;font-size:var(--cp-font-size-sm)}.btn-lg{padding:1rem 1.5rem;font-size:var(--cp-font-size-lg)}.btn-success{background:#22c55e;border-color:#22c55e;color:white}.btn-success:hover{background:#16a34a;border-color:#16a34a}.btn-info{background:#3b82f6;border-color:#3b82f6;color:white}.btn-info:hover{background:#2563eb;border-color:#2563eb}.btn-secondary{background:rgba(255,255,255,.1);border-color:var(--cp-border);color:var(--cp-text-primary)}.btn-secondary:hover{background:rgba(255,255,255,.15);color:var(--cp-text-primary)}

/* Stats Cards */
.stats-card{background:var(--cp-focus);border-radius:var(--cp-radius-md);padding:var(--cp-spacing-md);margin-bottom:var(--cp-spacing-md);text-align:center;border:1px solid var(--cp-border);transition:all .3s ease;position:relative;overflow:hidden}.stats-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cp-red-primary),var(--cp-red-secondary))}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--cp-shadow-hover);background:rgba(255,255,255,.02)}.stats-number{font-size:var(--cp-font-size-3xl);font-weight:700;color:var(--cp-red-primary);margin-bottom:.25rem;display:block}.stats-label{color:var(--cp-text-muted);font-size:var(--cp-font-size-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:500}

/* Dashboard Stats Cards */
.stat-card{background:var(--cp-focus);border-radius:var(--cp-radius-md);padding:var(--cp-spacing-lg);text-align:center;border:1px solid var(--cp-border);transition:all .3s ease;position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cp-red-primary),var(--cp-red-secondary))}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--cp-shadow-hover);background:rgba(255,255,255,.02)}.stat-number{font-size:var(--cp-font-size-3xl);font-weight:700;color:var(--cp-red-primary);margin-bottom:.25rem;display:block}.stat-label{color:var(--cp-text-muted);font-size:var(--cp-font-size-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:500}

/* Card Components */
.card{background:var(--cp-darker-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);box-shadow:var(--cp-shadow);overflow:hidden;margin-bottom:var(--cp-spacing-lg)}.card-header{background:rgba(255,255,255,.02);border-bottom:1px solid var(--cp-border);padding:var(--cp-spacing-lg)}.card-header h5{color:var(--cp-text-primary);margin:0;font-weight:600}.card-body{padding:var(--cp-spacing-lg)}.card-footer{background:rgba(255,255,255,.02);border-top:1px solid var(--cp-border);padding:var(--cp-spacing-lg)}

/* Table Components */
.table{width:100%;margin-bottom:0;color:var(--cp-text-primary);border-collapse:collapse}.table th,.table td{padding:.75rem;border-top:1px solid var(--cp-border);vertical-align:top}.table thead th{vertical-align:bottom;border-bottom:2px solid var(--cp-border);font-weight:600;color:var(--cp-text-primary);background:rgba(255,255,255,.02)}.table-dark{background:var(--cp-darker-bg)}.table-hover tbody tr:hover{background:rgba(255,255,255,.05)}.table-responsive{display:block;width:100%;overflow-x:auto}

/* Alert Components */
.alert{padding:var(--cp-spacing-md);margin-bottom:var(--cp-spacing-md);border:1px solid transparent;border-radius:var(--cp-radius-md);position:relative}.alert-success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.alert-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:var(--cp-red-primary)}.alert-info{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6}.alert-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}

/* Badge Components */
.badge{display:inline-block;padding:.375rem .75rem;font-size:var(--cp-font-size-xs);font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.badge-success,.badge.bg-success{background:var(--cp-success)!important;color:white}.badge-warning,.badge.bg-warning{background:var(--cp-warning)!important;color:white}.badge-danger,.badge.bg-danger{background:var(--cp-danger)!important;color:white}.badge-primary,.badge.bg-primary{background:var(--cp-red-primary)!important;color:#1a1a1a}.badge-secondary,.badge.bg-secondary{background:#6b7280!important;color:white}.badge-info,.badge.bg-info{background:var(--cp-info)!important;color:white}

/* Author & Role Styles */
.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--cp-border)}.avatar-lg{width:60px;height:60px}.role-admin{background:linear-gradient(135deg,var(--cp-red-primary),var(--cp-red-secondary))!important;color:#1a1a1a}.role-author{background:#3b82f6!important;color:white}.btn-group-sm .btn{padding:.25rem .5rem;font-size:var(--cp-font-size-xs)}.btn-group{display:inline-flex}.btn-group .btn{margin-right:.25rem}.btn-group .btn:last-child{margin-right:0}

/* Utility Classes */
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.w-100{width:100%}.h-100{height:100%}.w-50{width:50%}.w-75{width:75%}.w-25{width:25%}

/* Margin Utilities */
.m-0{margin:0!important}.mb-3{margin-bottom:var(--cp-spacing-md)}.mb-4{margin-bottom:var(--cp-spacing-lg)}.me-2{margin-right:var(--cp-spacing-sm)}.mt-3{margin-top:var(--cp-spacing-md)}.mt-4{margin-top:var(--cp-spacing-lg)}.me-1{margin-right:var(--cp-spacing-xs)}.ms-2{margin-left:var(--cp-spacing-sm)}.mb-2{margin-bottom:var(--cp-spacing-sm)}.mt-2{margin-top:var(--cp-spacing-sm)}.mx-auto{margin-left:auto!important;margin-right:auto!important}

/* Padding Utilities */
.container-fluid{width:100%;padding:0 var(--cp-spacing-md)}.py-4{padding-top:var(--cp-spacing-xl);padding-bottom:var(--cp-spacing-xl)}.py-3{padding-top:var(--cp-spacing-md);padding-bottom:var(--cp-spacing-md)}.p-3{padding:var(--cp-spacing-md)}.p-4{padding:var(--cp-spacing-lg)}

/* Text Utilities */
.text-muted{color:var(--cp-text-muted)!important}.text-danger{color:var(--cp-red-primary)!important}.text-warning{color:var(--cp-warning)!important}.text-info{color:var(--cp-info)!important}.text-primary{color:var(--cp-text-primary)!important}.text-secondary{color:var(--cp-text-secondary)!important}.display-6{font-size:var(--cp-font-size-2xl)}.small{font-size:var(--cp-font-size-sm)}.font-weight-bold{font-weight:700}.text-uppercase{text-transform:uppercase}.text-decoration-none{text-decoration:none!important}

/* Border Utilities */
.border{border:1px solid var(--cp-border)!important}.border-0{border:0!important}.rounded{border-radius:var(--cp-radius-md)!important}.rounded-circle{border-radius:50%!important}

/* Shadow Utilities */
.shadow{box-shadow:var(--cp-shadow)!important}.shadow-none{box-shadow:none!important}

/* Bootstrap Grid System */
.row{display:flex;flex-wrap:wrap;margin:0 -0.75rem}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;width:100%;padding:0 0.75rem}.col{flex:1 0 0%}.col-12{flex:0 0 100%;max-width:100%}.col-6{flex:0 0 50%;max-width:50%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-3{flex:0 0 25%;max-width:25%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.g-3>.col,.g-3>[class*="col-"]{padding-right:1rem;padding-left:1rem}.g-3{margin-right:-1rem;margin-left:-1rem}.g-3>.row{margin-right:-1rem;margin-left:-1rem}@media(min-width:768px){.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.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%}}@media(min-width:992px){.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}}@media(max-width:576px){.col-sm-6{flex:0 0 50%;max-width:50%}}

/* Login Page */
body.login-page{background:linear-gradient(135deg,var(--cp-darker-bg) 0%,var(--cp-dark-bg) 100%);min-height:100vh;display:flex;align-items:center;font-family:var(--cp-font-family)}.login-container{background:rgba(255,255,255,.02);border:1px solid var(--cp-border);border-radius:20px;padding:3rem;backdrop-filter:blur(10px);box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:450px;width:100%}.login-header{text-align:center;margin-bottom:2rem}.login-logo{font-size:3rem;margin-bottom:1rem}.login-title{color:var(--cp-text-primary);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:var(--cp-text-muted);font-size:.95rem}.login-container .form-control{background:rgba(255,255,255,.05);border:1px solid var(--cp-border);border-radius:12px;color:var(--cp-text-primary);padding:.75rem 1rem;font-size:1rem}.login-container .form-control:focus{background:rgba(255,255,255,.08);border-color:var(--cp-red-primary);box-shadow:0 0 0 .2rem rgba(255,255,255,.15);color:var(--cp-text-primary)}.login-container .form-control::placeholder{color:rgba(255,255,255,.5)}.btn-login{background:linear-gradient(135deg,var(--cp-red-primary),var(--cp-red-secondary));border:none;border-radius:12px;color:#1a1a1a;font-weight:600;padding:.75rem;font-size:1rem;transition:all .3s ease;width:100%}.btn-login:hover{background:linear-gradient(135deg,var(--cp-red-secondary),rgba(255,255,255,.9));transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.2);color:#1a1a1a}.login-container .alert{border-radius:10px;padding:1rem;margin-bottom:1.5rem;border:none}.login-container .alert-danger{background:rgba(239,68,68,.1);color:#fca5a5;border-left:4px solid #ef4444}.login-container .alert-info{background:rgba(59,130,246,.1);color:#93c5fd;border-left:4px solid #3b82f6}.back-link{text-align:center;margin-top:2rem}.back-link a{color:var(--cp-text-muted);text-decoration:none;font-size:.9rem;transition:color .3s ease}.back-link a:hover{color:var(--cp-red-primary)}

/* Management Pages */
.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cp-spacing-xl);flex-wrap:wrap;gap:var(--cp-spacing-md)}.management-title{font-size:var(--cp-font-size-2xl);font-weight:600;color:var(--cp-text-primary);margin:0}.management-actions{display:flex;gap:var(--cp-spacing-sm);align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--cp-spacing-md);margin-bottom:var(--cp-spacing-xl)}.data-table-container{background:var(--cp-darker-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);overflow:hidden}.data-table-header{background:rgba(255,255,255,.02);border-bottom:1px solid var(--cp-border);padding:var(--cp-spacing-md) var(--cp-spacing-lg);display:flex;justify-content:space-between;align-items:center}.data-table-title{font-size:var(--cp-font-size-lg);font-weight:600;color:var(--cp-text-primary);margin:0}.empty-state{text-align:center;padding:var(--cp-spacing-xl) var(--cp-spacing-lg)}.empty-state-icon{font-size:4rem;color:var(--cp-text-secondary);margin-bottom:var(--cp-spacing-md)}.empty-state-title{font-size:var(--cp-font-size-lg);font-weight:600;color:var(--cp-text-secondary);margin-bottom:var(--cp-spacing-sm)}.empty-state-description{color:var(--cp-text-secondary);margin-bottom:var(--cp-spacing-lg)}

/* Dashboard Pages */
.dashboard-header{margin-bottom:var(--cp-spacing-xl)}.dashboard-title{font-size:var(--cp-font-size-3xl);font-weight:700;color:var(--cp-text-primary);margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--cp-spacing-lg);margin-top:var(--cp-spacing-xl)}.quick-action-card{background:var(--cp-darker-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);padding:var(--cp-spacing-xl);text-align:center;transition:all .3s ease;text-decoration:none;color:var(--cp-text-primary);display:block}.quick-action-card:hover{transform:translateY(-4px);box-shadow:var(--cp-shadow-hover);color:var(--cp-text-primary);text-decoration:none}.quick-action-icon{font-size:3rem;margin-bottom:var(--cp-spacing-md);display:block}.quick-action-title{font-size:var(--cp-font-size-lg);font-weight:600;margin-bottom:var(--cp-spacing-sm)}.quick-action-description{color:var(--cp-text-secondary);font-size:var(--cp-font-size-sm)}

/* Security/Settings Pages */
.security-container{max-width:600px;margin:0 auto}.security-card{background:var(--cp-darker-bg);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);padding:var(--cp-spacing-xl);box-shadow:var(--cp-shadow)}.security-tips{background:var(--cp-focus);border-radius:var(--cp-radius-md);padding:var(--cp-spacing-lg);margin-top:var(--cp-spacing-xl);border-left:4px solid var(--cp-red-primary)}.user-info{background:var(--cp-focus);border-radius:var(--cp-radius-md);padding:var(--cp-spacing-lg);margin-bottom:var(--cp-spacing-xl)}

/* Maintenance Page */
.maintenance-status-card{background:var(--cp-focus);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);padding:var(--cp-spacing-xl);margin-bottom:var(--cp-spacing-lg)}.maintenance-btn{width:100%;padding:var(--cp-spacing-md);font-size:var(--cp-font-size-lg);font-weight:600;border-radius:var(--cp-radius-md);transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--cp-spacing-sm)}.maintenance-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,.2)}

/* Responsive Design */
@media(max-width:768px){.main-content{padding:var(--cp-spacing-md) 0}.content-container{padding:0 var(--cp-spacing-sm)}.content-card{padding:var(--cp-spacing-md);margin-bottom:var(--cp-spacing-md)}.management-header{flex-direction:column;align-items:flex-start}}@media(max-width:576px){html{font-size:14px}.content-container{padding:0 var(--cp-spacing-xs)}.login-container{padding:2rem}}