@import "https://api.fontshare.com/v2/css?f[]=archivo@400;500;600;700&f[]=clash-display@500;600;700&display=swap";
:root{--bg-primary:#faf8f6;--bg-secondary:#fff;--bg-tertiary:#f7f3ef;--bg-hero:#fefbf3;--text-primary:#1c1917;--text-secondary:#78716c;--text-muted:#a8a29e;--primary-brand:#6c1d1b;--primary-brand-hover:#541615;--primary-brand-light:#faf2f1;--primary-brand-glow:#6c1d1b14;--border-color:#e7e2dc;--border-focus:#6c1d1b;--color-success:#15803d;--color-warning:#b45309;--color-danger:#b91c1c;--color-info:#1d4ed8;--font-serif:"Clash Display", "Playfair Display", Georgia, serif;--font-sans:"Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width:260px;--header-height:72px;--border-radius:14px;--border-radius-sm:8px;--border-radius-lg:20px;--shadow-xs:0 1px 3px #1c191708;--shadow-sm:0 4px 16px #1c19170a;--shadow-md:0 8px 30px #1c19170f;--shadow-lg:0 16px 40px #1c191714;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;font-weight:600}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#d8d2cb;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-brand)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.glass{border:1px solid var(--border-color);background:#fff}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);transition:var(--transition-fast);padding:11px 15px;font-size:14px}.form-input:focus{border-color:var(--primary-brand);box-shadow:0 0 0 3px var(--primary-brand-glow);background-color:#fff;outline:none}.form-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2378716C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;outline:none;padding:11px 40px 11px 15px;font-size:14px}.form-select:focus{border-color:var(--primary-brand);box-shadow:0 0 0 3px var(--primary-brand-glow);background-color:#fff}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary-brand);color:#fff}.btn-primary:hover{background-color:var(--primary-brand-hover);transform:translateY(-1px);box-shadow:0 4px 14px #6c1d1b38}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--primary-brand);color:var(--primary-brand);background-color:var(--primary-brand-light)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.92;transform:translateY(-1px)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:50px;align-items:center;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:var(--color-success);background-color:#15803d14;border:1px solid #15803d2e}.badge-warning{color:var(--color-warning);background-color:#b4530914;border:1px solid #b453092e}.badge-danger{color:var(--color-danger);background-color:#b91c1c14;border:1px solid #b91c1c2e}.badge-info{color:var(--color-info);background-color:#1d4ed814;border:1px solid #1d4ed82e}.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.admin-layout{background-color:var(--bg-primary);min-height:100vh;display:flex}.admin-main{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.admin-content{background-color:var(--bg-primary);flex:1;padding:36px 44px;overflow-y:auto}.table-container{background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-top:16px;overflow:auto hidden}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary);padding:14px 20px;font-size:11px;font-weight:700}.custom-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:var(--transition-fast);padding:15px 20px;font-size:14px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:var(--bg-primary)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-bottom:32px;display:grid}.dashboard-layout{flex-direction:column;gap:24px;display:flex}.dashboard-row{gap:24px;display:grid}.dashboard-row-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-row-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-row-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-grid-main{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (max-width:1200px){.dashboard-grid-main{grid-template-columns:1fr}}.card-luxury{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.card-luxury:hover{box-shadow:var(--shadow-md);border-color:#6c1d1b33;transform:translateY(-2px)}.card-header-flex{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{font-family:var(--font-serif);color:var(--text-primary);font-size:18px;font-weight:600}.card-subtitle{color:var(--text-secondary);font-size:13px}.header-actions{align-items:center;gap:20px;display:flex}.search-box{width:260px;position:relative}.search-box input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;transition:var(--transition-fast);border-radius:50px;padding:10px 16px 10px 40px;font-size:13px}.search-box input:focus{border-color:var(--primary-brand);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--primary-brand-glow);outline:none}.search-box svg{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.notification-bell{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);border-radius:50%;padding:8px;position:relative}.notification-bell:hover{background:var(--bg-tertiary);color:var(--primary-brand)}.notification-badge{background:var(--color-danger);border:2px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:6px}.profile-menu{cursor:pointer;transition:var(--transition-fast);border-radius:50px;align-items:center;gap:12px;padding:4px;display:flex}.profile-menu:hover{background:var(--bg-tertiary)}.profile-avatar{background:var(--primary-brand-light);width:36px;height:36px;color:var(--primary-brand);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--text-primary);font-size:13px;font-weight:600}.profile-role{color:var(--text-secondary);font-size:11px}.stat-value{font-size:28px;font-weight:700;font-family:var(--font-sans);color:var(--text-primary);margin:12px 0 8px}.stat-trend{align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-danger)}.trend-neutral{color:var(--text-muted)}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.progress-container{background:var(--bg-tertiary);border-radius:10px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width 1s ease-in-out}.list-item-luxury{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.list-item-luxury:last-child{border-bottom:none;padding-bottom:0}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.action-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:13px;font-weight:600;display:flex}.action-card:hover{background:var(--primary-brand-light);color:var(--primary-brand);border-color:var(--primary-brand)}.mobile-menu-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;margin-right:16px;display:none}.sidebar-overlay{z-index:40;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:992px){.mobile-menu-btn{display:block}.header-actions .search-box{display:none}.admin-header{padding:0 20px!important}.admin-sidebar{z-index:50;transition:transform .3s;transform:translate(-100%);position:fixed!important}.admin-sidebar.open{transform:translate(0)!important}.sidebar-overlay.open{display:block}.admin-content{padding:20px 16px!important}.mobile-hide-title{display:none!important}}@media (max-width:768px){.dashboard-grid-main{grid-template-columns:1fr}.header-actions .profile-info{display:none}.dashboard-row-2,.dashboard-row-3,.dashboard-row-4,.stats-grid,.quick-actions-grid{grid-template-columns:1fr}.card-luxury{padding:16px}}