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}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.App{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1e3c72,#2a5298);box-shadow:4px 0 20px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding:30px 20px;position:fixed;top:0;width:280px}.logo h2{font-size:1.8rem;margin-bottom:5px}.logo p{font-size:.9rem;margin-bottom:40px;opacity:.8}nav{flex:1 1}.nav-btn{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:12px;margin-bottom:10px;padding:15px 20px;text-align:left;transition:all .3s;width:100%}.nav-btn:hover{background:#fff3;transform:translateX(5px)}.nav-btn.active{background:#fff;box-shadow:0 5px 15px #0003;color:#1e3c72;font-weight:600}.icon{font-size:1.3rem}.sidebar-footer{border-top:1px solid #fff3;margin-top:auto;padding-top:20px}.export-btn{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:.3s;width:100%}.export-btn:hover{background:#229954;transform:scale(1.05)}.stats{font-size:.9rem;margin-top:15px;opacity:.9;text-align:center}.reset-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:12px;transition:.3s;width:100%}.reset-btn:hover{background:#c0392b;transform:scale(1.05)}.main-content{background:#f5f7fa;flex:1 1;margin-left:280px;min-height:100vh}.top-bar{align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:25px 40px;position:sticky;top:0;z-index:100}.top-bar h1{color:#2c3e50;font-size:1.8rem}.header-actions{align-items:center;display:flex;gap:15px}.badge{background:#27ae60;color:#fff}.badge,.user-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 16px}.user-badge{background:#e8f4f8;color:#1e3c72}.content-wrapper{max-height:calc(100vh - 90px);overflow-y:auto;padding:30px 40px}.data-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:30px}.section-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.section-header h2{color:#2c3e50;font-size:1.5rem}.section-actions{align-items:center;display:flex;gap:15px}.search-input{border:2px solid #e8e8e8;border-radius:25px;font-size:.95rem;padding:10px 20px;transition:.3s;width:300px}.search-input:focus{border-color:#1e3c72;outline:none}.count-badge{background:#1e3c72;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 18px}.table-container{border:1px solid #e8e8e8;border-radius:10px;max-height:500px;overflow-y:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;position:sticky;top:0;z-index:10}.data-table th{font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f0f0f0;font-size:.95rem;padding:16px 20px}.data-table tbody tr{transition:.2s}.data-table tbody tr:hover{background:#f8f9fa}.id-badge{background:#e8f4f8;border-radius:15px;color:#1e3c72;padding:4px 12px}.dept-badge,.id-badge{font-size:.85rem;font-weight:600}.dept-badge{border-radius:20px;display:inline-block;padding:6px 14px}.dept-it{background:#e3f2fd;color:#1976d2}.dept-hr{background:#f3e5f5;color:#7b1fa2}.dept-finance{background:#e8f5e9;color:#388e3c}.dept-marketing{background:#fff3e0;color:#f57c00}.dept-sales{background:#fce4ec;color:#c2185b}.salary{color:#27ae60;font-size:1rem;font-weight:700}.query-editor{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:30px}.editor-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:10px}.hint{color:#7f8c8d;margin-bottom:25px}.query-input-wrapper{display:flex;gap:15px;margin-bottom:30px}.query-input{border:2px solid #e8e8e8;border-radius:12px;flex:1 1;font-family:Courier New,monospace;font-size:1rem;padding:20px;resize:vertical;transition:.3s}.query-input:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.run-btn{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:20px 35px;transition:.3s;white-space:nowrap}.run-btn:hover{box-shadow:0 8px 20px #27ae604d;transform:translateY(-2px)}.sample-queries h4{color:#2c3e50;font-size:1.1rem;margin-bottom:15px}.query-chips{display:flex;flex-wrap:wrap;gap:10px}.query-chip{background:#e8f4f8;border:2px solid #1e3c72;border-radius:25px;color:#1e3c72;cursor:pointer;font-family:Courier New,monospace;font-size:.85rem;padding:10px 18px;transition:.3s}.query-chip:hover{background:#1e3c72;color:#fff;transform:scale(1.05)}.query-error{background:#fee;border-left:4px solid #e74c3c;border-radius:10px;color:#c0392b;margin-top:20px;padding:20px}.query-result{background:#f8f9fa;border:2px solid #27ae60;border-radius:12px;margin-top:30px;padding:25px}.query-result h3{color:#27ae60;margin-bottom:20px}.result-value{background:#fff;border-radius:10px;padding:30px;text-align:center}.result-label{color:#7f8c8d;font-size:1rem;margin-bottom:10px}.result-number{color:#27ae60;font-size:3rem;font-weight:700}.result-info{background:#fff;border-radius:8px;color:#1e3c72;font-weight:600;margin-bottom:15px;padding:12px 20px}.upload-container{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:30px}.upload-tabs{border-bottom:2px solid #e8e8e8;display:flex;gap:15px;margin-bottom:30px}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;display:flex;font-size:1rem;gap:10px;padding:15px 30px;transition:.3s}.tab-btn:hover{color:#1e3c72}.tab-btn.active{border-bottom-color:#1e3c72;color:#1e3c72;font-weight:600}.tab-icon{font-size:1.3rem}.form-header{margin-bottom:30px}.form-header h3{color:#2c3e50;font-size:1.4rem;margin-bottom:8px}.form-header p{color:#7f8c8d}.employee-form{max-width:900px}.form-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.form-group{display:flex;flex-direction:column}.form-group label{color:#2c3e50;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e8e8e8;border-radius:10px;font-size:1rem;padding:14px 18px;transition:.3s}.form-group input:focus,.form-group select:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.submit-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 40px;transition:.3s}.submit-btn:hover{box-shadow:0 8px 20px #1e3c724d;transform:translateY(-2px)}.drop-zone{background:#f8f9fa;border:3px dashed #d0d7de;border-radius:15px;cursor:pointer;padding:60px;text-align:center;transition:.3s}.drop-zone.active,.drop-zone:hover{background:#e8f4f8;border-color:#1e3c72}.drop-icon{font-size:4rem;margin-bottom:20px}.drop-zone h4{color:#2c3e50;font-size:1.3rem;margin-bottom:10px}.drop-zone p{color:#7f8c8d;margin-bottom:20px}.browse-btn{background:#1e3c72;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 30px;transition:.3s}.browse-btn:hover{background:#2a5298;transform:scale(1.05)}.csv-instructions{background:#f8f9fa;border-radius:12px;margin-top:40px;padding:25px}.csv-instructions h4{color:#2c3e50;margin-bottom:15px}.instruction-box{background:#fff;border-left:4px solid #1e3c72;border-radius:10px;padding:20px}.instruction-box code{background:#2d2d2d;border-radius:6px;color:#f8f8f2;display:block;font-family:Courier New,monospace;margin:15px 0;padding:12px}.csv-example pre{background:#2d2d2d;border-radius:8px;color:#f8f8f2;font-size:.9rem;line-height:1.6;overflow-x:auto;padding:20px}.charts-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;margin-bottom:30px;padding:30px}.charts-section h2{border-bottom:2px solid #e8e8e8;color:#2c3e50;font-size:1.5rem;margin-bottom:25px;padding-bottom:15px}.chart-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.chart-grid-four{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}@media (min-width:1600px){.chart-grid-four{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.chart-grid-four{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.chart-grid-four{grid-template-columns:1fr}}.chart-insight{background:linear-gradient(135deg,#fff5e6,#ffe8cc);border-left:4px solid #f39c12;border-radius:8px;color:#2c3e50;font-size:.9rem;margin-top:15px;padding:12px 18px}.chart-insight strong{color:#e67e22}@media (min-width:1400px){.chart-grid-three{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.chart-grid-three{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.chart-grid-three{grid-template-columns:1fr}}.chart-container{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:12px;padding:25px}.chart-container h3{color:#1e3c72;font-size:1.2rem;margin-bottom:20px}.sql-section{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:30px}.sql-section h2{border-bottom:2px solid #e8e8e8;color:#2c3e50;font-size:1.5rem;margin-bottom:25px;padding-bottom:15px}.analysis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.analysis-card{background:linear-gradient(135deg,#f8f9fa,#e8f4f8);border-left:5px solid #1e3c72;border-radius:12px;padding:25px;transition:.3s}.analysis-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.analysis-card h3{color:#1e3c72;font-size:1rem;margin-bottom:15px}.big-number{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:15px 0}.analysis-card code{background:#2d2d2d;border-radius:6px;color:#f8f8f2;display:block;font-size:.85rem;margin-top:15px;padding:10px}.content-wrapper::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:8px}.content-wrapper::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.content-wrapper::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#1e3c72;border-radius:10px}.content-wrapper::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#2a5298}@media (max-width:1200px){.chart-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{width:80px}.main-content{margin-left:80px}.logo p,.nav-btn span:not(.icon),.sidebar-footer{display:none}.form-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.b257f36e.css.map*/