/* One document scroll; navigation stays in the same place on every admin page. */
html{scroll-behavior:auto;scroll-padding-top:20px}
body{background:#fff;padding:0;color:#172338;font-family:Inter,'Noto Sans Thai',sans-serif;font-weight:500}
.layout{width:100%;max-width:none;min-height:100dvh;margin:0;border-radius:0;overflow:visible;box-shadow:none}
.sidebar{position:sticky;top:0;align-self:flex-start;flex:none;width:238px;min-width:238px;height:100dvh;overflow-y:auto;padding:34px 24px 22px;border-right:1px solid #eceff2;scrollbar-width:thin;scrollbar-color:#e4e9ed transparent}
.main{flex:1;width:auto;min-width:0;margin:0}.topbar{display:none}.content{max-width:none;margin:0;padding:0}.brand{margin:0 0 54px;padding:0 5px}.brand-icon{width:40px;height:40px;flex:none}.brand strong{font-size:20px;font-weight:800}.brand small,.sidebar-section{display:none}
.nav{gap:5px}.nav a{min-height:46px;padding:0 12px;gap:13px;border-radius:11px;color:#858f9c;font-size:13px;font-weight:600;white-space:nowrap}.nav a.active,.nav a.active:hover{background:#f0f5f9;color:#19273a;font-weight:700}.nav a:hover{background:#f7f9fb;color:#253a50}.nav-count,.nav-alert{width:auto;min-width:23px;height:23px;padding:0 6px;font-weight:700}
.sidebar-footer{padding-top:26px}.demo-card{min-height:0;padding:18px 14px;background:#f6f8fa}.demo-card strong{font-weight:700}.profile{margin-top:18px}.profile strong{font-size:12px}.profile small{font-size:11px}
.content>.demo-banner{margin:28px 34px 0;padding:12px 15px;background:#f2f7fb;border:1px solid #e6f0f6;color:#678da6}.demo-banner strong{font-size:12px;font-weight:700}.demo-banner div>span{font-size:12px;font-weight:500;color:#748f9e}
.overview-grid{grid-template-columns:minmax(0,1fr) minmax(265px,32%);min-height:100dvh}.overview-main{padding:clamp(38px,4.6vw,68px) clamp(30px,4.3vw,68px) 64px}.overview-aside{padding:26px clamp(18px,2vw,30px) 40px;border-left:1px solid #edf0f2}.overview-main h1{font-size:clamp(29px,2.35vw,38px);font-weight:800}.overview-main .page-heading p{font-size:14px;font-weight:500;color:#8a929d}.overview-main .page-heading{margin-bottom:clamp(38px,4vw,58px)}
.stat-top>span:first-child{font-size:12px;font-weight:700}.stat-value{font-size:20px;font-weight:800}.stats{margin-bottom:clamp(43px,4vw,60px)}.chart-heading h2,.recent-heading h2{font-size:20px;font-weight:700}.chart-heading p{font-size:12px;font-weight:500;color:#8994a0}.chart-period{font-size:11px;font-weight:600;color:#657589}.recent-product strong{font-size:13px;font-weight:700}.recent-product small,.recent-count{font-size:11px;font-weight:500}.recent-row .status{font-size:11px;font-weight:700}.recent-amount{font-size:12px}.recent-action{border-radius:8px}.recent-action:hover{background:#f2f5f7}
.store-card{background:#f3f5f7;min-height:280px}.store-avatar{width:80px;height:80px}.store-card h2{font-size:17px;font-weight:800}.store-card>p,.store-card-stats span{font-size:11px;font-weight:500}.store-card-stats strong{font-size:16px}.store-button{border:1px solid #fff}.aside-heading h2{font-size:16px;font-weight:700}.attention-row strong{font-size:13px;font-weight:700}.attention-row small{font-size:11px;font-weight:500;color:#8e99a4}.attention-row b{font-size:12px}.aside-cta{font-size:12px;font-weight:700;color:#6f7c8a;background:#f4f6f8}.aside-cta:hover{background:#eaf1f7;color:#365b78}.stock-line{font-size:12px;color:#89939e}.stock-line strong{font-weight:700}
#orders.page,#payments.page,#products.page,#categories.page,#settings.page{max-width:1360px;margin:0 auto;padding:10px clamp(30px,4.4vw,68px) 80px}
.page:not(#overview)>.page-heading{margin:38px 0 30px}.page:not(#overview) h1{font-size:34px;font-weight:800;letter-spacing:-.035em}.page:not(#overview) .page-heading p{font-size:13px;color:#8c98a4;font-weight:500}.eyebrow,.panel-label{font-weight:700;letter-spacing:.08em;color:#9eabb7}
.panel{border:1px solid #edf0f2;border-radius:18px;background:#fff;box-shadow:0 12px 40px #233b4d09}.panel-head{padding:26px 28px 22px}.panel-head h2,.settings-panel h2{font-size:17px;font-weight:700}.panel-head p,.settings-panel>.muted,.review-heading p{font-size:12px;font-weight:500;color:#98a3ae}.meta{font-size:11px;font-weight:700;color:#72899a;background:#f2f6f8;padding:7px 12px}
.btn{min-height:42px;border-radius:11px;border-color:#e5ebef;background:#fff;color:#5b6c7b;font-size:12px;font-weight:700;box-shadow:0 1px 2px #152d3d08}.btn:hover:not(:disabled){background:#f5f9fc;border-color:#c9dce9;color:#263f53}.btn.primary{background:#21354a;color:#fff;border-color:#21354a}.btn.primary:hover:not(:disabled){background:#344d64;border-color:#344d64;color:#fff}.btn.small{min-height:36px;border-radius:10px}.btn svg{width:16px;height:16px}.store-button{border-radius:999px}
.toolbar{padding:0 28px 22px;gap:10px}.search{height:44px;border:1px solid #e7edf1;border-radius:11px;background:#f8fafb;color:#94a3ae}.search:focus-within{border-color:#9fc2d9;box-shadow:0 0 0 3px #c8e2f044}.search input{font-size:13px;font-weight:500;color:#26384a}.search input::placeholder{color:#aab6bf}
.toolbar select,.form-stack select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23768b9b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px;padding-right:38px;cursor:pointer}
.toolbar select,.form-stack input,.form-stack textarea,.form-stack select,.category-form input{min-height:44px;border:1px solid #e5ebef;border-radius:11px;background-color:#f9fbfc;color:#293c4c;font-size:13px;font-weight:500}.toolbar select{min-width:160px}.toolbar select:hover,.form-stack select:hover{border-color:#ccdce6}.toolbar select:focus,.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus,.category-form input:focus{border-color:#8fb7d2;box-shadow:0 0 0 3px #c8e2f044}.toolbar select option,.form-stack select option{background:#fff;color:#293c4c}
.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}th{padding:14px 22px;font-size:11px;font-weight:700;color:#98a5b0;background:#f8fafb;border-color:#f0f3f5}td{padding:17px 22px;font-size:12px;font-weight:500;color:#667785;border-color:#f0f3f5}.order-id,.product-cell strong{font-size:12px;font-weight:700;color:#2a3c4e}.muted-small{font-size:11px;color:#a1adb6}.amount{font-size:13px;font-weight:700;color:#273c4c}.status{font-size:11px;font-weight:700;padding:5px 10px}.detail-btn{min-height:34px;padding:7px 12px;border-radius:9px;color:#657d8d;font-size:11px;font-weight:700}.detail-btn:hover:not(:disabled){background:#edf6fb;border-color:#d2e5ef;color:#38627c}
.review-panel{padding:24px 28px}.review-icon{color:#c78f4f;background:#fcf3e8}.review-row{border-color:#f3eadc;background:#fffbf6;padding:17px}.review-row strong{font-size:13px}.review-row small{font-size:11px}.section-gap{margin-top:18px}.categories-panel{max-width:100%}.category-form{padding:0 28px 22px}.category-row{margin:0 28px;padding:17px 0}.category-row strong{font-size:13px}.category-row small{font-size:11px}.category-icon,.product-icon{width:42px;height:42px;border-radius:13px;font-weight:700}
.settings-grid{gap:18px}.settings-panel{padding:26px 28px}.settings-note{background:#f8fafb;border:1px solid #eef2f4;padding:18px}.settings-note strong{font-size:13px}.settings-note p{font-size:12px;font-weight:500;color:#909da8}.settings-note>span{color:#81a9c0}.form-stack{gap:17px}.form-stack label{font-size:12px;font-weight:700;color:#627586}.form-stack input,.form-stack textarea,.form-stack select{font-size:13px;font-weight:500}.checkbox input{accent-color:#629cbd}.hint{font-size:11px;color:#9aa8b2;font-weight:500}
dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #e9eff2;border-radius:20px;background:#fff;box-shadow:0 24px 80px #1c344536;color:#213447;overscroll-behavior:contain}dialog::backdrop{background:#1b2e3f70;backdrop-filter:blur(4px)}.dialog-head{padding-bottom:20px}.dialog-head h2{font-size:20px;font-weight:800}.icon-button{width:38px;height:38px;border:1px solid #edf1f3;background:#f7f9fa;color:#8fa0ac}.icon-button:hover{background:#edf3f6;color:#233c50}.detail-row{font-size:13px;font-weight:500;color:#8e9ca6;padding-top:18px}.detail-row strong{font-weight:700;color:#2c4050}.dialog-actions{gap:10px;margin-top:26px}.dialog-actions .btn{min-height:44px}.form-stack label#payment-note-field{margin-top:20px}
#toast{bottom:24px;right:24px;display:flex;align-items:center;gap:10px;max-width:min(390px,calc(100vw - 32px));padding:12px 16px;background:#fff;color:#2a5340;border:1px solid #d9eee2;box-shadow:0 12px 32px #1833441a;border-radius:14px;font-size:12px;font-weight:700;line-height:1.5}#toast.error{color:#8c572d;border-color:#f0dfcb}#toast .toast-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;background:#eaf7ef;color:#5ea67a}#toast.error .toast-icon{background:#fcf1e3;color:#c18d52}#toast svg{width:16px;height:16px}
@media (min-width:851px) and (max-width:1120px){.sidebar{width:204px;min-width:204px;padding:27px 16px}.brand strong{font-size:18px}.overview-grid{grid-template-columns:minmax(0,1fr) minmax(210px,30%)}.overview-main{padding:40px 28px 60px}.overview-aside{padding:22px 16px 35px}.overview-main h1{font-size:27px}.stat{padding:0 8px;gap:8px}.stat-icon{width:38px;height:38px}.stat-top>span:first-child{font-size:10px}.stat-value{font-size:17px}.chart-tooltip{left:44%}}
@media(max-width:850px){body{padding:0}.layout{display:block;width:100%;min-height:100dvh}.sidebar{position:relative;width:100%;min-width:0;height:auto;overflow:visible;padding:16px 16px 10px;border-right:0;border-bottom:1px solid #edf0f2}.brand{margin:0 3px 14px}.brand strong{font-size:18px}.brand-icon{width:37px;height:37px}.sidebar-footer,.sidebar-section,.nav-count,.nav-alert{display:none}.nav{display:flex;overflow-x:auto;gap:5px;padding:0 0 4px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{min-height:40px;white-space:nowrap;padding:0 12px;font-size:12px;gap:8px}.nav a svg{width:17px;height:17px}.main{width:100%;margin:0}.topbar{display:none}.content>.demo-banner{margin:18px 16px 0}.content{padding:0}.overview-grid{display:block;min-height:0}.overview-main{padding:30px 18px 0}.overview-main h1{font-size:26px;white-space:normal}.overview-main .page-heading{margin:0 0 25px}.overview-main .page-heading p{font-size:12px}.overview-aside{margin:30px 0 0;padding:0 18px 45px;border-left:0;display:grid;grid-template-columns:1fr;gap:0}.attention-panel,.stock-panel{padding:24px 0 0}.stats{margin-bottom:32px}.stat-top>span:first-child{font-size:10px}.stat-value{font-size:16px}.chart-heading h2,.recent-heading h2{font-size:17px}.recent-product strong{font-size:11px}.recent-row .status{font-size:10px}.recent-amount{font-size:11px}#orders.page,#payments.page,#products.page,#categories.page,#settings.page{padding:0 16px 45px}.page:not(#overview)>.page-heading{margin:28px 0 20px}.page:not(#overview) h1{font-size:28px}.panel-head{padding:20px}.toolbar{padding:0 20px 20px;flex-wrap:wrap}.search{min-width:0;flex:1 1 100%}.toolbar select{width:100%;min-height:44px}.settings-grid{grid-template-columns:1fr}.settings-panel,.review-panel{padding:20px}.category-form{padding:0 20px 20px;flex-wrap:wrap}.category-form input{flex:1 1 100%}.category-row{margin:0 20px}.categories-panel>.hint{padding:12px 20px 20px}.form-stack input,.form-stack textarea,.form-stack select,.toolbar select,.category-form input{font-size:16px!important}#toast{right:16px;bottom:16px}}