.brandcop-layout{background-color:#f8fafc;min-height:100vh}.brandcop-sidebar{width:280px;background:#1e293b;height:100vh;position:fixed;left:0;top:0;z-index:1000;transition:all 0.3s ease;font-size:0.875rem}@media (max-width: 768px){.brandcop-sidebar{transform:translateX(-100%)}.brandcop-sidebar.show{transform:translateX(0)}}.sidebar-header{height:56px;padding:0 1rem;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,0.1)}.sidebar-header .brand{display:flex;align-items:center;color:white;font-size:1rem;font-weight:600;letter-spacing:0.01em}.sidebar-header .brand i{font-size:1.25rem;margin-right:0.5rem;color:#2563eb}.sidebar-content{height:calc(100vh - 56px);overflow-y:auto;padding:0.75rem 0}.sidebar-content::-webkit-scrollbar{width:3px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}.sidebar-nav{list-style:none;padding:0;margin:0}.nav-section{padding:0.625rem 1rem 0.25rem}.nav-section .nav-section-text{color:rgba(255,255,255,0.4);font-size:0.625rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.375rem}.nav-section+.nav-section{margin-top:0.25rem}.nav-item .nav-link{display:flex;align-items:center;padding:0.375rem 1rem;color:#94a3b8;text-decoration:none;transition:all 0.2s ease;border-radius:0.25rem;margin:0.125rem 0.5rem;font-size:0.8125rem}.nav-item .nav-link i{font-size:1rem;margin-right:0.625rem;width:1rem;text-align:center;opacity:0.9}.nav-item .nav-link:hover{color:white;background:rgba(255,255,255,0.1)}.nav-item .nav-link.active{color:white;background:rgba(255,255,255,0.1);font-weight:500}.nav-item .nav-link .badge{padding:0.2em 0.4em;font-size:0.6875rem;font-weight:500;border-radius:999px;margin-left:auto}.main-content{margin-left:280px;min-height:100vh;background:#f8fafc;transition:all 0.3s ease}@media (max-width: 768px){.main-content{margin-left:0}}.navbar{height:56px;padding:0 1.25rem;background:white;border-bottom:1px solid rgba(0,0,0,0.05)}.navbar .search-bar{position:relative;width:300px}.navbar .search-bar i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:0.8125rem}.navbar .search-bar input{padding:0.375rem 1rem 0.375rem 2.25rem;border-radius:9999px;border:1px solid #e2e8f0;font-size:0.8125rem;width:100%}.navbar .search-bar input:focus{outline:none;box-shadow:0 0 0 2px rgba(37,99,235,0.1);border-color:#2563eb}.avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.avatar .avatar-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:0.8125rem;background:#2563eb}.brandcop-auth-layout{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center}.auth-wrapper{width:100%;padding:1.25rem}.auth-container{max-width:400px;margin:0 auto}.auth-card{background:white;border-radius:0.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);padding:1.5rem}.content{padding:1.25rem}.dropdown-body{max-height:350px;overflow-y:auto}.alert-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.alert-icon i{font-size:0.875rem}@media (max-width: 768px){.brandcop-sidebar{position:fixed;left:-280px}.main-content{margin-left:0}}.crud-index .card{background:white;border:1px solid rgba(0,0,0,0.05);border-radius:0.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1)}.crud-index .table{margin-bottom:0}.crud-index .table th{font-weight:600;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.025em;padding:0.75rem;background:#f8fafc;border-bottom-width:1px;color:#64748b;white-space:nowrap}.crud-index .table th a{color:inherit;text-decoration:none;display:flex;align-items:center}.crud-index .table th a:hover{color:#2563eb}.crud-index .table th a i{font-size:1rem;opacity:0.5}.crud-index .table td{padding:1rem 0.75rem;font-size:0.875rem;color:#334155;border-bottom-color:#f1f5f9;vertical-align:middle}.crud-index .table td.actions-cell{width:1%;white-space:nowrap;padding-right:1rem}.crud-index .table tbody tr:hover{background-color:#f8fafc}.crud-index .table .btn-light{background:white;border:1px solid #e2e8f0;padding:0.375rem;line-height:1;color:#64748b}.crud-index .table .btn-light:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.crud-index .table .btn-light.text-danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.crud-index .table .btn-light i{font-size:1rem}.crud-index .pagination{margin:0}.crud-index .pagination .page-link{padding:0.375rem 0.75rem;font-size:0.875rem;border-color:#e2e8f0;color:#64748b}.crud-index .pagination .page-link:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.crud-index .pagination .page-link.active{background:#2563eb;border-color:#2563eb;color:white}.paginated-table-wrapper{position:relative}.paginated-table-wrapper .table-loading{transition:opacity 0.3s ease}.paginated-table-wrapper .table-pagination{padding:0.75rem 1rem;background-color:#f8f9fa;border-radius:0.375rem}.paginated-table-wrapper .table-pagination .pagination-info{display:flex;align-items:center;gap:0.5rem}.paginated-table-wrapper .table-pagination .pagination-info .form-select-sm{width:auto;display:inline-block}.paginated-table-wrapper .table-pagination .pagination-nav .pagination{margin-bottom:0}.paginated-table-wrapper .table-pagination .pagination-nav .pagination .page-link{color:#495057;border-color:#dee2e6;transition:all 0.2s ease}.paginated-table-wrapper .table-pagination .pagination-nav .pagination .page-link:hover{background-color:#e9ecef;border-color:#dee2e6;color:#212529}.paginated-table-wrapper .table-pagination .pagination-nav .pagination .page-link:focus{box-shadow:0 0 0 0.2rem rgba(0,123,255,0.15)}.paginated-table-wrapper .table-pagination .pagination-nav .pagination .page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd;color:white}.paginated-table-wrapper .table-pagination .pagination-nav .pagination .page-item.disabled .page-link{color:#6c757d;background-color:#fff;border-color:#dee2e6;cursor:not-allowed;opacity:0.5}.paginated-table-wrapper .table-responsive{margin-top:0;margin-bottom:0;border-radius:0.375rem;overflow:hidden}.paginated-table-wrapper .table-responsive table{margin-bottom:0}.paginated-table-wrapper .table-responsive table th.sortable-header{cursor:pointer;user-select:none;white-space:nowrap}.paginated-table-wrapper .table-responsive table th.sortable-header:hover{background-color:#f8f9fa}.paginated-table-wrapper .table-responsive table th.sortable-header i{transition:color 0.2s ease}.paginated-table-wrapper .spinner-border{width:2rem;height:2rem}@media (max-width: 768px){.paginated-table-wrapper .table-pagination{flex-direction:column;gap:1rem;text-align:center}.paginated-table-wrapper .table-pagination .pagination-info{justify-content:center;width:100%}.paginated-table-wrapper .table-pagination .pagination-nav{width:100%}.paginated-table-wrapper .table-pagination .pagination-nav .pagination{justify-content:center}}@media (prefers-color-scheme: dark){.paginated-table-wrapper .table-pagination{background-color:#212529}.paginated-table-wrapper .table-pagination .pagination-info{color:#adb5bd}.paginated-table-wrapper .table-pagination .pagination-nav .page-link{background-color:#343a40;border-color:#495057;color:#adb5bd}.paginated-table-wrapper .table-pagination .pagination-nav .page-link:hover{background-color:#495057;border-color:#6c757d;color:#f8f9fa}.paginated-table-wrapper .table-pagination .pagination-nav .page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd}}body{background-color:#fff;color:#333;margin:33px}body,p,ol,ul,td{font-family:verdana, arial, helvetica, sans-serif;font-size:13px;line-height:18px}pre{background-color:#eee;padding:10px;font-size:11px}a{color:#000}a:visited{color:#666}a:hover{color:#fff;background-color:#000}th{padding-bottom:5px}td{padding:0 5px 7px}div.field,div.actions{margin-bottom:10px}#notice{color:green}.field_with_errors{padding:2px;background-color:red;display:table}#error_explanation{width:450px;border:2px solid red;padding:7px 7px 0;margin-bottom:20px;background-color:#f0f0f0}#error_explanation h2{text-align:left;font-weight:bold;padding:5px 5px 5px 15px;font-size:12px;margin:-7px -7px 0;background-color:#c00;color:#fff}#error_explanation ul li{font-size:12px;list-style:square}label{display:block}.form-signin{width:100%;max-width:1200px;padding:15px;margin:auto}