.mex-team{--black:#0d0d0d;--black-light:#1a1a1a;--black-lighter:#252525;--black-card:#1e1e1e;--gold:#d4af37;--gold-light:#e8c547;--gold-dark:#b8960c;--gold-muted:#a89968;--brass:#b5a642;--white:#fff;--gray-100:#e8e8e8;--gray-200:#d0d0d0;--gray-300:#b0b0b0;--gray-400:gray;--gray-500:#606060;--gray-600:#404040;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--font-display:"Cinzel", serif;--font-body:"Poppins", "Sarabun", sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-gold:0 4px 20px #d4af374d;--transition-fast:.15s ease;--transition-normal:.3s ease;--sidebar-width:280px;--header-height:70px;font-family:var(--font-body);color:var(--white);background:var(--black);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}.mex-team *,.mex-team :before,.mex-team :after{box-sizing:border-box}.mex-team h1,.mex-team h2,.mex-team h3,.mex-team h4,.mex-team h5,.mex-team h6{font-family:var(--font-display);color:var(--gold);margin:0 0 var(--spacing-md);font-weight:600;line-height:1.3}.mex-team a{color:var(--gold);transition:color var(--transition-fast);text-decoration:none}.mex-team a:hover{color:var(--gold-light)}.app-wrapper{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.content-wrapper{padding:var(--spacing-xl);padding-top:calc(var(--header-height) + var(--spacing-xl));background:linear-gradient(135deg, var(--black) 0%, var(--black-light) 100%);min-height:100vh}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--black-light) 0%, var(--black) 100%);border-right:1px solid var(--gold-dark);z-index:1000;height:100vh;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{padding:var(--spacing-lg);text-align:center;border-bottom:1px solid #d4af3733}.sidebar-logo h1{font-family:var(--font-display);color:var(--gold);letter-spacing:2px;margin:0;font-size:1.5rem}.sidebar-logo span{color:var(--white);font-weight:300}.sidebar-nav{padding:var(--spacing-md) 0}.nav-item{padding:var(--spacing-md) var(--spacing-lg);color:var(--gray-300);transition:all var(--transition-fast);align-items:center;gap:var(--spacing-md);border-left:3px solid #0000;font-size:.95rem;font-weight:500;display:flex}.nav-item i{text-align:center;width:24px;font-size:1.1rem}.nav-item:hover{color:var(--gold);border-left-color:var(--gold);background:#d4af371a}.nav-item.active{color:var(--gold);border-left-color:var(--gold);background:#d4af3726}.nav-divider{height:1px;margin:var(--spacing-md) var(--spacing-lg);background:#d4af3733}.nav-label{padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;letter-spacing:1px;color:var(--gray-400);font-size:.75rem;font-weight:600;display:block}.top-header{top:0;left:var(--sidebar-width);height:var(--header-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;padding:0 var(--spacing-xl);background:#1a1a1af2;border-bottom:1px solid #d4af3733;justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.page-title{font-family:var(--font-display);color:var(--white);margin:0;font-size:1.25rem}.header-right{align-items:center;gap:var(--spacing-lg);display:flex}.user-menu{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);display:flex}.user-avatar{background:linear-gradient(135deg, var(--gold) 0%, var(--brass) 100%);width:40px;height:40px;color:var(--black);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.user-info{text-align:right}.user-name{color:var(--white);font-size:.9rem;font-weight:600}.user-role{color:var(--gold-muted);font-size:.75rem}.card{background:var(--black-card);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:1px solid #d4af3726;overflow:hidden}.card:hover{box-shadow:var(--shadow-gold);border-color:#d4af374d}.card-header{padding:var(--spacing-lg);border-bottom:1px solid #d4af371a;justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-display);color:var(--gold);align-items:center;gap:var(--spacing-sm);margin:0;font-size:1.1rem;display:flex}.card-body{padding:var(--spacing-lg)}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:linear-gradient(135deg, var(--black-card) 0%, var(--black-lighter) 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid #d4af3733;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(180deg, var(--gold) 0%, var(--brass) 100%);width:4px;height:100%;position:absolute;top:0;left:0}.kpi-icon{border-radius:var(--radius-md);width:50px;height:50px;margin-bottom:var(--spacing-md);background:#d4af371a;justify-content:center;align-items:center;display:flex}.kpi-icon i{color:var(--gold);font-size:1.5rem}.kpi-value{font-family:var(--font-display);color:var(--white);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.kpi-label{color:var(--gray-300);text-transform:uppercase;letter-spacing:1px;font-size:.875rem}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--gold);text-transform:uppercase;letter-spacing:1px;padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--gold-dark);background:#d4af371a;font-size:.75rem;font-weight:600}.data-table td{padding:var(--spacing-md);color:var(--gray-200);border-bottom:1px solid #ffffff0d;font-size:.9rem}.data-table tr:hover td{background:#d4af370d}.data-table .text-right{text-align:right}.data-table .text-center{text-align:center}.tier-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.mex-team .btn-primary{background:linear-gradient(135deg, var(--gold) 0%, var(--brass) 100%);color:var(--black)}.mex-team .btn-primary:hover{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);box-shadow:var(--shadow-gold)}.mex-team .btn-secondary{background:var(--black-lighter);color:var(--white);border:1px solid var(--gray-600)}.mex-team .btn-secondary:hover{background:var(--gray-600);border-color:var(--gold)}.mex-team .btn-outline{color:var(--gold);border:1px solid var(--gold);background:0 0}.mex-team .btn-outline:hover{background:#d4af371a}.mex-team a.btn:hover{text-decoration:none}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--gray-200);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:500;display:block}.form-control{width:100%;font-family:var(--font-body);color:var(--white);background:var(--black-lighter);border:1px solid var(--gray-600);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #d4af371a}.status-badge{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.status-active,.status-new{color:var(--success);background:#28a74526}.status-pending,.status-in_progress{color:var(--warning);background:#ffc10726}.status-completed,.status-done,.status-approved,.status-fulfilled{color:var(--info);background:#17a2b826}.status-inactive,.status-cancelled{color:var(--danger);background:#dc354526}.row{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.text-gold{color:var(--gold)}.text-white{color:var(--white)}.text-muted{color:var(--gray-400)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.w-100{width:100%}.sidebar{transition:transform .25s}.mobile-nav-btn,.sidebar-overlay{display:none}@media (max-width:768px){.main-content{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #0009}.top-header{padding-left:56px;left:0}.mobile-nav-btn{z-index:1100;background:var(--black-light,#14110a);width:40px;height:40px;color:var(--gold,#d4af37);border:1px solid var(--gold-dark,#d4af3766);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex;position:fixed;top:10px;left:10px}.sidebar-overlay{z-index:999;background:#00000080;display:block;position:fixed;inset:0}}details>summary::-webkit-details-marker{display:none}details>summary{-webkit-user-select:none;user-select:none}details>summary .fa-chevron-down{transition:transform .2s}details[open]>summary .fa-chevron-down{transform:rotate(180deg)}