:root{
  --aka-red:#c91c28;
  --aka-red2:#a30f1a;
  --aka-gold:#d4a73d;
  --aka-gold2:#f4df96;
  --aka-gold3:#fff6d7;
  --aka-black:#231815;
  --aka-ink:#4b2616;
  --aka-bg:#fff9ef;
  --aka-green:#198754;
  --aka-blue:#0d6efd;
  --aka-shadow:0 10px 28px rgba(170,80,20,.10);
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  background:
    radial-gradient(circle at top left, rgba(255,236,174,.95) 0, rgba(255,236,174,0) 28%),
    radial-gradient(circle at top right, rgba(215,166,46,.18) 0, rgba(215,166,46,0) 24%),
    linear-gradient(180deg,#fffaf1 0,#fff4df 48%,#fff0d1 100%);
  font-family:Tahoma,"Noto Sans Thai",sans-serif;
  color:var(--aka-ink);
  font-size:15px;
}
a{color:#b3141f;text-decoration:none}a:hover{color:#8d0f18}
.aka-navbar{
  background:linear-gradient(90deg,#c51825 0%,#d62e2f 46%,#e2bb59 100%);
  border-bottom:3px solid #f7e2a1;
  box-shadow:0 6px 20px rgba(168,42,34,.24)
}
.brand-logo{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff0b4;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.navbar-brand{font-weight:900;letter-spacing:.4px}
.brand-pos{font-size:.65rem;color:#7a170e;background:linear-gradient(180deg,#fff5d0,#e4ba4b);padding:.18rem .42rem;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(145,76,0,.12)}
.navbar .nav-link{border-radius:12px;margin:.1rem .05rem;padding:.55rem .68rem!important;font-weight:700;color:#fff!important}
.navbar .nav-link:hover,.navbar .nav-link.active{background:#ffffff20;color:#fff}
.navbar .nav-link.active{box-shadow:inset 0 -3px 0 #fff0b4}
.shift-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:2px}
.shift-dot.open{background:#38d47c;box-shadow:0 0 8px #38d47c}
.shift-dot.closed{background:#eed38b;box-shadow:0 0 6px rgba(238,211,139,.65)}
.user-box{display:flex;align-items:center;gap:.55rem;color:#fff}
.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.28)}
.user-meta{display:flex;flex-direction:column;line-height:1.05}.user-meta small{opacity:.82;font-size:.72rem;margin-top:3px}
.app-main{max-width:1920px;margin:0 auto}
.app-alert{border:0;border-left:4px solid currentColor;box-shadow:var(--aka-shadow)}
.card{border:1px solid rgba(212,167,61,.38);border-radius:20px;box-shadow:var(--aka-shadow);overflow:hidden;background:linear-gradient(180deg,#fffefd 0,#fffaf1 100%)}
.card-header{background:linear-gradient(180deg,#fff8df,#fff0c4);border-bottom:1px solid #efd899;font-weight:800;padding:.9rem 1rem;color:#842011}
.card-footer{border-top:1px solid #f2e1b6;background:#fffaf0}
.btn{border-radius:12px;font-weight:700}
.btn-aka{background:linear-gradient(180deg,#dd2d35,#b0121b);border-color:#a70f18;color:#fff;box-shadow:0 6px 14px rgba(176,18,27,.22)}
.btn-aka:hover,.btn-aka:focus{background:linear-gradient(180deg,#c91c28,#980c16);color:#fff;border-color:#840914}
.btn-gold{background:linear-gradient(180deg,#ffe69b,#d6a93a);border-color:#c29226;color:#5b2704;font-weight:800;box-shadow:0 6px 14px rgba(212,167,61,.25)}
.btn-gold:hover,.btn-gold:focus{background:linear-gradient(180deg,#f5d879,#c99726);color:#4d2100;border-color:#ae7d11}
.btn-soft{background:#fff6dc;border:1px solid #efd189;color:#8a5b07}
.btn-outline-secondary{border-color:#e1c989;color:#8e4e14}.btn-outline-secondary:hover{background:#fff1c9;border-color:#d9b04a;color:#6f3600}
.text-gold{color:#b57c08}.bg-aka{background:var(--aka-red)!important}.border-gold{border-color:var(--aka-gold)!important}
.page-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-title h1,.page-title h2{font-weight:900;margin:0;color:#8e1a13}.page-title .sub{color:#8a6f50;margin-top:.2rem}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.metric{height:100%;padding:1rem 1rem;border-radius:20px;background:linear-gradient(180deg,#fffefb 0,#fff8eb 100%);box-shadow:var(--aka-shadow);border:1px solid #f0dfb0;position:relative;overflow:hidden}
.metric:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,#c81b26,#d9aa31,#f3e3ad)}
.metric:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;right:-20px;bottom:-28px;background:rgba(212,167,61,.16)}
.metric .metric-row{display:flex;align-items:center;gap:.8rem}.metric .metric-icon{width:48px;height:48px;min-width:48px;border-radius:14px;display:grid;place-items:center;font-size:1.35rem;background:linear-gradient(145deg,#fff0c7,#f3cf77);color:#b21a20;box-shadow:inset 0 0 0 1px rgba(210,159,42,.18)}
.metric.gold .metric-icon{background:linear-gradient(145deg,#fff2c5,#e1b248);color:#8b5c02}
.metric.green .metric-icon{background:#effaf0;color:#198754}.metric.blue .metric-icon{background:#eef4ff;color:#0d6efd}.metric.dark .metric-icon{background:#fff1d0;color:#97211d}
.metric .value{font-size:1.55rem;font-weight:900;line-height:1.15;color:#6d1e15}.metric .label{color:#896f54;font-size:.88rem;margin-bottom:.18rem}.metric .hint{font-size:.75rem;color:#a18b73;margin-top:.28rem}
.quick-card{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:inherit;padding:1rem;border-radius:18px;background:linear-gradient(180deg,#fffefd,#fff7e7);border:1px solid #efd9a0;transition:.18s;box-shadow:0 6px 16px rgba(212,167,61,.08)}
.quick-card:hover{transform:translateY(-2px);box-shadow:var(--aka-shadow);color:inherit;border-color:#d8ac43}
.quick-card .qicon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#cb1e29,#e6bd57);color:#fff7dc;font-size:1.4rem}
.quick-card b{display:block;color:#8e1a13}.quick-card small{color:#927355}
.table{--bs-table-bg:transparent}
.table thead th{background:linear-gradient(180deg,#c91c28,#a6111a);color:#fff;border-color:#9b1118;white-space:nowrap;font-weight:700;padding:.72rem}
.table td{vertical-align:middle;padding:.7rem}.table-hover tbody tr:hover{background:#fff8e2}.table-striped>tbody>tr:nth-of-type(odd)>*{background:#fffdf6}.stock-low{background:#fff0f0!important}.table .money{font-variant-numeric:tabular-nums}.badge{font-weight:700}
.pos-shell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);gap:1rem;align-items:start}.pos-left,.pos-right{min-width:0}.scan-card{position:sticky;top:78px;z-index:10}.pos-search-wrap{position:relative}.pos-search-wrap .scan-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--aka-red)}
.pos-search{font-size:1.18rem;padding:.9rem 1rem .9rem 3rem;border:2px solid #edd398;background:#fffdf7}.pos-search:focus{border-color:#d3a333;box-shadow:0 0 0 .25rem rgba(215,166,46,.18)}.product-hit{cursor:pointer}.product-hit:hover{background:#fff7dc}
.pos-cart-card{position:sticky;top:78px}.pos-cart{min-height:260px;max-height:48vh;overflow:auto}.pos-total{font-size:2.15rem;font-weight:900;color:var(--aka-red)}.cart-item-name{font-weight:800;color:#7e2114}.cart-sub{font-size:.78rem;color:#967b63}.qty-stepper{display:inline-flex;align-items:center;border:1px solid #e3d1ae;border-radius:10px;overflow:hidden;background:#fff}.qty-stepper button{border:0;background:#fff3d9;width:30px;height:34px;font-weight:900;color:#8d210f}.qty-stepper input{border:0;width:58px;height:34px;text-align:center;outline:0}.cart-actions{display:flex;gap:.3rem;justify-content:flex-end}.empty-cart{padding:3rem 1rem;text-align:center;color:#9b876f}.empty-cart i{font-size:2.5rem;color:#dab761}
.shift-banner{border-radius:16px;padding:.9rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.shift-banner.open{background:linear-gradient(90deg,#fff7d9,#fffdf2);border:1px solid #e9cd7e}.shift-banner.closed{background:linear-gradient(90deg,#fff1ef,#fff8f3);border:1px solid #edc4b8}.shift-banner b{font-size:1.05rem;color:#8e1b11}
.summary-sheet{background:#fffdf9;border:1px solid #ead39a;border-radius:18px;box-shadow:var(--aka-shadow);padding:1.2rem}.summary-sheet .sheet-header{display:flex;align-items:center;gap:1rem;border-bottom:2px solid #c81b26;padding-bottom:1rem;margin-bottom:1rem}.summary-sheet .sheet-logo{width:72px;height:72px;border-radius:50%;object-fit:cover}.summary-sheet .sheet-store{font-size:1.3rem;font-weight:900;color:#8a1a13}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem}.signature-line{border-top:1px solid #a17a2a;padding-top:.4rem;text-align:center;color:#70563c}
.report-header-print{display:none}.report-chart{height:10px;border-radius:99px;background:#f2ead5;overflow:hidden;min-width:80px}.report-chart>span{display:block;height:100%;background:linear-gradient(90deg,#c91c28,#d9aa31)}
.form-control,.form-select{border-radius:11px;border-color:#e3d4b8;background:#fffefb}.form-control:focus,.form-select:focus{border-color:#d1a034;box-shadow:0 0 0 .2rem rgba(215,166,46,.18)}.form-label{font-weight:700;color:#704427}
.input-group-text{background:#fff4d6;border-color:#e3d4b8;color:#8b5514}
.alert-info{background:#fff8e2;border-color:#f0d38a;color:#754d09}.alert-success{background:#f5fffa}.alert-warning{background:#fff7dc}.alert-danger{background:#fff0f1}
.dropdown-menu{border:1px solid #edd39f;border-radius:14px;box-shadow:var(--aka-shadow)}
@media(max-width:1199.98px){.user-box{margin-top:.6rem;padding-top:.6rem;border-top:1px solid #ffffff2f}.pos-shell{grid-template-columns:1fr}.scan-card,.pos-cart-card{position:static}.pos-cart{max-height:none}}
@media(max-width:767.98px){body{font-size:14px}.app-main{padding-left:.7rem!important;padding-right:.7rem!important}.brand-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric{padding:.8rem}.metric .metric-icon{width:40px;height:40px;min-width:40px;border-radius:12px}.metric .value{font-size:1.2rem}.metric .label{font-size:.78rem}.page-title{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.table-responsive{font-size:.88rem}.btn{min-height:40px}.pos-total{font-size:1.7rem}.cart-actions{flex-direction:column}.cart-actions .btn{min-height:32px;padding:.2rem .45rem}.summary-sheet{padding:.8rem}.signature-grid{grid-template-columns:1fr;gap:1.8rem}}
@media print{.d-print-grid{display:grid!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,.navbar,.btn,.alert{display:none!important}body{background:#fff!important;color:#000;font-size:11pt}.app-main{padding:0!important;max-width:none}.card,.metric,.summary-sheet{box-shadow:none!important;border:1px solid #aaa!important;break-inside:avoid}.card-header{background:#f7efcf!important;color:#7f1b12!important;border-bottom-color:#b48a22!important}.table thead th{background:#f1d891!important;color:#6d170f!important;border-color:#c9a041!important}.report-header-print{display:flex;align-items:center;gap:12px;border-bottom:2px solid #000;padding-bottom:10px;margin-bottom:12px}.report-header-print img{width:58px;height:58px;border-radius:50%;object-fit:cover}.report-header-print .title{font-size:18pt;font-weight:900}.page-title{margin-bottom:10px}.page-title h2{font-size:16pt}.metric .metric-icon{display:none}.metric .value{font-size:15pt}.row.g-3{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}.signature-grid{margin-top:30px}.summary-sheet{border:0!important;padding:0}.summary-sheet .sheet-header{border-bottom:2px solid #000}@page{size:A4;margin:12mm}}