@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #22c55e;--color-primary-light: #dcfce7;--color-primary-dark: #16a34a;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-sidebar: #111827;--color-sidebar-hover: #1f2937;--color-text: #111827;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-brand: "Playfair Display", Georgia, serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05)}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .18s ease-out forwards}.scale-in{animation:scaleIn .15s ease-out forwards}.slide-up{animation:slideUp .2s ease-out forwards}@keyframes orbFloat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-53%) scale(1.05)}}@keyframes loginFormSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes loginShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-form-animate{animation:loginFormSlide .35s ease-out forwards}.login-shake{animation:loginShake .4s ease-out}@keyframes loginStepIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.login-step-in{animation:loginStepIn .32s cubic-bezier(.22,1,.36,1) forwards}@keyframes posViewFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.pos-view-enter{animation:posViewFadeIn .2s ease-out}.login-brand-panel{display:none;position:relative;flex-direction:column;justify-content:space-between;padding:48px 56px;background-color:#0b1120;overflow:hidden}.login-mobile-brand{display:flex;align-items:center;gap:8px;margin-bottom:40px}@media (min-width: 768px){.login-brand-panel{display:flex;width:40%;min-width:360px;flex-shrink:0}.login-mobile-brand{display:none}}.simple-keyboard{background:#fff!important;border-top:1px solid #E5E7EB!important;border-radius:0!important;padding:8px 12px 12px!important;font-family:var(--font-body)!important}.simple-keyboard .hg-button{background:#f9fafb!important;border-bottom:1px solid #E5E7EB!important;border-radius:8px!important;color:#111827!important;font-family:var(--font-body)!important;font-size:16px!important;font-weight:500!important;height:48px!important;box-shadow:none!important;transition:background .1s ease!important}.simple-keyboard .hg-button:active,.simple-keyboard .hg-button.hg-activeButton{background:#e5e7eb!important}.simple-keyboard .hg-button.hg-button-bksp,.simple-keyboard .hg-button.hg-button-enter,.simple-keyboard .hg-button.hg-button-shift,.simple-keyboard .hg-button.hg-button-space{background:#f3f4f6!important;font-size:14px!important}[data-theme=dark] .simple-keyboard{background:#1e293b!important;border-top-color:#334155!important}[data-theme=dark] .simple-keyboard .hg-button{background:#0f172a!important;border-bottom-color:#334155!important;color:#f8fafc!important}[data-theme=dark] .simple-keyboard .hg-button:active,[data-theme=dark] .simple-keyboard .hg-button.hg-activeButton{background:#334155!important}[data-theme=dark] .simple-keyboard .hg-button.hg-button-bksp,[data-theme=dark] .simple-keyboard .hg-button.hg-button-enter,[data-theme=dark] .simple-keyboard .hg-button.hg-button-shift,[data-theme=dark] .simple-keyboard .hg-button.hg-button-space{background:#162032!important}[data-theme=dark] .app-nav-item:hover{background:#1e293b!important;color:#f8fafc!important}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden}.app-nav{display:flex;align-items:center;flex-shrink:0}.app-nav-item{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:#9ca3af;box-sizing:border-box}@media (min-width: 1024px){.app-shell{flex-direction:row}.app-shell-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-nav{width:64px;min-width:64px;height:100%;flex-direction:column;background:#fff;border-right:1px solid #E5E7EB;padding:16px 0;gap:4px}.app-nav-logo{display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.app-nav-item{width:44px;height:44px;border-radius:10px;font-size:18px;color:#6b7280}.app-nav-item:hover{background:#f3f4f6;color:#111827}.app-nav-item.active{background:#f0fdf4;color:#22c55e}.app-nav-item-label{display:none}.app-nav-spacer{flex:1}.on-screen-keyboard{bottom:0!important;left:64px!important;right:0!important}}@media (max-width: 1023px){.app-shell{flex-direction:column}.app-shell-content{flex:1;display:flex;flex-direction:column;overflow:hidden;order:1}.app-nav{order:2;width:100%;height:56px;flex-direction:row;background:#fff;border-top:1px solid #E5E7EB}.app-nav-logo,.app-nav-spacer{display:none}.app-nav-item{flex:1;height:100%;flex-direction:column;font-size:18px;gap:2px;color:#6b7280;border-radius:0}.app-nav-item:hover{color:#374151}.app-nav-item.active{color:#22c55e}.app-nav-item-label{display:block;font-size:10px;font-weight:500;line-height:1}.on-screen-keyboard{bottom:56px!important;left:0!important;right:0!important}}