:root{--font-sans:"Outfit", sans-serif;--primary-h:245;--primary-s:82%;--primary-l:58%;--primary:HSL(var(--primary-h), var(--primary-s), var(--primary-l));--primary-hover:HSL(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 8%));--primary-glow:HSLA(var(--primary-h), var(--primary-s), var(--primary-l), .15);--bg:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--surface-active:#e2e8f0;--text:#475569;--text-bold:#0f172a;--text-muted:#94a3b8;--border:#e2e8f0;--border-focus:HSL(var(--primary-h), var(--primary-s), var(--primary-l));--glass-bg:#ffffffbf;--glass-border:#0f172a14;--input-bg:#0f172a05;--input-bg-focus:#0f172a0a;--success:#02c39a;--success-glow:#02c39a1a;--warning:#f7b731;--warning-glow:#f7b7311a;--danger:#eb3b5a;--danger-glow:#eb3b5a1a;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--shadow:0 8px 30px #0000000d}.dark-theme{--bg:#08090d;--surface:#11141e;--surface-hover:#1b1f2e;--surface-active:#24293d;--text:#a0aec0;--text-bold:#f7fafc;--text-muted:#4a5568;--border:#1e2538;--glass-bg:#11141ebf;--glass-border:#ffffff0d;--input-bg:#ffffff08;--input-bg-focus:#ffffff0d;--success:#00f0b5;--success-glow:#00f0b51a;--warning:#ffbe0b;--warning-glow:#ffbe0b1a;--danger:#f05;--danger-glow:#ff00551a;--shadow:0 8px 30px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;line-height:1.6;overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}h1,h2,h3,h4,h5,h6{color:var(--text-bold);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background-color:var(--bg);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.touch-grid{gap:12px;padding:8px 0;display:grid}.touch-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.touch-card:hover{background-color:var(--surface-hover);border-color:var(--border-focus);box-shadow:var(--shadow);transform:translateY(-2px)}.touch-card:active{background-color:var(--surface-active);transform:scale(.98)}.form-group{flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.form-label{color:var(--text-bold);font-size:14px;font-weight:500}.form-input{background-color:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-bold);transition:var(--transition);padding:12px}.form-input:focus{border-color:var(--border-focus);background-color:var(--input-bg-focus);box-shadow:0 0 0 4px var(--primary-glow)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background-color:var(--surface);border:1px solid var(--border);color:var(--text-bold)}.btn-secondary:hover{background-color:var(--surface-hover)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sidebar-container{background-color:var(--surface);border-right:1px solid var(--border);width:260px;transition:var(--transition);flex-direction:column;justify-content:space-between;padding:24px 16px;display:flex}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-footer{flex-direction:column;display:flex}.mobile-header{display:none}.pos-container{width:100%;height:100%;display:flex;overflow:hidden}.pos-ledger{border-right:1px solid var(--border);background-color:#0000001a;flex-direction:column;justify-content:space-between;width:380px;padding:24px;display:flex}.responsive-layout-grid{grid-template-columns:1fr 340px;align-items:flex-start;gap:32px;display:grid}@media (width<=768px){.app-container{flex-direction:column!important;padding-bottom:64px!important;overflow-y:auto!important}.sidebar-container{border-right:none!important;border-top:1px solid var(--border)!important;z-index:1000!important;flex-direction:row!important;width:100%!important;height:60px!important;padding:8px 16px!important;position:fixed!important;bottom:0!important;left:0!important}.sidebar-brand{display:none!important}.sidebar-nav{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:12px!important;width:100%!important}.sidebar-nav .btn{padding:8px 12px!important;font-size:13px!important}.sidebar-footer{display:none!important}.mobile-header{background-color:var(--surface)!important;border-bottom:1px solid var(--border)!important;z-index:1000!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:56px!important;padding:0 16px!important;display:flex!important;position:sticky!important;top:0!important}.pos-container{flex-direction:column!important;overflow-y:auto!important}.pos-ledger{border-right:none!important;border-bottom:1px solid var(--border)!important;background-color:#0000!important;width:100%!important}.responsive-layout-grid{grid-template-columns:1fr!important;gap:24px!important;padding:16px!important}}