:root{--sidebar-width:280px;--brand:#6d4c41;--bg:#f6f3f1;--text:#2d2a28;}
body{font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);}
.app-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0}
.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--brand),#5d4037);color:#fff;padding:1rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;transition:.3s}
.sidebar.collapsed{margin-right:calc(var(--sidebar-width) * -1)}
.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.5rem 0 1rem;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:1rem}
.brand-icon,.login-logo{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.sidebar-nav{display:flex;flex-direction:column;gap:.4rem;flex:1}.sidebar-link{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;padding:.8rem .9rem;border-radius:14px}
.sidebar-link:hover,.sidebar-link.active{background:rgba(255,255,255,.14);color:#fff}.sidebar-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.15)}
.topbar{padding:1rem 1.25rem;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.page-title{font-size:1.15rem;font-weight:700}.content-area{padding:1rem}
.stat-card,.panel-card,.form-section{background:#fff;border-radius:18px;padding:1rem;border:1px solid #ece7e5;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card-title-sm{font-size:.9rem;color:#6c757d}.card-value{font-size:1.6rem;font-weight:800}
.icon-round{width:44px;height:44px;border-radius:14px;background:#f1e9e5;color:var(--brand);display:flex;align-items:center;justify-content:center}
.table thead th{white-space:nowrap;background:#faf8f7}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f4f2,#ece2de)}
.login-card{background:#fff;width:min(100%,420px);padding:2rem;border-radius:22px}.btn-primary{background:var(--brand);border-color:var(--brand)}.btn-primary:hover{background:#5d4037;border-color:#5d4037}
.timeline{position:relative;padding-right:1rem}.timeline::before{content:'';position:absolute;right:.3rem;top:0;bottom:0;width:2px;background:#eaded8}
.timeline-item{position:relative;background:#fff;border:1px solid #eee;border-radius:14px;padding:1rem;margin-bottom:.8rem}.timeline-item::before{content:'';position:absolute;right:-.1rem;top:1.2rem;width:10px;height:10px;border-radius:50%;background:var(--brand)}
.thermal-receipt{width:80mm;margin:0 auto;background:#fff;padding:8px;font-size:12px;line-height:1.5}.quick-actions a{margin-left:.35rem}
@media (max-width:992px){.grid-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.sidebar{position:fixed;z-index:1040;inset:0 auto 0 0;transform:translateX(0)}.sidebar.collapsed{transform:translateX(100%);margin-right:0}.grid-cards{grid-template-columns:1fr}.content-area{padding:.75rem}.topbar{padding:.8rem}}
@media print{.no-print{display:none!important}body{background:#fff}.thermal-receipt{width:80mm;box-shadow:none}}