*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft JhengHei",sans-serif;color:#536174;background:#f2f4fd;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}a{color:#25a6ba;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,.btn{border:1px solid #dce1eb;border-radius:4px;background:#fff;color:#66788d;min-height:39px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;white-space:nowrap}button:hover,.btn:hover{background:#f4f6fc;text-decoration:none}button.primary,.btn.primary{background:#667be0;color:white;border-color:#667be0}button.primary:hover{background:#5269d5}.danger{color:#cc525a;border-color:#e9b9bd}.small{min-height:30px;padding:3px 9px;font-size:12px}.muted{color:#8793a5}.tiny{font-size:12px}.required{color:#e16b69}.icon{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;fill:none;flex-shrink:0}.brand{font-size:24px;font-weight:800;letter-spacing:1px;color:#123b70;line-height:1}.brand i{font-style:normal;color:#e6a637}.brand small{display:block;letter-spacing:2px;font-size:9px;color:#8b96a6;margin-top:6px}.topbar{height:60px;position:fixed;inset:0 0 auto;background:#fff;box-shadow:0 2px 9px #2c34580d;z-index:30;display:flex;align-items:center;padding:0 22px;gap:20px}.topbar .brand{width:225px;flex-shrink:0}.quick-search{position:relative;max-width:360px;flex:1}.quick-search input{height:39px;width:100%;padding:0 34px 0 16px}.top-actions{margin-left:auto;display:flex;gap:15px;align-items:center}.icon-button{padding:5px;border:0;background:none;min-width:30px;color:#6c7f9c}.avatar{width:36px;height:36px;border-radius:50%;background:#e8edfa;color:#6e83ac;display:grid;place-items:center}.sidebar{position:fixed;left:0;top:60px;bottom:0;width:250px;background:#2b2f3b;color:#9198a7;z-index:25;overflow:auto;scrollbar-width:thin;scrollbar-color:#464c5e transparent}.nav-group{border-bottom:1px solid #242833}.nav-parent{width:100%;color:#969ead;border:0;border-radius:0;background:transparent;justify-content:flex-start;min-height:56px;padding:15px 23px;gap:15px;text-align:left}.nav-parent:hover{background:#252935;color:#c3c9d5}.nav-parent .chevron{margin-left:auto}.nav-group.active>.nav-parent{background:#141924;color:#8496ff;border-left:3px solid #6d83ec;padding-left:20px}.nav-children{background:#20232f;padding:8px 0 14px;display:none}.nav-group.open .nav-children{display:block}.nav-children a{display:block;padding:10px 18px 10px 55px;font-size:13px;color:#929bae}.nav-children a:hover{color:#fff;background:#292e40;text-decoration:none}.nav-children a.selected{color:#fff;border-right:3px solid #6d83ec;background:#272d40}.sidebar-foot{padding:25px;font-size:11px;color:#758096}.workspace{margin:60px 0 0 250px;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.breadcrumb{height:45px;background:#e9edf4;border-bottom:1px solid #dce1e9;display:flex;align-items:center;gap:12px;padding:0 30px;color:#8b97a6;font-size:12px}.breadcrumb .right{margin-left:auto}.content{padding:33px 48px 45px;flex:1;max-width:1900px;width:100%;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.page-head h1{margin:0;font-size:25px;font-weight:600;color:#405c7a}.page-head .sub{margin:7px 0 0;color:#98a1af;font-size:12px}.head-actions{display:flex;gap:9px;flex-wrap:wrap}h2{font-size:20px;font-weight:500;margin:0 0 20px}h3{font-size:16px;margin:0 0 15px;font-weight:600}.panel{background:#fff;border:1px solid #e0e5ec;border-radius:4px;margin-bottom:22px;box-shadow:0 1px 3px #20375b05}.panel-body{padding:24px}.panel-title{padding:15px 20px;border-bottom:1px solid #e8ebf0;font-size:16px;display:flex;justify-content:space-between;align-items:center;color:#4a5668}.panel p{margin:0 0 14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:25px}.statline{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e3e7ee;margin-bottom:12px}.statline>div{position:relative;padding:23px;border-right:1px solid #eceff4;color:#8f99aa}.statline strong{font-size:23px;font-weight:500}.statline span{font-size:12px;margin-left:8px}.statline small{position:absolute;right:18px;top:10px;background:#ebedf2;padding:0 5px;font-size:11px}.statline>div:first-child small{background:#ef6863;color:#fff}.stat-card{height:94px;display:flex;align-items:center;justify-content:space-between;color:#fff;padding:18px 20px;background:#5bb65e;overflow:hidden}.stat-card:nth-child(2){background:#5da0db}.stat-card:nth-child(3){background:#0dbbcb}.stat-card .icon{width:68px;height:68px;opacity:.25;transform:rotate(-10deg);stroke-width:1}.stat-card strong{font-size:26px;font-weight:500;display:block}.stat-card div{text-align:right}.stat-card span{font-size:12px}.dashboard-help{margin:40px 0 26px;padding-top:30px;border-top:1px solid #e1e6ef}.dashboard-help .panel{margin:0;min-height:210px}.helpbox{display:flex;flex-direction:column;justify-content:center;padding:28px}.welcome-art{position:relative;overflow:hidden;background:#142b50;color:white;display:flex;flex-direction:column;justify-content:center;padding:32px}.welcome-art:after{content:"ZA";position:absolute;right:12px;bottom:-62px;font-size:190px;font-weight:900;opacity:.08}.welcome-art small{letter-spacing:3px;color:#8fb8ea}.welcome-art h2{font-size:30px;color:#fff;margin:12px 0}.welcome-art p{color:#c0d0e6;font-size:12px;max-width:270px}.toolbar{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #e9edf3;flex-wrap:wrap}.toolbar input{max-width:320px;flex:1;min-width:160px}.toolbar select{width:auto}.tabs{display:flex;gap:28px;border-bottom:1px solid #dfe4ee;margin-bottom:25px}.tabs a{color:#8594a8;padding:10px 2px}.tabs a.active{color:#6278df;border-bottom:3px solid #6278df}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}th{color:#687e96;background:#fafbfd;font-weight:500;padding:13px 18px;border-bottom:1px solid #e5e9f1}td{padding:15px 18px;border-bottom:1px solid #edf0f5;color:#647082}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbff}td .secondary{font-size:11px;color:#99a2b1}.table-foot{padding:15px 20px;border-top:1px solid #e9edf3;color:#8e9aae;font-size:12px;display:flex;align-items:center;justify-content:space-between}.badge{display:inline-flex;border-radius:3px;background:#edf0f5;color:#8791a2;padding:3px 8px;font-size:11px;white-space:nowrap}.badge.green{background:#eaf5ed;color:#4c9b6a}.badge.orange{background:#fff3df;color:#b28b3a}.badge.blue{background:#ecf0fd;color:#6a7fd3}.badge.red{background:#faecee;color:#c56a74}.empty{padding:65px 24px;text-align:center;color:#98a3b2}.empty .icon{width:64px;height:64px;color:#8d9ee7;margin-bottom:20px}.empty h3{color:#526c8e;font-size:20px;margin:0 0 8px}.empty p{margin:0 auto 20px;max-width:450px}.notice{border:1px solid #dde5f3;background:#eef3fd;color:#7082a0;padding:13px 17px;border-radius:4px;margin:0 0 22px;font-size:13px}.notice.warn{background:#fff8e9;color:#a18145;border-color:#f1e4c2}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.field label{font-size:13px;color:#5e728c}.field small{color:#96a1af;font-size:12px}input,select,textarea{border:1px solid #dce2ed;border-radius:3px;background:white;color:#536880;padding:10px 12px;width:100%;min-width:0}input:focus,select:focus,textarea:focus{border-color:#8595e5;outline:2px solid #e9edfd}textarea{resize:vertical;min-height:110px;line-height:1.7}input[type=checkbox]{width:16px;height:16px;accent-color:#6278df}input[type=color]{height:42px;padding:5px}.check{display:flex;align-items:center;gap:10px;margin:15px 0}.check input{flex-shrink:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 0}.upload-preview{width:100%;height:180px;object-fit:contain;background:#f6f8fd;border:1px dashed #d2daea;margin-bottom:12px;border-radius:4px}.thumb{width:44px;height:44px;object-fit:cover;background:#f0f3f9;border-radius:4px;vertical-align:middle}.product-cell{display:flex;align-items:center;gap:13px}.placeholder{display:grid;place-items:center;color:#a3aec2}.info-list{display:grid;grid-template-columns:120px 1fr;gap:14px;font-size:13px}.info-list dt{color:#96a0b0}.info-list dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.footer{text-align:center;color:#a5afbc;padding:20px;background:#fff;border-top:1px solid #edf0f4;font-size:11px}.footer a{margin:0 10px}.loading{padding:100px;text-align:center;color:#8e9bb1}.error{padding:12px 15px;background:#fff0f0;border:1px solid #f6d4d6;color:#b85a61;margin-bottom:20px;border-radius:4px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(125deg,#eef2fc,#e5ecfa)}.login-card{width:min(900px,100%);display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:8px;box-shadow:0 18px 65px #293c7017;overflow:hidden}.login-form{padding:48px}.login-form .brand{margin-bottom:38px}.login-form h1{font-size:23px;font-weight:500;color:#566a85}.login-art{background:#859fcd;display:flex;flex-direction:column;justify-content:center;padding:50px;color:white;position:relative;overflow:hidden}.login-art .brand{font-size:37px;color:#fff}.login-art p{margin-top:28px;font-size:16px;line-height:1.9}.login-art:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff55;border-radius:50%;left:-160px;bottom:-180px;box-shadow:0 0 0 40px #ffffff0a,0 0 0 80px #ffffff0a}.full{width:100%}.spacer{height:15px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#253b58;color:white;border-radius:5px;box-shadow:0 5px 20px #213c5322;padding:12px 24px;z-index:100;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:8px;padding:28px;box-shadow:0 15px 60px #12264f33;width:min(560px,90vw);color:#536880}dialog::backdrop{background:#17243a66}.search-results{position:absolute;background:#fff;top:44px;left:0;right:0;box-shadow:0 8px 30px #21375b22;border:1px solid #e1e6ee;max-height:360px;overflow:auto;border-radius:4px}.search-results a{display:block;padding:10px 15px;color:#667c97}.search-results a:hover{background:#f1f4fd}.chart{display:flex;align-items:flex-end;gap:5px;height:200px;padding:10px 0;border-bottom:1px solid #dce3ee}.bar{flex:1;min-width:4px;background:#7790e6;border-radius:3px 3px 0 0;position:relative}.chartlabels{display:flex;justify-content:space-between;color:#9aa6b8;font-size:11px;margin-top:10px}.metric{font-size:30px;font-weight:500;color:#526d98}.integration{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid #e8ecf2}.integration:last-child{border:0}.integration h3{margin:0 0 4px}.integration p{margin:0;font-size:12px;color:#99a2b0}.menu-preview{display:flex;gap:20px;flex-wrap:wrap;padding:20px;background:#f7f9fd}.split .panel{min-width:0}.row-actions{display:flex;gap:7px}.mobile-toggle{display:none}.sidebar-collapsed .sidebar{width:66px}.sidebar-collapsed .nav-parent{padding:17px 21px}.sidebar-collapsed .nav-parent span,.sidebar-collapsed .nav-children,.sidebar-collapsed .sidebar-foot{display:none}.sidebar-collapsed .workspace{margin-left:66px}.collapse-button{position:fixed;left:234px;top:73px;border-radius:50%;min-height:29px;width:29px;padding:0;z-index:31;background:#242a36;color:#bcc5d7;border:0}.sidebar-collapsed .collapse-button{left:51px}.shop{background:#faf9f6;color:#303931;min-height:100vh}.shop-announcement{text-align:center;background:#2d4238;color:white;font-size:12px;padding:8px 18px;letter-spacing:1px}.shop-nav{display:flex;justify-content:space-between;align-items:center;padding:25px 6%;border-bottom:1px solid #e7e6df;gap:20px;background:#fff}.shop-nav .brand{font-family:Georgia,serif;font-size:25px;color:#2d4238;letter-spacing:2px}.shop-nav nav{display:flex;gap:24px;align-items:center}.shop-nav a{color:#3a453e;font-size:12px}.shop-main{max-width:1280px;margin:auto;padding:40px 6% 80px}.hero{min-height:530px;background:#e6e7df;display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;padding:70px 8%;max-width:780px}.hero small{letter-spacing:4px;font-size:11px}.hero h1{font-family:Georgia,serif;font-size:clamp(35px,5.5vw,78px);font-weight:400;line-height:1.1;white-space:pre-line;margin:28px 0;color:#263d30}.hero p{color:#667367;margin:20px 0 30px}.hero .btn{border:1px solid #344d3d;color:#344d3d;background:transparent;font-size:11px;letter-spacing:2px;padding:14px 25px}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shape{position:absolute;width:380px;height:430px;border-radius:200px 200px 12px 12px;right:10%;bottom:-70px;background:linear-gradient(135deg,#b2bdac,#869b86);box-shadow:45px 25px 60px #47594618;transform:rotate(12deg)}.hero-shape:after{content:"";width:230px;height:230px;border-radius:50%;background:#d8c8aa;position:absolute;left:-100px;bottom:30px}.shop-heading{display:flex;justify-content:space-between;align-items:end;margin:20px 0 30px}.shop-heading h2{font-size:28px;font-family:Georgia,serif;color:#2c4034;margin:0}.shop-heading p{font-size:12px;letter-spacing:2px;color:#8a9388}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.shop-product{color:inherit;display:block}.shop-product:hover{text-decoration:none}.shop-product-image{aspect-ratio:1;background:#eceee7;display:grid;place-items:center;overflow:hidden}.shop-product-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.shop-product:hover img{transform:scale(1.035)}.shop-product-image .icon{width:60px;height:60px;color:#9ba895}.shop-product h3{font-weight:400;margin:18px 0 4px;font-size:15px}.shop-product p{font-size:13px;color:#7a877b}.shop-product-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.shop-price{font-size:25px;margin:15px 0 30px}.shop .primary{background:#304a3a;border-color:#304a3a}.shop input:focus{outline-color:#e5ece3;border-color:#98aa96}.shop-footer{padding:50px 6%;background:#edf0e9;color:#6a796d;display:flex;justify-content:space-between;font-size:12px}.shop .panel{border-color:#e1e6dc}.shop-content{white-space:pre-wrap;font-size:15px;line-height:2}.cart-line{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #e3e8df}.cart-line>div:nth-child(2){flex:1}.cart-line input{width:75px}.cart-line .thumb{width:75px;height:75px}.summary-row{display:flex;justify-content:space-between;padding:10px 0}.summary-row.total{border-top:1px solid #dde3d9;font-size:20px;margin-top:12px}.shop-notice{background:#eff3ec;color:#697f66;padding:15px 20px;margin:20px 0}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter-chips button{border-radius:30px;font-size:12px}.filter-chips button.active{background:#344b3b;color:white;border-color:#344b3b}
@media(min-width:1600px){.content{padding-left:55px;padding-right:55px}}@media(max-width:1100px){.content{padding:28px}.topbar .brand{width:208px}.split{grid-template-columns:1fr}.grid2{gap:18px}.shop-nav nav{gap:12px}.hero-shape{right:-8%}.shop-product-detail{gap:25px}}@media(max-width:760px){.topbar{padding:0 15px;gap:10px}.topbar .brand{font-size:20px;width:auto}.topbar .brand small{display:none}.top-actions{gap:6px}.top-actions .store-label{display:none}.quick-search{display:none}.mobile-toggle{display:inline-flex}.sidebar{transform:translateX(-100%);width:250px;transition:.2s}.mobile-open .sidebar{transform:translateX(0)}.workspace,.sidebar-collapsed .workspace{margin-left:0}.collapse-button{display:none}.sidebar-collapsed .sidebar{width:250px}.sidebar-collapsed .nav-parent span{display:initial}.sidebar-collapsed .nav-group.open .nav-children{display:block}.content{padding:22px 16px}.breadcrumb{padding:0 17px}.breadcrumb .right{display:none}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head h1{font-size:23px}.grid2,.grid3{grid-template-columns:1fr}.statline{grid-template-columns:1fr}.statline>div{padding:16px 20px;border-right:0;border-bottom:1px solid #edf0f5}.grid3.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:12px;height:95px}.stat-card .icon{display:none}.stat-card strong{font-size:24px}.stat-card div{text-align:left}.dashboard-help{margin-top:24px;padding-top:20px}.welcome-art{min-height:170px}.login-card{display:block;max-width:460px}.login-art{display:none}.login-form{padding:35px 28px}.panel-body{padding:20px}.shop-nav{padding:20px;flex-wrap:wrap}.shop-nav .brand{font-size:20px}.shop-nav nav{gap:15px;flex-wrap:wrap}.hero{min-height:450px}.hero-content{padding:50px 7%}.hero h1{font-size:43px}.hero-shape{opacity:.3;right:-180px}.shop-main{padding:30px 20px 60px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:15px}.shop-product-detail{grid-template-columns:1fr}.shop-footer{flex-direction:column;gap:20px}.shop-heading h2{font-size:24px}.cart-line{gap:12px}.cart-line .thumb{width:45px;height:45px}.head-actions{width:100%}.info-list{grid-template-columns:90px 1fr}.toolbar{padding:15px}.tabs{gap:20px}.integration{align-items:flex-start;flex-direction:column}.grid2.form-grid{gap:0}}
@media print{.topbar,.sidebar,.breadcrumb,.footer,.form-actions,.head-actions,.collapse-button{display:none!important}.workspace{margin:0}.content{padding:0}.panel{break-inside:avoid}body{background:white}}