*{box-sizing:border-box}body{margin:0;background:#f8f6f3;color:#2e2925;font:14px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#805333}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;flex:none;background:#32261f;color:#e8dcd1;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:30px 22px 34px;border-bottom:1px solid #ffffff13}.brand-icon{display:grid;place-items:center;background:#6f4d34;width:42px;height:42px;border-radius:13px;font-size:22px}.brand b{font-size:17px;letter-spacing:1.1px;color:white}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#bfae9f}.menu-label{font-size:10px;letter-spacing:1.7px;color:#9e8e82;margin:28px 24px 12px}.side-nav{padding:0 12px;display:flex;flex-direction:column;gap:5px;overflow:auto}.side-link{display:flex;align-items:center;gap:13px;text-decoration:none;color:#d5c8be;padding:12px 14px;border-radius:10px;font-weight:500}.side-link:hover{background:#ffffff0d;color:#fff}.side-link.active{background:#78543c;color:white}.nav-icon{font-size:19px;width:23px;text-align:center;opacity:.95}.side-footer{margin-top:auto;border-top:1px solid #ffffff18;padding:18px;display:flex;gap:10px;align-items:center}.avatar{width:37px;height:37px;display:grid;place-items:center;background:#9e7557;border-radius:50%;color:white;font-weight:700}.profile{flex:1;min-width:0}.profile b,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small{color:#aa988b;font-size:11px}.logout{color:#e8dcd1;font-size:25px;text-decoration:none}.workspace{min-width:0;flex:1}.topbar{height:76px;background:#fff;border-bottom:1px solid #eee7e1;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.top-title{font-weight:650;font-size:16px}.top-user{color:#736960;font-size:12px;display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:#5caa7b}.page{max-width:1450px;margin:auto;padding:32px 36px 70px}.page-title{font-size:27px;letter-spacing:-.7px;margin:0 0 22px}.welcome{margin-top:-14px;color:#8c8177;margin-bottom:28px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric,.panel,.tile{background:white;border:1px solid #eee9e4;border-radius:15px;box-shadow:0 5px 25px #362b1e07}.metric{padding:21px 22px;min-height:142px;position:relative}.metric-label{font-size:12px;color:#827970;font-weight:550}.metric-value{font-size:29px;letter-spacing:-1px;font-weight:750;margin:13px 0 3px}.metric-foot{font-size:11px;color:#978d84}.metric-icon{position:absolute;right:18px;top:18px;background:#f6eee7;border-radius:10px;padding:7px 10px;color:#906b4c;font-size:18px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px}.panel{padding:23px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.panel-head h2{margin:0;font-size:17px}.panel-head a{font-size:12px;text-decoration:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;color:#8b8179;background:#faf8f6;font-weight:650}td,th{padding:13px 12px;border-bottom:1px solid #f0ebe7}td{font-size:12px}tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:4px 9px;background:#eef6ef;border-radius:99px;color:#397b50;font-size:11px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-link{border:1px solid #eee5dc;background:#fcfaf8;padding:15px;border-radius:12px;text-decoration:none;color:#4b3a2e;font-weight:600}.quick-link span{display:block;color:#9a7557;font-size:20px;margin-bottom:7px}.empty{padding:28px 10px;color:#93877e;text-align:center;font-size:13px}.tile{display:inline-block;vertical-align:top;padding:18px;margin:6px;min-width:190px}.tile strong{display:block;font-size:28px}form{background:#fff;padding:22px;border:1px solid #eee9e4;border-radius:14px;display:grid;gap:13px;margin-bottom:22px}input,select,textarea{border:1px solid #dcd3ca;border-radius:9px;padding:11px 12px;max-width:100%;background:#fff}label{display:grid;gap:5px}button{background:#745039;color:#fff;border:0;border-radius:9px;padding:12px 17px}h2{font-size:19px;margin-top:24px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.product-card{display:flex;flex-direction:column;gap:7px;text-align:left;background:white;color:#37271e;border:1px solid #e3d6c8;min-height:120px}.product-card img{width:100%;height:100px;object-fit:contain}.product-card small{font-size:12px;color:#777}.cart-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px;border-bottom:1px solid #ddd}.cart-row input{max-width:85px}.receipt{background:white;color:black;width:300px;padding:12px;font:13px Arial,sans-serif}.menu-toggle{display:none;background:transparent;color:#46352b;font-size:21px;padding:6px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:fixed;z-index:10;left:-270px;transition:left .2s}.menu-open .sidebar{left:0;box-shadow:0 0 0 200vw #0008}.menu-toggle{display:block}.topbar{padding:0 18px;height:65px}.top-title{margin-right:auto;margin-left:12px}.top-user{font-size:11px}.page{padding:23px 16px 50px}.page-title{font-size:24px}.metrics{gap:10px}.metric{padding:16px;min-height:125px}.metric-value{font-size:23px}.dashboard-grid{gap:12px}.panel{padding:15px}.quick-links{gap:8px}}@media print{.sidebar,.topbar,.page-title,button{display:none!important}.page{padding:0}.receipt{width:55mm;margin:0;padding:1mm}}
/* Cafe Nova v0.4 responsive branding */
.brand{justify-content:center;padding:17px 14px 20px}.brand-logo{width:174px;max-height:125px;object-fit:contain;filter:drop-shadow(0 1px 2px #0002)}.mobile-logo{display:none}.menu-backdrop{display:none}
@media(max-width:760px){.topbar{position:relative;justify-content:space-between;gap:6px}.mobile-logo{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:57px;object-fit:contain;pointer-events:none}.top-title{display:none}.top-user{margin-left:auto;font-size:0}.status-dot{width:9px;height:9px}.menu-toggle{z-index:1}.sidebar{left:0;transform:translateX(-105%);transition:transform .2s ease;z-index:101}.menu-open .sidebar{transform:translateX(0);box-shadow:none}.menu-open .menu-backdrop{display:block;position:fixed;inset:0;background:#0008;z-index:100}.page{padding-top:18px}.page-title{font-size:22px}}

/* v0.5: hard limits against theme collisions and oversized branding */
html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-size:14px!important}.app-shell{width:100%;align-items:stretch}.sidebar{max-width:252px}.sidebar .brand{height:158px;flex:0 0 auto;overflow:hidden}.sidebar .brand-logo{width:165px!important;height:auto!important;max-height:112px!important;max-width:100%!important}.topbar .mobile-logo{width:108px!important;height:56px!important;max-width:108px!important;object-fit:contain!important}.workspace .page{width:100%;max-width:1450px}.page form{width:100%}.page img{max-width:100%}@media(max-width:760px){.sidebar{width:252px;max-width:252px}.sidebar .brand{height:142px}.topbar{height:70px}.topbar .mobile-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.page{margin:0 auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.metrics{grid-template-columns:1fr}}