.sidebar{width:var(--sidebar-width, 240px);background:-webkit-linear-gradient(top,var(--brand-gold) 0%,var(--brand-gold-dark) 100%);background:linear-gradient(180deg,var(--brand-gold) 0%,var(--brand-gold-dark) 100%);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;-webkit-transition:width var(--transition-normal, .25s ease),-webkit-transform var(--transition-normal, .25s ease);transition:width var(--transition-normal, .25s ease),-webkit-transform var(--transition-normal, .25s ease);transition:width var(--transition-normal, .25s ease),transform var(--transition-normal, .25s ease);transition:width var(--transition-normal, .25s ease),transform var(--transition-normal, .25s ease),-webkit-transform var(--transition-normal, .25s ease);overflow:hidden}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.table-row-hover{-webkit-transition:background-color var(--transition-fast, .15s ease);transition:background-color var(--transition-fast, .15s ease)}.table-row-hover:hover{background-color:#f9fafb}.search-clear-btn{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background:#e5e7eb;color:#999;font-size:10px;cursor:pointer;border:none;padding:0;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.search-clear-btn:hover{background:#d1d5db;color:#666}.empty-state{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #999)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state .empty-title{font-size:15px;font-weight:500;color:var(--text-secondary, #666);margin-bottom:4px}.empty-state .empty-desc{font-size:13px;color:var(--text-muted, #999)}.skeleton{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e8e8e8),color-stop(75%,#f0f0f0));background:-webkit-linear-gradient(left,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;border-radius:6px}@-webkit-keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;-webkit-animation:fadeOverlay .25s ease;animation:fadeOverlay .25s ease}@-webkit-keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;background:#fff;z-index:1001;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-animation:slideInRight .3s ease;animation:slideInRight .3s ease;-webkit-box-shadow:-8px 0 24px rgba(0,0,0,.12);box-shadow:-8px 0 24px #0000001f}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}.admin-card{background:#fff;border-radius:var(--radius-md, 12px);padding:20px;-webkit-transition:all var(--transition-normal, .25s ease);transition:all var(--transition-normal, .25s ease);-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card)}.admin-card:hover{-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width: 768px){.sidebar{display:none}.main-area{margin-left:0!important;margin-bottom:64px}.mobile-tabbar{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.page-content{padding:16px!important}.drawer-panel{width:100vw}}.mobile-tabbar{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--border-color, #e5e7eb);z-index:200;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 -2px 8px rgba(0,0,0,.06);box-shadow:0 -2px 8px #0000000f}.mobile-tabbar a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:2px;font-size:10px;color:var(--text-muted, #999);text-decoration:none;padding:6px 12px;-webkit-transition:color var(--transition-fast);transition:color var(--transition-fast)}.mobile-tabbar a.active{color:var(--brand-gold, #c9a96e)}.mobile-tabbar a .tab-icon{font-size:20px}.offline-banner{background:#fef3cd;color:#856404;padding:8px 16px;text-align:center;font-size:13px;border-bottom:1px solid #ffc107;position:fixed;top:0;left:0;right:0;z-index:9999;-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.sidebar{width:var(--sidebar-width, 240px);background:-webkit-gradient(linear,left top,left bottom,from(#c9a96e),to(#a8844a));background:-webkit-linear-gradient(top,#c9a96e 0%,#a8844a 100%);background:linear-gradient(180deg,#c9a96e,#a8844a);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;-webkit-transition:width var(--transition-normal, .25s ease);transition:width var(--transition-normal, .25s ease);overflow:hidden}.sidebar-nav a{position:relative}.sidebar-nav a.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:#fff;border-radius:0 3px 3px 0}@media (max-width: 1024px){.sidebar{width:var(--sidebar-collapsed-width, 70px)}.label-text,.name-text,.brand-subtitle{display:none}.sidebar-nav a{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:4px 8px;padding:14px}.sidebar-nav a.active:before{display:none}.main-area{margin-left:var(--sidebar-collapsed-width, 70px)!important}}.page-content{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.sidebar{width:var(--sidebar-width, 240px);background:-webkit-linear-gradient(top,var(--brand-gold) 0%,var(--brand-gold-dark) 100%);background:linear-gradient(180deg,var(--brand-gold) 0%,var(--brand-gold-dark) 100%);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}@media (max-width: 1024px){.sidebar{width:var(--sidebar-collapsed-width, 70px)}.label-text,.name-text{display:none}.sidebar nav a{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:4px 8px;padding:14px}.main-area{margin-left:var(--sidebar-collapsed-width, 70px)!important}}.admin-layout{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:100vh;background:#f5f6f8}.sidebar{width:240px;background:-webkit-gradient(linear,left top,left bottom,from(#c9a96e),to(#b89555));background:-webkit-linear-gradient(top,#c9a96e 0%,#b89555 100%);background:linear-gradient(180deg,#c9a96e,#b89555);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.logo{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo h2{font-size:22px;font-weight:700;margin-bottom:4px}.logo span{font-size:12px;opacity:.8}.menu{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:16px 0;overflow-y:auto}.menu-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;padding:14px 20px;color:#ffffffd9;text-decoration:none;-webkit-transition:all .3s;transition:all .3s;margin:4px 12px;border-radius:8px}.menu-item:hover{background:#ffffff26;color:#fff}.menu-item.active{background:#fff3;color:#fff;font-weight:500}.menu-item .icon{font-size:18px}.menu-item .label{font-size:15px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}.admin-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px;padding:12px;background:#ffffff1a;border-radius:8px}.admin-info .avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:16px;font-weight:600}.admin-info .name{font-size:14px;color:#ffffffe6}.logout-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px;padding:12px;border:none;background:#ffffff1a;color:#ffffffd9;border-radius:8px;cursor:pointer;font-size:14px;-webkit-transition:background .3s;transition:background .3s;width:100%}.logout-btn:hover{background:#fff3;color:#fff}.main-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:240px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.top-bar{padding:16px 30px;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:50}.breadcrumb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px;color:#666;font-size:14px}.breadcrumb span:first-child{color:#999}.top-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:20px}.top-actions .time{color:#999;font-size:14px}.content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:30px}@media (max-width: 1024px){.sidebar{width:70px}.logo h2,.logo span,.menu-item .label,.admin-info .name{display:none}.menu-item{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:4px 8px;padding:14px}.admin-info{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.logout-btn .label{display:none}.main-content{margin-left:70px}}