body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-container{margin-top:50px;text-align:center}.home-title{font-size:32px;font-weight:700}.home-button{background-color:blue;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.home-button:hover{background-color:#00008b}.w-split{--w-split-bar-shadow:#d5d5d5;--w-split-bar-shadow-disable:#d5d5d5;display:flex;flex-direction:row;height:100%}.w-split-bar{background:#f8f8f9;background:var(--w-split-bar-background,#f8f8f9);display:flex;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;z-index:10}.w-split-bar:after,.w-split-bar:before{content:"";display:block}.w-split-bar.disable{cursor:not-allowed!important;pointer-events:none}.w-split-bar:hover:not(.disable){background:#ecf7ff;background:var(--w-split-bar-hover-background,#ecf7ff);transition:background-color .3s}.w-split.dragging .w-split-pane{position:relative}.w-split.dragging .w-split-pane:before{content:"";display:block;height:100%;position:absolute;width:100%;z-index:10}.w-split>.w-split-pane{transform:none}.w-split:not(.dragging)>.w-split-pane{transition:all .3s}.w-split-horizontal>.w-split-bar{box-shadow:inset 1px 0 0 0 var(--w-split-bar-shadow),1px 0 0 0 var(--w-split-bar-shadow);cursor:col-resize;flex-direction:column;width:5px}.w-split-horizontal>.w-split-bar:after,.w-split-horizontal>.w-split-bar:before{box-shadow:inset 0 1px 0 0 var(--w-split-bar-shadow),0 1px 0 0 var(--w-split-bar-shadow);height:3px;width:100%}.w-split-horizontal>.w-split-bar:before{margin-top:-1px}.w-split-horizontal>.w-split-bar:after{margin-top:3px}.w-split-horizontal>.w-split-bar.disable{box-shadow:inset 1px 0 0 0 var(--w-split-bar-shadow-disable),1px 0 0 0 var(--w-split-bar-shadow-disable)!important}.w-split-vertical{flex-direction:column}.w-split-vertical>.w-split-bar{align-items:center;box-shadow:inset 0 1px 0 0 var(--w-split-bar-shadow),0 1px 0 0 var(--w-split-bar-shadow);cursor:row-resize;flex-direction:row;height:5px;width:100%}.w-split-vertical>.w-split-bar.disable{box-shadow:inset 0 1px 0 0 var(--w-split-bar-shadow-disable),0 1px 0 0 var(--w-split-bar-shadow-disable)!important}.w-split-vertical>.w-split-bar:after,.w-split-vertical>.w-split-bar:before{box-shadow:inset 1px 0 0 0 var(--w-split-bar-shadow),1px 0 0 0 var(--w-split-bar-shadow);height:100%;width:3px}.w-split-vertical>.w-split-bar:before{margin-left:-1px}.w-split-vertical>.w-split-bar:after{margin-left:3px}.w-split-large-bar div{bottom:0;left:0;position:absolute;right:0;top:0}.w-split-horizontal>.w-split-line-bar:hover:before,.w-split-vertical>.w-split-line-bar:hover:before{background:#008ef0;background:var(--w-split-line-bar-hover-border-color,#008ef0)}.w-split-vertical>.w-split-line-bar{height:1px}.w-split-vertical>.w-split-line-bar div{cursor:row-resize;height:8px;margin-bottom:-2px;margin-top:-2px;width:100%}.w-split-vertical>.w-split-line-bar div:active,.w-split-vertical>.w-split-line-bar div:focus,.w-split-vertical>.w-split-line-bar div:hover{height:6px;margin-bottom:-6px;margin-top:-6px}.w-split-vertical>.w-split-line-bar div:active:after,.w-split-vertical>.w-split-line-bar div:focus:after,.w-split-vertical>.w-split-line-bar div:hover:after{background:#008ef0;background:var(--w-split-line-bar-active-background,#008ef0)}.w-split-vertical>.w-split-line-bar div:after{height:1px;width:100%}.w-split-horizontal>.w-split-line-bar{width:1px}.w-split-horizontal>.w-split-line-bar div{cursor:col-resize;height:100%;margin-left:-2px;margin-right:-2px;width:8px}.w-split-horizontal>.w-split-line-bar div:active,.w-split-horizontal>.w-split-line-bar div:focus,.w-split-horizontal>.w-split-line-bar div:hover{margin-left:-6px;margin-right:-6px;width:6px}.w-split-horizontal>.w-split-line-bar div:active:after,.w-split-horizontal>.w-split-line-bar div:focus:after,.w-split-horizontal>.w-split-line-bar div:hover:after{background:#008ef0;background:var(--w-split-line-bar-active-background,#008ef0)}.w-split-horizontal>.w-split-line-bar div:after{height:100%;width:1px}.w-split-horizontal>.w-split-line-bar,.w-split-vertical>.w-split-line-bar{flex-direction:inherit}.w-split-horizontal>.w-split-line-bar:before,.w-split-vertical>.w-split-line-bar:before{display:none}.w-split-horizontal>.w-split-line-bar div,.w-split-vertical>.w-split-line-bar div{align-items:center;display:flex;justify-content:center;position:relative}.w-split-horizontal>.w-split-line-bar div:after,.w-split-vertical>.w-split-line-bar div:after{background-color:#d5d5d5;background-color:var(--w-split-line-bar-background,#d5d5d5);content:"";display:block}.w-split-line-bar{background:#0000}.w-split-line-bar,.w-split-line-bar:before{box-shadow:inset 0 0 0 0!important}.w-split-line-bar:after{display:none}.table-layout{display:flex;height:100vh}.left-pane{border-right:1px solid #ccc;box-sizing:border-box;height:100%;overflow:auto;padding:8px;width:100%}.table-list{list-style:none;margin:0;padding:0}.table-list li{border-bottom:1px solid #eee;cursor:pointer;padding:8px}.table-list li:hover{background-color:#f0f0f0}.table-list li.selected{background-color:#d0ebff;font-weight:700}.sql-input-area,.table-result-area{overflow:auto;padding:12px}.sql-input-area textarea{height:80px;margin-bottom:10px;resize:vertical;width:100%}.sql-input-area button{padding:6px 12px}.error{color:red;font-size:14px;margin-top:6px}.w-split-vertical{height:100%}.w-split-pane{display:flex;flex-direction:column;height:100%}.sidebar{background-color:#2c3e50;box-sizing:border-box;color:#fff;height:calc(100vh - 60px);left:0;overflow-x:hidden;padding:20px;position:fixed;top:60px;transition:transform .3s ease;width:200px;z-index:999}.sidebar.closed{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-header{display:flex;justify-content:flex-end}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;margin-bottom:10px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{cursor:pointer;margin-bottom:15px}.sidebar a{color:#fff;text-decoration:none}.sidebar a:visited{color:#fff}.sidebar a:hover{color:#4caf50}.sidebar a.active{color:#fc0;font-weight:700}.dashboard-header{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0003;color:#fff;display:flex;height:60px;left:0;padding:0 16px;position:fixed;top:0;width:100%;z-index:1001}.toggle-sidebar-button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:24px;margin-right:16px}.dashboard-title{font-size:20px;margin:0}.dashboard-content{flex-grow:1;margin-left:0;padding:80px 20px 20px;transition:margin-left .3s ease}.dashboard-content.with-sidebar{margin-left:200px}.components-test-container{border:1px solid #ccc;border-radius:10px;box-shadow:2px 2px 10px #0000001a;margin:20px auto;max-width:500px;padding:20px}h2{text-align:center}.component{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input,select{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:8px;width:100%}input[type=color]{border:none;height:30px;padding:0;width:50px}p{color:#555;font-size:14px;margin-top:5px}.container{font-family:Arial,sans-serif;margin:0 auto;max-width:800px}h2,h3{text-align:center}.customers-table{border-collapse:collapse;margin-top:20px;width:100%}.customers-table td,.customers-table th{border:1px solid #ddd;padding:10px;text-align:center}.customers-table th{background-color:#f4f4f4}.customers-table input{padding:5px;width:95%}.add-button,.update-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.add-button:hover,.update-button:hover{background-color:#218838}.new-customer-form{display:flex;flex-direction:column;gap:10px;margin:20px auto;max-width:400px}.new-customer-form input{border:1px solid #ddd;border-radius:4px;padding:8px}.add-button{align-self:center}.login-container{align-items:center;background:linear-gradient(135deg,#6e8efb,#a777e3);display:flex;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0003;padding:2rem;text-align:center;width:350px}h2{color:#444}.error-message,h2{margin-bottom:1rem}.error-message{color:red}.login-input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.login-button{background:#6e8efb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:12px;transition:background .3s;width:100%}.login-button:hover{background:#5a7be1}.product-container{padding:20px}.product-table{border-collapse:collapse;margin-top:20px;width:100%}.product-table td,.product-table th{border:1px solid #ccc;padding:8px 12px;text-align:left}.product-table th{background-color:#f5f5f5}.action-button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;padding:6px 12px}.action-button:hover{background-color:#45a049}.pagination-controls{align-items:center;display:flex;gap:10px;margin-top:20px}.pagination-controls button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:6px 12px}.pagination-controls button:disabled{background-color:#ccc;cursor:not-allowed}
/*# sourceMappingURL=main.ffffb7cb.css.map*/