:root{--ink:#152b35;--muted:#617582;--green:#087ab3;--nav:#009bc9;--line:#bed9e8;--bg:#009bc9;font-family:Tahoma,"Microsoft YaHei",sans-serif;font-size:15px}
body{background:var(--bg)}button,.button-link{border-radius:4px;border-color:#b6d5e5;background:linear-gradient(#fff,#eaf6fc);font-weight:400;padding:7px 12px}button:hover,.button-link:hover{background:linear-gradient(#fff,#caedff);border-color:#70bfdf}button.primary{background:linear-gradient(#53c9f7,#1293ca);border-color:#148eba}button.primary:hover{background:linear-gradient(#38bff4,#087fb3)}input,select,textarea{border-radius:2px;padding:7px 9px;border-color:#a8c9dc}input:focus,select:focus,textarea:focus{outline-color:#27b6e9}h1{font-size:1.25rem;letter-spacing:0}h2{font-size:1rem}.panel,.stat{border-radius:3px}.panel-head{padding:10px 14px;background:linear-gradient(#fafdff,#e6f4fc)}.panel-body{padding:14px}.panel{margin-bottom:14px}.field{margin-bottom:12px}.form-grid{gap:12px}.actions,.toolbar,.quick-actions{gap:8px}th{background:linear-gradient(#eef8ff,#dbeaf6);color:#204d66;border:1px solid #bfd4e3;padding:8px 12px}td{padding:9px 12px;border:1px solid #dce6ed}tbody tr:nth-child(even){background:#f4f9fc}tbody tr:hover{background:#e0f4ff}.badge,.stat-icon,.product-icon{border-radius:3px}.badge{background:#e4f2fc;color:#206990}.demo-banner{padding:6px 10px;margin-bottom:12px;border-radius:2px;font-size:.8rem}.stats{gap:12px;margin-bottom:14px}.stat{padding:14px}.stat-value{font-size:1.6rem}.table-note{padding:10px 14px}.toolbar{margin-bottom:12px}.page-head{margin-bottom:14px}.page-head p{margin-top:5px}.grid-two,.order-layout,.sale-functions,.count-layout{gap:14px}.section-business-card{height:31px;min-height:31px;width:116px;padding:3px 8px;border:2px solid #ace0f4;border-radius:12px;background:linear-gradient(#fff 0%,#fff 25%,#d4f2ff 65%,#4cc2f5 100%);box-shadow:inset 0 0 3px #79b4d0;text-align:center;justify-content:center;color:#132b35;font-size:15px}.section-business-card:hover{background:linear-gradient(#fff,#a9e5ff);border-color:#50bdec}.section-business-card:disabled{opacity:1;color:#788b95;background:linear-gradient(#fff,#e9f4f8);border-color:#c5dde7}.section-business-grid{display:grid;grid-template-columns:repeat(3,116px);gap:34px 70px;max-width:none;justify-content:center}.ouke-grid-system{grid-auto-flow:column;grid-template-rows:repeat(5,31px)}dialog{border:4px solid #009bc9;border-radius:5px;box-shadow:0 8px 30px #004c6955}.modal-head{padding:10px 14px;background:linear-gradient(#45c8ff,#d7f2ff)}.modal-body{padding:16px}.modal-footer{padding:10px 14px;background:#edf6fc}dialog::backdrop{background:#003d6344;backdrop-filter:none}.login-art{background:linear-gradient(#22b5f5,#009bc9)}.login-art p{color:#e6f7ff}.login-main{background:#eaf7ff}.login-card{background:#fff;padding:28px;border:2px solid #9dd8ed;border-radius:5px}.login-art .brand-mark{background:#e4f7ff;color:#168cb9}.login-art .brand small{color:#dbf5ff}
.shell{display:grid;grid-template-columns:148px minmax(0,1fr);grid-template-rows:20px 94px minmax(0,1fr);gap:6px 12px;padding:0 5px 30px;min-height:100vh}.ouke-title{grid-column:1/-1;color:#e9faff;background:#1babf1;border-bottom:2px solid #f8d666;font-size:13px;padding:1px 12px;margin:0 -5px}.ouke-toolbar{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:8px 26px;background:#fff;border:1px solid #89d4f0;border-radius:12px}.ouke-shortcut{padding:0;border:0;background:none;flex:0 0 75px;display:block;height:72px;border-radius:10px}.ouke-shortcut img{display:block;width:75px;height:72px}.ouke-shortcut:hover{background:none;filter:brightness(1.05)}.ouke-announcement{flex:1;align-self:stretch;display:flex;align-items:center;justify-content:center;background:#ffff99;color:#0081c8;text-decoration:underline;margin:8px 0 4px 24px;min-width:120px;font-size:14px;text-align:center}.sidebar{grid-column:1;grid-row:3;position:static;inset:auto;width:auto;background:white;padding:0;border:1px solid #81d2ee;border-radius:12px;min-height:0;overflow:hidden;z-index:20}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{padding-top:24px;background:linear-gradient(#67d9ff 0,#008ede 23px,#fff 24px);border-radius:11px 11px 0 0}.nav-section+.nav-section{margin:0;padding:0;border:0}.nav-section h2.nav-label{padding:0;font-weight:400}.nav-section-title{padding:0;width:100%;height:71px;justify-content:center;letter-spacing:0;background:#fff;border-radius:0}.nav-section-title img{width:100%;height:63px;object-fit:fill;display:block}.nav-section-title.active,.nav-section-title:hover{background:white}.main{grid-column:2;grid-row:3;min-width:0;background:white;border:1px solid #80d0ee;border-radius:12px;overflow:clip}.topbar{height:39px;min-height:39px;padding:0 12px;gap:8px;background:#eef8ff;position:sticky;top:0}.breadcrumb{font-size:12px;gap:8px}.top-right{gap:6px}.top-right>.avatar,.top-right>button[data-action="logout"],.crumb-root{display:none}.top-right>.meta{font-size:11px}.topbar button{padding:4px 8px;font-size:12px}.workspace{max-width:none;margin:0;padding:16px 18px 28px}.hub-mode .topbar{background:white;border-color:transparent}.hub-mode .breadcrumb>strong,.hub-mode .crumb-home,.hub-mode .top-right>.meta,.hub-mode .demo-banner{display:none}.hub-mode .workspace{display:grid;place-items:center;min-height:calc(100vh - 199px);padding:10px 10px 70px}.hub-mode #content{width:100%}.ouke-status{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;background:#d6dff1;color:#142c3c;border-top:2px solid #97b7d0;min-height:23px;font-size:12px;z-index:25}.ouke-status span{padding:2px 12px;border-right:2px groove white;min-width:145px}.ouke-status span:last-child{margin-left:auto;color:#566d7d}.sale-inventory{top:47px}.count-product-panel{top:47px}
@media(max-width:1100px){.ouke-toolbar{gap:12px;padding:8px 14px}.ouke-announcement{margin-left:0}.top-right>.meta{display:none}}
@media(max-width:800px){:root{font-size:15px}.shell{display:block;padding:0 5px 32px}.ouke-title{margin:0 -5px;height:23px}.ouke-toolbar{padding:8px 4px;gap:4px;border-radius:6px;margin:5px 0;justify-content:space-between}.ouke-shortcut{flex:0 1 58px;height:auto;min-width:0}.ouke-shortcut img{width:100%;height:auto}.ouke-announcement{display:none}.sidebar{position:fixed;width:148px;inset:105px auto 26px 5px;transform:translateX(-170px);overflow-y:auto;border-radius:6px}.sidebar.open{transform:translateX(0);box-shadow:8px 0 25px #00476344}.main{border-radius:6px;min-height:calc(100vh - 130px)}.topbar{padding:6px 8px;height:auto;flex-wrap:nowrap}.breadcrumb{width:auto;flex:1;flex-wrap:wrap;gap:4px}.mobile-menu{display:inline-flex}.top-right{margin:0}.workspace{padding:12px 10px}.hub-mode .workspace{min-height:calc(100vh - 180px);padding:10px}.section-business-grid{grid-template-columns:repeat(3,minmax(0,116px));gap:22px 10px}.section-business-card{width:100%;font-size:13px}.ouke-grid-system{grid-template-rows:repeat(5,31px)}.ouke-status{font-size:10px;flex-wrap:wrap}.ouke-status span{min-width:0;padding:2px 7px}.ouke-status span:nth-child(3){display:none}.login-art{padding:24px}.login-card{padding:20px}.sale-inventory,.count-product-panel{position:static}.count-layout{grid-template-columns:1fr}.topbar .page-back{flex-basis:auto}.modal-head .modal-back{flex-basis:auto}}
@media print{body{background:white}dialog[open]{border:0;box-shadow:none}.ouke-status,.ouke-title,.ouke-toolbar{display:none}.modal-head{background:white}}
.sidebar .workbench-nav{background:linear-gradient(#fff 10%,#dff5ff 25%,#38b9ed 90%);border-left:12px solid white;border-right:12px solid white;font-size:18px;color:#152b35}.sidebar .workbench-nav.active,.sidebar .workbench-nav:hover{color:red;background:linear-gradient(#fff,#c3efff)}
.section-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}.section-feature-group{border:1px solid #bed9e8;border-radius:5px;background:#fff;overflow:hidden}.section-feature-head{padding:12px 16px;background:linear-gradient(#fafdff,#e6f4fc);border-bottom:1px solid #bed9e8}.section-feature-head h2{margin:0;color:#204d66;font-size:16px}.section-groups .section-business-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding:16px;grid-auto-flow:row;grid-template-rows:none}.section-groups .section-business-card{width:100%;height:auto;min-height:38px;white-space:normal}.hub-mode .workspace{display:block;padding:20px}.section-feature-group .chain-grid{padding:14px;margin:0;gap:10px}.section-feature-group .chain-card{min-width:0}.section-data-groups{margin:16px 0}.linked-business>h2{margin-bottom:12px}
@media(max-width:800px){.section-groups{grid-template-columns:minmax(0,1fr);gap:12px}.hub-mode .workspace{padding:12px 10px}.section-groups .section-business-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.section-feature-head{padding:10px 12px}}
.section-feature-group .chain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-feature-group .chain-card span,.section-feature-group .chain-card strong{white-space:normal;overflow-wrap:anywhere}