body.app-body{background:#f5f7fb;font-family:Arial,sans-serif;color:#0f172a}.app-shell{display:flex;min-height:100vh}.sidebar{width:268px;background:#0f172a;color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .25s ease,transform .25s ease}.module-bizmat .sidebar{background:linear-gradient(180deg,#0f172a,#132238)}.module-posmat .sidebar{background:linear-gradient(180deg,#111827,#0b3b55)}.module-admin .sidebar{background:linear-gradient(180deg,#1f2937,#111827)}.sidebar.collapsed{width:84px}.sidebar-brand{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.brand-badge{width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:1.2rem;font-weight:700}.brand-title{font-size:1.35rem;font-weight:800}.brand-subtitle{font-size:.82rem;color:#cbd5e1}.sidebar-nav{padding:14px;display:flex;flex-direction:column;gap:6px}.sidebar .nav-link{color:#dbeafe;text-decoration:none;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;transition:all .2s ease}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.08);color:#fff}.sidebar.collapsed .nav-link span,.sidebar.collapsed .brand-subtitle,.sidebar.collapsed .brand-title{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar-toggle{margin:12px;border:none;border-radius:14px;padding:12px;background:rgba(255,255,255,.08);color:#fff}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:20}.page-container{padding:24px;opacity:1;transition:opacity .18s ease,transform .18s ease}.page-container.loading{opacity:.35;transform:translateY(6px)}.card-soft{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.stat-card{padding:20px}.module-table th,.module-table td{vertical-align:middle}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top right,rgba(13,110,253,.1),transparent 25%),linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%)}.auth-card{max-width:560px;width:100%;background:#fff;border-radius:28px;padding:30px;border:1px solid #e5e7eb;box-shadow:0 20px 50px rgba(2,6,23,.08)}.auth-brand{font-size:2rem;font-weight:800}.auth-subtitle{color:#64748b}.step-badge{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:#eff6ff;color:#0d6efd;font-weight:700;margin-bottom:18px}.form-control,.form-select{border-radius:14px;min-height:48px}.btn-soft{border-radius:14px;min-height:48px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-card{padding:16px}.pos-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-pill{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;cursor:pointer;transition:.2s}.product-pill:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.cart-box{position:sticky;top:92px}.badge-soft{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#eef2ff;color:#1d4ed8;font-weight:700}.fade-enter{animation:fadeIn .18s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:992px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;transform:translateX(0)}.sidebar.collapsed{transform:translateX(100%);width:268px}.pos-layout{grid-template-columns:1fr}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:576px){.quick-grid,.pos-products{grid-template-columns:1fr}.page-container{padding:16px}.topbar{padding:16px}}