.admin-body{background:#f3f4f6;font-size:13px}.admin-top{height:64px;background:#101824;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.admin-top .brand{font-size:19px}.admin-top .brand img{height:35px;width:35px}.admin-top .brand b{font-size:23px}.admin-top .row{gap:18px;flex-wrap:nowrap}.admin-top .row>*{flex:none}.admin-top a:not(.brand){font-size:11px;color:#b4c0d1}.admin-top .avatar{display:grid;place-items:center;background:#244779;color:#d7e6ff;width:30px;height:30px;border-radius:7px;font-size:11px}.admin-layout{display:grid;grid-template-columns:225px 1fr;min-height:calc(100dvh - 64px)}.sidebar{padding:25px 14px;background:#eceef1;border-right:1px solid #e0e3e8;position:sticky;top:64px;height:calc(100dvh - 64px);display:flex;flex-direction:column}.sidebar-label{font-size:9px;color:#8a929e;letter-spacing:1.5px;margin:0 12px 12px}.side-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:7px;background:transparent;color:#536071;margin:2px 0;font-size:12px}.side-link>span:first-child{font-size:19px;width:22px;text-align:center}.side-link.active{background:#dce6f9;color:#124cac;font-weight:600}.side-link .count{margin-left:auto;padding:0 6px;border-radius:4px;background:#fff;font-size:10px}.sidebar-bottom{margin-top:auto;border-top:1px solid #d8dde5;padding-top:15px}.sidebar-bottom small{display:block;font-size:10px;padding:0 12px;margin-bottom:8px}.admin-main{padding:36px 4%;min-width:0;max-width:1500px;width:100%}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.admin-heading h1{font-size:27px;letter-spacing:-.8px;margin:0 0 5px}.admin-heading p{font-size:12px;color:var(--muted);margin:0}.admin-heading .button{font-size:11px;padding:10px 15px;min-height:37px}.demo-banner{display:flex;align-items:center;gap:12px;background:#e9effa;border:1px solid #d4e0f4;border-radius:9px;padding:14px 17px;margin-bottom:24px;color:#476181;font-size:11px}.demo-banner b{color:#234f8c}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.metric small{font-size:11px}.metric strong{display:block;font-size:28px;font-weight:600;letter-spacing:-1px;margin:7px 0}.metric span{font-size:10px;color:#9199a3}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #eef0f3;gap:15px}.panel-head h2{font-size:15px;letter-spacing:-.3px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.panel-head .link-button{font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:12px 20px;background:#fafbfc;font-size:10px;font-weight:500;color:#76818f;border-bottom:1px solid var(--line)}td{padding:16px 20px;border-bottom:1px solid #edf0f3;font-size:11px}tr:last-child td{border:0}td .link-button{font-size:11px;font-weight:600}td small{display:block;font-size:10px}tr:hover td{background:#fbfcfe}.table-product{display:flex;gap:12px;align-items:center}.table-product img{width:45px;height:52px;border-radius:5px;object-fit:cover}.table-product strong{font-size:12px}.table-empty{text-align:center;padding:45px 20px;color:#8a94a1;font-size:12px}.overview-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.stock-item{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid #edf0f3}.stock-item:last-child{border:0}.stock-item img{width:36px;height:44px;object-fit:cover;border-radius:4px}.stock-item>div{flex:1}.stock-item strong{font-size:11px}.stock-item small{font-size:10px;display:block}.stock-item>span{font-size:11px;color:#546276}.activity{padding:20px 22px}.activity p{font-size:12px;margin-bottom:6px}.activity small{font-size:10px}.tabbar{display:flex;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabbar button{background:transparent;padding:6px 10px;border-radius:6px;color:#6a7583;font-size:11px}.tabbar button.selected{background:#e9edf3;color:#243751;font-weight:600}.admin-search{max-width:250px;font-size:11px;padding:9px 12px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#18376c,#080f1c 70%)}.login-box{background:#fff;width:100%;max-width:420px;border-radius:14px;padding:36px;box-shadow:0 30px 90px #0005}.login-box .brand{margin-bottom:35px;font-size:20px}.login-box h1{font-size:27px;letter-spacing:-1px;line-height:1.2;margin-bottom:10px}.login-box p{font-size:12px;color:var(--muted)}.login-box .field{margin:25px 0 20px}.login-box .hint{margin-top:20px;font-size:10px}.login-box>a{display:block;text-align:center;margin-top:25px;font-size:11px;color:var(--muted)}.product-edit-image{display:flex;gap:20px;align-items:center}.product-edit-image img{width:90px;height:110px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.product-edit-image>div{flex:1}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px;margin:22px 0}.detail-list small{display:block;font-size:10px;margin-bottom:5px}.danger-button{background:#fff0f1;color:#ac2536;padding:11px 15px;border-radius:6px}.refresh-status{font-size:10px;color:var(--muted)}@media(max-width:1000px){.admin-layout{grid-template-columns:180px 1fr}.admin-main{padding:26px 3%}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:24px}.overview-grid{grid-template-columns:1fr}}@media(max-width:700px){.admin-top{padding:0 15px}.admin-top .brand{font-size:16px}.admin-top .brand b{font-size:20px}.admin-top .row a{display:none}.admin-layout{display:block}.sidebar{position:sticky;top:64px;height:auto;z-index:10;padding:8px;flex-direction:row;overflow:auto;border-bottom:1px solid #d6dce6;gap:4px}.sidebar-label,.sidebar-bottom{display:none}.side-link{font-size:10px;white-space:nowrap;width:auto;gap:5px;padding:8px}.side-link>span:first-child{font-size:15px;width:16px}.side-link .count{display:none}.admin-main{padding:24px 4%}.admin-heading h1{font-size:24px}.admin-heading{gap:10px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:26px}.demo-banner{font-size:10px;align-items:flex-start}.panel-head{padding:16px}.admin-search{max-width:150px}.detail-list{grid-template-columns:1fr}.login-box{padding:28px}.admin-heading .button{font-size:10px;padding:9px}.refresh-status{display:none}}