:root{--nav:#101828;--nav-hover:#1d2939;--blue:#1677ff;--blue-dark:#0b5fd7;--bg:#f4f7fb;--card:#fff;--text:#182230;--muted:#667085;--line:#e4e7ec;--green:#12b76a;--orange:#f79009;--red:#f04438;--purple:#7a5af8;--shadow:0 10px 32px rgba(16,24,40,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}button{cursor:pointer}.eyebrow{margin:0;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.17em}.brand-logo{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#1677ff,#7a5af8);color:#fff;font-size:27px;font-weight:900;box-shadow:0 14px 28px rgba(22,119,255,.24)}.brand-logo.small{width:40px;height:40px;border-radius:13px;font-size:20px;box-shadow:none}
.auth-view{min-height:100vh;display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 20% 10%,rgba(22,119,255,.18),transparent 28%),linear-gradient(135deg,#07172f,#0d2950 55%,#103d70)}.auth-brand{position:fixed;top:34px;left:42px;display:flex;align-items:center;gap:14px;color:#fff}.auth-brand b{display:block;font-size:20px}.auth-brand small{display:block;color:#b8cff1;margin-top:3px}.login-card{width:min(450px,94vw);padding:38px;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 35px 90px rgba(0,0,0,.3)}.login-card h1{margin:8px 0 7px;font-size:30px}.login-copy{margin:0 0 27px;color:var(--muted)}.login-card label{display:grid;gap:8px;margin:17px 0;font-size:13px;font-weight:700}.login-card input,.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px 14px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;outline:none}.login-card input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.12)}.security-tip{margin-top:18px;padding:11px 13px;border-radius:9px;background:#f5f8ff;color:#475467;font-size:12px}
.button{border:0;border-radius:9px;padding:10px 16px;font-weight:750;transition:.15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-dark)}.button.secondary{background:#eef4ff;color:#155eef}.button.ghost{border:1px solid var(--line);background:#fff;color:#344054}.button.danger{background:#fff1f0;color:#d92d20}.button.small{padding:7px 10px;font-size:12px}.button.wide{width:100%;padding:13px}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--nav);color:#fff;overflow:auto}.sidebar-brand{height:75px;display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none}.sidebar-brand b{display:block;font-size:17px}.sidebar-brand small{display:block;margin-top:2px;color:#98a2b3;font-size:11px}.sidebar nav{flex:1;padding:12px}.sidebar nav p{margin:18px 12px 7px;color:#667085;font-size:10px;font-weight:800;letter-spacing:.13em}.sidebar nav button{width:100%;display:flex;align-items:center;gap:10px;margin:2px 0;padding:11px 12px;border:0;border-radius:9px;background:none;color:#d0d5dd;text-align:left}.sidebar nav button i{width:22px;font-style:normal;font-size:12px;font-weight:900;text-align:center}.sidebar nav button em{margin-left:auto;padding:2px 7px;border-radius:99px;background:#344054;color:#d0d5dd;font-size:10px;font-style:normal}.sidebar nav button:hover,.sidebar nav button.active{background:var(--nav-hover);color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--blue)}.sidebar-footer{padding:13px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr;gap:7px}.sidebar-footer a,.sidebar-footer button{padding:9px 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:none;color:#98a2b3;text-align:center;text-decoration:none;font-size:12px}.sidebar-footer a:hover,.sidebar-footer button:hover{color:#fff;background:var(--nav-hover)}
.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:30;height:75px;display:flex;align-items:center;gap:14px;padding:0 26px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.page-heading{min-width:190px}.page-heading span{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.page-heading h2{margin:0;font-size:19px}.global-search{margin-left:auto;width:min(320px,28vw);display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#f9fafb;color:#98a2b3}.global-search input{width:100%;border:0;outline:none;background:transparent}.icon-button,.menu-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#475467;font-size:18px}.menu-toggle{display:none}.admin-account{display:flex;align-items:center;gap:9px;padding-left:4px}.admin-account>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-weight:900}.admin-account b{display:block;font-size:12px}.admin-account small{display:block;margin-top:2px;color:var(--muted);font-size:10px}
.content{max-width:1700px;margin:0 auto;padding:24px}.loading,.empty{padding:55px;text-align:center;color:var(--muted);border:1px dashed #d0d5dd;border-radius:14px;background:#fff}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;border-radius:16px;background:linear-gradient(135deg,#0b5fd7,#1677ff 65%,#5b8ff9);color:#fff;box-shadow:0 14px 34px rgba(22,119,255,.22)}.hero-panel h1{margin:4px 0 7px;font-size:25px}.hero-panel p{margin:0;color:#dbeafe}.hero-panel .eyebrow{color:#cfe3ff}.health-badge{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(255,255,255,.12);white-space:nowrap}.health-badge i{width:9px;height:9px;border-radius:50%;background:#47d78f;box-shadow:0 0 0 5px rgba(71,215,143,.17)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.metric-card{position:relative;padding:19px;border:1px solid #eaecf0;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.03);overflow:hidden}.metric-card:after{content:"";position:absolute;right:-15px;bottom:-25px;width:80px;height:80px;border-radius:50%;background:var(--metric-bg,#eff8ff)}.metric-card span{color:var(--muted);font-size:12px}.metric-card b{display:block;margin:8px 0 5px;font-size:25px}.metric-card small{color:#98a2b3;font-size:11px}.metric-card.blue{--metric-bg:#dbeafe}.metric-card.green{--metric-bg:#dcfae6}.metric-card.orange{--metric-bg:#fef0c7}.metric-card.purple{--metric-bg:#ebe9fe}
.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.card{padding:19px;border:1px solid #eaecf0;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.03);margin-bottom:16px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.card-header h3{margin:0;font-size:16px}.card-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.card-header .link-button{border:0;background:none;color:var(--blue);font-size:12px;font-weight:700}.chart-bars{display:grid;gap:12px}.chart-row{display:grid;grid-template-columns:76px 1fr 40px;gap:10px;align-items:center;font-size:12px}.chart-row span{color:#475467}.chart-track{height:8px;border-radius:99px;background:#f2f4f7;overflow:hidden}.chart-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),#53a1ff)}.chart-row b{text-align:right}.health-list{display:grid;gap:12px}.health-item{display:flex;align-items:center;gap:11px;padding:11px;border-radius:10px;background:#f9fafb}.health-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ecfdf3;color:#027a48;font-weight:900}.health-icon.warn{background:#fffaeb;color:#b54708}.health-item div{flex:1}.health-item b{display:block;font-size:13px}.health-item small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.page-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.page-toolbar input,.page-toolbar select{min-width:180px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;outline:none}.page-toolbar .summary{margin-left:auto;color:var(--muted);font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}.data-table{width:100%;min-width:900px;border-collapse:collapse;background:#fff}.data-table th{padding:11px 13px;border-bottom:1px solid var(--line);background:#f9fafb;color:#475467;font-size:11px;text-align:left;white-space:nowrap}.data-table td{padding:12px 13px;border-bottom:1px solid #f0f1f3;font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fcfcfd}.data-table td b{display:block}.data-table td small{display:block;margin-top:4px;color:var(--muted);max-width:360px}.money-positive{color:#027a48;font-weight:750}.money-negative{color:#b42318;font-weight:750}.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:750}.status.green{background:#ecfdf3;color:#027a48}.status.orange{background:#fffaeb;color:#b54708}.status.red{background:#fef3f2;color:#b42318}.status.blue{background:#eff8ff;color:#175cd3}.actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.product-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr)) auto;gap:10px;align-items:end;padding:14px;margin-bottom:14px;border:1px solid var(--line);border-radius:11px;background:#f9fafb}.product-filter-grid label{display:grid;gap:6px;color:#475467;font-size:11px;font-weight:700}.product-filter-grid select,.product-filter-grid input,.inline-name,.inline-price,.inline-region,.inline-select,.inline-status{width:100%;padding:8px 9px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;outline:none}.product-bulk{padding:10px 12px;border-radius:9px;background:#f8fafc}.check-label{display:flex;align-items:center;gap:6px;color:#475467}.product-edit-table{min-width:2300px}.product-edit-table th,.product-edit-table td{padding:8px}.product-edit-table .inline-name{min-width:220px}.product-edit-table .inline-price{min-width:90px}.product-edit-table .inline-region{min-width:120px}.product-edit-table .inline-select{min-width:150px}.product-edit-table .inline-status{min-width:82px}
.customer-cell{display:flex;align-items:center;gap:9px}.mini-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#eef4ff;color:#155eef;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.detail-grid div{padding:12px;border-radius:10px;background:#f9fafb}.detail-grid span{display:block;color:var(--muted);font-size:11px}.detail-grid b{display:block;margin-top:5px;font-size:13px}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.supplier-card{padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff}.supplier-card .supplier-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.supplier-card h3{margin:0}.supplier-card p{margin:5px 0 16px;color:var(--muted);font-size:12px}.supplier-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.supplier-stats div{padding:10px;border-radius:9px;background:#f9fafb}.supplier-stats span{display:block;color:var(--muted);font-size:10px}.supplier-stats b{display:block;margin-top:4px;font-size:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.setting-card{display:flex;gap:13px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.setting-card>i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eef4ff;color:#155eef;font-style:normal;font-weight:900}.setting-card h3{margin:0 0 5px;font-size:14px}.setting-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px}.modal-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.62);backdrop-filter:blur(3px)}.modal-card{position:relative;z-index:1;width:min(760px,96vw);max-height:90vh;overflow:auto;padding:25px;border-radius:17px;background:#fff;box-shadow:0 35px 90px rgba(16,24,40,.35)}.modal-close{position:absolute;top:10px;right:14px;border:0;background:none;color:var(--muted);font-size:26px}.modal-card h2{margin:3px 0 7px}.modal-card .muted{color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:18px 0}.form-field{display:grid;gap:7px}.form-field.full{grid-column:1/-1}.form-field label{font-size:12px;font-weight:700}.switches{display:flex;gap:18px;align-items:center}.switches label{display:flex;align-items:center;gap:7px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.notice{padding:12px 14px;border-radius:9px;background:#eff8ff;color:#175cd3;font-size:12px}.notice.warning{background:#fffaeb;color:#b54708}.toast{position:fixed;z-index:200;right:24px;top:24px;max-width:420px;padding:12px 15px;border-radius:10px;background:#101828;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#b42318}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.supplier-grid{grid-template-columns:1fr 1fr}.global-search{display:none}}
@media(max-width:820px){.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:60;left:-260px;width:250px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(16,24,40,.3)}.menu-toggle{display:block}.topbar{padding:0 14px}.admin-account div{display:none}.content{padding:16px}.grid-2,.supplier-grid,.settings-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.hero-panel{align-items:flex-start;flex-direction:column}.auth-brand{position:static;margin-bottom:20px}.auth-view{display:flex;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.page-heading{min-width:0}.page-heading span{display:none}.page-heading h2{font-size:17px}}
.product-edit-table{min-width:2700px}