:root{--primary: #d63384;--primary-dark: #b0266e;--bg: #f5f5f7;--sidebar: #2a2a35;--danger: #d9534f;--green: #28a745;--yellow: #ffc107}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:#222}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--sidebar);color:#fff;padding:16px;flex-shrink:0}.brand{font-size:1.1rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px}.brand-logo{width:36px;height:36px;border-radius:8px;object-fit:contain;background:#fff}.brand-emoji{font-size:1.5rem}.logo-preview img{width:72px;height:72px;object-fit:contain;border:1px solid #e3e3e8;border-radius:10px;background:#fff;padding:4px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#ccc;text-decoration:none;transition:background .15s}.menu-item:hover{background:#3a3a48;color:#fff}.menu-item.active{background:var(--primary);color:#fff}.menu-icon{width:20px;text-align:center}.content{flex:1;padding:24px}h1{margin-top:0}h2{margin:24px 0 8px}.sub{color:#777;margin-top:-10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0 24px}.card{background:#fff;border:1px solid #e3e3e8;border-radius:10px;padding:16px}.card-icon{font-size:1.6rem}.card-label{color:#777;font-size:.85rem;margin:6px 0 2px}.card-value{font-size:1.25rem;font-weight:700}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;margin-top:12px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee}th{background:#fafafa;color:#555;font-size:.85rem}button{cursor:pointer;border:1px solid #ddd;background:#fff;padding:6px 12px;border-radius:6px;margin:2px}button:hover{background:#f0f0f0}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.danger{color:var(--danger)}.block{width:100%;padding:12px;font-size:1rem;margin-top:8px}input{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:.95rem}.search{width:100%;padding:10px;margin:8px 0 16px}.form-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.form-stack{display:flex;flex-direction:column;gap:12px;max-width:420px}.form-stack label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#555}.form-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.alert{background:#fdecea;color:var(--danger);padding:10px;border-radius:6px;margin:8px 0}.alert.ok{background:#eafaf1;color:var(--green)}.kasir-layout{display:grid;grid-template-columns:1fr 360px;gap:20px}.kasir-left h1{margin-bottom:0}.kasir-right{background:#fff;border:1px solid #e3e3e8;border-radius:10px;padding:16px;align-self:start;position:sticky;top:24px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.product-card{display:flex;flex-direction:column;align-items:flex-start;padding:12px;border-radius:8px;min-height:90px}.product-name{font-weight:600}.product-price{color:var(--primary);font-weight:700;margin:4px 0}.total-row{display:flex;justify-content:space-between;font-size:1.1rem;margin:16px 0 8px;border-top:1px solid #eee;padding-top:10px}.empty{color:#999}.stock-zero{color:var(--danger);font-weight:700}.stock-low{color:#b8860b;font-weight:700}.badge{padding:3px 8px;border-radius:999px;font-size:.78rem;color:#fff}.badge-red{background:var(--danger)}.badge-yellow{background:var(--yellow);color:#333}.badge-green{background:var(--green)}.tabs{display:flex;gap:6px;margin-bottom:16px}.tab{border-radius:8px 8px 0 0}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center}.receipt{background:#fff;padding:24px;border-radius:10px;min-width:260px;text-align:center}.receipt h3{margin-top:0}@media (max-width: 900px){.app{flex-direction:column}.sidebar{width:100%}.kasir-layout{grid-template-columns:1fr}.kasir-right{position:static}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border:1px solid #e3e3e8;border-radius:12px;padding:32px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #0000000f}.login-logo{font-size:2.5rem;text-align:center}.login-card h1{font-size:1.15rem;text-align:center;margin:0}.login-card .sub{text-align:center;margin-top:0}.login-card label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:#555}.sidebar{display:flex;flex-direction:column}.sidebar nav{flex:1}.sidebar-footer{margin-top:16px;border-top:1px solid #3a3a48;padding-top:12px}.user-info{color:#ddd;font-size:.9rem;margin-bottom:8px}.btn-logout{width:100%;background:transparent;border:1px solid #555;color:#eee}.btn-logout:hover{background:#3a3a48}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#888;font-size:1.1rem}