:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#18212f;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:sticky;top:0;height:100vh;background:#14213d;color:#fff;padding:24px 14px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:700;padding:4px 12px 24px}.brand small{display:block;margin-top:7px;font-size:13px;color:#9fb2d4}.sidebar-language{display:grid;gap:6px;margin:0 12px 18px;color:#d8e2f2;font-size:13px}.sidebar-language select{width:100%;min-height:42px;padding:7px 9px;border:1px solid #ffffff3d;border-radius:8px;background:#fff;color:#172033;font:inherit}body>.global-language-switcher{display:none!important}nav{display:grid;gap:6px}nav button{border:0;border-radius:8px;background:transparent;color:#d8e2f2;padding:13px 14px;text-align:left;font-size:15px;display:flex;justify-content:space-between}nav button.active{background:#2563eb;color:#fff;font-weight:700}nav button.pending{opacity:.68}nav small{font-size:11px}aside footer{margin-top:auto;padding:12px;color:#91a4c4;font-size:12px}main{padding:28px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{margin:0 0 7px;font-size:25px}header p{margin:0;color:#657184}button{cursor:pointer}header button,.login button{border:0;border-radius:8px;background:#2563eb;color:#fff;padding:11px 20px}.notice{padding:15px 18px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric,.panel,.login{background:#fff;border:1px solid #e1e7ef;border-radius:12px;padding:20px}.metric{display:grid;gap:10px}.metric span,.metric small{color:#687386}.metric strong{font-size:27px}.panel{margin-top:18px}.panel h2{margin:0 0 18px;font-size:18px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status-grid div{padding:18px;background:#f7f9fc;border-radius:9px;display:flex;justify-content:space-between}.status-grid strong{font-size:22px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf0f4}.login{max-width:430px;margin:10vh auto}.login form{display:grid;gap:16px}.login label{display:grid;gap:7px}.login input{padding:12px;border:1px solid #ccd5e0;border-radius:7px}.error{padding:10px;background:#fff2f0;color:#b42318;border-radius:7px;margin:14px 0}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{position:static;height:auto}.metrics{grid-template-columns:1fr 1fr}nav{grid-template-columns:repeat(2,1fr)}main{padding:18px}}@media(max-width:520px){.metrics,.status-grid{grid-template-columns:1fr}}
button{min-height:44px!important;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #1769d247;outline-offset:2px}

/* NIAGAKING MANAGEMENT UI V6 START */
:root{--nk-blue:#2563eb;--nk-owner:#0f766e;--nk-ink:#172033;--nk-muted:#667085;--nk-line:#e3e8ef;--nk-page:#f5f7fb}
body{background:var(--nk-page);color:var(--nk-ink)}
.shell{grid-template-columns:236px minmax(0,1fr)}
aside{padding:22px 14px;background:linear-gradient(180deg,#111d36 0%,#14213d 100%);box-shadow:8px 0 24px rgba(20,33,61,.08);z-index:2}
.brand{padding:4px 12px 18px;font-size:21px;line-height:1.25}
.brand small{margin-top:6px;line-height:1.45}
.sidebar-language{margin:0 10px 14px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.06)}
.sidebar-language select{min-height:40px;border-radius:8px}
nav{gap:5px;overflow-y:auto;padding-right:2px}
nav button{min-height:45px;padding:11px 13px;border-radius:9px;align-items:center;transition:background .16s ease,color .16s ease,transform .16s ease}
nav button:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(2px)}
nav button.active{background:linear-gradient(135deg,#2f70ee,#1d5bd4);box-shadow:0 7px 18px rgba(37,99,235,.28)}
body[data-portal="owner"] nav button.active{background:linear-gradient(135deg,#0f8b7d,#0f766e);box-shadow:0 7px 18px rgba(15,118,110,.28)}
aside footer{padding:10px 12px 2px}
main{width:100%;max-width:1500px;padding:26px clamp(20px,3vw,42px);margin:0 auto}
header{min-height:68px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid var(--nk-line)}
h1{font-size:27px;letter-spacing:-.3px}
header p{font-size:14px;line-height:1.5}
header button,.login button{min-height:44px;border-radius:9px;font-weight:700;box-shadow:0 5px 14px rgba(37,99,235,.18)}
body[data-portal="owner"] header button,body[data-portal="owner"] .login button{background:#0f766e;box-shadow:0 5px 14px rgba(15,118,110,.18)}
.metric,.panel,.login{border-color:var(--nk-line);border-radius:14px;box-shadow:0 7px 22px rgba(23,32,51,.055)}
.metric{min-height:126px;padding:19px}
.metric strong{font-size:29px;letter-spacing:-.4px}
.panel{padding:22px}
.login{max-width:440px;margin:clamp(44px,9vh,90px) auto;padding:26px}
.login h2{margin-top:0;font-size:22px}
.login input{min-height:46px;padding:11px 13px;border-color:#cbd5e1}
th{color:#475467;font-size:13px;font-weight:700;background:#f8fafc}
th,td{padding:13px 14px}
@media(max-width:850px){.shell{grid-template-columns:1fr}aside{position:relative;height:auto;padding:16px}.brand{padding-bottom:12px}.sidebar-language{max-width:260px;margin-bottom:12px}nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}main{padding:18px}header{align-items:flex-start;gap:12px}.login{margin:32px auto}}
@media(max-width:520px){nav{grid-template-columns:1fr}.sidebar-language{max-width:none}.login{padding:20px}header{flex-direction:column}}
/* NIAGAKING MANAGEMENT UI V6 END */

/* NIAGAKING_MOBILE_NAV_FINAL */
.mobile-nav-toggle,.mobile-nav-backdrop{display:none}
@media (max-width:850px){
  body{overflow-x:hidden}
  .shell{display:block;min-height:100dvh}
  .shell>aside{position:fixed;inset:0 auto 0 0;z-index:1200;width:min(82vw,300px);height:100dvh;overflow-y:auto;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 12px 40px rgba(0,0,0,.25)}
  .shell.mobile-nav-open>aside{transform:translateX(0)}
  .mobile-nav-toggle{display:grid;place-items:center;position:fixed;top:12px;left:12px;z-index:1210;width:44px;height:44px;border:0;border-radius:12px;background:#172a46;color:#fff;font-size:24px;box-shadow:0 4px 16px rgba(0,0,0,.2)}
  .mobile-nav-backdrop{position:fixed;inset:0;z-index:1190;border:0;background:rgba(7,17,33,.48)}
  .shell.mobile-nav-open .mobile-nav-backdrop{display:block}
  .shell>main{width:100%;min-width:0;margin:0;padding-top:64px}
  header{padding-left:56px;gap:10px;flex-wrap:wrap}
  .content,.page-content{padding-left:14px;padding-right:14px}
  table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}
  input,select,button,textarea{max-width:100%}
}

/* OWNER BUSINESS CENTER V2 */
.owner-scope{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(420px,2fr) auto;gap:18px;align-items:end;padding:18px 20px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px}.owner-scope>div:first-child{display:grid;gap:4px}.owner-scope small,.owner-scope span{color:#52606d}.owner-scope strong{font-size:20px;color:#065f46}.owner-scope form{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end}.owner-scope label{display:grid;gap:5px;font-size:13px}.owner-scope input,.owner-scope select{min-height:44px;padding:8px;border:1px solid #bdc8d5;border-radius:8px;background:#fff}.owner-scope button{min-height:44px;border:0;border-radius:8px;padding:0 16px;background:#0f766e;color:#fff;font-weight:700}.owner-periods{display:flex!important;gap:6px!important}.owner-periods button{background:#fff;color:#0f766e;border:1px solid #99d5c9}.owner-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.owner-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.owner-trend{height:260px;display:flex;align-items:flex-end;gap:8px;overflow-x:auto;padding:34px 4px 0}.owner-trend-item{height:100%;min-width:48px;flex:1;display:grid;grid-template-rows:28px 1fr 24px;text-align:center}.owner-trend-value{font-size:11px;color:#52606d;white-space:nowrap}.owner-trend-track{position:relative;height:100%;border-radius:7px 7px 2px 2px;background:#eef2f6;overflow:hidden}.owner-trend-track span{position:absolute;inset:auto 0 0;background:linear-gradient(#34d399,#0f766e);border-radius:7px 7px 2px 2px}.owner-trend.orders .owner-trend-track span{background:linear-gradient(#60a5fa,#2563eb)}.owner-trend-item small{padding-top:6px;font-size:11px;color:#667085}
@media(max-width:1050px){.owner-scope{grid-template-columns:1fr}.owner-scope form{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.owner-chart-grid{grid-template-columns:1fr}.owner-scope form,.owner-metrics{grid-template-columns:1fr}.owner-periods{flex-wrap:wrap}.owner-trend{height:220px}.owner-scope{padding:15px}}