:root{--bg:#f3f1ed;--panel:#fff;--ink:#1d1815;--muted:#81776f;--line:#e1dcd5;--side:#18130f;--side2:#261d17;--accent:#c47c49;--green:#2f7d58;--red:#b75348;--amber:#b97b2f;--blue:#4d6f96;--radius:20px;--shadow:0 14px 35px rgba(42,31,24,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(196,124,73,.12)}textarea{min-height:90px}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--side),#100c09);color:#fff;padding:18px 14px;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:11px;padding:8px 8px 20px}.admin-brand>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f4e7da;color:#201711;font-weight:900}.admin-brand b,.admin-brand small{display:block}.admin-brand small{color:#8f8178;font-size:10px}.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.side-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:#c7bbb2;font-size:13px;font-weight:700}.side-nav a i{width:18px;text-align:center;font-style:normal;color:#9b8b7f}.side-nav a:hover,.side-nav a.active{background:var(--side2);color:#fff}.side-nav a.active i{color:#e6a46f}.nav-label{font-size:9px;letter-spacing:.18em;color:#665950;font-weight:900;padding:18px 12px 5px}.sidebar-user{margin-top:auto;border-top:1px solid #2c231d;padding:14px 5px 0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px}.avatar,.staff-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#3a2b22;color:#f1caa7;font-weight:900}.sidebar-user b,.sidebar-user small{display:block;font-size:11px}.sidebar-user small{color:#8f8178}.sidebar-user button{background:none;border:0;color:#a59387;cursor:pointer}.admin-main{min-width:0}.admin-topbar{position:sticky;top:0;z-index:30;height:72px;padding:0 24px;display:flex;align-items:center;gap:16px;justify-content:space-between;background:rgba(243,241,237,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.admin-topbar>div:first-of-type{display:grid}.admin-topbar small{font-size:10px;color:var(--muted)}.admin-topbar b{font-size:15px}.sidebar-toggle{display:none}.top-actions{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.top-cta{background:var(--side);color:#fff;padding:9px 13px;border-radius:10px}.admin-content{max-width:1500px;margin:0 auto;padding:30px}.admin-toast{position:fixed;right:22px;top:86px;z-index:50;padding:13px 16px;border-radius:13px;box-shadow:var(--shadow);font-weight:800;max-width:370px}.admin-toast.success{background:#e9f5ed;color:#23563a}.admin-toast.danger{background:#fff0ee;color:#833328}.eyebrow{display:inline-block;font-size:9px;letter-spacing:.17em;font-weight:900;color:var(--accent);margin-bottom:8px}.dashboard-hero,.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}.dashboard-hero h1,.page-head h1{font-size:clamp(2rem,3.8vw,3.4rem);letter-spacing:-.05em;line-height:1;margin:0}.dashboard-hero p,.page-head p{color:var(--muted);margin:8px 0 0}.live-chip{display:grid;grid-template-columns:10px auto auto;align-items:center;gap:8px;border:1px solid var(--line);padding:11px 14px;background:#fff;border-radius:14px;font-size:11px}.live-chip i{width:9px;height:9px;border-radius:50%;background:#47a36c;box-shadow:0 0 0 5px #e5f5eb}.live-chip b{margin-left:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric-grid article{padding:19px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:1fr auto;gap:6px}.metric-grid article span,.metric-grid article small{color:var(--muted);font-size:11px}.metric-grid article strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:6px}.metric-grid article small{grid-column:1/-1}.metric-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f3ece5;color:var(--accent);font-style:normal}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:0 1px 0 rgba(0,0,0,.01)}.span-2{grid-column:span 2}.panel h2{margin:0;font-size:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.panel-head a,.panel-head>span{font-size:11px;color:var(--muted);font-weight:800}.revenue-chart{height:260px;display:grid;grid-template-columns:80px 1fr;gap:8px;padding-top:8px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:var(--muted);padding-bottom:30px}.chart-bars{display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 63px,#eee 64px)}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.chart-col .bar{height:calc(var(--h)*1%);min-height:8px;width:min(42px,70%);border-radius:9px 9px 2px 2px;background:linear-gradient(180deg,#d49b70,#a86336);position:relative}.chart-col .bar span{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff3,transparent);border-radius:inherit}.chart-col small{height:20px;color:var(--muted);font-size:10px}.donut-wrap{display:grid;place-items:center;gap:18px;padding:8px}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--green) 0 calc(var(--p1)*1%),var(--accent) calc(var(--p1)*1%) calc(var(--p2)*1%),#d96c62 calc(var(--p2)*1%) 100%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:#fff}.donut>div{z-index:1;text-align:center}.donut b{display:block;font-size:25px}.donut small{color:var(--muted)}.legend{width:100%;display:grid;gap:7px}.legend span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:11px}.legend i{width:8px;height:8px;border-radius:50%}.lg-done{background:var(--green)}.lg-active{background:var(--accent)}.lg-cancel{background:#d96c62}.data-list{display:grid}.data-row{display:grid;grid-template-columns:1.2fr .7fr auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #eee;font-size:12px}.data-row:last-child{border-bottom:0}.data-row.static{grid-template-columns:1fr auto}.data-row b,.data-row span{display:block}.data-row div>span{color:var(--muted);font-size:10px;margin-top:3px}.status{display:inline-flex!important;width:max-content;padding:5px 8px;border-radius:999px;font-size:9px!important;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#eee;color:#555}.status.new,.status.unpaid{background:#f4ebe2;color:#8a5c35}.status.confirmed,.status.waiting_verification{background:#e8eef7;color:#4b6583}.status.preparing{background:#fff0d6;color:#8f6321}.status.ready,.status.paid,.status.available{background:#e5f3e9;color:#34704c}.status.served{background:#ede8f6;color:#684e85}.status.completed{background:#e7f1f0;color:#3f6f69}.status.cancelled,.status.refunded,.status.disabled{background:#f8e5e3;color:#9a493f}.status.big{font-size:11px!important;padding:8px 11px}.ranking{display:grid;gap:12px}.ranking>div{display:grid;grid-template-columns:28px 1fr 70px;align-items:center;gap:9px}.rank-num{font-size:10px;color:var(--muted)}.ranking b,.ranking small{display:block;font-size:11px}.ranking small{color:var(--muted)}.ranking i{height:6px;background:#eee;border-radius:999px;overflow:hidden}.ranking i:before{content:"";display:block;height:100%;width:var(--w);background:var(--accent)}.ops-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.ops-strip article{padding:16px 18px;background:#23201d;color:#fff;border-radius:17px;display:grid;grid-template-columns:1fr auto;align-items:center}.ops-strip span{color:#bcb0a8;font-size:10px}.ops-strip b{font-size:18px}.ops-strip a{grid-column:1/-1;margin-top:7px;color:#d9a679;font-size:10px;font-weight:800}.btn-admin{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:800;font-size:11px;cursor:pointer}.btn-admin.primary{background:var(--side);border-color:var(--side);color:#fff}.btn-admin.small{min-height:32px;padding:6px 9px}.btn-admin.danger{color:#a44439;border-color:#e7c2bd}.page-head{align-items:center}.back-admin{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.filter-bar{display:flex;gap:8px;margin-bottom:15px}.filter-bar input{max-width:340px}.filter-bar select{max-width:190px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th{text-align:left;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:9px;border-bottom:1px solid var(--line)}.table-wrap td{padding:11px 9px;border-bottom:1px solid #eee;font-size:11px;vertical-align:middle}.table-wrap td small{display:block;color:var(--muted);margin-top:3px}.table-link{font-weight:900}.inline-action{display:flex;align-items:center;gap:6px}.inline-action select,.inline-action input{min-width:110px}.grow{flex:1}.pagination{display:flex;justify-content:center;gap:12px;align-items:center;padding-top:18px;font-size:11px}.pagination a,.pagination span{padding:7px 10px;border:1px solid var(--line);border-radius:9px}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.totals-box{max-width:360px;margin-left:auto;padding-top:10px}.totals-box>div{display:flex;justify-content:space-between;padding:5px 0;font-size:11px}.totals-box .grand{font-size:15px;border-top:1px solid var(--line);margin-top:5px;padding-top:9px}.stack-form{display:grid;gap:9px}.info-stack{display:grid;gap:12px}.info-stack small,.info-stack b{display:block}.info-stack small{color:var(--muted);font-size:9px}.timeline-admin{display:grid;gap:10px}.timeline-admin>div{display:grid;grid-template-columns:12px 1fr;gap:10px}.timeline-admin i{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:4px;box-shadow:0 0 0 4px #f5ece5}.timeline-admin b,.timeline-admin small{display:block;font-size:11px}.timeline-admin small{color:var(--muted)}.list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee;font-size:11px}.list-row span b,.list-row span small{display:block}.list-row span small{color:var(--muted)}.pos-shell{display:grid;gap:12px}.pos-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.pos-meta label,.form-grid label{font-size:10px;font-weight:800;color:var(--muted);display:grid;gap:5px}.pos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pos-item{display:grid;grid-template-columns:70px 1fr 56px;align-items:center;gap:9px;border:1px solid var(--line);padding:8px;border-radius:13px;cursor:pointer}.pos-item img{width:70px;height:58px;object-fit:cover;border-radius:9px}.pos-item span small,.pos-item span b,.pos-item span strong{display:block}.pos-item span small{font-size:8px;color:var(--accent);font-weight:900}.pos-item span b{font-size:11px;margin:2px 0}.pos-item span strong{font-size:10px}.pos-item input{padding:8px}.mini-search{max-width:240px}.sticky-submit{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#17130f;color:#fff;padding:13px 16px;border-radius:15px;box-shadow:0 12px 30px #0003}.sticky-submit span{font-size:10px;color:#bfb2aa}.wide-bars{display:grid;gap:8px}.wide-bars>div{display:grid;grid-template-columns:60px 1fr 100px;gap:10px;align-items:center;font-size:10px}.wide-bars i{height:7px;background:#eee;border-radius:999px;overflow:hidden}.wide-bars i b{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#dfad82)}.wide-bars strong{text-align:right}.stat-stack{display:grid}.stat-stack>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 0;border-bottom:1px solid #eee;font-size:11px}.stat-stack small{grid-column:1/-1;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.form-grid .span-2{grid-column:span 2}.checks{display:flex!important;flex-direction:row!important;align-items:center;gap:12px!important}.checks span,.check{display:flex;align-items:center;gap:5px}.checks input,.check input{width:auto}.editor{border:1px dashed #d5ccc2;padding:12px;border-radius:14px}.editor>summary{font-weight:900;cursor:pointer}.editor[open]>summary{margin-bottom:14px}.table-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.floor-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:10px}.floor-card.disabled{opacity:.6}.floor-top b,.floor-top small{display:block}.floor-top b{font-size:18px;margin-top:7px}.floor-top small{color:var(--muted)}.qr-placeholder{height:145px;background:#f3f0eb;border-radius:12px;display:grid;place-items:center;color:var(--muted);font-size:9px;overflow:hidden}.qr-box canvas,.qr-box img{max-width:132px!important;max-height:132px!important}.qr-pattern{width:80px;height:80px;background:repeating-conic-gradient(#201a16 0 25%,#fff 0 50%) 0/18px 18px;filter:contrast(2)}.floor-actions{display:flex;flex-wrap:wrap;gap:5px}.floor-card details summary{cursor:pointer;font-size:10px;font-weight:900;color:var(--muted)}.menu-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.menu-admin-grid>article{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:110px 1fr;min-height:140px}.menu-admin-grid>article>img{width:110px;height:100%;object-fit:cover}.menu-admin-main{padding:12px}.menu-admin-main>span{font-size:8px;color:var(--muted)}.menu-admin-main h3{margin:5px 0;font-size:14px}.menu-admin-main p{font-size:10px;color:var(--muted)}.item-actions{grid-column:1/-1;padding:8px;border-top:1px solid #eee;display:flex;gap:5px;flex-wrap:wrap}.edit-pop{position:absolute;z-index:10;right:8px;bottom:45px;width:min(340px,calc(100vw - 50px));background:#fff;padding:12px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:7px}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modifier-group{border-bottom:1px solid #eee;padding:10px 0}.modifier-group>div b,.modifier-group>div small{display:block}.modifier-group>div small{color:var(--muted)}.modifier-group>span{display:flex;justify-content:space-between;font-size:10px;padding:6px 0 0 10px}.link-list{margin-top:14px}.link-list>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee;font-size:10px}.link-list b,.link-list small{display:block}.link-list small{color:var(--muted)}.icon-btn{border:0;background:#eee;width:26px;height:26px;border-radius:50%;cursor:pointer}.promo-grid,.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.promo-grid article,.staff-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:10px}.promo-grid article.inactive{opacity:.55}.promo-grid h3,.staff-grid h3{font-size:22px;margin:5px 0}.promo-grid p,.staff-grid p{color:var(--muted);font-size:11px;margin:0}.promo-grid small{color:var(--muted)}.staff-avatar{width:48px;height:48px;background:#efe5db;color:#7a4f31}.muted{color:var(--muted)}.simple-error,.login-body{min-height:100vh}.simple-error{display:grid;place-items:center;background:#f4f1ed}.simple-error>div{text-align:center;max-width:500px;padding:30px}.simple-error span{font-size:11px;color:var(--accent);font-weight:900}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-visual{padding:38px 8vw;background:linear-gradient(145deg,#17120e,#35251c);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:10px}.login-brand span{width:40px;height:40px;border-radius:12px;background:#f6e8da;color:#1d1510;display:grid;place-items:center;font-weight:900}.login-visual h1{font-family:Georgia,serif;font-size:clamp(3rem,5vw,5.4rem);line-height:.94;letter-spacing:-.04em;max-width:700px}.login-visual p{color:#bfb1a7;max-width:600px}.login-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.login-stats span{border:1px solid #4b3c32;border-radius:14px;padding:11px 14px;color:#bfb1a7;font-size:10px}.login-stats b{color:#f0bf94;margin-right:5px}.login-panel{display:grid;place-items:center;padding:30px;background:#f3f0ec}.login-card{width:min(480px,100%)}.login-card h2{font-size:33px;letter-spacing:-.04em;margin:4px 0}.login-card>p{color:var(--muted)}.demo-accounts{margin:22px 0;background:#fff;border:1px solid var(--line);padding:14px;border-radius:16px}.demo-accounts>b{font-size:11px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.demo-grid button{background:#f6f3ef;border:1px solid #e7dfd7;border-radius:10px;padding:9px;text-align:left;cursor:pointer}.demo-grid span,.demo-grid small{display:block}.demo-grid span{font-weight:900;font-size:10px}.demo-grid small{font-size:8px;color:var(--muted)}.demo-accounts>small{font-size:9px;color:var(--muted)}.login-form{display:grid;gap:12px}.login-form label{font-size:10px;font-weight:800;display:grid;gap:6px}.form-error{background:#fff0ee;color:#8c3b31;padding:10px;border-radius:10px;font-size:10px}.back-public{display:block;margin-top:14px;font-size:10px;color:var(--muted)}@media(max-width:1180px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.pos-grid{grid-template-columns:repeat(3,1fr)}.table-card-grid{grid-template-columns:repeat(3,1fr)}.menu-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.admin-shell{grid-template-columns:82px 1fr}.sidebar{padding:14px 8px}.admin-brand div,.side-nav span,.nav-label,.sidebar-user>div:not(.avatar){display:none}.admin-brand{justify-content:center}.side-nav a{justify-content:center}.sidebar-user{grid-template-columns:1fr;justify-items:center}.sidebar-user form{display:none}.login-shell{grid-template-columns:1fr}.login-visual{min-height:42vh;padding:26px}.login-visual h1{font-size:3.4rem}.login-panel{padding:26px}.table-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.admin-shell{display:block}.sidebar{position:fixed;left:-280px;width:250px;z-index:60;transition:.25s;box-shadow:20px 0 40px #0003}.sidebar.open{left:0}.admin-brand div,.side-nav span,.nav-label,.sidebar-user>div:not(.avatar){display:block}.side-nav a{justify-content:flex-start}.sidebar-user{grid-template-columns:36px 1fr auto;justify-items:stretch}.sidebar-user form{display:block}.sidebar-toggle{display:block;border:0;background:#fff;border-radius:10px;width:38px;height:38px}.admin-topbar{height:64px;padding:0 13px}.top-actions>a:first-child{display:none}.admin-content{padding:18px 13px}.dashboard-hero,.page-head{align-items:flex-start;flex-direction:column}.live-chip{align-self:stretch}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-grid article{padding:14px}.metric-grid article strong{font-size:18px}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.revenue-chart{height:220px;grid-template-columns:60px 1fr}.ops-strip{grid-template-columns:1fr}.data-row{grid-template-columns:1fr auto}.data-row>.status{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.pos-meta{grid-template-columns:1fr}.pos-grid{grid-template-columns:1fr 1fr}.pos-item{grid-template-columns:1fr}.pos-item img{width:100%;height:90px}.sticky-submit{bottom:7px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.table-card-grid,.menu-admin-grid,.admin-two-col,.promo-grid,.staff-grid{grid-template-columns:1fr}.menu-admin-grid>article{grid-template-columns:90px 1fr}.filter-bar{display:grid}.filter-bar input,.filter-bar select{max-width:none}.login-visual{display:none}.login-panel{min-height:100vh}.demo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.metric-grid{grid-template-columns:1fr}.pos-grid{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr}}