/* YunR-POS — all assets local, no external font or framework required. */
:root{--sidebar:#18212e;--sidebar-deep:#131923;--green:#2f3f57;--green-dark:#232f40;--mint:#f1ede5;--mint-bright:#e0d3b6;--orange:#e58a4a;--orange-dark:#c86c30;--peach:#fbecdf;--ink:#242c37;--muted:#7b8780;--line:#eee9de;--canvas:#f8f6f2;--white:#fff;--red:#b74844;--radius:15px;--shadow:0 7px 28px #1e29390a;--sidebar-width:232px;color-scheme:light;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none!important;transform:none!important}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1.15px;font-weight:650;line-height:1.25}h2{font-size:15px;letter-spacing:-.3px;font-weight:650;line-height:1.45}h3{font-size:14px;font-weight:650;line-height:1.45}small{font-size:11px}svg{display:block}img{max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #b99a55;outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:#9b7f40;box-shadow:0 0 0 3px #394d6b14}button,.btn,a,input,select,textarea{transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle;display:inline-block}.muted{color:var(--muted)}.text-green{color:var(--green)}.danger-text{color:var(--red)!important}.right{text-align:right!important}.full{grid-column:1/-1}.btn.full{width:100%}.hidden,[hidden]{display:none!important}code{font-family:Consolas,"SFMono-Regular",monospace;font-size:.9em;padding:2px 5px;background:#f3f0e9;border-radius:4px;overflow-wrap:anywhere}

/* Common controls */
.btn,.icon-btn,.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:#fff;min-height:39px;padding:9px 14px;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}.btn:hover{background:#f6f3ee;border-color:#e1d8c6;box-shadow:0 3px 10px #1d273710}.btn:active,.icon-btn:active{transform:scale(.97)}.btn .icon{width:17px;height:17px}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:var(--green-dark);border-color:var(--green-dark);box-shadow:0 4px 12px #2f3f5726}.btn.pay{background:var(--orange);color:#332718;border-color:var(--orange);font-weight:700}.btn.pay:hover{background:var(--orange-dark);border-color:var(--orange-dark);color:#fff}.btn.danger{background:#b74844;border-color:#b74844;color:white}.btn.danger:hover{background:#963532}.btn.light{background:#fff9;color:#2f3a4a;border-color:#fff5}.btn.small{min-height:31px;padding:6px 10px;font-size:11px;gap:5px}.btn.small+.btn.small{margin-left:5px}.icon-btn{width:34px;min-width:34px;height:34px;min-height:34px;padding:7px;border-color:transparent;background:transparent;border-radius:8px}.icon-btn:hover{background:#f0ece4}.icon-btn.danger-text:hover{background:#f8e9e7}.text-btn{padding:5px 0;min-height:28px;border:0;background:transparent;color:var(--green);font-size:11px}.text-btn:hover{color:#202833}.text-btn .icon{width:16px;height:16px}.actions,.toolbar-right,.report-actions,.cart-actions,.dialog-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-actions{justify-content:flex-end;margin:-8px 0 20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0 0 16px;font-size:12px}.field>span{font-weight:600;color:#536358}.field input,.field select,.field textarea,input[type=date],.toolbar select,.range-control select{display:block;width:100%;min-height:41px;padding:10px 12px;background:#fff;border:1px solid #eae4d8;border-radius:8px;color:var(--ink);min-width:0}.field input:disabled,.field select:disabled,.field textarea:disabled{background:#f5f2ec;color:#899387}.field textarea{resize:vertical;min-height:85px}.field input[type=file]{padding:7px;font-size:12px}.field input::placeholder,textarea::placeholder{color:#a1aaa2;font-weight:400}.field input[type=checkbox],input[type=checkbox]{width:17px;height:17px;min-height:0;padding:0;accent-color:var(--green);cursor:pointer;flex-shrink:0}.field input[type=file]::file-selector-button{border:0;border-radius:4px;background:var(--mint);color:var(--green);padding:6px 9px;font:inherit;margin-right:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.form-grid .field{margin-bottom:16px}.search-input{display:flex;align-items:center;gap:9px;padding:0 12px;min-height:39px;border:1px solid var(--line);background:#fff;border-radius:9px;min-width:170px}.search-input .icon{width:17px;color:#8a958a}.search-input input{border:0;box-shadow:none!important;outline:none!important;padding:9px 0;min-width:0;width:100%;background:transparent;font-size:12px;color:var(--ink)}.search-input input::placeholder{color:#99a297}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:21px}.toolbar select{width:auto;min-height:39px;padding:7px 32px 7px 11px;font-size:11px}.tabs{display:flex;align-items:center;gap:3px;background:#f0ece3;padding:4px;border-radius:10px;max-width:100%}.tab{min-height:32px;padding:7px 13px;border:0;border-radius:7px;background:transparent;color:#798475;font-weight:600;font-size:11px;white-space:nowrap}.tab:hover{color:var(--green);background:#f7f4ef}.tab.selected{color:var(--green);background:#fff;box-shadow:0 2px 5px #232a3509}.scroll-tabs{overflow-x:auto;scrollbar-width:thin}.range-control{display:flex;align-items:center;gap:9px;padding:5px 6px;border:1px solid var(--line);border-radius:10px;background:white;min-height:40px;font-size:11px}.range-control select{width:auto;min-height:29px;border:0;padding:5px 24px 5px 8px;background:#f6f3ee;font-size:11px}.range-control .range-label{padding:0 8px;color:#828c80;white-space:nowrap}.range-control input{max-width:132px;min-height:29px;padding:3px 5px;font-size:10px;border-radius:5px}.notice{display:flex;align-items:flex-start;gap:9px;padding:12px 15px;border-radius:9px;background:#f3f0e9;border:1px solid #eae4d8;color:#424a57;font-size:12px;line-height:1.65;margin:0 0 18px}.notice .icon{width:17px;height:17px;margin-top:2px}.notice.danger{color:#9c4f45;background:#fdf0ec;border-color:#f4d8ce}.notice.small{font-size:11px}.insight-strip{display:flex;align-items:center;gap:10px;padding:15px 18px;border:1px solid #e9e4d7;background:#f4f1eb;border-radius:10px;color:#7a8972;font-size:11px;margin-top:23px}.insight-strip>.icon{color:#404a59;width:17px}.insight-strip>.text-btn{margin-left:auto;padding-left:14px}.empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;padding:35px 18px;color:#87917f;min-height:120px}.empty>.icon{width:30px;height:30px;color:#adb9a7;margin-bottom:5px}.empty strong{font-size:12px;font-weight:500}.empty p{font-size:11px;color:#a0a99b;max-width:300px}.badge{display:inline-flex;align-items:center;gap:5px;min-height:23px;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:650;line-height:1.5;white-space:nowrap;background:#edf0e9;color:#75826a}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.available,.badge.paid,.badge.ready,.badge.served{color:#2e8054;background:#eaf5e9}.badge.open,.badge.cooking{background:#eaf2ed;color:#3d8565}.badge.pending,.badge.warning,.badge.queued{background:#fdf0d8;color:#a97c31}.badge.void,.badge.failed,.badge.cancelled{background:#f9e9e6;color:#b46757}.badge.info{background:#eaf0f2;color:#5d8192}.dot,.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.mint-dot,.legend-dot.green{background:#3c9c74}.orange-dot,.legend-dot.amber{background:#dc915d}.yellow-dot{background:#d7b354}.gray-dot{background:#9ca69a}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75ba8c;box-shadow:0 0 0 3px #75ba8c0d;flex-shrink:0}

/* App shell */
.app-layout{min-height:100dvh}.sidebar{width:var(--sidebar-width);position:fixed;z-index:60;inset:0 auto 0 0;background:var(--sidebar);color:#d6ccb4;display:flex;flex-direction:column;padding:27px 17px 13px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#424e60 transparent}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;color:#f7f4ed;font-size:26px;font-weight:650;letter-spacing:-1px;line-height:1.2;text-decoration:none!important;flex-shrink:0}.brand-symbol{width:39px;height:39px;color:#d6c8aa;display:block}.brand-symbol svg{width:100%;height:100%}.brand>div>span{display:block;font-size:7px;letter-spacing:2.6px;color:#8da18f;font-weight:500;margin-top:5px}.workspace{display:flex;align-items:center;gap:9px;border:1px solid #ffffff12;background:#ffffff04;border-radius:9px;padding:10px;margin-top:28px}.workspace-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background:#dacaa817;color:#d7ccb5;flex-shrink:0}.workspace-avatar>.icon{width:17px}.workspace>div{flex:1;min-width:0}.workspace strong{display:block;font-size:10px;line-height:1.5;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#e6e0d1}.workspace>div>span{display:block;font-size:9px;color:#728f7e;margin-top:1px}.workspace>.online-dot{width:5px;height:5px}.sidebar nav{margin-top:24px;flex:1}.nav-group{margin-bottom:23px}.nav-group>p{margin:0 12px 8px;font-size:7px;letter-spacing:1.5px;font-weight:650;color:#434b56}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 13px;min-height:39px;border-radius:8px;border:0;background:transparent;color:#cabc9c;font-size:11px;font-weight:450;text-align:left;margin-bottom:3px}.nav-item>.icon{width:17px;height:17px;color:#424a57}.nav-item>span{flex:1}.nav-item>small{font-size:8px;min-width:18px;padding:1px 4px;border-radius:4px;background:#ffffff0b;color:#d9cfb8;text-align:center}.nav-item:hover{color:#f5eedf;background:#ffffff07}.nav-item.active{background:#e5d8ba;color:#262f3c;font-weight:650;box-shadow:0 3px 12px #0a0e1313}.nav-item.active .icon{color:#3c495d}.nav-item.active>small{background:#2e3e5517;color:#3c495d}.sidebar-bottom{padding-top:12px;border-top:1px solid #ffffff0a;margin-top:auto}.server-state{display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;color:#769b7c;margin-bottom:14px}.server-state .online-dot{width:4px;height:4px}.profile{display:flex;align-items:center;gap:9px;border:0;background:#ffffff05;border-radius:9px;width:100%;padding:10px;text-align:left;color:#d7ccb5}.profile:hover{background:#ffffff0d}.avatar{display:flex;align-items:center;justify-content:center;width:31px;height:31px;flex-shrink:0;border-radius:8px;background:#cfb88d;color:#353e4b;font-size:9px;font-weight:700}.profile>span:nth-child(2){flex:1;min-width:0}.profile strong{display:block;font-size:10px;line-height:1.5;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{display:block;font-size:8px;color:#404a59;text-transform:capitalize}.profile>.icon{width:15px;color:#424a57}.main-shell{margin-left:var(--sidebar-width);min-height:100dvh;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;height:70px;min-height:70px;border-bottom:1px solid var(--line);padding:0 31px;background:#fdfcfa;gap:16px}.topbar-title{display:flex;align-items:center;gap:12px;font-size:10px;white-space:nowrap}.topbar-title>span{color:#8e998b}.topbar-title>.icon{width:11px;height:11px;color:#adb6a7}.topbar-title>strong{color:#424a57;font-weight:500}.topbar-right{display:flex;align-items:center;gap:17px;color:#8f9a88;font-size:10px}.mode-label{border:1px solid #ebe6da;background:#f5f6ee;border-radius:5px;padding:3px 7px;font-size:8px;font-weight:700;color:#9d9a70;letter-spacing:.7px}.mode-label.live{background:#e9f5eb;color:#2e8855;border-color:#d0e8d1}.topbar-right .icon-btn{width:29px;height:29px;min-width:29px;min-height:29px;color:#81917b}.topbar-right .icon{width:16px}.mobile-menu{display:none}.content{padding:30px 31px;flex:1;min-width:0;width:100%;max-width:1800px;align-self:center;animation:pageIn .26s ease-out}.app-footer{padding:5px 32px 22px;display:flex;justify-content:space-between;gap:15px;color:#a6afa0;font-size:9px}.app-footer>span>span{padding:0 6px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:8px;font-weight:650;letter-spacing:1.65px;color:#8b9982;margin:0 0 8px}.page-heading .actions{justify-content:flex-end}.nav-scrim{display:none}

/* Dashboard */
.welcome-strip{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;background:#f0ebdf;border:1px solid #e7e0d0;border-radius:10px;margin-bottom:23px;gap:12px}.welcome-strip>div{display:flex;align-items:center;gap:10px;font-size:11px;flex-wrap:wrap}.welcome-strip strong{font-weight:600;color:#3c495d}.welcome-strip div>span:last-child{color:#414a58;font-size:10px}.live-signal{width:6px;height:6px;background:#76a554;border-radius:50%;box-shadow:0 0 0 4px #76a55413;animation:breath 3s infinite}.welcome-strip>.btn{font-size:10px;min-height:29px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat-card{padding:18px 20px 17px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);animation:cardIn .3s both}.stat-card:nth-child(2){animation-delay:30ms}.stat-card:nth-child(3){animation-delay:60ms}.stat-card:nth-child(4){animation-delay:90ms}.stat-card.mint{background:#f2efe7;border-color:#e8e2d5}.stat-card.peach{background:#f7eee3;border-color:#f0e1cf}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;color:#8a9584}.stat-top>span:first-child{font-weight:500}.stat-icon{display:flex;width:28px;height:28px;align-items:center;justify-content:center;color:#414a58;background:#f6f4ee;border-radius:8px;flex-shrink:0}.stat-icon>.icon{width:15px;height:15px}.stat-card.mint .stat-icon{background:#eae3d5;color:#3c495d}.stat-card.peach .stat-icon{background:#f3e1ce;color:#c79e6c}.stat-value{display:block;font-size:25px;font-weight:650;letter-spacing:-1.1px;margin:13px 0 7px;color:#303a4a;line-height:1.25;overflow-wrap:anywhere}.stat-card>small{display:block;font-size:9px;color:#9ba38f}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px 17px}.panel-heading h2{font-size:14px;color:#3c4757;font-weight:650}.panel-heading p{font-size:10px;color:#a0aa95;margin-top:3px}.panel-heading>.icon{width:17px;color:#beac85}.chart-legend{display:flex;gap:6px;align-items:center;font-size:8px;color:#a3af99;white-space:nowrap}.chart-legend>i{width:5px;height:5px;border-radius:50%;background:#6fa880}.chart-wrap{padding:0 20px 16px}.revenue-chart{display:block;width:100%;height:205px}.chart-xlabels{display:flex;justify-content:space-between;padding:0 30px;color:#acb4a5;font-size:8px;gap:5px}.chart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f0f3ed;padding:12px 22px;color:#a5b09b;font-size:8px}.chart-footer>span{display:flex;align-items:center;gap:6px}.chart-footer .icon{width:12px;height:12px}.chart-footer>button{background:transparent;border:0;color:#7f9970;font-size:9px;display:flex;align-items:center;gap:6px}.donut{height:154px;width:154px;border-radius:50%;background:conic-gradient(#81a982 var(--pct),#e8b57f var(--pct));margin:8px auto 18px;display:grid;place-items:center;position:relative;transform:rotate(-90deg);box-shadow:inset 0 0 0 1px #00000002}.donut>div{width:118px;height:118px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.donut span{font-size:29px;font-weight:650;letter-spacing:-1px;color:#4b6843;line-height:1.2}.donut small{font-size:8px;color:#aab69f;margin-top:6px}.legend-rows{padding:0 23px 18px}.legend-rows>div{display:flex;align-items:center;gap:8px;font-size:9px;padding:8px 0}.legend-rows>div>span{color:#9da994;flex:1}.legend-rows strong{font-weight:600;color:#76876c}.legend-dot{width:6px;height:6px}.legend-dot.green{background:#81a982}.legend-dot.amber{background:#e8b57f}.mini-tables{padding:0 21px 11px}.mini-table{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #f4f1ea;background:white;text-align:left;padding:10px 0;min-height:58px}.mini-table:last-child{border-bottom:0}.mini-table:hover{background:#fbf9f6}.mini-pool{width:48px;height:37px;display:grid;place-items:center;background:#f4f1e9;border-radius:8px;flex-shrink:0;padding:6px}.mini-pool>svg{width:100%;height:100%}.mini-table>span:nth-child(2){flex:1}.mini-table strong{display:block;font-size:10px;color:#434b56;font-weight:600}.mini-table small{display:block;font-size:8px;color:#b4bcaa;margin-top:2px}.mini-time{font-size:11px;font-weight:600;letter-spacing:.6px;color:#3d495c;font-variant-numeric:tabular-nums}.mini-time.warning{color:#c69261}.mini-table>.icon{width:13px;color:#bfad87}.popular-panel .panel-heading{padding-bottom:14px}.popular-row{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid #f5f2ec}.popular-row:last-child{border-bottom:0;padding-bottom:19px}.rank{color:#cbbd9f;font-size:11px;width:20px;font-weight:500}.popular-info{flex:1;min-width:0}.popular-info>strong{display:block;font-size:10px;color:#424a57;font-weight:550}.popular-info>small{display:block;font-size:8px;color:#cbbd9f;margin-top:2px}.popular-row>strong{font-size:10px;font-weight:600;color:#414a58}.skeleton{background:linear-gradient(100deg,#f6f3ee 25%,#fcfbf9 45%,#f6f3ee 65%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:8px}.chart-skeleton{height:225px;margin:0 22px 18px}.donut-skeleton{height:154px;width:154px;border-radius:50%;margin:9px auto 26px}

/* Tables and floor editor */
.table-summary{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:15px 20px;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:11px;color:#8b9981;flex-wrap:wrap}.table-summary>div{display:flex;align-items:center;gap:7px}.table-summary strong{font-size:15px;color:#414a58;font-weight:650;padding-left:1px}.table-summary-tail{display:flex;gap:6px;align-items:center;margin-left:auto;font-size:9px;color:#a6b09b}.table-summary-tail>.icon{width:14px;height:14px}.table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.table-card{text-align:left;border:1px solid var(--line);border-radius:15px;background:#fff;padding:0;min-width:0;overflow:hidden;box-shadow:var(--shadow);animation:cardIn .25s both}.table-card:hover{border-color:#aec7ab;box-shadow:0 8px 20px #2d4b2010;transform:translateY(-3px)}.table-card.occupied{border-color:#ceddca}.table-card.near-end{border-color:#ead5b2}.table-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:18px 19px 7px}.table-zone{color:#a9b39f;font-size:8px;letter-spacing:.5px}.table-card-head h3{font-size:17px;color:#526e48;margin-top:3px;letter-spacing:-.6px}.table-card-head .badge{font-size:8px;padding:3px 6px}.table-visual{display:flex;align-items:center;justify-content:center;position:relative;height:126px;margin:0 18px;background:radial-gradient(ellipse at center,#edf4e6 0,transparent 65%)}.table-visual>svg{width:150px;max-width:65%;filter:drop-shadow(0 6px 5px #49613c13);transition:transform .25s}.table-card:hover .table-visual>svg{transform:rotate(-2deg) scale(1.03)}.table-countdown{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);background:#f2f8edeb;color:#4c8b55;border:1px solid #dbe7d2;box-shadow:0 3px 9px #5165480c;font-size:15px;letter-spacing:2px;font-weight:600;font-variant-numeric:tabular-nums;border-radius:7px;padding:3px 11px;line-height:1.5;white-space:nowrap}.table-countdown.warning{background:#fbf0dc;color:#c2995b;border-color:#f0dfbf}.table-card-body{padding:11px 19px 0}.table-card-body>strong{font-size:10px;font-weight:550;color:#7b8c70;display:block}.table-card-body>p{font-size:9px;color:#acb69f;margin-top:4px;min-height:28px}.table-items{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 14px;border-top:1px solid #f0f3ea;font-size:9px;color:#b1bba3;margin-top:6px}.table-card-bottom>strong{font-size:11px;color:#7a9568}.table-open-link{display:flex;align-items:center;gap:5px;color:#414a58;font-size:9px}.table-open-link .icon{width:12px;height:12px}.cafe-table{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;height:89px;width:89px;background:#ece7db;border:6px solid #e1d9c8;box-shadow:0 4px 10px #38425110;color:#bead86;position:relative}.cafe-table:before,.cafe-table:after{content:"";position:absolute;width:17px;height:43px;background:#e7e0d0;z-index:-1;border-radius:8px;top:17px}.cafe-table:before{left:-25px}.cafe-table:after{right:-25px}.cafe-table>.icon{height:24px;width:24px}.cafe-table>span{font-size:8px;margin-top:4px}.floor-canvas{height:660px;position:relative;border:1px solid #e9e3d5;border-radius:14px;overflow:auto;background-color:#f6f4ee;background-image:radial-gradient(#ddd4bf 1px,transparent 1px);background-size:22px 22px}.floor-table{position:absolute;width:120px;min-height:105px;padding:10px 12px;text-align:center;background:#ffffffed;border:1px solid #e2dbca;border-radius:12px;box-shadow:0 3px 10px #2532450c;cursor:grab;user-select:none;touch-action:none;transition:box-shadow .18s}.floor-table:active{cursor:grabbing;box-shadow:0 6px 18px #242e3d22}.floor-table.occupied{border-color:#9fc29c;background:#f4f9ef}.floor-table>svg{height:45px;width:90px;display:block;margin:0 auto 6px}.floor-table>.icon{height:33px;width:33px;margin:6px auto 12px;color:#3d495c}.floor-table>strong{font-size:10px;color:#3e4a5b;display:block}.floor-table>small{font-size:8px;color:#c4b491;display:block}

/* POS and cart */
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 333px;gap:25px;align-items:start}.pos-catalog{min-width:0}.pos-search{min-height:45px;margin-bottom:16px;padding-right:7px}.pos-search input{font-size:12px}.pos-search>.btn{font-size:9px;min-height:29px;background:#f7f4ef}.category-list{display:flex;gap:7px;margin-bottom:22px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#e2dac9 transparent}.category{padding:8px 13px;border:1px solid var(--line);background:#fff;border-radius:7px;white-space:nowrap;font-size:10px;color:#9aa58e;line-height:1.4;flex-shrink:0}.category.selected{background:var(--green);color:#fff;border-color:var(--green);font-weight:550}.category:hover{border-color:#d0bc90;color:#3c495d}.category.selected:hover{color:#fff;background:var(--green-dark)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{border:1px solid #eae4d7;padding:0;background:#fff;border-radius:12px;overflow:hidden;text-align:left;min-width:0;animation:cardIn .25s both;box-shadow:0 4px 12px #2b394f03}.product-card:hover{transform:translateY(-3px);border-color:#d1be94;box-shadow:0 5px 16px #2b37490d}.product-image{height:126px;position:relative;overflow:hidden;background:#f5f2eb}.product-image>img{height:100%;width:100%;object-fit:cover;transition:transform .28s}.product-card:hover .product-image>img{transform:scale(1.045)}.discount-tag{position:absolute;top:9px;left:9px;padding:3px 6px;border-radius:4px;background:#fffaf0d9;font-size:7px;font-weight:650;color:#b47f49;backdrop-filter:blur(3px)}.product-add{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;background:#fff;border:1px solid #f3efe8;border-radius:7px;color:#3c495d;box-shadow:0 2px 5px #29374c0d}.product-add>.icon{height:14px;width:14px}.product-info{padding:12px}.product-sku{display:block;font-size:7px;letter-spacing:.6px;color:#c5b694;margin-bottom:5px}.product-info>h3{font-size:11px;line-height:1.5;color:#3d495c;font-weight:600;min-height:34px}.product-info>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:4px}.product-info>div>strong{font-size:12px;font-weight:650;color:#3c495d}.product-info del{font-size:8px;color:#cabc9d}.product-info>small{display:block;color:#c4b592;font-size:8px;margin-top:6px}.product-card.out-of-stock{filter:grayscale(.8)}.cart{position:sticky;top:20px;border-radius:15px;padding:21px 19px 15px}.cart-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:10px}.cart-heading h2{font-size:15px;color:#3c495d}.cart-heading p{font-size:8px;color:#c7b998;margin-top:4px;overflow-wrap:anywhere}.cart-heading>.icon{color:#c3b38f;width:20px}.cart>.field{margin-bottom:10px}.cart>.field>span{font-size:9px;color:#404a59}.cart select{font-size:10px;min-height:37px;padding:8px}.cart-options{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #f2eee6}.cart-options>.text-btn{font-size:9px;gap:5px}.cart-options .icon{width:13px}.cart-customer{display:flex;align-items:center;gap:7px;padding:14px 0 8px;font-size:10px;color:#3e4a5b}.cart-customer>.icon{width:13px;height:13px;color:#bead86}.cart-customer>.badge{margin-left:auto;font-size:8px}.cart-items{max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e3dbc8 transparent;margin:0 -5px;padding:0 5px}.order-line{display:flex;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid #f4f1e9;min-width:0}.order-line>div{flex:1;min-width:0}.order-line>div>strong{display:block;font-size:10px;font-weight:550;color:#3d495c;line-height:1.4}.order-line>div>small{display:block;font-size:8px;color:#c8b998;line-height:1.6;margin-top:3px;overflow-wrap:anywhere}.order-line>strong{font-size:10px;font-weight:600;color:#3e4a5b;white-space:nowrap}.line-qty{color:#c1b18d;font-size:10px;min-width:20px}.line-icon{width:25px;height:25px;border-radius:5px;display:grid;place-items:center;background:#f6f2e9;color:#3c495d}.line-icon>.icon{width:15px;height:15px}.order-line>.icon-btn{height:22px;width:22px;min-width:22px;min-height:22px;padding:4px}.order-line>.icon-btn>.icon{height:12px;width:12px}.bill-totals{padding:18px 0 10px}.bill-totals>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:10px;color:#bcaa83}.bill-totals>div>span:last-child{font-weight:550}.bill-totals>.grand-total{margin-top:11px;border-top:1px dashed #e7e0d2;padding:16px 0 9px;color:#3c495d;font-size:12px}.grand-total>strong:last-child{font-size:18px;letter-spacing:-.6px;color:#3c495d}.cart-actions{gap:8px;padding-top:7px;flex-wrap:nowrap}.cart-actions>.btn{flex:1;font-size:10px}.cart-actions>.btn.pay{flex:1.6}.cart-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:7px;color:#cfc3a7;margin-top:16px}.cart-note>.icon{width:11px;height:11px}.cart-empty{text-align:center;padding:48px 12px}.cart-empty>.icon{width:43px;height:43px;color:#d3c7ac;margin-bottom:16px}.cart-empty>h3{font-size:12px;color:#bcab84;font-weight:550}.cart-empty>p{font-size:10px;color:#cfc3a7;margin-top:7px;line-height:1.75}

/* Data tables, kitchen and business screens */
.table-scroll{overflow-x:auto;width:100%;scrollbar-width:thin;scrollbar-color:#e1d9c7 transparent}.data-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.data-table thead{background:#fcfaf6}.data-table th{padding:12px 20px;font-size:8px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;color:#bcaa82;border-top:1px solid #f5f2ec;border-bottom:1px solid #f3eee3;white-space:nowrap}.data-table td{padding:15px 20px;color:#3e4a5b;font-size:10px;border-bottom:1px solid #f4f0e8;vertical-align:middle;line-height:1.5}.data-table td>strong{font-size:10px;font-weight:550;color:#3d495c;overflow-wrap:anywhere}.data-table td>small{display:block;font-size:8px;color:#cabc9d;line-height:1.5;margin-top:3px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fdfcf9}.data-table td:last-child .btn{font-size:9px;padding:5px 8px;min-height:26px}.data-table td:last-child .btn+.btn{margin-left:5px}.data-table td:last-child{white-space:nowrap}.data-table td .icon-btn{height:29px;min-height:29px;width:29px;min-width:29px;padding:6px}.data-table .icon-btn>.icon{width:14px;height:14px}.master-name{display:flex;gap:10px;align-items:center;min-width:170px}.master-name>img{height:42px;width:52px;object-fit:cover;flex-shrink:0;border-radius:7px}.master-name strong{display:block;font-size:10px;font-weight:600;color:#3c495d}.master-name small{display:block;font-size:8px;color:#cbbd9f;margin-top:3px}.kitchen-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.kitchen-column{border-radius:12px;background:#f2eee6;border:1px solid #e9e3d5;padding:15px 12px;min-width:0;min-height:420px}.kitchen-column-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:1px 3px 16px}.kitchen-column-title h2{display:flex;align-items:center;gap:7px;font-size:11px;color:#404a59}.kitchen-column-title>span{background:#fff9;min-width:23px;text-align:center;font-size:10px;color:#3d495c;border-radius:5px;padding:1px 6px}.kitchen-ticket{background:#fff;border:1px solid #ebe6da;border-radius:10px;padding:15px;margin-bottom:12px;box-shadow:0 3px 9px #36476005;animation:cardIn .2s ease-out}.kitchen-ticket>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px dashed #ebe5d8}.kitchen-ticket>div:first-child>strong{font-size:11px;color:#3c495d}.kitchen-ticket>div:first-child>small{font-size:7px;color:#cfc2a6;max-width:54%;text-align:right;overflow-wrap:anywhere}.kitchen-ticket>h3{font-size:13px;margin-top:14px;color:#3c495d}.kitchen-ticket>p{font-size:10px;color:#c2b28f;margin-top:7px}.kitchen-ticket>.kitchen-note{padding:8px 10px;border-radius:5px;background:#faf4e3;color:#c5ab78;font-size:10px}.kitchen-ticket>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.kitchen-ticket footer small{font-size:8px;color:#d0c4a9}.kitchen-ticket footer .btn{font-size:8px;min-height:25px;padding:5px 8px}.kitchen-column .empty{font-size:10px;padding-top:65px;opacity:.8}.report-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:22px;margin-bottom:23px}.payment-breakdown{padding:0 23px 20px}.payment-breakdown>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f4f0e8;font-size:11px;color:#3c495d}.payment-breakdown>div:last-child{border:0}.payment-breakdown>div>.icon{height:19px;width:19px;color:#c6b795;background:#f6f1e6;border-radius:5px;box-sizing:content-box;padding:7px}.payment-breakdown>div>span{flex:1}.payment-breakdown>div>strong{font-size:12px;color:#3c495d;font-weight:600}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.settings-panel{padding:22px}.settings-panel>.panel-heading{padding:0 0 22px}.settings-panel>.form-grid{margin-bottom:-9px}.settings-panel>.notice:last-child{margin-bottom:0}.settings-panel>form>.btn{margin-top:8px}.permission-grid,.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:11px 0}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #f4f0e7;cursor:pointer;min-width:0}.permission-row>span{display:flex;gap:12px;align-items:center;min-width:0}.permission-row .icon{color:#bdac85;width:19px;height:19px}.permission-row>span>span{min-width:0}.permission-row strong{display:block;font-size:11px;font-weight:550;color:#3c495d}.permission-row small{display:block;font-size:8px;color:#d1c5aa;margin-top:3px;overflow-wrap:anywhere}.permission-row input{width:16px;height:16px;flex-shrink:0}.launch-panel{padding:24px}.launch-description{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.launch-description h2{font-size:16px;color:#3c495d}.launch-description p{font-size:11px;color:#c5b694;margin-top:5px;max-width:440px;line-height:1.7}.launch-description .field{width:255px;max-width:100%;margin-bottom:0}.launch-columns{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:12px}.launch-columns>section{border:1px solid #eae4d7;border-radius:10px;overflow:hidden;background:#fdfbf7}.launch-columns h3{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;background:#f8f5ed;border-bottom:1px solid #eee8db;color:#3c495d;font-size:11px}.launch-columns h3 small{font-size:10px;border:1px solid #e9e1d0;border-radius:4px;min-width:22px;text-align:center;background:#fff8;padding:1px 5px;font-weight:500}.launch-middle{display:grid;place-items:center;color:#cfc3a7}.launch-middle>.icon{width:20px}.module-list{padding:8px;min-height:375px;max-height:650px;overflow:auto;scrollbar-width:thin;scrollbar-color:#e0d4b8 transparent}.module-list>button,.module-list>div:not(.empty){display:flex;align-items:center;gap:11px;width:100%;padding:11px 10px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;min-width:0}.module-list>button:hover{background:#f7f2e7;border-color:#ece5d6}.module-list>button>.icon:first-child,.selected-modules>div>.icon{width:18px;height:18px;color:#c3b490}.module-list>button>.icon:last-child{height:14px;width:14px;color:#c6b694}.module-list>button>span,.module-list>div>span:not(.module-order){flex:1;min-width:0}.module-list strong{display:block;font-size:10px;font-weight:550;color:#3c495d}.module-list small{display:block;font-size:8px;color:#d2c6ab;margin-top:3px}.selected-modules>div:not(.empty){background:white;border:1px solid #f0ebdf;margin-bottom:6px;padding:10px 8px}.module-order{color:#d0c4a9;font-size:8px;min-width:13px;text-align:center}.module-controls{display:flex;gap:1px;align-items:center;flex-shrink:0}.module-controls>.icon-btn{height:24px;min-height:24px;width:23px;min-width:23px;padding:5px}.module-controls .icon{height:12px;width:12px;color:#c0b08b}.module-controls .danger-text>.icon{color:#c49f8c}.launch-footer{display:flex;align-items:center;gap:15px;justify-content:space-between;padding-top:22px}.launch-footer>span{font-size:10px;color:#cfc2a6}.audit-filter{padding:21px 23px;margin-bottom:22px}.audit-filter .field{margin-bottom:13px}.audit-filter .btn{font-size:11px;margin-top:1px}.audit-message{max-width:290px;min-width:130px;white-space:normal;overflow-wrap:anywhere}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.guide-card{padding:26px}.guide-number{display:inline-flex;align-items:center;justify-content:center;height:33px;width:33px;background:#f5f0e5;border:1px solid #ede7d9;border-radius:9px;color:#beac85;font-size:10px;font-weight:650;margin-bottom:18px}.guide-card h2{font-size:16px;color:#3c495d;margin-bottom:12px}.guide-card p{font-size:12px;color:#c2b28e;line-height:1.85;margin:12px 0}.guide-card p strong{font-weight:600;color:#3d495c}.guide-card>.text-btn{margin-top:8px}

/* Modal, checkout and audit details */
.dialog-overlay{position:fixed;inset:0;z-index:200;background:#131a248c;backdrop-filter:blur(3px);padding:30px;display:flex;align-items:center;justify-content:center;animation:overlayIn .18s}.dialog{display:flex;flex-direction:column;width:min(600px,100%);max-height:calc(100dvh - 60px);background:#fff;border:1px solid #e8e2d5;border-radius:18px;box-shadow:0 25px 100px #0a0e144a;overflow:hidden;animation:dialogIn .22s cubic-bezier(.15,.7,.2,1);min-width:0}.dialog.wide,.dialog.dialog-wide{width:min(920px,100%)}.dialog.small,.dialog.dialog-small{width:min(460px,100%)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 25px;border-bottom:1px solid #f1ece2;background:#fdfbf8;flex-shrink:0}.dialog-header h2{font-size:18px;color:#3c495d;letter-spacing:-.5px}.dialog-header p{font-size:10px;color:#bbaa82;margin-top:3px}.dialog-header .icon-btn{color:#bcaa82}.dialog-body{padding:23px 25px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#e3d9c3 transparent}.dialog-body .notice:last-child{margin-bottom:0}.dialog-body .panel{box-shadow:none}.dialog-footer{justify-content:flex-end;padding:17px 25px;border-top:1px solid #efeadf;background:#fdfcf9;flex-shrink:0}.dialog-footer>.btn{font-size:11px}.dialog-footer .danger-text{margin-right:auto}.dialog form{min-width:0}.dialog-body>.form-grid:last-child{margin-bottom:-16px}.dialog-body>form>.form-grid:last-child{margin-bottom:-16px}.dialog .field{font-size:11px}.dialog .field>span{color:#3c495d;font-size:11px}.dialog .field input,.dialog .field select,.dialog .field textarea{color:#3c495d;font-size:12px;border-color:#e8e1d1}.detail-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;border:1px solid #e8e0cd;border-radius:11px;background:#f7f3e9;margin-bottom:20px}.detail-timer>strong,.detail-timer .timer{font-size:35px;color:#3c495d;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:3px;line-height:1.25}.detail-timer>small,.detail-timer>span{color:#c1b18c;font-size:10px;margin-top:7px}.detail-timer.warning{background:#fdf5e7;border-color:#efdfc3}.detail-timer.warning>strong{color:#bf9d69}.duration-options{display:flex;gap:9px;margin-bottom:19px;flex-wrap:wrap}.duration-option{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:43px;padding:10px 15px;border:1px solid #e8e1d3;border-radius:8px;background:#fcfaf5;color:#3c495d;font-size:12px;font-weight:550}.duration-option:hover,.duration-option.selected,.duration-option.active{color:#3c495d;border-color:#cbb686;background:#f7f1e3}.duration-option>input{accent-color:#ab8d4a}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr);gap:23px}.order-detail-layout .bill-totals{padding-top:0}.detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px;padding:16px;background:#faf8f2;border:1px solid #eee8dc;border-radius:9px}.detail-meta small{display:block;font-size:9px;color:#c0af8a;margin-bottom:4px}.detail-meta strong{font-size:11px;font-weight:550;color:#3c495d;overflow-wrap:anywhere}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:15px}.detail-actions>.btn{font-size:10px}.payment-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:22px}.payment-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #e9e2d1;background:#fcfaf4;border-radius:9px;padding:13px 8px;min-height:81px;color:#c0af8a;font-size:10px;font-weight:550}.payment-choice>.icon{width:24px;height:24px}.payment-choice:hover,.payment-choice.selected,.payment-choice.active{background:#f7f0e1;border-color:#cdb88a;color:#3c495d;box-shadow:0 0 0 1px #cdb88a22}.payment-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:#f6f1e5;border:1px solid #ebe3d1;border-radius:10px;margin-bottom:20px;color:#3c495d;font-size:12px}.payment-summary>strong{font-size:23px;letter-spacing:-.7px;color:#3c495d;font-weight:650}.payment-result{padding:22px 20px;text-align:center;border:1px solid #ece3d0;border-radius:10px;background:#fbf8f1;margin:18px 0;color:#bead86}.payment-result>.icon{width:45px;height:45px;color:#3c495d;display:block;margin:0 auto 13px}.payment-result h3{font-size:16px;color:#3c495d;margin-bottom:7px}.payment-result p{font-size:11px;color:#c7b896;line-height:1.7;margin:7px 0;overflow-wrap:anywhere}.payment-result .badge{margin-bottom:7px}.payment-result>strong{display:block;font-size:22px;color:#3c495d;font-weight:650;margin:12px 0}.payment-result .actions{justify-content:center;margin-top:16px}.payment-result.success{background:#eff8e5;border-color:#cee4ba}.payment-result.pending{background:#fdf8ec;border-color:#eedfbc}.payment-result.pending h3{color:#b69b69}.payment-result.pending p{color:#c3b18c}.qr-image{display:block;max-width:250px;width:100%;aspect-ratio:1;object-fit:contain;background:#fff;padding:13px;border:1px solid #ebe6da;border-radius:12px;margin:19px auto}.qr-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:220px;min-height:160px;border:1px dashed #e0d3b6;background:#f9f6ee;border-radius:11px;margin:18px auto;color:#c1b18d;font-size:10px;padding:20px}.qr-placeholder>.icon{height:45px;width:45px}.payment-status{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0;font-size:11px}.payment-details{padding:15px;border:1px dashed #e3d9c2;border-radius:9px;margin:12px 0;font-size:12px;line-height:1.9;color:#3c495d;overflow-wrap:anywhere}.payment-details strong{font-weight:650;color:#3c495d}.change-display{padding:13px 15px;border-radius:8px;background:#f7f3e9;display:flex;justify-content:space-between;gap:12px;color:#bcaa82;font-size:12px;margin:8px 0 17px}.change-display>strong{font-size:16px;font-weight:650;color:#3c495d}.quick-cash{display:flex;gap:7px;margin:6px 0 18px;flex-wrap:wrap}.quick-cash>.btn{font-size:10px;min-height:31px;color:#3c495d;background:#fbf8f0}.code-preview,.json-preview,.audit-json{padding:17px;border:1px solid #ebe4d4;background:#faf7ef;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto;font-family:Consolas,"SFMono-Regular",monospace;font-size:10px;line-height:1.75;color:#3c495d}.code-preview h3{font-size:11px;margin-bottom:10px}.audit-snapshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.audit-snapshots h3{font-size:11px;margin-bottom:8px;color:#bfae89}.scanner-video,video{display:block;max-width:100%;width:100%;max-height:340px;border-radius:10px;background:#18212e;object-fit:cover}.scanner-frame{position:relative;border-radius:11px;overflow:hidden}.scanner-frame:after{content:"";position:absolute;inset:22%;border:2px solid #dbc79a;border-radius:12px;pointer-events:none;box-shadow:0 0 0 150px #131a2433}.photo-preview{height:100px;width:135px;object-fit:cover;border-radius:8px;border:1px solid #eae2d0;margin-bottom:12px}.loading-ring{height:21px;width:21px;border:2px solid #e9e1cf;border-top-color:#bb9f60;border-radius:50%;animation:spin .8s linear infinite}.loading-button{pointer-events:none;opacity:.6}.form-error{padding:9px 12px;border:1px solid #e8c4b1;border-radius:7px;background:#fff2ea;color:#be8c73;font-size:11px;margin-bottom:14px}#toasts{position:fixed;z-index:500;bottom:23px;right:25px;display:flex;flex-direction:column;gap:9px;pointer-events:none;max-width:min(450px,calc(100% - 30px))}.toast{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#273549;color:#f3ead7;font-size:12px;box-shadow:0 5px 25px #1b25332e;border:1px solid #88703b50;border-radius:10px;animation:toastIn .23s ease-out;pointer-events:auto;line-height:1.6}.toast>.icon{width:17px;height:17px;color:#d4c39e}.toast.error{background:#a15f4b;border-color:#bb7a5e;color:#fff3df}.toast.error>.icon{color:#f1d4b7}

/* Login */
.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100dvh}.login-story{position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 76% 70%,#29374d 0,#1e2838 28%,#161e2a 70%);overflow:hidden;padding:49px 60px 32px;min-height:720px}.login-story:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(120deg,transparent 0,transparent 86px,#f7eeda02 86px,#f7eeda02 87px);pointer-events:none}.login-story .brand{padding:0;z-index:1;font-size:32px;gap:12px}.login-story .brand-symbol{height:46px;width:46px}.login-story .brand>div>span{font-size:8px;letter-spacing:3.8px;margin-top:6px;color:#3d495c}.login-pitch{padding-top:92px;position:relative;z-index:1}.login-pitch .eyebrow{font-size:7px;letter-spacing:2px;color:#3e4a5b;margin-bottom:25px}.login-pitch h1{font-size:clamp(42px,4.4vw,65px);line-height:1.14;color:#f3ecdc;letter-spacing:-2.9px;font-weight:550}.login-pitch h1 em{font-style:normal;color:#cfbc91}.login-pitch>p:last-child{font-size:12px;color:#434b56;line-height:1.9;margin-top:29px}.hero-pool{position:relative;height:230px;min-height:230px;margin-top:12px;margin-left:38px}.hero-pool:before{content:"";position:absolute;width:300px;height:110px;background:#0d111861;filter:blur(15px);bottom:12px;left:10px;border-radius:50%;transform:rotate(-14deg)}.pool-ball{position:absolute;display:flex;align-items:center;justify-content:center;width:116px;height:116px;border-radius:50%;font-family:Arial,sans-serif;font-weight:750;font-size:34px;color:#181d25;box-shadow:inset -18px -20px 24px #0a0e137a,inset 10px 10px 20px #ffffff25,9px 20px 20px #0a0e1430;transform:rotate(-18deg);z-index:2}.pool-ball:before{content:"";position:absolute;background:linear-gradient(140deg,#f5f4dd,#dfd7c4);height:48px;width:48px;border-radius:50%;z-index:-1;box-shadow:inset -2px -3px 3px #7e927a30}.ball8{background:radial-gradient(circle at 27% 20%,#3b4940 0,#171d27 37%,#0c1015 85%);left:26px;bottom:34px;animation:ballFloat 6s ease-in-out infinite}.ball2{background:radial-gradient(circle at 28% 24%,#8da8ba 0,#537c91 31%,#163e4b 87%);left:176px;bottom:54px;width:100px;height:100px;transform:rotate(16deg);animation:ballFloat 6s 1.5s ease-in-out infinite}.ball2:before{width:43px;height:43px}.hero-pool>i{position:absolute;width:410px;height:9px;transform:rotate(-26deg);background:linear-gradient(90deg,#e0c38f 0,#bea374 65%,#9b7f42 65%,#c2a970 96%,#d2d7b8 96%);left:38px;bottom:50px;border-radius:4px;box-shadow:3px 8px 8px #0a0e1345;z-index:1}.login-foot{display:flex;gap:12px;align-items:center;font-size:8px;color:#424a57;letter-spacing:.3px;margin-top:auto;padding-top:24px;position:relative;z-index:1}.login-foot>span{font-size:5px;color:#bfad87}.login-panel{display:flex;align-items:center;justify-content:center;padding:55px 45px;background:#faf8f5}.login-card{width:370px;max-width:100%;animation:cardIn .4s both}.mini-kicker{font-size:8px;letter-spacing:1.5px;font-weight:650;color:#bcaa83;margin-bottom:18px}.login-card h2{font-size:30px;font-weight:600;letter-spacing:-1.4px;color:#3c495d;line-height:1.25}.login-card>p{font-size:12px;margin-top:11px;color:#c0b08b;margin-bottom:33px}.login-card .field{margin-bottom:21px}.login-card .field>span{font-size:11px;color:#3d495c}.login-card input{height:46px;background:#fefdfa;color:#3c495d;border-color:#e9e3d5;font-size:12px}.login-card input::placeholder{color:#cdbfa1}.login-card .btn.primary{margin-top:4px;height:45px;background:#93793f;border-color:#93793f;font-size:11px;justify-content:space-between;padding:12px 17px}.login-card .btn.primary:hover{background:#3f5575;border-color:#3f5575}.demo-accounts{border:1px solid #ece6d9;border-radius:9px;padding:15px 17px;background:#f5f1e9;margin-top:24px;display:flex;flex-direction:column;gap:4px}.demo-accounts>strong{color:#3c495d;font-size:10px;font-weight:600}.demo-accounts>span{color:#beac85;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.demo-accounts>small{font-size:8px;line-height:1.7;color:#c8b998}.login-local{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;font-size:9px;color:#ccbe9f}.login-local>.icon{height:13px;width:13px}

/* Motion and responsive behavior */
@keyframes pageIn{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{from{opacity:0}to{opacity:1}}@keyframes dialogIn{from{opacity:.4;transform:translateY(13px) scale(.985)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes breath{50%{box-shadow:0 0 0 6px #ae8f4b08}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ballFloat{50%{translate:0 -7px}}
@media(min-width:1600px){.content{padding:38px 45px}.topbar{padding:0 45px}.stats-grid{gap:22px}.stat-card{padding:22px 25px}.stat-value{font-size:31px}.dashboard-grid{grid-template-columns:minmax(0,1.85fr) minmax(310px,1fr);gap:25px}.revenue-chart{height:230px}.table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr) 365px}.cart{padding:25px}.product-image{height:150px}}
@media(max-width:1200px){:root{--sidebar-width:214px}.sidebar{padding-left:13px;padding-right:13px}.content{padding:25px 23px}.topbar{padding:0 23px}.page-heading h1{font-size:25px}.range-control .range-label{display:none}.stats-grid{gap:12px}.stat-card{padding:15px}.stat-value{font-size:23px}.stat-top{font-size:9px}.stat-card>small{font-size:8px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(245px,1fr);gap:17px}.panel-heading{padding:19px 18px 15px}.panel-heading h2{font-size:12px}.panel-heading p{font-size:9px}.chart-legend{font-size:7px}.table-grid{gap:14px}.table-card-head{padding:15px 14px 6px}.table-card-body{padding-left:14px;padding-right:14px}.table-card-head h3{font-size:15px}.table-card-head .badge{font-size:7px}.pos-layout{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cart{padding:18px 16px}.data-table td,.data-table th{padding-left:15px;padding-right:15px}.kitchen-board{gap:14px}.kitchen-column{padding:13px 10px}.kitchen-ticket{padding:12px}.kitchen-ticket>div:first-child{flex-wrap:wrap}.kitchen-ticket>div:first-child>small{max-width:none}.launch-columns{gap:7px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.module-list>button,.module-list>div:not(.empty){gap:7px;padding:9px 6px}.module-controls{gap:0}.module-controls>.icon-btn{width:20px;min-width:20px}.login-story{padding:44px 45px 28px}.login-pitch h1{font-size:52px}.login-panel{padding-left:35px;padding-right:35px}.login-pitch{padding-top:85px}.hero-pool{margin-left:0}}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(235px,1fr)}.chart-legend{display:none}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:17px 20px}.stat-value{font-size:26px}.stat-top{font-size:11px}.stat-card>small{font-size:9px}.pos-layout{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.cart{padding:16px 14px}.product-grid{gap:12px}.product-image{height:111px}.product-info{padding:10px}.product-info>h3{font-size:10px}.product-info>div>strong{font-size:11px}.toolbar{flex-wrap:wrap}.toolbar-right{justify-content:flex-end;margin-left:auto}.settings-grid{grid-template-columns:1fr}.settings-panel.full{grid-column:auto}.kitchen-board{grid-template-columns:1fr}.kitchen-column{min-height:180px}.kitchen-column .empty{padding-top:25px}.kitchen-column-title{padding-bottom:12px}.kitchen-ticket{margin:0 0 10px}.kitchen-ticket>div:first-child>small{max-width:60%}.kitchen-ticket>h3{font-size:14px}.report-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.launch-columns{grid-template-columns:1fr}.launch-middle{padding:8px;transform:rotate(90deg)}.module-list{min-height:100px;max-height:380px}.launch-description{align-items:flex-start;flex-direction:column;gap:15px}.launch-description .field{width:100%}.permission-grid,.permissions-grid{grid-template-columns:1fr}.launch-footer{flex-wrap:wrap}.login-story{padding:42px 35px 25px}.login-pitch h1{font-size:47px}.login-pitch{padding-top:75px}.hero-pool{height:220px;min-height:220px;margin-left:0}.ball8{left:5px}.ball2{left:150px}.hero-pool>i{left:10px;width:350px}.login-foot{font-size:7px;gap:9px}}
@media(max-width:880px){.pos-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image{height:135px}.cart{position:relative;top:auto;padding:20px}.cart-items{max-height:360px}.cart-heading p{font-size:10px}.cart>.field>span{font-size:11px}.cart select{font-size:12px}.cart-options>.text-btn{font-size:11px}.cart-customer{font-size:12px}.order-line>div>strong{font-size:12px}.order-line>div>small{font-size:10px}.order-line>strong{font-size:12px}.cart-actions>.btn{font-size:12px}.cart-note{font-size:9px}.bill-totals>div{font-size:12px}.bill-totals>.grand-total{font-size:14px}.grand-total>strong:last-child{font-size:22px}.dashboard-grid{grid-template-columns:1fr}.revenue-chart{height:230px}.payment-panel{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center}.payment-panel>.panel-heading{grid-column:1/-1}.payment-panel>.donut{margin:3px 0 20px 24px;height:135px;width:135px}.payment-panel .donut>div{height:102px;width:102px}.payment-panel .donut span{font-size:25px}.payment-panel>.legend-rows{padding:0 24px 20px 10px}.legend-rows>div{font-size:11px;padding:11px 0}.payment-panel>.donut-skeleton{width:135px;height:135px;margin-left:24px}.legend-rows strong{font-size:12px}.chart-legend{display:flex}.page-heading{align-items:flex-start}.page-heading .actions{flex-shrink:0}.page-heading h1{font-size:24px}.table-summary{gap:15px}.table-summary-tail{width:100%;margin-left:0}.content{padding:24px 20px}.app-footer{padding-left:20px;padding-right:20px;font-size:8px}.topbar{padding:0 20px}.topbar-right{gap:11px}.header-date{font-size:9px}.launch-panel{padding:20px}.dialog-body{padding:22px}.order-detail-layout{grid-template-columns:1fr}.audit-snapshots{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr 1fr}.login-story{padding-left:28px;padding-right:23px}.login-pitch h1{font-size:41px;letter-spacing:-2px}.login-story .brand{font-size:29px}.login-story .brand-symbol{height:41px;width:41px}.login-pitch .eyebrow{font-size:6px;letter-spacing:1.1px}.login-pitch>p:last-child{font-size:11px}.login-foot{flex-wrap:wrap}.login-panel{padding-left:25px;padding-right:25px}.login-card h2{font-size:26px}.login-card>p{font-size:11px}.mini-kicker{font-size:7px;letter-spacing:1.1px}.demo-accounts{padding:13px}}
@media(max-width:760px){:root{--sidebar-width:232px}.sidebar{transform:translateX(-100%);transition:transform .23s ease;box-shadow:10px 0 40px #10161f24;padding-top:25px}.main-shell{margin-left:0}.nav-open .sidebar{transform:translateX(0)}.nav-scrim{position:fixed;z-index:59;inset:0;background:#151d2873;backdrop-filter:blur(2px)}.nav-open .nav-scrim{display:block;animation:overlayIn .15s}.mobile-menu{display:inline-flex;margin-left:-7px;margin-right:0}.topbar{height:62px;min-height:62px;padding:0 21px;gap:10px}.topbar-title{gap:7px}.topbar-title>span{display:none}.topbar-title>.icon{display:none}.topbar-title>strong{font-size:11px}.topbar-right{gap:10px}.topbar-right .header-date{font-size:9px}.content{padding:24px 21px}.page-heading{gap:13px;margin-bottom:22px;align-items:flex-start}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:7px}h1,.page-heading h1{font-size:25px;letter-spacing:-1px}.page-heading>.actions{gap:7px}.page-heading .actions>.btn{font-size:10px;padding:8px 11px;min-height:35px;gap:6px}.page-heading .actions>.btn>.icon{height:15px;width:15px}.range-control{font-size:10px;padding:4px;gap:5px;min-height:35px}.range-control select{font-size:10px;padding-right:18px;min-height:26px}.range-control input{font-size:9px;max-width:109px}.stats-grid{gap:13px;margin-bottom:20px}.stat-card{padding:18px}.stat-value{font-size:26px}.stat-top{font-size:11px}.stat-card>small{font-size:8px}.welcome-strip{padding:12px 14px;gap:8px;margin-bottom:20px}.welcome-strip>div{font-size:10px;gap:8px}.welcome-strip div>span:last-child{font-size:9px}.welcome-strip>.btn{font-size:9px;min-height:28px;padding:6px 8px}.welcome-strip>.btn>.icon{width:12px;height:12px}.dashboard-grid{gap:19px}.panel-heading{padding:20px 20px 16px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px}.chart-footer{font-size:8px;padding-left:20px;padding-right:20px}.chart-footer>button{font-size:9px}.popular-row{padding:13px 22px}.popular-row>strong{font-size:11px}.popular-info>strong{font-size:11px}.popular-info>small{font-size:9px}.mini-table{padding:12px 0}.mini-table strong{font-size:11px}.mini-table small{font-size:9px}.mini-time{font-size:12px}.mini-pool{width:53px;height:41px}.insight-strip{margin-top:20px;padding:13px 15px;font-size:10px}.insight-strip>.text-btn{font-size:10px;padding-left:0}.app-footer{padding:10px 21px 22px;font-size:8px;gap:10px}.table-summary{padding:13px 16px;font-size:10px;gap:18px;margin-bottom:20px}.table-summary-tail{width:auto;margin-left:auto;font-size:9px}.table-grid{gap:16px}.table-card-head{padding:17px 17px 7px}.table-card-body{padding-left:17px;padding-right:17px}.table-card-head h3{font-size:17px}.table-card-head .badge{font-size:8px}.table-card-body>strong{font-size:11px}.table-card-body>p{font-size:10px}.table-card-bottom{font-size:10px}.table-card-bottom>strong{font-size:12px}.table-open-link{font-size:9px}.table-visual{height:134px}.toolbar .tabs{max-width:100%}.table-summary strong{font-size:16px}.pos-layout{gap:22px}.product-grid{gap:15px}.product-image{height:145px}.product-info{padding:12px}.product-info>h3{font-size:12px;min-height:36px}.product-info>div>strong{font-size:13px}.product-info>small{font-size:9px}.product-sku{font-size:8px}.discount-tag{font-size:8px}.product-add{height:29px;width:29px}.product-add>.icon{height:16px;width:16px}.category-list{gap:8px}.category{font-size:11px}.cart{position:static}.permission-grid,.permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-row strong{font-size:11px}.module-list{max-height:410px}.module-list strong{font-size:12px}.module-list small{font-size:9px}.module-controls>.icon-btn{height:30px;min-height:30px;width:28px;min-width:28px;padding:7px}.module-controls .icon{height:14px;width:14px}.module-list>button,.module-list>div:not(.empty){padding:13px 10px;gap:12px}.module-order{font-size:10px}.launch-description h2{font-size:17px}.launch-description p{font-size:12px}.launch-columns h3{font-size:12px}.launch-footer>span{font-size:11px}.launch-footer>.btn{font-size:11px}.guide-card{padding:25px}.guide-card p{font-size:12px}.guide-card h2{font-size:17px}.guide-number{height:35px;width:35px;font-size:11px}.audit-filter{padding:20px}.data-table th{font-size:9px;padding:12px 16px}.data-table td{font-size:11px;padding:15px 16px}.data-table td>strong{font-size:11px}.data-table td>small{font-size:9px}.data-table td:last-child .btn{font-size:10px;min-height:30px}.data-table td .icon-btn{height:32px;min-height:32px;width:32px;min-width:32px}.master-name strong{font-size:11px}.master-name small{font-size:9px}.badge{font-size:10px}.kitchen-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.kitchen-column{min-height:350px}.kitchen-column-title h2{font-size:10px}.kitchen-ticket>h3{font-size:12px}.kitchen-ticket>div:first-child>strong{font-size:10px}.kitchen-ticket>div:first-child>small{max-width:none;font-size:7px}.kitchen-ticket>footer{align-items:stretch;flex-direction:column;gap:8px}.kitchen-ticket footer .btn{font-size:10px}.kitchen-ticket>p{font-size:10px}.login-layout{grid-template-columns:1fr}.login-story{min-height:360px;padding:28px 30px 25px;display:block}.login-story .brand{font-size:27px;gap:10px}.login-story .brand-symbol{height:38px;width:38px}.login-story .brand>div>span{font-size:7px;letter-spacing:2.7px;margin-top:5px}.login-pitch{padding-top:42px}.login-pitch .eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:15px}.login-pitch h1{font-size:36px;letter-spacing:-1.7px;line-height:1.11}.login-pitch>p:last-child{font-size:10px;margin-top:18px;max-width:60%;line-height:1.75}.hero-pool{position:absolute;height:200px;min-height:0;right:-36px;bottom:11px;width:245px;margin:0}.hero-pool:before{width:220px;height:90px;bottom:4px;left:5px}.ball8{height:91px;width:91px;left:24px;bottom:20px;font-size:28px}.ball8:before{width:40px;height:40px}.ball2{width:78px;height:78px;left:130px;bottom:36px;font-size:25px}.ball2:before{height:35px;width:35px}.hero-pool>i{width:290px;height:7px;left:-14px;bottom:45px}.login-foot{display:none}.login-panel{padding:40px 30px 45px}.login-card{width:420px}.login-card h2{font-size:29px}.login-card>p{font-size:12px;margin-bottom:27px}.mini-kicker{font-size:8px;letter-spacing:1.2px;margin-bottom:15px}.login-card .field>span{font-size:12px}.login-card input{height:46px;font-size:13px}.demo-accounts{padding:16px}.demo-accounts>strong{font-size:11px}.demo-accounts>span{font-size:11px}.demo-accounts>small{font-size:9px}.login-local{font-size:10px}.login-card .btn.primary{font-size:12px}.dialog-overlay{padding:20px}.dialog{max-height:calc(100dvh - 40px)}.dialog-header{padding:20px}.dialog-body{padding:20px}.dialog-footer{padding:16px 20px}.dialog-header h2{font-size:18px}.dialog .field>span{font-size:11px}.dialog .field input,.dialog .field select,.dialog .field textarea{font-size:13px}.payment-choice{font-size:11px}.field input,.field select,.field textarea{font-size:13px}.payment-result p{font-size:12px}.code-preview,.json-preview,.audit-json{font-size:11px}.form-grid{column-gap:16px}.form-grid .field{margin-bottom:16px}.dialog-footer>.btn{font-size:12px}}
@media(max-width:560px){.content{padding:23px 16px}.topbar{padding:0 16px}.topbar-right .header-date{display:none}.topbar-title>strong{font-size:12px}.topbar-right{gap:10px}.mode-label{font-size:8px}.page-heading{flex-direction:column;align-items:stretch;gap:14px}.page-heading h1{font-size:27px}.page-heading>.actions{justify-content:flex-start;align-items:flex-start}.page-heading .actions>.btn{font-size:11px}.page-heading .range-control{width:100%;justify-content:space-between;flex-wrap:wrap}.range-control .range-label{display:inline;font-size:9px;padding-right:7px}.range-control select{font-size:11px}.range-control input{max-width:118px;font-size:10px}.stats-grid{gap:11px}.stat-card{padding:15px 14px}.stat-top{font-size:9px}.stat-icon{width:24px;height:24px;border-radius:7px}.stat-icon>.icon{width:14px;height:14px}.stat-value{font-size:23px;margin-top:13px;letter-spacing:-1.1px}.stat-card>small{font-size:8px;line-height:1.5;min-height:24px}.welcome-strip{align-items:flex-start;gap:8px}.welcome-strip>div{gap:7px;font-size:10px;flex:1;min-width:0}.welcome-strip>div>span:last-child{width:100%;padding-left:14px;font-size:9px;line-height:1.7}.welcome-strip>.btn{margin-top:0;font-size:8px;gap:4px;min-height:26px;padding:5px 7px}.welcome-strip>.btn .icon{width:11px;height:11px}.welcome-strip .live-signal{width:5px;height:5px}.panel-heading{padding:18px 17px 15px;gap:8px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px}.chart-legend{font-size:7px}.chart-wrap{padding:0 10px 15px}.revenue-chart{height:195px}.chart-xlabels{font-size:8px;padding:0 18px}.chart-footer{font-size:7px;gap:5px;padding:12px 16px}.chart-footer>button{font-size:8px;gap:4px}.chart-footer .icon{height:11px;width:11px}.payment-panel{grid-template-columns:145px minmax(0,1fr)}.payment-panel>.donut{width:115px;height:115px;margin-left:18px;margin-top:5px}.payment-panel .donut>div{width:87px;height:87px}.payment-panel .donut span{font-size:23px}.payment-panel .donut small{font-size:7px;max-width:65px;line-height:1.6;text-align:center}.payment-panel>.legend-rows{padding:0 17px 18px 0}.legend-rows>div{font-size:9px;gap:6px;flex-wrap:wrap;padding:8px 0}.legend-rows>div>span{font-size:9px;min-width:90px}.legend-rows>div>strong{font-size:11px;padding-left:12px;width:100%}.legend-dot{height:5px;width:5px}.mini-tables{padding:0 17px 11px}.mini-table{gap:9px}.mini-table>.icon{width:12px}.mini-time{font-size:11px}.mini-table strong{font-size:10px}.mini-table small{font-size:8px}.mini-pool{width:48px;height:37px}.popular-row{padding:13px 18px;gap:9px}.popular-info>strong{font-size:10px}.popular-info>small{font-size:8px}.popular-row>strong{font-size:10px}.insight-strip{flex-wrap:wrap;align-items:flex-start;font-size:10px;line-height:1.7;gap:8px}.insight-strip>span{flex:1;min-width:200px}.insight-strip>.text-btn{margin-left:26px;padding:0;min-height:20px}.insight-strip>.icon{margin-top:2px}.app-footer{font-size:7px;gap:8px;padding:8px 16px 21px;flex-wrap:wrap}.table-summary{gap:11px;font-size:9px;padding:13px 14px;margin-bottom:19px}.table-summary>div{gap:5px}.table-summary strong{font-size:14px}.table-summary-tail{width:100%;margin-left:0;font-size:8px;gap:5px}.table-summary .dot{width:5px;height:5px}.toolbar{gap:13px;margin-bottom:18px}.toolbar-right{width:100%;margin-left:0;justify-content:space-between;gap:10px}.toolbar-right .search-input{min-width:0;flex:1;max-width:none}.search-input input{font-size:11px}.toolbar select{font-size:10px}.tabs{gap:1px;width:100%;justify-content:space-between}.tab{font-size:10px;flex:1;padding:7px 10px}.scroll-tabs{justify-content:flex-start}.scroll-tabs .tab{flex:0 0 auto}.table-grid{gap:13px}.table-card-head{padding:13px 12px 4px;align-items:flex-start;flex-wrap:wrap;gap:6px}.table-zone{font-size:7px}.table-card-head h3{font-size:16px;margin-top:3px}.table-card-head .badge{font-size:7px;min-height:20px;padding:2px 5px}.table-visual{height:107px;margin:0 10px}.table-visual>svg{width:130px;max-width:95%}.table-countdown{font-size:12px;letter-spacing:1.2px;padding:3px 8px;bottom:3px}.table-card-body{padding:10px 12px 0}.table-card-body>strong{font-size:9px;min-height:29px;line-height:1.6}.table-card-body>p{font-size:8px;min-height:27px;margin-top:2px}.table-card-bottom{font-size:8px;align-items:flex-start;padding:11px 0;gap:5px;flex-wrap:wrap}.table-card-bottom>strong{font-size:10px}.table-open-link{font-size:8px;gap:3px}.table-open-link>.icon{width:10px;height:10px}.cafe-table{width:72px;height:72px;border-width:5px}.cafe-table:before,.cafe-table:after{height:33px;width:14px;top:14px}.cafe-table:before{left:-20px}.cafe-table:after{right:-20px}.cafe-table>.icon{width:21px;height:21px}.cafe-table>span{font-size:7px}.pos-layout{gap:22px}.pos-search{min-height:43px}.pos-search input{font-size:11px}.category{font-size:10px;padding:8px 11px}.category-list{margin-bottom:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-image{height:129px}.product-info{padding:12px}.product-info>h3{font-size:11px;min-height:34px}.product-info>div>strong{font-size:13px}.product-info del{font-size:8px}.product-info>small{font-size:8px}.product-sku{font-size:7px}.discount-tag{font-size:7px;top:8px;left:8px;padding:3px 5px}.product-add{height:25px;width:25px;right:8px;bottom:8px;border-radius:6px}.product-add>.icon{width:14px;height:14px}.cart{padding:20px 17px}.cart-actions>.btn{font-size:11px}.cart-note{font-size:8px}.order-line>div>strong{font-size:11px}.order-line>div>small{font-size:9px}.order-line>strong{font-size:11px}.bill-totals>div{font-size:11px}.grand-total>strong:last-child{font-size:21px}.kitchen-board{grid-template-columns:1fr;gap:17px}.kitchen-column{min-height:200px;padding:14px 12px}.kitchen-column-title h2{font-size:12px}.kitchen-ticket{padding:15px}.kitchen-ticket>div:first-child{flex-wrap:nowrap}.kitchen-ticket>div:first-child>strong{font-size:12px}.kitchen-ticket>div:first-child>small{font-size:8px;max-width:58%}.kitchen-ticket>h3{font-size:15px}.kitchen-ticket>p{font-size:11px}.kitchen-ticket>footer{flex-direction:row;align-items:center;gap:10px}.kitchen-ticket footer small{font-size:9px}.kitchen-ticket footer .btn{font-size:10px;padding:6px 10px}.data-table{min-width:650px}.data-table td{font-size:10px;padding:15px 14px}.data-table th{font-size:8px;padding:11px 14px}.data-table td>strong{font-size:10px}.data-table td>small{font-size:8px}.master-name{min-width:180px}.master-name>img{height:39px;width:48px}.master-name strong{font-size:10px}.master-name small{font-size:8px}.report-actions{justify-content:flex-start;margin-top:-4px;margin-bottom:20px;gap:8px}.report-actions .btn{font-size:10px;min-height:35px;padding:8px 11px}.report-actions .icon{width:15px;height:15px}.report-grid{gap:19px;margin-bottom:20px}.payment-breakdown{padding:0 18px 17px}.payment-breakdown>div{font-size:11px}.payment-breakdown>div>strong{font-size:12px}.settings-panel{padding:20px 18px}.settings-panel>.panel-heading{padding-bottom:20px}.form-grid{grid-template-columns:1fr;column-gap:0}.field{font-size:12px}.field input,.field select,.field textarea{font-size:14px;min-height:43px}.field>span{font-size:11px}.permission-grid,.permissions-grid{grid-template-columns:1fr;margin-top:4px}.permission-row{padding:15px 0}.permission-row strong{font-size:12px}.permission-row small{font-size:9px}.permission-row .icon{height:19px;width:19px}.permission-row input{width:18px;height:18px}.launch-panel{padding:20px 16px}.launch-description h2{font-size:16px}.launch-description p{font-size:11px}.launch-description{margin-bottom:20px}.module-list{padding:6px;max-height:480px}.module-list>button,.module-list>div:not(.empty){gap:8px;padding:12px 8px}.module-list strong{font-size:11px}.module-list small{font-size:8px}.selected-modules>div:not(.empty){padding:11px 7px}.module-controls>.icon-btn{width:25px;min-width:25px;height:29px;min-height:29px;padding:6px}.module-controls .icon{width:13px;height:13px}.module-order{font-size:9px;min-width:12px}.launch-footer{gap:11px;padding-top:20px}.launch-footer>span{font-size:10px}.launch-footer>.btn{font-size:10px}.launch-columns h3{font-size:11px;padding:12px}.audit-filter{padding:19px 17px}.audit-filter .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}.audit-filter .field>span{font-size:10px}.audit-filter .field input{font-size:11px;min-height:39px}.guide-grid{gap:18px}.guide-card{padding:23px 20px}.guide-card h2{font-size:16px}.guide-card p{font-size:12px;line-height:1.85}.guide-number{margin-bottom:16px}.notice{font-size:11px;padding:12px 13px;line-height:1.7}.notice>.icon{width:16px;height:16px}.floor-canvas{height:580px;min-width:100%;overflow:auto}.floor-table{width:93px;min-height:91px;padding:8px}.floor-table>svg{width:74px;height:41px}.floor-table>strong{font-size:9px}.floor-table>small{font-size:7px}.dialog-overlay{padding:12px;align-items:center}.dialog{border-radius:14px;max-height:calc(100dvh - 24px)}.dialog-header{padding:18px 17px}.dialog-header h2{font-size:17px}.dialog-header p{font-size:9px}.dialog-header .icon-btn{height:31px;min-height:31px;width:31px;min-width:31px}.dialog-body{padding:18px 17px}.dialog-footer{padding:15px 17px;gap:8px}.dialog-footer>.btn{font-size:11px;min-height:38px;padding:9px 12px}.dialog .field input,.dialog .field select,.dialog .field textarea{font-size:14px;min-height:43px}.payment-methods{gap:6px;margin-bottom:20px}.payment-choice{min-height:71px;font-size:9px;padding:12px 5px;gap:6px}.payment-choice>.icon{height:22px;width:22px}.payment-summary{padding:15px 17px;margin-bottom:19px;font-size:11px}.payment-summary>strong{font-size:23px}.payment-result{padding:21px 15px}.payment-result p{font-size:11px}.payment-result h3{font-size:16px}.payment-result .actions>.btn{font-size:11px}.detail-timer{padding:22px 15px}.detail-timer>strong{font-size:31px;letter-spacing:2px}.detail-timer>small{font-size:9px}.duration-options{gap:7px}.duration-option{font-size:11px;padding:11px 12px;min-height:42px}.detail-meta{gap:13px;padding:15px}.detail-meta strong{font-size:11px}.detail-meta small{font-size:9px}.audit-snapshots{gap:15px}.code-preview,.json-preview,.audit-json{font-size:10px;padding:14px}.dialog .notice{font-size:10px}.dialog .form-grid .full{grid-column:auto}.quick-cash{gap:6px}.quick-cash>.btn{font-size:10px;padding:6px 9px}.login-story{min-height:342px;padding:26px 25px 21px}.login-pitch{padding-top:34px}.login-pitch h1{font-size:34px;letter-spacing:-1.6px}.login-pitch .eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:15px}.login-pitch>p:last-child{font-size:9px;max-width:61%;margin-top:16px}.hero-pool{right:-57px;bottom:10px;width:230px}.ball8{height:80px;width:80px;left:13px;bottom:22px;font-size:25px}.ball8:before{height:35px;width:35px}.ball2{height:70px;width:70px;left:110px;bottom:34px;font-size:23px}.ball2:before{height:31px;width:31px}.hero-pool>i{left:-22px;bottom:42px;width:260px;height:6px}.login-panel{padding:34px 25px 40px}.login-card h2{font-size:29px}.login-card>p{font-size:11px;margin-bottom:28px}.login-card .field>span{font-size:11px}.login-card input{height:45px;font-size:13px}.demo-accounts{padding:15px}.demo-accounts>span{font-size:10px}.demo-accounts>small{font-size:8px}.login-card .btn.primary{height:45px;font-size:12px}.login-local{font-size:9px}#toasts{right:15px;bottom:16px;max-width:calc(100% - 30px)}.toast{font-size:11px;padding:12px 15px}}
@media(max-width:370px){.content{padding:21px 13px}.topbar{padding-left:13px;padding-right:13px}.page-heading h1{font-size:25px}.stat-card{padding:13px}.stat-value{font-size:21px}.stat-top{font-size:8px}.stat-icon{width:22px;height:22px}.stat-card>small{font-size:7px}.product-image{height:111px}.product-info{padding:10px}.product-info>h3{font-size:10px;min-height:33px}.product-info>div>strong{font-size:12px}.table-grid{gap:10px}.table-card-head{padding:12px 10px 4px}.table-card-body{padding-left:10px;padding-right:10px}.table-card-head h3{font-size:15px}.table-card-head .badge{font-size:6px}.table-visual{height:100px}.table-countdown{font-size:11px;letter-spacing:1px}.table-card-body>strong{font-size:8px}.table-card-body>p{font-size:7px}.table-card-bottom{font-size:7px}.table-card-bottom>strong{font-size:9px}.payment-panel{grid-template-columns:127px minmax(0,1fr)}.payment-panel>.donut{height:100px;width:100px;margin-left:15px}.payment-panel .donut>div{height:76px;width:76px}.payment-panel .donut span{font-size:21px}.payment-panel .donut small{font-size:6px;margin-top:4px}.legend-rows>div>span{font-size:8px;min-width:70px}.legend-rows>div>strong{font-size:10px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:8px}.module-list>div:not(.empty){gap:6px;padding-left:5px;padding-right:5px}.module-list strong{font-size:10px}.module-list small{font-size:7px}.module-controls>.icon-btn{width:23px;min-width:23px;padding:6px}.launch-panel{padding:17px 13px}.payment-choice{font-size:8px;min-height:67px}.payment-choice>.icon{width:20px;height:20px}.dialog-footer>.btn{font-size:10px;padding:8px 10px}.dialog-body{padding:17px 15px}.duration-option{font-size:10px;padding:10px}.login-pitch h1{font-size:32px}.hero-pool{right:-70px}.login-pitch>p:last-child{max-width:65%}.login-panel{padding:32px 22px 38px}.login-card h2{font-size:27px}.login-card>p{font-size:10px}.demo-accounts>span{font-size:9px}.login-local{font-size:8px}}
/* Legible foregrounds keep pastel surfaces usable on ordinary counter displays. */
.stat-top,.stat-card>small,.panel-heading p,.chart-legend,.chart-footer,.chart-xlabels,.topbar-title>span,.header-date,.app-footer,.table-zone,.table-card-body>p,.table-card-bottom,.table-summary,.table-summary-tail,.product-sku,.product-info>small,.product-info del,.cart-heading p,.cart>.field>span,.cart-note,.cart-empty>p,.order-line>div>small,.line-qty,.bill-totals>div,.popular-info>small,.rank,.mini-table small,.mini-time,.legend-rows>div>span,.master-name small,.data-table td>small,.data-table th,.kitchen-ticket footer small,.kitchen-ticket>div:first-child>small,.launch-footer>span,.module-list small,.module-order,.permission-row small,.guide-card p,.audit-message,.detail-meta small,.detail-timer>small,.payment-result p,.login-local,.demo-accounts>small{color:#687b5d}
.stat-value,.panel-heading h2,.table-card-head h3,.cart-heading h2,.guide-card h2,.launch-description h2,.dialog-header h2,.login-card h2{color:#35542d}
.popular-info>strong,.popular-row>strong,.mini-table strong,.legend-rows strong,.table-card-body>strong,.table-card-bottom>strong,.table-open-link,.product-info>h3,.product-info>div>strong,.cart-customer,.cart-empty>h3,.order-line>div>strong,.order-line>strong,.bill-totals>.grand-total,.grand-total>strong:last-child,.master-name strong,.data-table td,.data-table td>strong,.payment-breakdown>div,.payment-breakdown>div>strong,.permission-row strong,.module-list strong,.launch-description p,.guide-card p strong,.dialog .field>span,.dialog .field input,.dialog .field select,.dialog .field textarea,.detail-meta strong,.payment-result h3,.payment-result>strong,.payment-details,.payment-details strong,.payment-summary,.payment-summary>strong,.duration-option,.payment-choice,.change-display,.change-display>strong,.code-preview,.json-preview,.audit-json{color:#496b37}
.cart-options>.text-btn,.category,.tab,.settings-panel .notice,.quick-cash>.btn,.launch-columns h3,.dialog-header p,.form-error,.login-card>p,.login-card .field>span,.demo-accounts>strong,.demo-accounts>span,.mini-kicker,.login-card input,.login-card input::placeholder,.dialog-body .notice{color:#627d4d}
.product-info>div>strong,.grand-total>strong:last-child,.payment-summary>strong{color:#394659}.table-countdown,.mini-time{color:#357249}.table-countdown.warning,.mini-time.warning{color:#996921}
.badge.available,.badge.paid,.badge.ready,.badge.served{color:#367344}.badge.open,.badge.cooking{color:#33704a}.badge.pending,.badge.warning,.badge.queued{color:#8b641d}.badge.void,.badge.failed,.badge.cancelled{color:#a05244}.badge.info{color:#507184}.nav-group>p{color:#bcaa82}.server-state{color:#96b79b}.profile small{color:#c2b18d}.login-pitch>p:last-child{color:#cabc9d}.login-foot{color:#c0b08b}.login-pitch .eyebrow{color:#c3b490}.login-story .brand>div>span{color:#c4b592}.btn.primary,.btn.primary:hover,.category.selected,.category.selected:hover,.login-card .btn.primary{color:#fff}.payment-choice.selected,.payment-choice.active,.duration-option.selected,.duration-option.active{color:#3a475b}.dialog .field input::placeholder{color:#424a57}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.product-card:hover,.table-card:hover,.table-card:hover .table-visual>svg{transform:none!important}}
@media print{body{background:#fff}.sidebar,.topbar,.app-footer,.page-heading .actions,.report-actions,.nav-scrim,.cart-actions,#toasts,.dialog-overlay,.insight-strip{display:none!important}.main-shell{margin:0}.content{padding:0;max-width:none}.panel,.stat-card{box-shadow:none;break-inside:avoid}.data-table{min-width:0}.table-scroll{overflow:visible}.stats-grid{grid-template-columns:repeat(4,1fr)}.report-grid{grid-template-columns:1.7fr 1fr}.data-table td,.data-table th{font-size:9px;padding:8px}.data-table td:last-child,.data-table th:last-child{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* Operational readability on small touch screens. */
@media(max-width:760px){
 body{font-size:14px}.stat-top,.stat-card>small,.table-zone,.table-card-body>p,.table-card-bottom,.product-sku,.product-info>small,.badge,.form-hint,.mini-table small,.legend-rows>div>span,.cart-note,.module-list small,.permission-row small,.data-table th,.data-table td,.panel-heading p,.chart-footer,.header-date,.welcome-strip>div>span:not(.live-signal),.app-footer,.timer-hint{font-size:11px;line-height:1.5}
 .product-info h3,.table-card-body>strong,.module-list strong,.table-card-bottom>strong,.permission-row strong{font-size:13px;line-height:1.45}.product-info>div>strong{font-size:15px}.table-card-head h3{font-size:18px}.table-countdown{font-size:17px}.btn{font-size:13px;min-height:42px}.icon-btn{min-width:38px;min-height:38px}.category,.tab{font-size:12px;min-height:40px}.field input,.field select,.field textarea{font-size:16px;min-height:44px}.field>span{font-size:12px}.eyebrow,.nav-group>p{font-size:10px}.data-table td,.data-table th{padding:12px}.payment-choice{font-size:12px;min-height:72px}.mini-time{font-size:13px}.stat-value{font-size:23px}.stat-card{min-height:145px}.stat-card>small{display:block;white-space:normal}.welcome-strip{min-height:90px}.welcome-strip strong{font-size:12px}.login-card>p,.demo-accounts>span,.login-local{font-size:12px}
}
@media(max-width:560px){.table-grid{grid-template-columns:1fr}.table-visual{height:150px}.table-visual>svg{max-height:125px}.table-card-head,.table-card-body{padding-left:18px;padding-right:18px}.table-card-head .badge{font-size:11px}.product-info>h3{font-size:13px;min-height:38px}.product-info{padding:12px}.product-sku{font-size:10px}.category-list{padding-bottom:8px}.topbar-title strong{font-size:13px}.dialog-footer{flex-wrap:wrap}.dialog-footer .btn{flex:1 1 135px}.permission-row{min-height:60px}.permission-grid{grid-template-columns:1fr}.module-list small{font-size:10px}}

/* YunR-POS Club Desk. Local system fonts; no CDN or framework. */
:root{--sidebar:#171b24;--sidebar-deep:#11151c;--sidebar-width:246px;--green:#263947;--green-dark:#152734;--mint:#f2eee5;--mint-bright:#e3c98f;--orange:#e7b653;--orange-dark:#b78525;--peach:#fbf0d9;--ink:#202632;--muted:#6b7180;--line:#e0e1dd;--canvas:#f3f2ed;--white:#fff;--red:#ae383f;--radius:10px;--shadow:0 4px 14px #171b2405;font-family:"Segoe UI",Arial,sans-serif}
body{font-size:14px;color:var(--ink)}h1,h2,h3{color:var(--ink)}h1{font-size:32px;line-height:1.15;letter-spacing:-1.3px;font-weight:650}h2{font-size:16px}button:focus-visible,a:focus-visible{outline:3px solid #ddad4b;outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#b68b31;box-shadow:0 0 0 3px #d2a04720}
.sidebar{background:var(--sidebar);padding:27px 17px 15px;color:#c4c9d2;scrollbar-color:#424956 transparent}.brand{font-size:29px;letter-spacing:-1.3px;color:#f5f4ed}.brand-symbol{color:#dfbc62;width:37px;height:37px}.brand>div>span{font-size:6px;letter-spacing:1.25px;color:#9da7b5;margin-top:7px}.workspace{background:#ffffff05;border:1px solid #ffffff12;border-radius:7px;margin-top:26px;padding:12px 10px}.workspace-avatar{background:#e3c98f;color:#222a28;border-radius:5px}.workspace strong{font-size:11px;color:#e5e8ea;font-weight:600}.workspace>div>span{color:#939eaf;font-size:8px;letter-spacing:1px}.nav-group{margin-bottom:22px}.nav-group>p{font-size:9px;letter-spacing:1.5px;color:#858fa1;margin-bottom:10px}.nav-item{color:#b2bdc9;border-radius:6px;font-size:12px;min-height:42px;padding:11px 13px;gap:11px}.nav-item>.icon{color:#9ba7b7;width:18px;height:18px}.nav-item.active{background:#d6e78f;color:#252e2a;box-shadow:none;font-weight:650}.nav-item.active .icon{color:#30363f}.nav-item:hover{background:#ffffff0a;color:#fff}.nav-item.active:hover{background:#efddb6;color:#26302b}.nav-item>small{font-size:10px;color:#aebccd;background:#ffffff0d}.master-subnav{border-left:1px solid #ffffff16;margin:4px 0 13px 22px;padding-left:12px;display:grid;gap:1px}.master-subitem{color:#9eaabd;border:0;background:transparent;text-align:left;font-size:11px;min-height:31px;padding:6px 9px;border-radius:4px}.master-subitem:hover{color:#fff;background:#ffffff09}.master-subitem.selected{color:#e9cc82;background:#ffffff06}.profile{border-radius:6px;background:#ffffff06;color:#e2e8ef;padding:11px}.profile small{color:#929fb1;font-size:9px}.profile strong{font-size:11px}.profile>.icon{color:#acb7c9}.avatar{background:#e8bc60;color:#282d33;border-radius:50%;width:32px;height:32px;font-size:10px}.server-state{color:#95a1b1;font-size:8px;letter-spacing:.7px}.server-state .online-dot{background:#d4e78d}.sidebar-bottom{border-top:1px solid #ffffff11}.topbar{height:67px;min-height:67px;background:#fbfaf7;border-color:#dedfdc;padding:0 32px}.topbar-title{font-size:12px}.topbar-title>span{color:#737b86}.topbar-title>strong{color:#2e3845;font-weight:600}.header-date{color:#747d88;font-size:11px}.mode-label{color:#7c6430;background:#f6edda;border-color:#e9dabb;font-size:9px;letter-spacing:1px}.mode-label.live{background:#ecf2e2;color:#436334}.topbar-right .icon-btn{width:34px;height:34px;color:#55606e}.content{padding:31px 32px;animation:none;max-width:1800px}.eyebrow{font-size:9px;color:#8b7449;font-weight:650;letter-spacing:1.6px;margin-bottom:9px}.page-heading{margin-bottom:26px;align-items:center}.page-heading h1{font-size:31px;color:#232a35;letter-spacing:-1.3px}.app-footer{font-size:10px;color:#7b828d;padding:14px 32px 23px}.panel,.stat-card{border-color:var(--line);border-radius:10px;box-shadow:none;background:#fff}.panel-heading{padding:22px 23px 18px}.panel-heading h2,.stat-value,.cart-heading h2,.guide-card h2,.dialog-header h2,.login-card h2{color:#222b36}.panel-heading p,.stat-top,.stat-card>small,.chart-legend,.chart-footer,.chart-xlabels,.table-zone,.table-card-body>p,.table-card-bottom,.product-sku,.product-info>small,.cart-heading p,.cart-note,.mini-table small,.legend-rows>div>span,.master-name small,.data-table td>small,.data-table th,.kitchen-ticket footer small,.kitchen-ticket>div:first-child>small,.launch-footer>span,.module-list small,.permission-row small,.guide-card p,.audit-message,.form-hint{color:#6d7580}
.btn{border-radius:6px;min-height:40px;font-size:12px;gap:7px;font-weight:600;border-color:#dadeda;color:#38424e;padding:10px 15px;background:#fff}.btn:hover{background:#f4f1ea;border-color:#a9b0b4}.btn.primary,.btn.primary:hover,.btn.pay,.btn.pay:hover{color:#faf9f6;background:#263947;border-color:#263947;box-shadow:none}.btn.primary:hover,.btn.pay:hover{background:#152a39}.btn.pay{background:#d9b45d;border-color:#d9b45d;color:#292b26}.btn.pay:hover{background:#ca9e44;border-color:#ca9e44;color:#1f2328}.btn.light{background:#fff9ed;border-color:#eadabc;color:#53442c}.icon-btn{border-radius:6px;min-height:36px;min-width:36px;color:#52606c}.text-btn{color:#405365}.btn.danger,.btn.danger-outline{color:#ac3542;border-color:#e6bfc5}.btn.danger{background:#a73543;color:#fff}.field>span,.dialog .field>span{color:#4e5967;font-size:12px;font-weight:600}.field input,.field select,.field textarea,.dialog .field input,.dialog .field select,.dialog .field textarea{color:#263342;background:#fdfdfb;border-color:#d7dcd9;border-radius:6px;font-size:14px;min-height:43px;padding:11px 12px}.field input[readonly]{background:#efefeb;color:#65717b}.field input::placeholder,.dialog .field input::placeholder{color:#929ba4}.field{margin-bottom:18px}.form-grid{gap:0 16px}.form-hint{font-size:12px;line-height:1.7}.notice{background:#f9f2e3;border:1px solid #eee0bf;color:#77603b;border-radius:7px;font-size:12px;padding:13px 16px;line-height:1.7}.notice.danger{color:#91353d;background:#fbeaec;border-color:#efc9cf}.notice.success{color:#336342;background:#eaf5ec;border-color:#c7e1ce}.dialog .notice{color:#77603b}.insight-strip{border:1px solid var(--line);border-radius:7px;background:#eeeee8;color:#66717c;font-size:12px;margin-top:22px}.badge{font-size:10px;border-radius:4px;letter-spacing:.1px}.badge.available{background:#edf0f1;color:#626b74}.badge.open,.badge.pending{background:#fae7e9;color:#9b3440}.badge.paid,.badge.ready,.badge.served{background:#e4f3e6;color:#2c683c}.badge.void,.badge.failed{background:#fae9ec;color:#a13f47}.badge.warning,.badge.queued{background:#fbf0d7;color:#8a632c}.badge.info{background:#e9eef4;color:#476176}.empty{padding:35px 20px;color:#77818b}.empty>strong{color:#4f5b68;font-size:13px}.empty>p{font-size:12px}.empty>.icon{color:#a2aab1}
/* Floor operations */
.floor-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:26px;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.floor-stat{display:flex;gap:15px;align-items:flex-start;padding:22px 25px;position:relative}.floor-stat+.floor-stat{border-left:1px solid var(--line)}.floor-stat>.state-dot{margin-top:7px;width:9px;height:9px}.floor-stat>div{display:grid;grid-template-columns:1fr auto;gap:3px 25px;flex:1;align-items:center}.floor-stat>div>span{font-size:12px;color:#58616e;font-weight:600}.floor-stat strong{font-size:37px;font-weight:550;letter-spacing:-2px;line-height:1;grid-row:1/3;grid-column:2;color:#3a414b}.floor-stat small{font-size:11px;color:#838992}.floor-stat.unpaid{background:#fff9f9}.floor-stat.paid{background:#f8fcf7}.state-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#929aa1;vertical-align:middle}.state-dot.available,.floor-stat.available>.state-dot{background:#9da5ad}.state-dot.unpaid,.floor-stat.unpaid>.state-dot{background:#ce4852}.state-dot.paid,.floor-stat.paid>.state-dot{background:#3a945a}.toolbar{gap:15px;margin-bottom:22px}.tabs{border:0;background:#e8e8e2;padding:4px;border-radius:7px;gap:3px}.tab{display:flex;align-items:center;justify-content:center;gap:7px;color:#6a737b;border-radius:5px;min-height:37px;font-size:12px;padding:8px 13px;font-weight:600}.tab>.icon{width:15px;height:15px}.tab.selected,.tab.selected:hover{background:#fff;color:#263847;box-shadow:0 1px 4px #171b2410}.toolbar select,.search-input{border-color:#dadeda;background:#fff;border-radius:6px}.toolbar select{font-size:12px;min-height:41px;color:#4d5964;padding:8px 11px}.search-input input{font-size:12px;color:#394653}.search-input>.icon{color:#939da5;width:16px}.table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.table-card{border:1px solid #d7dce0;border-top:3px solid #a5acb3;border-radius:8px;background:#fff;box-shadow:none;animation:none;transition:border-color .15s,box-shadow .15s}.table-card:hover{transform:none;border-color:#a3aeb6;box-shadow:0 5px 16px #171b240c}.table-card.unpaid{border-top-color:#cf4b55;background:#fffafa}.table-card.paid{border-top-color:#4d9661;background:#f9fdf8}.table-card-head{padding:18px 19px 3px;align-items:flex-start;gap:12px}.table-zone{font-size:9px;text-transform:uppercase;letter-spacing:.8px}.table-card-head h3{font-size:21px;letter-spacing:-.6px;color:#28323e;margin-top:3px}.table-state-label{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#737d85;font-size:10px;padding-top:4px}.table-card.unpaid .table-state-label{color:#b1414a}.table-card.paid .table-state-label{color:#3b774a}.table-visual{height:133px;margin:0 18px;background:none;position:relative}.table-visual>svg{width:155px;height:100px;max-width:74%;filter:grayscale(1) opacity(.65);transform:none!important}.table-card.unpaid .table-visual>svg{filter:hue-rotate(250deg) saturate(.7)}.table-card.paid .table-visual>svg{filter:saturate(.75)}.table-id-number{position:absolute;right:1px;bottom:11px;color:#e4e6e7;font-size:51px;letter-spacing:-4px;font-weight:650;line-height:1}.table-card.unpaid .table-id-number{color:#f1e0e0}.table-countdown{font-size:17px;letter-spacing:1.3px;color:#474f58;background:#fff;border:1px solid #d8dee0;border-radius:5px;box-shadow:none;padding:4px 13px;bottom:0;font-family:Consolas,monospace;font-weight:600}.table-card.unpaid .table-countdown{color:#ad3943;border-color:#ecd0d3}.table-card.paid .table-countdown{color:#377448;border-color:#d0e5d2}.table-card-body{padding:12px 19px 0}.card-session{display:grid;gap:4px;margin-bottom:15px}.card-session>strong{font-size:12px;color:#38424d;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-session>span{font-size:11px;color:#8b929a}.table-card-bottom{padding:13px 0 14px;margin:0;font-size:10px;border-color:#e5e8e6}.table-card-bottom>strong{font-size:13px;color:#313e4c}.table-open-link{color:#475c6c;font-size:11px}.table-open-link .icon{width:13px}
.layout-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.layout-workspace.is-editing{grid-template-columns:minmax(0,1fr) 254px}.floor-panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.floor-caption{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.floor-caption>span{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#405365}.floor-caption .icon{width:15px;height:15px}.floor-caption>small{color:#8a929a;font-size:10px}.floor-viewport{overflow:auto;max-width:100%;padding:18px;overscroll-behavior:contain}.floor-canvas{width:100%;min-width:900px;height:640px;position:relative;overflow:hidden;border:1px solid #d9dedc;border-radius:5px;background-color:#f5f5f0;background-image:radial-gradient(#cfd4d0 1px,transparent 1px);background-size:20px 20px}.floor-zone-label{position:absolute;left:27px;top:23px;letter-spacing:4px;color:#b0b6b4;font-size:12px;font-weight:650;pointer-events:none}.floor-entrance{position:absolute;bottom:15px;left:42%;font-size:8px;letter-spacing:2px;padding:5px 16px;color:#939d99;background:#f5f5f0;border-bottom:3px solid #bfc7c2;pointer-events:none}.floor-table{width:140px;height:108px;min-height:108px;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 10px;border:1px solid transparent;background:transparent;border-radius:6px;box-shadow:none;cursor:pointer;user-select:none;touch-action:manipulation;transition:border-color .12s,background .12s;z-index:1}.floor-table:hover{background:#fff9;border-color:#c9d0d2}.is-editing .floor-table{touch-action:none;cursor:grab}.floor-table:active{box-shadow:none}.floor-table.selected{border:2px solid #d7a63c;background:#fffaf0;z-index:2}.floor-symbol{display:flex;align-items:center;justify-content:center;width:105px;height:60px;flex-shrink:0;transition:none}.floor-symbol>svg{width:94px;height:60px;filter:grayscale(1) opacity(.65);pointer-events:none}.floor-table.unpaid .floor-symbol>svg{filter:hue-rotate(250deg) saturate(.7)}.floor-table.paid .floor-symbol>svg{filter:saturate(.75)}.floor-table>strong{font-size:11px;color:#3e4c58;display:block;line-height:1.4;margin-top:3px}.floor-table>small{font-size:9px;color:#7c8790;display:flex;align-items:center;gap:5px;line-height:1.4}.floor-table>small .state-dot{width:5px;height:5px}.floor-legend{display:flex;gap:18px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);font-size:10px;color:#717b84}.floor-legend>span{display:flex;gap:5px;align-items:center}.floor-legend>small{margin-left:auto;font-size:9px;color:#929ba2}.layout-inspector{padding:21px 18px;position:sticky;top:20px}.inspector-head h2{font-size:20px;margin:8px 0;color:#283846}.inspector-head p{font-size:12px;color:#7a848d;line-height:1.7;margin-bottom:21px}.layout-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.layout-fields .field{margin-bottom:12px}.layout-fields input{width:100%;min-width:0;padding:8px 10px}.layout-fields .field>span{font-size:10px}.arrow-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:5px 0 12px}.arrow-controls>.btn{font-size:19px;padding:5px;min-height:39px}.layout-inspector .inline-actions{gap:6px;margin:12px 0;display:flex;flex-wrap:wrap}.layout-inspector .inline-actions .btn{font-size:10px;padding:9px;flex:1;white-space:nowrap}.layout-inspector .form-hint{font-size:10px}.layout-save{border-top:1px solid var(--line);padding-top:16px;margin-top:19px;display:grid;gap:8px}.layout-save>span{font-size:10px;color:#9a7532}.layout-save .btn{font-size:11px;min-height:39px}
/* Checkout */
.dialog-overlay{background:#131b29a6;backdrop-filter:blur(3px)}.dialog{border:1px solid #d8dedb;border-radius:10px;box-shadow:0 25px 100px #10182240;max-width:590px}.dialog.wide{max-width:900px}.dialog-header{background:#fbfaf6;border-bottom:1px solid #e2e5e0;padding:22px 25px}.dialog-header p{font-size:8px;color:#9b875c;letter-spacing:1.5px}.dialog-header h2{font-size:23px;letter-spacing:-.7px}.dialog-body{padding:23px 25px}.dialog-footer{background:#fafaf7;border-top:1px solid var(--line);padding:16px 25px;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.dialog-footer>.btn{font-size:12px;min-height:40px}.payment-total{display:flex;flex-direction:column;align-items:center;padding:14px 10px 24px;gap:4px;border:0;background:transparent;margin-bottom:0}.payment-total>span{font-size:11px;color:#82909b}.payment-total>small{font-size:9px;letter-spacing:1.5px;color:#657381;margin-top:18px}.payment-total>strong{font-size:39px;letter-spacing:-1.9px;color:#243746;line-height:1.5;font-weight:650}.payment-total>#quote-state{color:#8a947e;font-size:9px;margin-top:3px}.payment-methods{gap:7px;margin-bottom:22px}.payment-choice{background:#fff;border:1px solid #dbe1df;border-radius:7px;font-size:11px;color:#7b8792;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.payment-choice.selected{background:#263947;border-color:#263947;color:#f6efdb}.payment-choice>.icon{height:21px;width:21px}.checkout-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.checkout-pricing:empty{display:none}.checkout-pricing .field{margin-bottom:12px}.checkout-pricing .field>span{font-size:10px}.checkout-pricing input{min-width:0;padding:10px}.bill-totals{border-color:#e3e6e1;margin:13px 0 18px}.bill-totals>div{font-size:12px;color:#6b7782}.bill-totals>.grand-total{color:#35424e;border-color:#e2e7e1;padding-top:15px;margin-top:10px}.grand-total>strong:last-child{font-size:23px;color:#263b4b;letter-spacing:-.6px}.cash-register{background:#f4f4ed;border:1px solid #eae4d7;border-radius:7px;padding:18px;margin:13px 0 22px}.cash-register .field{margin-bottom:10px}.cash-register input{font-size:23px!important;letter-spacing:-.7px;font-weight:550;height:53px;background:#fff}.quick-cash{display:flex;gap:6px;flex-wrap:wrap}.quick-cash>.btn{font-size:10px;background:#fff;color:#3f4a5a;border-color:#e3dbca;min-height:31px;padding:6px 9px}.cash-change{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5dfd0;margin-top:16px;padding-top:16px;color:#3c495d}.cash-change>span{font-size:12px}.cash-change>strong{font-size:25px;letter-spacing:-1px}.cash-change.insufficient{color:#b3444a}.payment-success{padding:13px 0 20px;text-align:center}.payment-success>.icon{width:53px;height:53px;color:#4c8960;background:#e5f2e3;border-radius:50%;padding:14px;margin:0 auto 14px}.payment-success h3{font-size:22px;color:#345543}.payment-success>strong{display:block;font-size:34px;color:#2e4438;letter-spacing:-1px;margin:8px}.payment-success>p{font-size:11px;color:#8d969b;margin-bottom:13px}.paid-cash-detail{display:grid;gap:9px;border-top:1px solid #e2e7df;padding-top:20px;margin-top:20px}.paid-cash-detail>span{display:flex;justify-content:space-between;color:#788579;font-size:12px}.paid-cash-detail strong{color:#3e5e49;font-size:16px}.session-clock{text-align:center;background:#f4f4ef;border:1px solid #e2e5de;border-radius:7px;padding:18px;margin:18px 0;display:grid;gap:6px}.session-clock>small{font-size:9px;letter-spacing:1.8px;color:#839086}.session-clock>strong{font:600 38px Consolas,monospace;color:#37494d;letter-spacing:2px;line-height:1.3}.session-clock>span{font-size:11px;color:#7b8889}.rental-mode-hint{padding:12px;background:#f7f2e6;border-radius:6px;font-size:12px;color:#867145;margin:0 0 18px}.regular-fields{min-width:0}.regular-fields>.form-grid{gap:0 13px}.duration-option{color:#526476;border-color:#d9dfdd;font-size:12px;min-height:38px;border-radius:5px;background:#f6f7f2}
/* Supporting business surfaces */
.stats-grid{gap:18px;margin-bottom:25px}.stat-card{padding:22px 21px;border-radius:8px}.stat-card.mint{background:#f0e9d8;border-color:#e0d8c5}.stat-card.peach{background:#faf0d8;border-color:#eee1bf}.stat-top{font-size:11px}.stat-icon{background:#ffffff90;color:#7b8673;border-radius:5px}.stat-value{font-size:31px;letter-spacing:-1.3px;margin:17px 0 9px}.stat-card>small{font-size:10px}.welcome-strip{background:#263947;border-color:#263947;border-radius:7px;color:#eef0e2;padding:18px 21px;margin-bottom:25px}.welcome-strip strong{color:#e9e9dd}.welcome-strip>div>span:last-child{color:#b4c1c3;font-size:11px}.welcome-strip .live-signal{background:#d3e58d}.welcome-strip .btn{background:#ffffff12;color:#d8dfdb;border-color:#ffffff20}.popular-info>strong,.popular-row>strong,.mini-table strong,.legend-rows strong,.table-card-body>strong,.table-card-bottom>strong,.table-open-link,.product-info>h3,.product-info>div>strong,.cart-customer,.cart-empty>h3,.order-line>div>strong,.order-line>strong,.master-name strong,.data-table td,.data-table td>strong,.payment-breakdown>div,.payment-breakdown>div>strong,.permission-row strong,.module-list strong,.launch-description p,.guide-card p strong,.code-preview,.json-preview,.audit-json{color:#3b4b58}.product-card,.cart,.kitchen-ticket{border-radius:8px;box-shadow:none;border-color:#e1e5df}.product-info>h3{font-size:13px;min-height:35px}.product-info>div>strong{font-size:16px;color:#334b5b}.product-add{border-radius:50%;background:#263947;color:#fff}.category{border-radius:5px;font-size:12px;color:#727d84;border-color:#dfe5de;background:#fff;padding:9px 14px}.category.selected{background:#273d4b;border-color:#273d4b;color:#fff}.discount-tag{background:#f9edca;color:#8b642a;border-radius:4px;font-size:9px}.cart{padding:22px;border-top:3px solid #dfb859}.cart-heading h2{font-size:18px}.cart-heading p{font-size:10px}.cart-customer{font-size:12px}.order-line>div>strong,.order-line>strong{font-size:12px}.order-line>div>small{font-size:10px;color:#899299}.cart-note{font-size:10px}.cart-options>.text-btn{color:#6a7d84;font-size:11px}.cart-actions{gap:8px}.master-tabs{margin-bottom:23px;width:fit-content;max-width:100%;overflow:auto;justify-content:flex-start}.master-tabs .tab{flex:none}.data-table th{background:#f6f6f1;color:#84908e;font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:12px 20px}.data-table td{font-size:12px;padding:16px 20px;border-color:#f2efe7}.data-table td>small,.master-name small{font-size:10px;color:#8a949b}.data-table td>strong,.master-name strong{font-size:12px}.master-name>img{border-radius:5px}.pricing-rules{display:grid;gap:18px}.rule-panel{padding:0 22px 8px}.rule-panel>.panel-heading{padding:22px 0 17px}.rule-panel h2{font-size:18px}.rule-panel .form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px}.rule-panel .field>span{font-size:11px}.rule-panel select,.rule-panel input{width:100%;min-width:0;font-size:12px}.shift-assign-panel{margin-top:22px;padding-bottom:22px}.shift-assign-panel>.btn,.shift-assign-panel>.form-hint{margin-left:23px}.shift-assignment-list{display:grid;gap:0;padding:0 23px}.shift-assignment-list>div{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 0;border-top:1px solid #efebe2}.shift-assignment-list strong{font-size:12px;font-weight:600;color:#40505c}.shift-assignment-list small{display:block;font-size:10px;font-weight:400;color:#8c97a0;margin-top:3px}.shift-assignment-list select{max-width:55%;border:1px solid #d9dfd8;border-radius:5px;font-size:12px;padding:10px;background:#fbfaf7;color:#485c65}.settings-panel,.guide-card{border-radius:8px}.guide-card p{font-size:13px}.guide-number{background:#efdfb6;color:#876d36}.kitchen-column{background:#f1eee6;border-color:#e9e3d6;border-radius:8px}.kitchen-column-title h2{font-size:14px}.kitchen-ticket>h3{font-size:17px}.kitchen-ticket>p{font-size:12px}.kitchen-ticket footer small{font-size:10px}.toast{font-size:13px;color:#3b4350;background:#fcfaf6;border-color:#e7e0d2;box-shadow:0 5px 30px #1522381a;border-radius:7px}.toast.error{color:#a13947;background:#fff5f5;border-color:#f0ccd1}
/* Entrance screen */
.login-layout{grid-template-columns:1.05fr 1fr}.login-story{background:#171e29;min-height:100dvh;padding:47px 55px 30px}.login-story:before{background:repeating-linear-gradient(120deg,transparent 0,transparent 85px,#ffffff03 85px,#ffffff03 86px)}.login-story .brand-symbol{color:#ddba65}.login-story .brand>div>span{color:#9ea9b6;font-size:7px;letter-spacing:1.4px}.login-pitch{padding-top:85px}.login-pitch .eyebrow{color:#a69872;font-size:8px;letter-spacing:2px}.login-pitch h1{color:#ecece3;font-size:clamp(40px,4.5vw,66px);font-weight:500;letter-spacing:-2.9px;line-height:1.15}.login-pitch h1 em{color:#dbbd6c}.login-pitch>p:last-child{color:#9ba7b0;font-size:13px}.login-foot{color:#778b98;font-size:9px;letter-spacing:.4px}.login-foot>span{color:#d5b46b}.login-panel{background:#f7f5ef}.mini-kicker{color:#a0926f;font-size:9px}.login-card h2{color:#253647;font-size:32px;letter-spacing:-1.4px}.login-card>p{color:#929896;font-size:13px;margin-bottom:32px}.login-card .field>span{color:#748177;font-size:12px}.login-card input{color:#364c58;background:#fff;border-color:#e4ddcd;font-size:14px;height:48px}.login-card input::placeholder{color:#a1aaa5}.login-card .btn.primary{color:#fff;background:#263d4d;border-color:#263d4d;height:47px;font-size:13px;border-radius:6px}.login-card .btn.primary:hover{background:#162b3b}.demo-accounts{background:#efece0;border-color:#e2ddcc;border-radius:6px;padding:17px}.demo-accounts>strong{color:#7b745f;font-size:11px}.demo-accounts>span{color:#8b8572;font-size:11px}.demo-accounts>small{color:#9b9682;font-size:10px}.login-local{color:#97a18e;font-size:11px}.hero-pool{opacity:.85}.ball8,.ball2{animation:none}.ball2{background:radial-gradient(circle at 28% 24%,#d4b563,#a88d43 31%,#5b4a26 87%)}
@media(min-width:1600px){.table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content{padding:36px 40px}.topbar{padding:0 40px}}
@media(max-width:1250px){:root{--sidebar-width:222px}.sidebar{padding-left:13px;padding-right:13px}.content{padding:27px 23px}.page-heading h1{font-size:28px}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floor-stat{padding:20px;gap:10px}.floor-stat strong{font-size:32px}.floor-stat>div{gap:3px 10px}.floor-stat small{font-size:10px}.layout-workspace.is-editing{grid-template-columns:minmax(0,1fr) 230px}.layout-inspector{padding:18px 14px}.rule-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.layout-workspace.is-editing{grid-template-columns:minmax(0,1fr)}.layout-inspector{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.layout-inspector .inspector-head{grid-column:1/-1}.layout-inspector .layout-save{grid-column:1/-1}.layout-inspector .form-hint{grid-column:1/-1}.layout-fields{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr}.layout-fields .full{grid-column:auto}.layout-save{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.layout-save>span{margin-right:auto}.layout-save>.btn.full{width:auto;flex:1 1 120px}.layout-save>.btn{font-size:12px}.floor-canvas{min-width:900px}.floor-stat>div{grid-template-columns:1fr}.floor-stat strong{grid-row:auto;grid-column:auto;margin:8px 0}.floor-stat{padding:18px}.floor-stat small{line-height:1.5}.table-card-head h3{font-size:20px}}
@media(max-width:900px){:root{--sidebar-width:230px}.sidebar{transform:translateX(-100%);transition:transform .2s ease}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-scrim{display:block;position:fixed;inset:0;background:#111a2980;z-index:59}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.content{padding:26px}.topbar{padding:0 26px}.floor-overview{margin-bottom:22px}.login-layout{grid-template-columns:1fr}.login-story{min-height:430px;padding:30px 35px}.login-pitch{padding-top:40px}.login-pitch h1{font-size:43px}.login-pitch>p:last-child{font-size:12px}.hero-pool{position:absolute;right:0;bottom:23px;width:300px;height:200px;min-height:0}.login-panel{padding:45px 28px}.login-foot{margin-top:25px}.login-story .brand{font-size:27px}.login-story .brand-symbol{width:36px;height:36px}}
@media(max-width:600px){body{font-size:14px}.content{padding:23px 16px}.topbar{padding:0 16px;height:61px;min-height:61px}.topbar-title>span,.header-date{display:none}.topbar-title{font-size:12px;gap:9px}.topbar-title>strong{font-size:12px}.topbar-right{gap:9px}.mode-label{font-size:8px}.page-heading{align-items:stretch;gap:16px;margin-bottom:21px}.page-heading h1{font-size:29px;line-height:1.16;letter-spacing:-1.3px}.page-heading>.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.page-heading .actions>.btn{font-size:11px;min-height:39px;padding:10px 12px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:9px}.floor-overview{border-radius:7px;margin-bottom:18px}.floor-stat{padding:15px 11px;gap:6px}.floor-stat>.state-dot{width:6px;height:6px;margin-top:5px}.floor-stat>div>span{font-size:10px;white-space:nowrap}.floor-stat strong{font-size:31px;letter-spacing:-1.5px;margin:7px 0 3px}.floor-stat small{font-size:9px;line-height:1.5;max-width:85px}.toolbar{gap:12px;margin-bottom:17px}.tabs.view-tabs{width:100%;padding:4px;gap:2px;justify-content:space-between}.view-tabs .tab{font-size:10px;padding:8px 7px;gap:5px;min-height:36px;flex:1}.view-tabs .icon{width:13px;height:13px}.toolbar-right{width:100%;display:flex;gap:10px}.toolbar-right>select{max-width:44%;font-size:11px;min-height:40px}.toolbar-right .search-input{min-width:0;flex:1}.search-input input{font-size:12px}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.table-card{border-radius:7px}.table-card-head{padding:13px 12px 0;flex-direction:column;gap:2px}.table-zone{font-size:8px}.table-card-head h3{font-size:19px}.table-state-label{font-size:9px;padding-top:2px;gap:5px}.table-state-label .state-dot{width:5px;height:5px}.table-visual{height:108px;margin:0 10px}.table-visual>svg{width:124px;max-width:100%;height:76px}.table-countdown{font-size:14px;letter-spacing:.5px;bottom:-1px;padding:3px 9px}.table-id-number{font-size:37px;right:1px;bottom:0}.table-card-body{padding:12px 12px 0}.card-session{gap:4px;margin-bottom:13px}.card-session>strong{font-size:11px;white-space:normal;min-height:30px;line-height:1.45}.card-session>span{font-size:9px;line-height:1.5;min-height:27px}.table-card-bottom{padding:11px 0 12px;font-size:9px;align-items:center;gap:4px}.table-card-bottom>strong{font-size:11px}.table-open-link{font-size:9px;gap:3px}.table-open-link .icon{width:11px;height:11px}.floor-caption{padding:14px;flex-direction:column;align-items:flex-start;gap:6px}.floor-caption>span{font-size:9px}.floor-caption>small{font-size:10px;line-height:1.5}.floor-viewport{padding:10px}.floor-canvas{height:620px;min-width:900px}.floor-legend{padding:13px 14px;font-size:9px;gap:12px}.floor-legend>small{margin-left:0;font-size:9px;width:100%}.layout-inspector{padding:19px 16px;gap:0 12px}.inspector-head h2{font-size:20px}.inspector-head p{font-size:11px;margin-bottom:17px}.layout-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 9px}.layout-fields input{font-size:16px;padding:8px;min-width:0}.layout-fields .field>span{font-size:9px}.layout-inspector .form-hint{font-size:10px}.layout-inspector .inline-actions{gap:6px}.layout-inspector .inline-actions>.btn{font-size:11px;min-height:39px}.layout-save>span{width:100%;font-size:11px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:17px 14px;min-height:146px}.stat-top{font-size:10px}.stat-value{font-size:25px;letter-spacing:-1px;margin-top:18px}.stat-card>small{font-size:10px;min-height:30px}.welcome-strip{padding:16px;gap:10px}.welcome-strip>div>span:last-child{font-size:10px;color:#bfcbc7}.welcome-strip strong{font-size:11px}.welcome-strip>.btn{font-size:10px;min-height:32px;padding:7px 9px}.panel-heading{padding:19px 17px 15px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px}.master-tabs{padding:4px;gap:2px;border-radius:6px;margin-bottom:19px}.master-tabs>.tab{font-size:11px;padding:8px 11px;min-height:37px;flex:0 0 auto}.rule-panel{padding:0 17px 4px}.rule-panel .form-grid{grid-template-columns:1fr;gap:0}.rule-panel>.panel-heading{padding:20px 0 16px}.rule-panel h2{font-size:18px}.rule-panel .field>span{font-size:12px}.rule-panel select,.rule-panel input{font-size:16px}.shift-assignment-list{padding:0 17px}.shift-assignment-list>div{align-items:flex-start;flex-direction:column;gap:10px}.shift-assignment-list select{max-width:100%;width:100%;font-size:14px}.shift-assignment-list strong{font-size:13px}.shift-assignment-list small{font-size:11px}.field input,.field select,.field textarea,.dialog .field input,.dialog .field select,.dialog .field textarea{font-size:16px;min-height:44px}.field>span,.dialog .field>span{font-size:12px}.dialog-overlay{padding:10px}.dialog{border-radius:9px;max-height:calc(100dvh - 20px)}.dialog-header{padding:19px 18px}.dialog-header h2{font-size:22px}.dialog-header p{font-size:8px}.dialog-body{padding:20px 18px}.dialog-footer{padding:14px 18px;gap:8px}.dialog-footer .btn{font-size:12px;min-height:42px;flex:1 1 130px}.payment-total{padding:9px 4px 23px}.payment-total>span{font-size:10px}.payment-total>small{font-size:8px;letter-spacing:1.4px;margin-top:16px}.payment-total>strong{font-size:35px}.payment-total>#quote-state{font-size:9px}.payment-choice{font-size:11px;min-height:73px;padding:11px 4px}.payment-choice>.icon{width:22px;height:22px}.payment-methods{gap:6px}.checkout-pricing{gap:8px}.checkout-pricing .field>span{font-size:9px}.checkout-pricing input{font-size:16px;padding:10px 8px}.bill-totals>div{font-size:11px}.grand-total>strong:last-child{font-size:23px}.cash-register{padding:16px;margin-bottom:20px}.cash-register input{font-size:25px!important}.quick-cash>.btn{font-size:10px;min-height:34px;padding:7px 9px}.cash-change>strong{font-size:25px}.cash-change>span{font-size:12px}.payment-success>strong{font-size:32px}.paid-cash-detail>span{font-size:12px}.session-clock>strong{font-size:35px}.session-clock>small{font-size:8px}.regular-fields>.form-grid{grid-template-columns:1fr}.regular-fields .full{grid-column:1/-1}.form-hint,.notice,.dialog .notice{font-size:12px}.rental-mode-hint{font-size:12px}.duration-options{display:flex;gap:8px;margin-bottom:20px}.duration-option{font-size:12px;flex:1}.data-table th{font-size:10px;padding:12px}.data-table td,.data-table td>strong,.master-name strong{font-size:12px;padding:13px 12px}.data-table td>strong,.master-name strong{padding:0}.data-table td>small,.master-name small{font-size:10px}.data-table .btn{font-size:11px}.icon-btn{min-width:38px;min-height:38px}.product-info>h3{font-size:13px}.product-info>div>strong{font-size:16px}.product-sku,.product-info>small{font-size:10px}.cart{padding:20px 18px}.cart-heading h2{font-size:18px}.cart-note{font-size:10px}.cart-actions>.btn{font-size:12px}.order-line>div>strong,.order-line>strong{font-size:12px}.order-line>div>small{font-size:10px}.guide-card p{font-size:13px}.app-footer{font-size:9px;line-height:1.6;padding:12px 16px 22px}.login-story{padding:28px 26px;min-height:390px}.login-pitch{padding-top:34px}.login-pitch h1{font-size:39px;letter-spacing:-1.9px}.login-pitch .eyebrow{font-size:7px}.login-pitch>p:last-child{font-size:11px;max-width:65%;margin-top:21px}.login-story .brand>div>span{font-size:6px}.hero-pool{right:-69px;width:250px;bottom:15px;opacity:.75}.login-foot{font-size:8px}.login-panel{padding:39px 27px}.login-card h2{font-size:31px}.login-card>p{font-size:12px}.login-card input{font-size:16px}.demo-accounts>span{font-size:11px}.demo-accounts>small{font-size:10px}.login-local{font-size:10px}.toast{font-size:12px}}
@media(max-width:360px){.table-grid{grid-template-columns:1fr}.table-card-head{flex-direction:row}.table-state-label{font-size:10px}.table-visual{height:130px}.table-visual>svg{width:160px;height:100px;max-width:70%}.card-session>strong,.card-session>span{min-height:0}.floor-stat{padding:14px 8px;gap:5px}.floor-stat>div>span{font-size:9px}.floor-stat small{font-size:8px}.floor-stat strong{font-size:29px}.view-tabs .tab{font-size:9px;gap:4px}.view-tabs .tab>.icon{width:12px}.page-heading h1{font-size:27px}.checkout-pricing{grid-template-columns:1fr}.checkout-pricing .field>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* workspace builder and payment operations */
.builder-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;margin-bottom:24px;background:#181e26;color:#f6f7ed;border-radius:18px;overflow:hidden}.builder-intro h2{font-size:27px;margin:12px 0;color:#f6f7ed}.builder-intro p{color:#c2cbc3;max-width:660px;line-height:1.7;margin:0}.builder-tag{color:#e5d1a5;font-size:10px;letter-spacing:.18em;font-weight:800}.builder-orbit{display:grid;place-items:center;width:112px;height:112px;border:1px solid #4b5563;border-radius:50%;flex-shrink:0;transform:rotate(-12deg);box-shadow:0 0 0 16px #ffffff04,0 0 0 32px #ffffff03}.builder-orbit .icon{width:48px;height:48px;color:#e5d1a5}.launch-builder{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:24px;padding:0 24px 24px}.launch-library{border:1px solid var(--line);border-radius:14px;padding:18px;align-self:start;min-height:180px}.launch-library h3,.launch-canvas h3{font-size:14px;margin:0 0 7px}.launch-library h3 small,.launch-canvas h3 small{color:var(--muted);font-weight:400;margin-left:6px}.launch-palette{display:grid;gap:8px;margin-top:16px}.launch-palette-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--white);padding:7px 5px;font-size:12px}.launch-palette-item>span{flex:1}.launch-palette-item>.icon{width:17px;height:17px}.drag-handle{display:grid;place-items:center;width:32px;height:36px;border:0;background:transparent;color:#6f7b70;font-size:23px;border-radius:7px;cursor:grab;touch-action:none;user-select:none;flex-shrink:0}.drag-handle:hover,.drag-handle:focus-visible{background:#f2ecde;color:#2c3440}.drag-handle:active{cursor:grabbing}.launch-canvas{background:#f6f3ee;border:1px dashed #ddd0b1;border-radius:14px;padding:20px;min-height:300px;transition:background .15s,border-color .15s}.launch-canvas-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.launch-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:180px}.launch-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:10px 15px 14px;background:#fff;border:1px solid #e9e4d7;border-radius:12px;box-shadow:0 3px 8px #1b243104;transition:border-color .15s,transform .15s}.launch-tile-top{display:flex;align-items:center;width:100%;gap:4px;margin:0 0 12px}.launch-tile-top>span{font-size:10px;color:#9aa28e;margin-right:auto;font-weight:700}.launch-tile-top .icon-btn{width:27px;height:30px;min-height:30px;color:#929a89}.launch-tile .launch-module-icon{margin:0 0 12px}.launch-module-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#f3ecdd;color:#354154;flex-shrink:0}.launch-module-icon .icon{width:22px;height:22px}.launch-tile>strong{font-size:13px;line-height:1.4}.launch-tile>small{font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}.launch-tile.restricted .launch-module-icon{background:#f7efe2;color:#99723b}.launch-tile-controls{display:flex;justify-content:flex-end;width:100%;margin-top:8px;gap:2px}.launch-tile-controls .icon-btn{height:28px;width:32px;min-height:28px}.launch-zone-over{border-color:#947a40;background:#f1eadc}.launch-drop-target{outline:2px solid #947a40;transform:translateY(-3px)}.launch-drag-ghost{position:fixed;z-index:5000;pointer-events:none;background:#262d38;color:#f3e9d4;padding:12px 18px;border-radius:10px;box-shadow:0 8px 30px #0003;font-size:13px;max-width:220px}.launch-drop-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);text-align:center;padding:20px}.launch-drop-empty>.icon{width:32px;height:32px}.launch-drop-empty p{font-size:12px;margin:0}.template-panel{margin-top:24px}.template-list{padding:0 24px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px}.template-list article strong,.template-list article small{display:block}.template-list article strong{font-size:13px}.template-list article small{color:var(--muted);font-size:11px;margin-top:5px}.template-list .inline-actions{flex-shrink:0;gap:3px}.launch-footer span{max-width:650px;line-height:1.6}.qris-master-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.integration-status{display:flex;align-items:center;gap:12px;background:#f3f6ed;padding:16px;border-radius:10px;margin-bottom:20px}.integration-status strong,.integration-status small{display:block}.integration-status strong{font-size:13px}.integration-status small{font-size:11px;color:var(--muted);margin-top:5px}.status-dot{width:8px;height:8px;display:inline-block;background:#5f8b47;border-radius:50%;flex-shrink:0}.status-dot.offline{background:#a8ada2}.flow-steps{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:0}.flow-steps li{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.flow-steps li>span{font-size:12px;color:#404a59;min-width:25px;font-weight:700;padding-top:2px}.flow-steps strong,.flow-steps small{display:block}.flow-steps strong{font-size:13px}.flow-steps small{font-size:12px;line-height:1.6;color:var(--muted);margin-top:6px}.static-qris-preview{min-height:220px;display:grid;place-items:center;background:#f7f8f3;border:1px dashed #dcd2bd;border-radius:12px;margin-bottom:20px;padding:18px}.static-qris-preview img{max-width:100%;width:auto;height:230px;object-fit:contain;background:white}.static-qris-preview>div{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}.static-qris-preview .icon{width:48px;height:48px;color:#424a57}.static-qris-preview strong{font-size:13px}.static-qris-preview span{font-size:12px;color:var(--muted)}#qris-settings-form{margin:20px 0}.printer-overview{display:flex;align-items:center;gap:22px;padding:24px 28px;border:1px solid #e2dac9;background:#f2eee4;border-radius:16px;margin-bottom:24px}.printer-hero-icon{width:64px;height:64px;display:grid;place-items:center;background:#fff9;border:1px solid #e2dac9;border-radius:16px;flex-shrink:0}.printer-hero-icon .icon{width:32px;height:32px}.printer-overview h2{font-size:21px;margin:4px 0 9px}.printer-overview p:not(.eyebrow){font-size:12px;line-height:1.7;max-width:600px;color:#65725d;margin:0}.agent-indicator{margin-left:auto;min-width:180px;font-size:12px}.agent-indicator strong{margin-left:6px}.agent-indicator small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.setup-steps{padding-left:22px;display:grid;gap:15px;font-size:12px;line-height:1.7;margin:22px 0}.setup-steps li{padding-left:4px}.printer-jobs{margin-top:24px}.printer-jobs td small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.job-error{max-width:240px;white-space:normal;word-break:break-word;font-size:11px;line-height:1.6}.badge.uncertain{background:#fff0d0;color:#8a5c10}.badge.spooled,.badge.printed{background:#e5f1e1;color:#386b31}.badge.processing{background:#e6edf5;color:#456581}.payment-methods{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.payment-choice{font-size:11px}.notice.warning{background:#fff6df;border-color:#ecdcae;color:#7b5a1e}.settings-panel>.notice{margin-top:16px}.qris-master-grid .settings-panel>.panel-heading{padding:0 0 20px}.settings-panel form .form-grid{margin-bottom:12px}#agent-token{font-family:monospace;font-size:12px}button:focus-visible{outline:2px solid #92783e;outline-offset:3px}
@media(max-width:1200px){.launch-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-builder{grid-template-columns:240px 1fr;gap:16px}.template-list{grid-template-columns:1fr}.printer-overview{flex-wrap:wrap}.agent-indicator{margin-left:86px}.qris-master-grid{gap:16px}}
@media(max-width:760px){.builder-intro{padding:24px}.builder-intro h2{font-size:22px}.builder-orbit{display:none}.launch-builder{grid-template-columns:1fr;padding:0 16px 16px}.launch-library{padding:14px;min-height:0}.launch-palette{grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px;overflow-y:auto}.launch-palette-item{font-size:11px;gap:4px}.launch-palette-item>.icon{display:none}.launch-palette-item .icon-btn{width:27px;min-width:27px}.launch-description{align-items:stretch;gap:14px}.launch-description>.field{width:100%}.launch-canvas{padding:14px}.launch-tile-grid{gap:10px}.launch-tile{padding:8px 12px 12px}.launch-tile-controls .icon-btn{height:36px;min-height:36px}.launch-footer{align-items:flex-start;gap:14px}.template-list{padding:0 16px 16px}.template-list article{flex-wrap:wrap;padding:14px}.template-panel .panel-heading{flex-wrap:wrap;gap:12px}.qris-master-grid{grid-template-columns:1fr}.printer-overview{padding:20px;gap:14px}.printer-overview>div:not(.agent-indicator){flex:1;min-width:180px}.printer-overview h2{font-size:19px}.printer-hero-icon{width:48px;height:48px}.agent-indicator{margin-left:0;flex:0 0 100%;padding-top:14px;border-top:1px solid #e2dac9}.static-qris-preview img{height:220px}.launch-footer span{font-size:11px}.drag-handle{width:34px;height:38px}.payment-methods{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.launch-tile,.launch-canvas{transition:none}}
.launch-panel{padding:0}.launch-description{padding:24px;margin-bottom:0}.launch-description h2{color:var(--ink)}.launch-description p,.launch-footer>span{color:var(--muted)}.launch-footer{padding:0 24px 24px}.launch-tile .icon-btn:disabled{opacity:.3}
@media(max-width:760px){.launch-description{padding:20px 16px}.launch-footer{padding:0 16px 20px}}

/* audit workspace */
.audit-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:24px 27px;background:#f0ece3;border:1px solid #e4ddce;border-radius:13px}.audit-intro>div{display:flex;align-items:center;gap:17px}.audit-mark{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #dfd2b5;border-radius:13px;background:#fcfaf5;color:#3c495d}.audit-mark>.icon{width:25px;height:25px}.audit-intro h2{font-size:21px;letter-spacing:-.5px;margin:0 0 7px;color:#252a32}.audit-intro p{font-size:12px;line-height:1.7;margin:0;color:#5c6b59}.audit-readonly{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:11px;color:#414a58}.audit-readonly .icon{width:15px;height:15px}.audit-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 21px}.audit-category{display:flex;align-items:center;gap:10px;min-width:0;min-height:58px;border:1px solid #e9e3d6;background:#fff;border-radius:9px;padding:13px 15px;cursor:pointer;color:#596455;transition:border-color .15s,background .15s}.audit-category>.icon{width:18px;height:18px;flex-shrink:0;color:#849177}.audit-category>span{font-size:12px;font-weight:600;text-align:left}.audit-category>strong{margin-left:auto;font-size:17px;font-weight:650;font-variant-numeric:tabular-nums;color:#29323f}.audit-category:hover{background:#f8f5ef;border-color:#d1be93}.audit-category.selected{border-color:#846c38;background:#f5eedd;box-shadow:inset 0 0 0 1px #846c38;color:#2b3442}.audit-category.selected>.icon{color:#3c495d}.audit-category[data-value="delete"].selected{background:#fff0e7;border-color:#ac6544;box-shadow:inset 0 0 0 1px #ac6544;color:#833b27}.audit-category[data-value="delete"].selected>strong,.audit-category[data-value="delete"].selected>.icon{color:#833b27}.audit-filter-panel{padding:22px 24px;margin-bottom:24px}.audit-search-row{display:flex;align-items:center;gap:14px;margin-bottom:19px}.audit-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:#f9f8f5;border:1px solid #e6dfd0;border-radius:8px;padding:0 13px}.audit-search>.icon{width:18px;height:18px;color:#7e8b71;flex-shrink:0}.audit-search input{width:100%;padding:12px 0;border:0;border-radius:0;outline:0!important;background:transparent;font-size:13px;color:#2d382c;min-height:44px;box-shadow:none!important}.audit-search:focus-within{border-color:#876f3a;box-shadow:0 0 0 3px #957b4014}.audit-search input::placeholder{color:#84907b}.audit-filter-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr;gap:14px}.audit-filter-grid .field{margin-bottom:0;min-width:0}.audit-filter-grid .field>span{font-size:11px;color:#434b56}.audit-filter-grid .field input,.audit-filter-grid .field select{font-size:12px;min-width:0;min-height:42px;padding:10px}.audit-filter-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.audit-filter-foot>span{font-size:10px;color:#737e6b}.audit-validation{font-size:12px;line-height:1.5;color:#9b352a;margin:10px 0 0}.audit-validation:empty{display:none}.audit-result-heading{align-items:center}.audit-result-heading h2{font-size:17px}.audit-result-total{font-size:12px;color:#414a58;font-weight:600;white-space:nowrap}.audit-results{overflow:hidden}.audit-feedback{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:35px 24px;color:#63725a}.audit-feedback>.icon{width:32px;height:32px;color:#424a57}.audit-feedback>strong{font-size:15px;color:#313c4d}.audit-feedback p{font-size:12px;line-height:1.7;max-width:440px;margin:0}.audit-feedback.error>strong,.audit-feedback.error>.icon{color:#a54d37}.audit-loading-dot{width:26px;height:26px;border:3px solid #ebe6da;border-top-color:#90763e;border-radius:50%;animation:audit-spin .8s linear infinite}.audit-table{table-layout:fixed}.audit-table th{color:#6b7860;background:#faf8f4;padding:13px 20px;font-size:10px}.audit-table td{color:#3f4753;padding:19px 20px;vertical-align:top;font-size:12px}.audit-table th:nth-child(1){width:15%}.audit-table th:nth-child(2){width:15%}.audit-table th:nth-child(3){width:36%}.audit-table th:nth-child(4){width:20%}.audit-table th:nth-child(5){width:14%}.audit-table .audit-time time{display:block;font-size:11px;color:#6b7761;line-height:1.7}.audit-table .audit-time>small{color:#8c9684;font-size:10px;margin-top:5px}.audit-actor-cell{display:flex;align-items:center;gap:8px;min-width:0;word-break:break-word}.audit-actor-cell>strong{font-size:11px;color:#2c3646;font-weight:600}.audit-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f1eee6;color:#3f4a5a;font-size:9px;font-weight:750;flex-shrink:0}.audit-action-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;font-size:10px;line-height:1.5;font-weight:650;background:#eef0eb;color:#627058;max-width:100%;overflow-wrap:anywhere}.audit-action-badge.category-delete{background:#fff0e8;color:#995337}.audit-action-badge.category-update{background:#edf0fb;color:#5e6b9d}.audit-action-badge.category-create{background:#e8f3e4;color:#4a773a}.audit-action-badge.category-payment{background:#e3f2ee;color:#397564}.audit-action-badge.category-access{background:#f1eaf8;color:#805b9f}.audit-action-badge.category-system{background:#f5efdf;color:#8a733b}.audit-table .audit-activity>strong{display:block;font-size:12px;font-weight:550;color:#272f3c;line-height:1.6;margin-top:8px}.audit-table .audit-activity>small{display:block;font-size:11px;color:#79826f;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}.audit-table .audit-object>strong{display:block;font-size:12px;color:#414a58;font-weight:600;overflow-wrap:anywhere}.audit-table .audit-object>small{font-size:10px;color:#7b8671;margin-top:6px;overflow-wrap:anywhere}.audit-table td.audit-row-detail{white-space:normal}.audit-table .audit-row-detail>.btn{font-size:10px;padding:7px 9px;line-height:1.5;white-space:normal;min-height:35px}.audit-row-detail .icon{width:13px;height:13px;flex-shrink:0}.audit-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 23px;border-top:1px solid #eee9df;font-size:11px;color:#738066}.audit-pagination>div{display:flex;align-items:center;gap:11px}.audit-pagination label{display:flex;align-items:center;gap:7px;font-size:10px}.audit-pagination select{font-size:11px;min-height:32px;padding:5px 6px;width:64px}.audit-pagination .icon-btn{min-height:33px;height:33px;width:33px;border:1px solid #e8e2d4;border-radius:6px}.audit-pagination .previous .icon{transform:rotate(180deg)}.audit-pagination .icon-btn:disabled{opacity:.28;cursor:default}.audit-detail-header h3{font-size:21px;line-height:1.5;color:#28303c;font-weight:600;margin:14px 0 8px}.audit-detail-header p{font-size:12px;color:#718067;margin:0 0 24px}.audit-detail-header p>strong{color:#3c495d}.audit-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:17px 25px;margin:0 0 22px;padding:19px 21px;background:#f9f7f3;border:1px solid #ebe6db;border-radius:9px}.audit-detail-meta>div{min-width:0}.audit-detail-meta dt{font-size:10px;color:#434b56;margin-bottom:6px}.audit-detail-meta dd{margin:0;font-size:12px;line-height:1.7;color:#3d495c;overflow-wrap:anywhere}.audit-detail-meta code{font-size:11px}.audit-detail-note{font-size:12px;line-height:1.7;display:flex;align-items:flex-start;gap:8px;margin-bottom:24px}.audit-detail-note>.icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}.audit-changes h3{font-size:16px;color:#344051;margin:0 0 15px}.audit-diff-table{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ebe5d9;font-size:12px}.audit-diff-table th,.audit-diff-table td{padding:13px 14px;border:1px solid #ebe5d9;vertical-align:top;text-align:left;overflow-wrap:anywhere}.audit-diff-table thead th{background:#f5f1e9;font-size:10px;font-weight:600;color:#3d495c}.audit-diff-table thead th:first-child{width:25%}.audit-diff-table tbody th{font-size:11px;color:#3c495d;font-weight:600;background:#fbfaf7}.audit-diff-table tbody th small{display:block;font-size:9px;font-weight:400;line-height:1.6;color:#8b9780;margin-top:5px}.audit-diff-table .diff-before{background:#fdf5f1;color:#835c4b}.audit-diff-table .diff-after{background:#f9f6ee;color:#3c495d}.audit-value{white-space:pre-wrap;font-size:11px;line-height:1.65;word-break:break-word}.audit-value-empty{color:#424a57;font-size:10px;font-style:italic}.audit-no-changes{font-size:12px;line-height:1.7;color:#434b56;padding:18px;background:#f9f7f2;border-radius:8px}.audit-raw{margin-top:25px;border-top:1px solid #eae4d8;padding-top:16px}.audit-raw summary{font-size:12px;color:#404a59;cursor:pointer}.audit-raw .audit-snapshots{margin-top:18px}.audit-raw h4{font-size:12px;color:#404a59}.audit-raw pre{font-size:10px;max-height:300px;overflow:auto}.audit-table tbody tr:hover{background:#fcfaf6}@keyframes audit-spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.audit-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-table th,.audit-table td{padding:15px 12px}.audit-category{padding:12px 10px;gap:7px}.audit-category>span{font-size:11px}.audit-category>strong{font-size:15px}.audit-table th:nth-child(1){width:15%}.audit-table th:nth-child(2){width:14%}.audit-table th:nth-child(3){width:35%}.audit-table th:nth-child(4){width:20%}.audit-table th:nth-child(5){width:16%}}
@media(max-width:760px){.audit-intro{padding:20px;align-items:flex-start;flex-direction:column;gap:14px}.audit-intro h2{font-size:19px}.audit-intro p{font-size:11px}.audit-readonly{margin-left:65px;font-size:10px}.audit-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.audit-category{min-height:49px;padding:10px 12px}.audit-category>span{font-size:11px}.audit-category>strong{font-size:16px}.audit-category>.icon{width:16px;height:16px}.audit-filter-panel{padding:17px}.audit-search-row{align-items:stretch;flex-direction:column;gap:10px}.audit-search-row>.btn{align-self:flex-end}.audit-search input{font-size:16px;min-height:44px}.audit-filter-grid{grid-template-columns:1fr 1fr;gap:13px}.audit-filter-grid>.field:first-child{grid-column:1/-1}.audit-filter-grid .field input,.audit-filter-grid .field select{font-size:14px;min-height:44px}.audit-filter-grid .field>span{font-size:11px}.audit-filter-foot>span{font-size:9px;line-height:1.6;max-width:70%}.audit-result-heading{gap:12px;align-items:flex-start}.audit-result-heading h2{font-size:16px}.audit-result-total{font-size:10px;white-space:nowrap;padding-top:4px}.audit-result-heading p{line-height:1.7;max-width:190px}.audit-table,.audit-table tbody,.audit-table tr,.audit-table td{display:block;width:100%}.audit-table thead{display:none}.audit-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:18px 17px;border-bottom:1px solid #eee9de}.audit-table tr:last-child{border-bottom:0}.audit-table td{padding:0;border:0;min-width:0}.audit-table td[data-label]::before{content:attr(data-label);display:block;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#8c997f;margin-bottom:7px}.audit-table td.audit-time{order:1}.audit-table td:nth-child(2){order:2}.audit-table td.audit-activity{order:3;grid-column:1/-1;padding-top:17px}.audit-table td.audit-object{order:4;grid-column:1/-1;padding-top:15px}.audit-table td.audit-row-detail{order:5;grid-column:1/-1;padding-top:14px}.audit-table .audit-time time{font-size:11px}.audit-table .audit-time>small{display:none}.audit-table .audit-activity>strong{font-size:13px;line-height:1.6}.audit-table .audit-activity>small{font-size:11px}.audit-table .audit-object>strong{font-size:12px}.audit-table .audit-row-detail>.btn{font-size:12px;min-height:40px;width:100%;justify-content:space-between}.audit-pagination{flex-direction:column;align-items:stretch;padding:16px;font-size:11px;gap:13px}.audit-pagination>div{flex-wrap:wrap;justify-content:flex-end;gap:9px}.audit-pagination label{margin-right:auto;font-size:10px}.audit-pagination select{min-height:36px}.audit-pagination .icon-btn{min-height:37px;height:37px;width:37px}.audit-detail-header h3{font-size:18px}.audit-detail-meta{grid-template-columns:1fr;padding:16px}.audit-detail-header p{font-size:11px}.audit-detail-meta dt{font-size:10px}.audit-detail-meta dd{font-size:12px}.audit-diff-table{min-width:510px}.audit-changes .table-scroll{border-radius:7px}.audit-value{font-size:11px}.audit-raw .audit-snapshots{grid-template-columns:1fr}.audit-feedback{min-height:200px;padding:25px 18px}}
/* Audit headings can be longer for delete categories; keep each within its column. */
.audit-table th{white-space:normal;overflow-wrap:anywhere;line-height:1.55;vertical-align:top}
.audit-table th:nth-child(1){width:14%}.audit-table th:nth-child(2){width:13%}.audit-table th:nth-child(3){width:34%}.audit-table th:nth-child(4){width:23%}.audit-table th:nth-child(5){width:16%}
.audit-table .audit-row-detail>.btn{width:100%;justify-content:space-between;gap:8px;white-space:normal}
@media(min-width:761px) and (max-width:1000px){.audit-table{min-width:760px}}
@media(max-width:760px){
/* Override the shared table's 650px minimum for the stacked audit cards. */
.audit-table,.audit-table tbody{width:100%;min-width:0;max-width:100%}
.audit-table tr{width:100%;min-width:0;max-width:100%;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
.audit-table td{width:auto;min-width:0;max-width:100%;overflow-wrap:anywhere}
.audit-table .audit-row-detail>.btn{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
}

/* operational review workspace */
.operation-intro{max-width:850px;margin:-10px 0 20px;color:#647269;font-size:13px;line-height:1.7}.operation-note{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.operation-note>.icon{margin-top:3px}.operation-note p{margin-top:4px}.operation-filters{display:flex;align-items:flex-end;gap:14px;padding:18px;margin-bottom:16px;flex-wrap:wrap}.operation-filters .field{flex:1 1 170px;margin:0}.operation-filters .btn{min-height:41px}.operation-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.operation-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:12px;font-weight:600;text-align:left;min-height:41px}.operation-chip span{font-size:11px;padding:2px 7px;border-radius:5px;background:#f3f0e9;min-width:24px;text-align:center}.operation-chip.selected{background:var(--sidebar);color:#fff;border-color:var(--sidebar)}.operation-chip.selected span{background:#ffffff1c;color:#fff}.operation-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:46px 22px;text-align:center;min-height:210px}.operation-state>.icon{width:30px;height:30px;color:var(--green)}.operation-state p{max-width:520px;color:#647269;overflow-wrap:anywhere}.operation-state.error>.icon{color:var(--red)}.operation-result-summary{display:flex;justify-content:space-between;gap:12px;color:#647269;font-size:11px;margin:0 2px 12px}.approval-list{display:grid;gap:16px}.approval-card{padding:21px;min-width:0}.approval-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.operation-reference{font-size:10px;letter-spacing:.6px;color:#687970;overflow-wrap:anywhere}.approval-card h2{font-size:16px;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.approval-card>header .badge{flex-shrink:0;max-width:100%;white-space:normal}.operation-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0}.operation-meta dt{color:#687970;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.operation-meta dd{margin:4px 0 0;font-size:12px;overflow-wrap:anywhere}.approval-payload{display:flex;flex-wrap:wrap;gap:12px 24px;background:#f7f5f1;border:1px solid #eee9df;padding:12px 15px;border-radius:10px}.approval-payload>span{display:flex;flex-direction:column;gap:3px;min-width:70px;max-width:100%;overflow-wrap:anywhere}.approval-payload small{color:#687970}.approval-payload strong{font-size:12px;font-weight:600}.approval-reason{margin-top:12px;padding-left:12px;border-left:2px solid #dcd2bd;overflow-wrap:anywhere;font-size:12px}.approval-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:15px}.approval-actions:empty{display:none}.approval-actions small{color:#687970}.operation-policy{margin-top:20px;padding:18px 20px}.operation-policy>summary{display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:650;list-style:none;min-height:28px}.operation-policy>summary::after{content:'＋';margin-left:auto;font-size:17px;color:var(--green)}.operation-policy[open]>summary::after{content:'−'}.operation-policy summary span{font-size:10px;padding:3px 7px;background:#f3efe8;border-radius:5px;font-weight:500}.operation-policy>p{margin-top:13px;color:#647269}.operation-policy form{margin-top:18px;max-width:780px}.operation-policy .form-hint{margin-top:0}.operation-table{table-layout:fixed;width:100%}.operation-table th:nth-child(1){width:28%}.operation-table th:nth-child(2){width:19%}.operation-table th:nth-child(3){width:32%}.operation-table th:nth-child(4){width:21%}.operation-table td,.operation-table th{white-space:normal!important;overflow-wrap:anywhere;vertical-align:top}.operation-table td>strong,.operation-table td>small{display:block}.operation-table td>small{font-size:10px;margin-top:5px;color:#687970;line-height:1.6}.operation-row-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px}.operation-row-actions .btn.small+.btn.small{margin-left:0}.operation-row-actions .btn{white-space:normal}.operation-review{border-left:2px solid #e0d7c4;padding-left:9px;margin-top:10px;font-size:11px;color:#647269;overflow-wrap:anywhere}.operation-review strong{color:var(--ink);font-size:10px}.operation-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid var(--line);font-size:11px;color:#647269}.operation-pagination>div{display:flex;gap:5px}.operation-pagination .btn.small+.btn.small{margin:0}.operation-secondary{margin-top:20px;padding:20px}.operation-secondary>.panel-heading{padding:0 0 15px}.operation-job-list{display:grid;gap:10px;margin-bottom:15px}.operation-job-list>div{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 15px;background:#f8f6f2;border-radius:8px}.operation-job-list strong{font-size:12px}.operation-job-list small{width:100%;overflow-wrap:anywhere;color:#647269}.operation-backup-status{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px;margin-bottom:20px;border-left:4px solid var(--green)}.operation-backup-status h2{font-size:18px;margin:5px 0 8px}.operation-backup-status p{font-size:12px;color:#647269;max-width:680px;line-height:1.7}.operation-backup-status>.btn{flex-shrink:0}.backup-file-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-top:1px solid var(--line)}.backup-file-list article>div{min-width:0;flex:1}.backup-file-list strong{display:block;font-size:12px;overflow-wrap:anywhere}.backup-file-list small{display:block;color:#647269;margin:4px 0}.backup-file-list details{margin-top:6px}.backup-file-list summary{font-size:10px;color:var(--green);cursor:pointer}.backup-file-list code{display:block;margin-top:7px;white-space:normal;overflow-wrap:anywhere;font-size:10px;max-width:100%}.operation-steps{display:grid;gap:6px;padding-left:20px;color:#647269;font-size:12px;margin:13px 0 18px}.badge.approved{color:#7e5610;background:#fff1c7}.badge.executed,.badge.reviewed{color:#167052;background:#e5f1e9}.badge.rejected,.badge.stale{color:#9f3a36;background:#fbe9e6}.badge.expired,.badge.cancelled{color:#69746b;background:#edf0ea}
@media(max-width:1050px){.operation-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-backup-status{align-items:flex-start;flex-direction:column}.operation-table th:nth-child(1){width:26%}.operation-table th:nth-child(2){width:19%}.operation-table th:nth-child(3){width:29%}.operation-table th:nth-child(4){width:26%}}
@media(max-width:760px){.operation-filters{padding:14px;gap:12px}.operation-filters .field{flex-basis:calc(50% - 12px)}.operation-filters .btn{width:100%}.operation-chips{gap:7px}.operation-chip{flex:1 1 calc(50% - 7px);font-size:11px;gap:7px;padding:9px}.operation-intro{font-size:12px;margin-bottom:16px}.operation-result-summary{flex-direction:column;gap:2px}.approval-card{padding:16px}.approval-card>header{flex-direction:column;gap:9px}.approval-card h2{font-size:15px}.operation-meta{gap:13px}.approval-actions>.btn{flex:1 1 130px;white-space:normal}.operation-policy{padding:15px}.operation-policy .form-grid{grid-template-columns:1fr}.operation-table{min-width:0!important;max-width:100%;width:100%;table-layout:auto}.operation-table thead{display:none}.operation-table tbody{display:block}.operation-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 15px;border-top:1px solid var(--line);gap:12px}.operation-table td{display:block;width:auto!important;min-width:0;border:0!important;padding:0!important}.operation-table td::before{content:attr(data-label);display:block;font-size:9px;color:#7b8780;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.operation-table td:first-child,.operation-table td:last-child{grid-column:1/-1}.operation-row-actions{flex-direction:row;flex-wrap:wrap}.operation-row-actions>.btn{flex:1;min-width:125px}.operation-pagination{padding:14px;flex-wrap:wrap}.operation-pagination>div{margin-left:auto}.operation-secondary{padding:16px}.operation-backup-status{padding:18px}.operation-backup-status>.btn{width:100%;white-space:normal}.backup-file-list article{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.backup-file-list article>div,.backup-file-list .btn{width:100%}.operation-job-list>div{padding:11px}.operation-note{padding:13px;font-size:12px}.operation-note>.icon{width:17px;height:17px}.operation-state{min-height:185px;padding:28px 18px}}
@media(prefers-reduced-motion:reduce){.operation-chip,.approval-card{transition:none}}

/* ordinary SQL backups and reviewed restore */
.backup-feedback{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.backup-feedback p{min-width:0;flex:1;overflow-wrap:anywhere}.backup-file-list .backup-file-actions{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%}.restore-panel{margin-top:22px;overflow:hidden}.restore-panel>.panel-heading{border-bottom:1px solid var(--line)}.restore-panel .panel-heading h2{margin-top:4px}.restore-panel .panel-heading>.icon{width:25px;height:25px;color:var(--green);flex-shrink:0}.restore-upload-form{padding:22px}.restore-upload-form .field{max-width:620px}.restore-panel>.notice{margin:0 22px 20px}.restore-review{padding:22px;border-top:1px solid var(--line);background:#fdfcf9}.restore-review>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.restore-review h3{font-size:16px;margin-top:5px;overflow-wrap:anywhere}.restore-review .badge{flex-shrink:0}.restore-table-details{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:20px;overflow:hidden}.restore-table-details>summary{padding:13px 15px;cursor:pointer;font-size:12px;font-weight:600;color:var(--green)}.restore-checksum{padding:0 15px 15px}.restore-checksum>strong{font-size:10px;display:block;color:#687970;margin-bottom:5px}.restore-checksum code{display:block;overflow-wrap:anywhere;white-space:normal;font-size:10px}.restore-counts{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}.restore-counts th,.restore-counts td{padding:9px 15px;border-top:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.restore-counts th{background:#f7f5f1;font-size:10px;text-transform:uppercase;color:#687970}.restore-counts th:last-child,.restore-counts td:last-child{width:90px;text-align:right}.restore-warning{margin-bottom:20px}.restore-warning p{margin-top:6px;line-height:1.65}#backup-restore-form{max-width:650px}#backup-restore-form .field>input{max-width:100%}.restore-completion{margin-bottom:16px;overflow-wrap:anywhere;color:var(--green-dark);font-size:12px}.restore-table-details>.form-hint{padding:0 15px 10px}
@media(max-width:760px){.backup-file-list .backup-file-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.backup-file-actions .btn{white-space:normal;min-width:0}.restore-upload-form,.restore-review{padding:16px}.restore-panel>.notice{margin:0 16px 16px}.restore-review>header{flex-direction:column;gap:10px}.restore-upload-form>.btn,#backup-restore-form>.btn{width:100%;white-space:normal}.restore-review h3{font-size:14px}.restore-review .operation-meta{gap:14px}.backup-feedback .btn{width:100%;white-space:normal}}

/* charcoal, warm gold and stable navigation */
:root{--sidebar:#242321;--sidebar-deep:#191918;--canvas:#f7f5ef;--ink:#2c2b28;--muted:#7d7a71;--line:#e6e1d6;--gold:#d3ad61;--gold-soft:#f4e8ce;--shadow:0 8px 28px #34291408;--sidebar-width:246px}
.sidebar{height:100dvh;overflow:hidden;padding:25px 15px 14px;color:#d2c8b5}.sidebar nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#786344 transparent;scrollbar-gutter:stable;margin-top:18px;padding-right:3px;flex:1}.sidebar .brand{padding:0 7px;font-size:24px;letter-spacing:-.8px}.brand-symbol{width:44px;height:44px;flex:0 0 44px;border-radius:12px;overflow:hidden;background:#242321;box-shadow:0 0 0 1px #c6a05938}.brand-symbol img{width:100%;height:100%;object-fit:cover;display:block}.brand>div>span{font-size:7.8px;letter-spacing:.12px;line-height:1.5;color:#cbb78f;margin-top:5px;max-width:160px}.workspace{background:#ffffff05;border-color:#d3ad611a;margin-top:22px}.workspace strong{color:#f2eadb}.workspace-avatar{background:#322d25!important;color:#d3ad61!important}.workspace span:not(.workspace-avatar):not(.online-dot){color:#b4a991}.sidebar-bottom{flex-shrink:0;padding-top:12px;background:var(--sidebar);margin-top:12px}.sidebar .server-state{color:#958b76;font-size:8px}.sidebar .profile{width:100%;border-radius:9px;background:#ffffff05}.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;color:#c5b798;width:100%;padding:7px;font-size:11px;margin-top:5px}.sidebar-logout:hover{background:#ffffff06;border-radius:7px}.nav-group>p{color:#8b806c;font-size:8px;letter-spacing:1.3px}.nav-item{color:#c4bba8;min-height:44px;padding:8px 10px;font-size:11px;gap:11px}.nav-item:hover{background:#ffffff07;color:#f0d9aa}.nav-item.active{background:#d3ad611c;color:#f4d292;box-shadow:inset 2px 0 #d3ad61}.nav-item small,.online-alert small{background:#d6ad5b!important;color:#242321!important;font-weight:750;border-radius:5px}.master-subnav{border-left-color:#d3ad612e;margin-left:24px}.master-subitem{color:#ada18a}.master-subitem:hover,.master-subitem.selected{color:#e9cb90;background:#d3ad6110}.icon{color:var(--gold);background:#292722;border:1px solid #c7a26430;border-radius:6px;padding:3px;width:24px;height:24px;vertical-align:middle}.btn .icon,.nav-item .icon{width:25px;height:25px;padding:4px}.icon-btn .icon{width:25px;height:25px;padding:4px}.text-btn .icon{width:22px;height:22px;padding:3px}.topbar{position:sticky;top:0;z-index:40;background:#fbfaf6f5;backdrop-filter:blur(10px);border-bottom-color:#e6dfd1}.topbar-title>.icon{width:18px;height:18px;padding:2px;background:none;color:#aa9e86;border:0}.topbar-right{gap:10px}.topbar .online-alert{position:relative;overflow:visible}.online-alert small{position:absolute;top:-3px;right:-5px;min-width:17px;font-size:9px;padding:1px 4px;border:2px solid #fbfaf6}.btn.primary{background:#2c2922;border-color:#b9934f;color:#f2d79e}.btn.primary:hover{background:#3a3223;border-color:#c4a063;color:#ffe7b6;box-shadow:0 4px 12px #9c793224}.btn.primary .icon{background:#211e19;color:#e7c47c}.btn.pay{background:#d8b067;border-color:#c7a05b;color:#29251d}.btn.pay:hover{background:#c59b51;border-color:#b89046;color:#191611}.btn:focus-visible,.nav-item:focus-visible,.sidebar-logout:focus-visible{outline-color:#c9a261}.tabs .tab.selected{color:#8b662d;border-color:#b48b4b}.avatar{background:#52432c;color:#f2cf8f}.login-story{background:#22211f}.login-story .brand{font-size:30px}.login-story .brand>div>span{max-width:none;font-size:9px}.login-pitch em{color:#d7b470}.login-pitch .eyebrow{color:#b69a65}.login-foot{color:#b7aa90}.brand-showcase{position:absolute;right:5%;bottom:13%;width:250px;display:grid;place-items:center;gap:16px;transform:rotate(-7deg);opacity:.9}.brand-showcase img{width:210px;height:210px;object-fit:cover;border-radius:38px;border:1px solid #a17a393b;box-shadow:0 20px 50px #0005}.brand-showcase span{color:#bca270;font-size:9px;letter-spacing:2px}.login-local .icon{margin-right:4px}.app-footer{font-size:10px}.pricing-editor-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.pricing-editor-intro>p{max-width:650px;line-height:1.75;color:#766d5e}.dynamic-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.dynamic-rule{padding:18px;min-width:0}.dynamic-rule>header{display:flex;align-items:center;gap:10px;margin-bottom:17px}.dynamic-rule>header .icon-btn{margin-left:auto}.rule-number{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#2b2822;color:#d6b473;font-size:11px;font-weight:650}.dynamic-rule .field:last-child{grid-column:1/-1}.package-items-editor{border:1px solid var(--line);border-radius:11px;padding:15px;background:#fbfaf6;margin:2px 0 18px}.package-items-editor>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.package-items-editor .form-hint{margin:4px 0 0}.package-item-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 32px;gap:9px;align-items:end}.package-item-row .field{margin-bottom:12px}.package-item-row>.icon-btn{margin-bottom:14px}.package-empty{padding:14px;border:1px dashed #d8cdb9;border-radius:8px}.pricing-breakdown-caption{display:block!important;color:#8c806c;font-size:10px;border-top:1px dashed var(--line);margin-top:8px;padding-top:9px}.online-table-group{margin:24px 0}.online-table-group>header{display:flex;align-items:center;gap:11px;margin-bottom:13px}.online-table-group>header p{font-size:11px;color:#8c806c}.online-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.online-request{padding:19px;min-width:0}.online-request>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.online-request h3{margin-top:5px}.online-contact{font-size:11px;color:#8c806c;margin:6px 0 12px;overflow-wrap:anywhere}.online-item-list{display:grid;gap:11px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0}.online-item-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;font-size:12px}.online-item-list>div>span{min-width:0;overflow-wrap:anywhere}.online-item-list small{display:block;color:#8c806c;margin-top:3px}.online-item-list>div>strong{white-space:nowrap;font-size:11px}.online-estimate{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-size:12px}.online-estimate>strong{font-size:17px;color:#745321}.online-request footer{display:flex;gap:8px;margin-top:14px}.online-notice-icon .icon{width:29px;height:29px}.qr-table-list{margin-top:18px}.qr-table-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.qr-table-list article>div:first-child{min-width:0}.qr-table-list strong,.qr-table-list small{display:block;overflow-wrap:anywhere}.qr-table-list small{color:#8c806c;font-size:11px;margin-top:4px}.online-qr-preview{text-align:center;background:#fff;padding:20px;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.online-qr-preview svg{display:block;max-width:100%;height:auto;margin:auto}.badge.accepted{background:#e5f1e9;color:#167052}.icon-tile{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#292722;border:1px solid #b18b4a38}.icon-tile>.icon{border:0;width:30px;height:30px}.brand-showcase img{max-width:100%}
@media(max-width:1150px){.pricing-editor-intro{align-items:flex-start;flex-direction:column}.dynamic-rules-grid{grid-template-columns:1fr}.brand-showcase{width:190px;right:4%;bottom:12%}.brand-showcase img{width:170px;height:170px;border-radius:29px}.brand-showcase span{font-size:7px}.header-date{display:none}}
@media(max-width:760px){.topbar{padding:0 16px;min-height:64px;height:64px}.topbar-title>span{display:none}.topbar-title>strong{font-size:12px}.topbar-right{gap:3px}.topbar-right .mode-label{font-size:8px;padding:4px 6px}.topbar .icon-btn{width:31px;min-width:31px}.online-request-grid{grid-template-columns:1fr}.online-request{padding:16px}.online-request footer>.btn{width:100%}.qr-table-list article{align-items:flex-start;flex-direction:column}.qr-table-list .actions{width:100%}.qr-table-list .actions>.btn{flex:1;white-space:normal}.pricing-editor-intro .actions{width:100%}.pricing-editor-intro .actions>.btn{flex:1;white-space:normal}.dynamic-rule{padding:15px}.dynamic-rule .form-grid{grid-template-columns:1fr}.package-items-editor{padding:12px}.package-items-editor>header{align-items:flex-start;flex-direction:column}.package-items-editor>header>.btn{width:100%}.package-item-row{grid-template-columns:minmax(0,1fr) 74px 30px;gap:7px}.package-item-row .field>span{font-size:10px}.package-item-row .field select,.package-item-row .field input{padding:8px 7px;font-size:11px}.sidebar{width:246px}.brand-showcase{display:none}.sidebar-bottom .profile{min-height:50px}.online-qr-preview{padding:10px}}
/* Keep the gold icon treatment above earlier per-view icon colors. */
svg.icon{color:var(--gold)!important}.nav-item>svg.icon{color:#bfa16b!important;width:25px;height:25px;padding:4px}.nav-item.active>svg.icon{color:#f5d18a!important;background:#2e261b;border-color:#d3ad6165}.sidebar-logout svg.icon{color:#bfa16b!important}.topbar svg.icon{color:#d3ad61!important}

/* YunR-POS workspace */
[hidden]{display:none!important}
.nav-fold,.master-fold{display:flex;justify-content:space-between;width:100%;border:0;background:transparent;color:#d4be96;font:600 11px system-ui;cursor:pointer;text-align:left;letter-spacing:.09em;padding:10px 12px}
.master-fold{color:#ddd1b8;font-size:12px;letter-spacing:0;padding:5px 12px 5px 40px}
.nav-fold:focus-visible,.master-fold:focus-visible{outline:2px solid #e2b34e}
.desktop-nav{display:none!important}
@media(min-width:901px){.desktop-nav{display:inline-flex!important}.wide-content .sidebar{display:none}.wide-content .main-shell{margin-left:0!important;width:100%}.wide-content{grid-template-columns:minmax(0,1fr)}}
.venue-icon{max-width:100%;height:100%;object-fit:contain}.floor-symbol>.venue-icon{max-height:58px}.table-visual>.venue-icon{max-height:106px}
.slot-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}.order-slot{min-height:145px;text-align:left;padding:14px!important;display:block}.order-slot h3{margin:14px 0 5px}.order-slot p{font-size:12px;overflow-wrap:anywhere}.order-slot .table-card-head{padding:0}
.sample-scroll{overflow:auto;background:#ebe6da;padding:12px}.sample-receipt{box-sizing:border-box;background:white;color:#242520;margin:auto;padding:5mm;font:12px monospace;overflow-wrap:anywhere;box-shadow:0 2px 12px #25201821}.sample-receipt hr{border:0;border-top:1px dashed #777}
#guide-form,#numbering-form{max-width:860px;margin-top:18px;padding:22px}#guide-form textarea{white-space:pre-wrap}
.login-story{isolation:isolate;background:radial-gradient(ellipse at var(--glow-x,65%) var(--glow-y,70%),#3c4553 0%,#202936 36%,#171d26 70%,#14181d 100%)!important}
.floor-art{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:-1;background-image:linear-gradient(#e3c5870b 1px,transparent 1px),linear-gradient(90deg,#e3c5870b 1px,transparent 1px);background-size:38px 38px}
.floor-art i{position:absolute;width:64%;aspect-ratio:1;border:1px solid #eed79933;border-radius:50%;left:47%;top:26%;animation:venue-drift 12s ease-in-out infinite alternate}
.floor-art i:nth-child(2){width:39%;left:63%;top:40%;animation-delay:-4s}.floor-art i:nth-child(3){width:25%;left:-12%;top:12%;animation-delay:-8s}
@keyframes venue-drift{to{transform:translate(5%,9%) scale(1.09)}}
@media(prefers-reduced-motion:reduce){.floor-art i{animation:none}}

/* Latar login: langit bergerak, awan melintas, ombak mengalir */
.login-story{background:linear-gradient(180deg,#0d131b 0%,#161f2d 42%,#3a3b3a 74%,#b99a52 100%)!important;background-size:100% 220%;animation:sky-shift 26s ease-in-out infinite alternate}
@keyframes sky-shift{from{background-position:0 0}to{background-position:0 100%}}
.login-story:before{display:none}
.floor-art{background:none}
.floor-art i{border:0;border-radius:60px;aspect-ratio:auto;height:54px;width:210px;left:-30%;background:#fff3d626;filter:blur(7px);animation:cloud-move 60s linear infinite}
.floor-art i:nth-child(1){top:12%}
.floor-art i:nth-child(2){top:27%;width:290px;height:70px;background:#fff3d61c;animation-duration:85s;animation-delay:-30s}
.floor-art i:nth-child(3){top:44%;width:170px;height:44px;animation-duration:70s;animation-delay:-48s}
@keyframes cloud-move{from{transform:translateX(0)}to{transform:translateX(900%)}}
.floor-art:before,.floor-art:after{content:"";position:absolute;left:0;right:0;bottom:0;background-repeat:repeat-x}
.floor-art:before{height:34%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 60 Q150 0 300 60 T600 60 T900 60 T1200 60 V120 H0Z' fill='%23ffd878' fill-opacity='.16'/%3E%3C/svg%3E");background-size:1200px 100%;animation:wave-move 22s linear infinite}
.floor-art:after{height:24%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 60 Q150 0 300 60 T600 60 T900 60 T1200 60 V120 H0Z' fill='%23ffd878' fill-opacity='.22'/%3E%3C/svg%3E");background-size:900px 100%;animation:wave-move 14s linear infinite reverse}
@keyframes wave-move{from{background-position-x:0}to{background-position-x:-1200px}}
@media(prefers-reduced-motion:reduce){.login-story,.floor-art i,.floor-art:before,.floor-art:after{animation:none}}

/* Tema selaras ikon: navy gelap, emas, krem. Status meja/pesanan tetap berwarna sesuai kondisi. */
:root{--sidebar:#141b25;--sidebar-deep:#0f151d;--canvas:#faf6ec;--ink:#1d2430;--muted:#6f7280;--line:#eadfc6;--gold:#d9b866;--gold-soft:#fff3d6;--green:#1b2433;--green-dark:#0f151d;--mint:#fff3d6;--mint-bright:#ffd878;--peach:#fff3d6;--shadow:0 6px 22px #141b250d}
.sidebar{background:linear-gradient(180deg,#141b25,#0f151d)}
.nav-item.active{background:#d9b866;color:#141b25}
.nav-item.active>svg.icon{color:#141b25!important;background:#ffd878;border-color:#c9a14a}
.btn.primary{background:#1b2433;border-color:#1b2433;color:#fff3d6}
.btn.primary:hover{background:#252f42}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#d9b866;box-shadow:0 0 0 3px #d9b86633}
button:focus-visible,a:focus-visible{outline-color:#d9b866}
body{background:var(--canvas)}
/* Status tetap: tersedia abu-abu, terisi belum bayar merah, lunas hijau */
.table-card.unpaid{border-top-color:#cf4b55}
.table-card.paid{border-top-color:#4d9661}
.table-card.available{border-top-color:#a5acb3}

/* Rekening bank */
.bank-list{display:grid;gap:8px;margin:10px 0}
.bank-item{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:10px 14px;background:#fffdf7;display:grid;gap:2px}
.bank-item strong{font-size:13px;color:var(--ink)}
.bank-no{font:700 18px 'Courier New',monospace;letter-spacing:.5px;color:#1b2433}
.bank-item small{color:var(--muted)}
.bank-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr .8fr auto;gap:8px;align-items:end;margin-bottom:10px}
@media(max-width:900px){.bank-row{grid-template-columns:1fr 1fr}}
.payment-methods .payment-choice{min-width:0}

.shift-chip{white-space:nowrap}
.shift-chip.open{background:#fff3d6;border-color:#d9b866;color:#1b2433}
.receipt-frame{width:100%;height:440px;border:1px solid var(--line);border-radius:10px;background:#e9ece7}
.code-tag{font:700 11px 'Courier New',monospace;letter-spacing:.4px;background:#f4ecd7;color:#5a4a1c;border-radius:5px;padding:3px 7px;white-space:nowrap}
.plan-editor{border:1px solid var(--line);border-radius:11px;padding:15px;background:#fbfaf6;margin:2px 0 18px}
.plan-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.plan-editor h3{margin:0;font-size:14px}
.plan-editor .form-hint{margin:4px 0 0}
.plan-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 32px;gap:9px;align-items:end}
.plan-row.vip{grid-template-columns:minmax(0,1fr) 32px}
.plan-row .field{margin-bottom:12px}
.plan-row>.icon-btn{margin-bottom:14px}
@media(max-width:600px){.plan-editor{padding:12px}.plan-editor>header{flex-direction:column}.plan-editor>header>.btn{width:100%}}

.rimg-block{margin-top:18px}.rimg-block h3{margin:0 0 8px;font-size:1rem}.rimg-preview{background:#fff;color:#000;border:1px solid rgba(128,128,128,.4);border-radius:8px;padding:8px;margin:8px 0;max-width:340px;min-height:40px}.rimg-preview canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.rimg-preview .form-hint{margin:0;color:#555}
.pw-wrap{position:relative;display:block}.pw-wrap input{padding-right:46px}.pw-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;min-height:0;padding:0;display:grid;place-items:center;background:transparent;border:0;border-radius:8px;color:#899387;cursor:pointer}.pw-toggle:hover,.pw-toggle:focus-visible{color:var(--ink)}.pw-toggle .icon{width:18px;height:18px}
.settings-panel[hidden]{display:none}
.nav-fold-title{display:inline-flex;align-items:center;gap:10px}.nav-fold-title .icon{width:18px;height:18px;flex:none;color:#d4be96}.nav-group>div>.nav-item{margin-left:20px;width:calc(100% - 20px)}