.vm-app{color:#17213b;--vm-border:#e5eaf2;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f5f7fa;height:100vh;font:400 14px/1.55 Inter,sans-serif;display:flex;overflow:hidden}.vm-app *{box-sizing:border-box}.vm-app :where(*):not([style*=ionicons i]){font-family:Inter,sans-serif!important}.vm-app button,.vm-app input,.vm-app select,.vm-app textarea{font:inherit}.vm-app button{cursor:pointer;font-weight:600}.vm-app button:disabled{opacity:.5;cursor:wait}.vm-app small{color:#64748b;font-size:12px;display:block}.vm-app h1{letter-spacing:-.7px;margin:5px 0;font-size:27px;font-weight:700;line-height:1.25}.vm-app h2{margin:0;font-size:16px;font-weight:600}.vm-app h3{margin:20px 0 10px;font-size:14px;font-weight:600}.vm-app p{margin:8px 0}.vm-app strong{font-weight:600}.vm-sidebar{color:#fff;z-index:40;background:#00145f;flex-direction:column;width:248px;padding:26px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.vm-brand{align-items:center;gap:12px;padding:0 7px 28px;display:flex}.vm-brand strong{font-size:20px;font-weight:700}.vm-brand small{letter-spacing:1.5px;color:#b0c1ed;font-size:9px}.vm-sidebar nav{scrollbar-width:thin;scrollbar-color:#344a94 transparent;flex:1;overflow:auto}.vm-sidebar nav button{color:#d2dcf5;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:12px 13px;font-size:12px;font-weight:500;display:flex}.vm-sidebar nav button:hover{background:#ffffff12}.vm-sidebar nav button.active{color:#fff;background:#2943a9;box-shadow:inset 3px 0 #ffca05}.vm-collapse,.vm-user button{color:#fff;background:#ffffff10;border:0;border-radius:8px;padding:9px}.vm-user{border-top:1px solid #ffffff24;gap:5px;margin-top:12px;padding:15px 8px 0;display:grid}.vm-user small{color:#b0c1ed}.vm-app main{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;min-width:0;height:100vh;margin-left:248px;overflow-y:auto}.vm-top{border-bottom:1px solid var(--vm-border);z-index:30;background:#fff;align-items:center;gap:18px;height:86px;padding:0 30px;display:flex;position:sticky;top:0}.vm-top>div:first-child{flex:1}.vm-store-state{white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.vm-store-state.open{color:#15803d;background:#e9f8ee}.vm-store-state.closed{color:#64748b;background:#f1f5f9}.vm-content{max-width:1800px;margin:auto;padding:28px 30px 48px}.vm-title,.vm-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.vm-title{margin-bottom:22px}.vm-btn{color:#334155;white-space:nowrap;background:#fff;border:1px solid #dfe6ef;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;text-decoration:none;display:inline-flex;font-size:12px!important}.vm-btn.primary{color:#fff;background:#00167a;border-color:#00167a}.vm-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.vm-title .vm-actions{justify-content:flex-end}.vm-greeting{color:#64748b;margin-bottom:20px!important}.vm-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.vm-stat{border:1px solid var(--vm-border);background:#fff;border-radius:13px;padding:19px}.vm-stat strong{color:#00167a;letter-spacing:-.5px;margin-top:10px;font-size:25px;font-weight:700;display:block}.tone-0{background:#eaf1ff}.tone-1{background:#edf8f1}.tone-2{background:#fff4e6}.tone-3{background:#f3efff}.vm-card{border:1px solid var(--vm-border);background:#fff;border-radius:14px;min-width:0;margin-bottom:20px;overflow:hidden}.vm-card>header{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.vm-card-body{padding:20px 22px}.vm-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.vm-alert{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.vm-alert:last-child{border:0}.vm-empty{text-align:center;color:#64748b;padding:42px 20px;font-size:13px}.vm-chart{border-bottom:1px solid #e5eaf2;align-items:flex-end;gap:6px;height:210px;padding-top:20px;display:flex}.vm-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.vm-chart span{background:#254bdb;border-radius:4px 4px 0 0;width:70%;max-width:24px;min-height:2px;display:block}.vm-chart small{white-space:nowrap;min-height:24px;padding-top:6px;font-size:9px}.vm-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.vm-app input:not([type=checkbox]),.vm-app select,.vm-app textarea{color:#17213b;background:#fff;border:1px solid #dfe6ef;border-radius:9px;min-width:0;max-width:100%;padding:10px 12px}.vm-app input:focus,.vm-app select:focus,.vm-app textarea:focus{outline-offset:1px;border-color:#00167a;outline:2px solid #00167a30}.vm-toolbar>input{flex:1;min-width:180px}.vm-tabs{gap:8px;margin:18px 0;padding-bottom:8px;display:flex;overflow:auto}.vm-tabs button{border:1px solid var(--vm-border);color:#64748b;white-space:nowrap;background:#fff;border-radius:9px;padding:9px 13px;font-size:12px}.vm-tabs small{margin-left:5px;display:inline}.vm-tabs button.active{color:#fff;background:#00167a;border-color:#00167a}.vm-tabs button.active small{color:#d2dcff}.vm-orders{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.vm-order{border:1px solid var(--vm-border);background:#fff;border-top:3px solid #f59e0b;border-radius:13px;padding:20px}.vm-badge{white-space:nowrap;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600}.vm-items{border-top:1px dashed #e5eaf2;border-bottom:1px dashed #e5eaf2;padding:12px 0 12px 20px}.vm-items li{margin:7px 0}.vm-total{font-size:20px;font-weight:700}.vm-danger{color:#dc2626;background:#fff0f0;border-radius:7px;margin-top:12px;padding:8px;font-size:12px}.vm-table-wrap{overflow:auto}.vm-table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%}.vm-table-wrap th{letter-spacing:.6px;text-transform:uppercase;text-align:left;color:#64748b;background:#f8fafc;padding:12px 14px;font-size:10px;font-weight:600}.vm-table-wrap td{border-top:1px solid #edf1f6;padding:14px;font-size:12px}.vm-table-wrap td small{font-size:10px}.vm-table-wrap td:hover{background:#fafbff}.vm-product{align-items:center;gap:10px;display:flex}.vm-product img{object-fit:cover;border-radius:9px;width:43px;height:43px}.vm-product small{white-space:normal;max-width:220px}.vm-hint{color:#64748b;font-size:12px;margin:16px 0!important}.vm-notice,.vm-warning,.vm-error{border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin:16px 0;padding:13px 16px;font-size:13px;display:flex}.vm-notice{color:#00167a;background:#eaf1ff}.vm-warning{color:#946200;background:#fffbeb}.vm-error{color:#dc2626;background:#fff0f0}.vm-notice>button{color:inherit;background:0 0;border:0;font-size:20px}.vm-pagination{color:#64748b;justify-content:center;align-items:center;gap:14px;margin-top:22px;font-size:12px;display:flex}.vm-backdrop{z-index:100;background:#0f172a66;justify-content:flex-end;display:flex;position:fixed;inset:0}.vm-modal{background:#f8fafc;width:min(680px,96vw);height:100%;padding:25px;overflow:auto;box-shadow:-10px 0 40px #0002}.vm-modal>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.vm-form{gap:16px;display:grid}.vm-form label{color:#475569;gap:6px;font-size:12px;font-weight:500;display:grid}.vm-form label:has(input[type=checkbox]){flex-direction:row-reverse;justify-content:flex-end;align-items:center;display:flex}.vm-form textarea{resize:vertical;min-height:100px}.vm-modal footer{margin-top:24px}.vm-hours{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;display:grid}.vm-legacy{border:1px solid var(--vm-border);background:#fff;border-radius:14px;margin-bottom:20px;padding:20px}.vm-receipt{display:none}.vm-app.collapsed .vm-sidebar{width:82px}.vm-app.collapsed main{margin-left:82px}.vm-app.collapsed .vm-brand>.vm-brand-copy,.vm-app.collapsed nav button>span,.vm-app.collapsed .vm-user{display:none}.vm-app.collapsed nav button{justify-content:center;padding:13px 0}.vm-app.collapsed .vm-brand{justify-content:center;padding-left:0}@media (width>=1600px){.vm-orders{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.vm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-grid{grid-template-columns:1fr}}@media (width<=850px){.vm-sidebar{width:76px;padding:20px 10px}.vm-sidebar .vm-brand>.vm-brand-copy,.vm-sidebar nav button>span,.vm-sidebar .vm-user{display:none}.vm-sidebar .vm-brand{justify-content:center;padding-left:0}.vm-sidebar nav button{justify-content:center;padding:13px 0}.vm-collapse{font-size:0}.vm-collapse:after{content:"↔";font-size:15px}.vm-app main{margin-left:76px}.vm-top{padding:0 20px}.vm-content{padding:24px 20px}.vm-orders{grid-template-columns:1fr}}@media (width<=550px){.vm-sidebar{width:58px;padding:16px 5px}.vm-app main,.vm-app.collapsed main{margin-left:58px}.vm-app.collapsed .vm-sidebar{width:58px}.vm-brand{overflow:hidden}.vm-top{gap:10px;height:76px;padding:0 12px}.vm-top small{font-size:9px}.vm-top strong{font-size:12px}.vm-top .vm-store-state{padding:5px 7px;font-size:9px}.vm-content{padding:22px 12px}.vm-title{flex-direction:column;align-items:flex-start;gap:5px}.vm-app h1{font-size:24px}.vm-stat{padding:13px}.vm-stat strong{font-size:21px}.vm-card-body,.vm-card>header{padding:16px}.vm-pagination{gap:8px;font-size:10px}.vm-modal{padding:20px 15px}}@media print{body *{visibility:hidden}.vm-app main,.vm-app main *{visibility:visible}.vm-app,.vm-app main{background:#fff;height:auto;margin:0;display:block;overflow:visible}.vm-sidebar,.vm-top,.vm-toolbar,.vm-pagination,.vm-app button{display:none!important}.vm-content{max-width:none;padding:0}.vm-app:has(.vm-receipt) main{display:none}.vm-app .vm-receipt,.vm-app .vm-receipt *{visibility:visible}.vm-receipt{color:#000;width:72mm;font:400 12px/1.4 Inter,sans-serif;display:block;position:absolute;top:0;left:0}.vm-receipt p{margin:5px 0}.vm-card{break-inside:avoid;box-shadow:none}.vm-table-wrap{overflow:visible}.vm-table-wrap table{white-space:normal}.vm-table-wrap td,.vm-table-wrap th{padding:6px;font-size:10px}}body:has(.vm-app) :where(div,span,input,button,textarea,select):not([style*=ionicons i]){font-family:Inter,sans-serif!important}@media (width<=850px){.vm-app .vm-collapse{font-size:0}.vm-sidebar .vm-brand{gap:0;padding-right:0}}@media (width<=550px){.vm-sidebar .vm-brand>div:not(.vm-brand-copy){width:43px!important;height:43px!important}}