:root{--primary: #2563eb;--bg-dark: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);display:flex;justify-content:center;min-height:100vh}.container-center{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.card{background-color:var(--bg-card);padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #00000080;width:100%;max-width:400px;text-align:center}.input-group{margin-bottom:1rem;text-align:left}label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}input{width:100%;padding:.75rem;border-radius:8px;border:1px solid #334155;background-color:#0f172a;color:#fff;box-sizing:border-box}input:focus{outline:none;border-color:var(--primary)}.btn-primary{width:100%;padding:.75rem;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-top:1rem;transition:background .2s}.btn-primary:hover{background-color:#1d4ed8}h1{margin-bottom:.5rem}p{color:var(--text-muted);margin-top:0}.pos-container{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden}.pos-sidebar{width:400px;background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.25rem;display:flex;flex-direction:column;border-left:1px solid rgba(51,65,85,.5);box-shadow:-10px 0 30px #00000080;z-index:20}.inventory-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;flex:1;padding:0 2rem 1.5rem;overflow:hidden}.clients-grid{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;flex:1;padding:0 2rem 1.5rem;overflow:hidden}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1;padding:0 2rem 1.5rem;overflow:hidden}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.flex-row-center{display:flex;align-items:center;gap:1rem}.flex-between{display:flex;justify-content:space-between;align-items:center}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.flex-row-center,.flex-between{flex-direction:column;align-items:stretch;gap:.5rem}.pos-container{flex-direction:column!important;overflow-y:auto!important}.pos-sidebar{width:100%!important;height:auto!important;border-left:none!important;border-top:2px solid rgba(59,130,246,.5)!important}.inventory-grid,.clients-grid,.config-grid{grid-template-columns:1fr!important;padding:0 1rem 1rem!important;overflow-y:auto!important}.ReactModal__Content{width:95vw!important;max-width:100%!important;max-height:95vh!important;padding:1rem!important}.sidebar{position:fixed!important;top:0;left:-300px;height:100vh;width:280px!important;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 25px #00000080;z-index:50}.sidebar.open{left:0}.main-content{padding:1rem!important}.mobile-header{display:flex!important}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}@media(max-width:768px){.sidebar-overlay.active{display:block}}