*{margin:0;padding:0;box-sizing:border-box}body{height:100%;width:100%;font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0;background:#f4f4f4}.table-container{width:95%;height:90%;margin:15px auto;padding:15px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000001a;background:#f9f9f9;transition:all .3s ease}.table-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.table-container .header label{font-size:16px;font-weight:700}.table-container .header select{padding:5px 10px;font-size:14px;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:all .2s}.table-container .header select:hover{background:#e0e0e0}.table-container .table-wrapper{width:100%;height:88%;overflow:auto;border:1px solid #ddd;background:#fff}.table-container table{width:100%;border-collapse:collapse;font-size:14px}.table-container th,td{padding:12px 15px;border:1px solid #ddd;text-align:left;white-space:nowrap}.table-container th{position:sticky;top:0;background:#4caf50;color:#fff;font-weight:700;text-transform:capitalize;z-index:2}.table-container tr:nth-child(2n){background:#f2f2f2}.table-container tr:hover{background:#f1f1f1;transition:.3s}.header{position:relative}.header select{position:absolute;left:110px;width:110px;height:30px;border-radius:4px}.table-container{position:relative}.load-more-btn{width:90px;height:30px;position:absolute;border:1px solid #ccc;background-color:#fff}@media (max-width: 768px){.table-container th,td{padding:8px}}.sql-result-container{width:100%;height:200px;margin:0 auto;border:1px solid #ccc;border-radius:8px;background:#1e1e1e;color:#d4d4d4;font-family:Courier New,monospace;box-shadow:0 4px 12px #0000001a;overflow:hidden}.sql-result-header{background:#333;color:#f8f8f2;font-weight:700;padding:8px 12px;border-bottom:1px solid #555}.sql-output{height:calc(100% - 40px);overflow:auto;padding:0 12px 12px;white-space:pre-wrap;line-height:1.5}.sql-success{color:#4caf50;font-size:14px}.sql-error{color:#ff5252;font-size:14px}.sql-table th{position:sticky;top:0;background:#333;color:#fff;font-weight:700;padding:8px;text-align:left;z-index:2}.sql-placeholder{color:#aaa;font-style:italic}.sql-output::-webkit-scrollbar{width:10px}.sql-output::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.sql-output::-webkit-scrollbar-thumb:hover{background:#777}.sql-result-container{position:relative}.load-more-result{position:absolute;width:90px;height:28px;border:2px solid black;border-radius:4px;background-color:#fff;font-weight:520}.SQL-Atlan{height:100%;width:100%;padding-left:10px;display:flex;flex-direction:column}.title{margin:auto}.main-container{display:flex;flex-direction:row;width:100%;height:max-content}.SQL-Code-Editor{display:flex;flex-direction:column;width:50%;height:100%;gap:8px;position:relative}button{width:140px;padding:5px 8px;border-radius:5px;border-color:#000;cursor:pointer;color:#000;margin-left:3px;position:absolute;bottom:4px;right:4px}.SQL-View{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:50%;height:70vh;padding-top:20px}.Table-View{width:100%;height:100%}.editor-icon{bottom:5px;right:150px}.editor-icon,.view-icon,.result-icon{position:absolute;width:30px;height:27px;background-color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid;border-color:#000;cursor:pointer;border-radius:4px}.SQL-View,.SQL-Result{position:relative}.view-icon{top:53.3px;right:220px;width:26px;height:26px;border:1px solid #ccc;opacity:.7}.result-icon{top:10px;right:10px;border:2px solid black}.broom{display:flex;align-items:center;justify-content:center;background-color:#fff;width:27px;height:27px;border:2px solid black;border-radius:4px;cursor:pointer;font-size:15px}.fullscreen{position:fixed;top:0;left:0;width:99vw;height:100vh;background:#fff;z-index:10;padding:10px 10px 20px;overflow-y:auto;display:flex;flex-direction:column}.Run,.editor-icon{z-index:100}.hidden{display:none!important}@media (max-width: 860px){.main-container{flex-direction:column;margin-bottom:5vh}.SQL-Code-Editor,.SQL-View{width:100%}}
