*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange: #E15033;--orange-dark: #c4421f;--orange-light: #fff5f2;--orange-mid: #fdddd5;--black: #0A0A0A;--ink: #1a1a1a;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f4f4f4;--gray-200: #ebebeb;--gray-300: #d4d4d4;--gray-400: #a0a0a0;--gray-500: #737373;--gray-600: #525252;--green: #16a34a;--green-light: #f0fdf4;--red: #dc2626;--red-light: #fef2f2;--amber: #d97706;--amber-light: #fffbeb;--blue: #2563eb;--blue-light: #eff6ff;--purple: #7c3aed;--purple-light: #f5f3ff;--sidebar-w: 240px;--topbar-h: 58px}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:var(--ink);background:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.mono{font-family:DM Mono,Menlo,monospace}.admin-app{display:flex;height:100vh;width:100vw;overflow:hidden}.admin-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--black);display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative}.sidebar-logo{padding:20px 16px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sidebar-logo-icon{width:32px;height:32px;background:var(--orange);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sidebar-logo-text{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}.sidebar-badge{display:inline-block;background:#e1503326;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;color:var(--orange);letter-spacing:.06em;text-transform:uppercase}nav{flex:1;padding:8px 0;overflow-y:auto}.nav-section{padding:16px 20px 6px;font-size:10px;font-weight:700;color:#ffffff40;letter-spacing:.1em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;margin:1px 8px;font-size:13px;font-weight:500;color:#ffffff80;cursor:pointer;transition:background .12s,color .12s;letter-spacing:-.01em}.nav-item:hover{background:#ffffff0f;color:#ffffffd9}.nav-item.active{background:#e150332e;color:#fff;font-weight:600}.nav-item.active .nav-icon{color:var(--orange);opacity:1}.nav-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0;opacity:.7}.sidebar-footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-admin-user{display:flex;align-items:center;gap:10px}.admin-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0}.admin-name{font-size:12px;font-weight:700;color:#fff}.admin-role{font-size:10px;color:#ffffff5c;text-transform:capitalize;font-weight:600}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;width:28px;height:28px;background:#ffffff14;border:none;border-radius:7px;color:#ffffff80;cursor:pointer;transition:background .15s,color .15s;padding:0}.sidebar-toggle-btn:hover{background:#ffffff24;color:#ffffffe6}.sidebar-toggle-collapsed{display:flex;margin:8px auto 4px;width:36px;height:36px;border-radius:10px;background:#ffffff0f}.sidebar-toggle-collapsed:hover{background:#e1503340;color:var(--orange)}.admin-sidebar{transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1)}.admin-sidebar.sidebar-collapsed{width:60px;min-width:60px;overflow:hidden}.admin-sidebar.sidebar-collapsed .sidebar-logo-text,.admin-sidebar.sidebar-collapsed .sidebar-badge,.admin-sidebar.sidebar-collapsed .nav-label,.admin-sidebar.sidebar-collapsed .nav-section,.admin-sidebar.sidebar-collapsed .sidebar-user-info{display:none}.admin-sidebar.sidebar-collapsed .sidebar-toggle-btn:not(.sidebar-toggle-collapsed){display:none}.admin-sidebar.sidebar-collapsed .sidebar-logo{padding:16px 12px 12px}.admin-sidebar.sidebar-collapsed .sidebar-logo-top{justify-content:center}.admin-sidebar.sidebar-collapsed .nav-item{justify-content:center;padding:10px}.admin-sidebar.sidebar-collapsed .nav-icon{margin:0}.admin-sidebar.sidebar-collapsed .sidebar-footer{padding:12px}.admin-sidebar.sidebar-collapsed .sidebar-admin-user{justify-content:center}.sidebar-close-btn{display:none;position:absolute;top:16px;right:12px;background:#ffffff1a;border:none;border-radius:8px;color:#fffc;cursor:pointer;width:28px;height:28px;align-items:center;justify-content:center;font-size:18px;line-height:1;flex-shrink:0;transition:background .15s;z-index:1}.sidebar-close-btn:hover{background:#ffffff2e}.hamburger-btn{display:none;background:none;border:1.5px solid var(--gray-200);border-radius:9px;cursor:pointer;padding:6px 8px;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0}.hamburger-btn span{display:block;width:16px;height:1.5px;background:currentColor;border-radius:2px}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:299;cursor:pointer;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{background:var(--white);border-bottom:1px solid var(--gray-200);padding:0 28px;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px}.topbar-title{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.03em}.topbar-sub{font-size:12px;color:var(--gray-400);font-weight:500;margin-top:1px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-content{flex:1;overflow-y:auto;padding:24px 28px}.stat-card{background:var(--white);border-radius:16px;border:1.5px solid var(--gray-200);padding:20px 22px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:0;top:0;width:80px;height:80px;border-radius:0 16px 0 80px;opacity:.07}.stat-card.orange:after{background:var(--orange)}.stat-card.green:after{background:var(--green)}.stat-card.blue:after{background:var(--blue)}.stat-card.purple:after{background:var(--purple)}.stat-card.amber:after{background:var(--amber)}.card{background:var(--white);border-radius:16px;border:1px solid var(--gray-200);overflow:hidden;margin-bottom:20px}.card-header{padding:15px 20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:13px;font-weight:800;color:var(--ink)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}thead tr{background:var(--gray-50)}th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--gray-100)}td{padding:11px 16px;font-size:13px;color:var(--ink);border-bottom:1px solid var(--gray-100)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--gray-50)}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}.badge-green{background:var(--green-light);color:var(--green)}.badge-red{background:var(--red-light);color:var(--red)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-purple{background:var(--purple-light);color:var(--purple)}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.badge-orange{background:var(--orange-light);color:var(--orange)}.btn-primary{background:var(--orange);color:#fff;border:none;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.btn-primary:hover{background:var(--orange-dark)}.btn-ghost{background:var(--gray-100);color:var(--ink);border:1.5px solid var(--gray-200);border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.btn-ghost:hover{border-color:var(--gray-400)}.resp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.resp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resp-grid-main-aside{display:grid;grid-template-columns:1fr 340px;gap:16px}.resp-grid-3{display:grid;grid-template-columns:1fr 260px 260px;gap:16px}.filters-bar{display:flex;gap:6px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.filters-bar::-webkit-scrollbar{display:none}.filters-bar>*{flex-shrink:0}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}.page-toolbar-right{display:flex;gap:8px;align-items:center;flex-shrink:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#00000038}input:focus,textarea:focus,button:focus{outline:none}button:focus-visible{box-shadow:0 0 0 3px #e1503359}.table-scroll-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9));pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1200px){.resp-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 1100px){:root{--sidebar-w: 200px}.topbar-search{display:none!important}}@media (max-width: 900px){:root{--sidebar-w: 180px}.topbar-view-site{display:none!important}.topbar{padding:0 16px}.admin-content{padding:16px 20px}.resp-grid-main-aside{grid-template-columns:1fr}}@media (max-width: 768px){:root{--sidebar-w: 60px}.sidebar-logo-text,.sidebar-badge,.nav-item span:last-child,.nav-section{display:none}.sidebar-logo{padding:16px 12px;justify-content:center}.sidebar-logo-top{justify-content:center}.nav-item{justify-content:center;padding:10px}.nav-icon{margin:0}.sidebar-footer{padding:12px;justify-content:center}.sidebar-admin-user{justify-content:center}.admin-content{padding:12px 14px}.resp-grid-4{grid-template-columns:1fr 1fr}.resp-grid-2,.resp-grid-3{grid-template-columns:1fr}.topbar-title{font-size:14px}.topbar-sub{display:none}}@media (max-width: 560px){.hamburger-btn,.sidebar-close-btn{display:flex!important}.sidebar-toggle-btn,.sidebar-toggle-collapsed{display:none!important}.admin-sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:300;width:240px!important;min-width:240px!important;height:100dvh!important;transform:translate(-100%);overflow-y:auto!important;box-shadow:none}.admin-sidebar.nav-open{transform:translate(0);box-shadow:6px 0 30px #00000059}.admin-sidebar.nav-open .sidebar-logo-text,.admin-sidebar.nav-open .sidebar-badge,.admin-sidebar.nav-open .nav-item span:last-child,.admin-sidebar.nav-open .nav-label,.admin-sidebar.nav-open .nav-section,.admin-sidebar.nav-open .sidebar-user-info{display:block!important}.admin-sidebar.nav-open .nav-item,.admin-sidebar.nav-open .sidebar-logo-top{justify-content:flex-start!important}.admin-sidebar.nav-open .sidebar-logo{padding:20px 16px 14px!important;justify-content:flex-start!important}.admin-sidebar.nav-open .sidebar-footer{padding:14px 16px!important;justify-content:flex-start!important}.admin-sidebar.nav-open .sidebar-admin-user{justify-content:flex-start!important}.admin-main{width:100%}.topbar{padding:0 12px!important;height:52px}.admin-content{padding:12px!important}.resp-grid-4{grid-template-columns:1fr 1fr;gap:10px}.resp-grid-2{grid-template-columns:1fr;gap:12px}.stat-card{padding:14px 16px}.stat-card:after{width:50px;height:50px}}@media (max-width: 400px){.resp-grid-4{grid-template-columns:1fr 1fr;gap:8px}}