body,html,#root{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}@font-face{font-family:Pacifico;src:url(/fonts/Pacifico-Regular.ttf) format("truetype")}body,html{margin:0;padding:0;height:100%;width:100%}.landing-container{display:flex;width:100vw;height:100vh}.centered-background{flex:1;position:relative;display:flex;justify-content:center;background-image:url(/images/landingRefBackground.png);background-repeat:no-repeat;background-size:cover;background-position:center;align-items:center;background-color:navy}.company-header{position:absolute;top:20px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;z-index:10}.company-name{font-family:Pacifico,cursive;color:#fff;font-size:3rem}.nav-buttons button{margin-left:1rem;padding:.5rem 1rem;font-size:1rem;background-color:transparent;color:#fff;border:1px solid white;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.nav-buttons button:hover{background-color:#fff3}.centered-content{text-align:center;color:#fff;font-family:Arial,sans-serif;font-size:2rem;font-weight:700;max-width:700px;margin:auto;line-height:1.6}.fade-in{opacity:0;transform:translateY(10px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-form-container{flex:1;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.contact-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:80%;max-width:400px;font-family:sans-serif}.contact-form h2{margin-bottom:1rem;color:#000;font-family:Arial,sans-serif;text-align:center}.contact-form input,.contact-form textarea{width:100%;margin-bottom:1rem;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.contact-form button{width:100%;padding:.75rem;border:none;border-radius:4px;background-color:#000;color:#fff;font-size:1rem;cursor:pointer}.contact-form button:hover{opacity:.9}.popup{border:1px solid #ccc;border-radius:8px;width:800px;padding:16px;background-color:#fff}.popup-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;padding:20px;z-index:1000;max-width:90%;max-height:90vh;border-radius:8px;overflow:auto;width:auto;height:auto}.textarea{width:100%;min-height:100px;padding:10px;font-size:16px;line-height:1.5;resize:none;margin-bottom:15px}.dropdown-container{position:relative;min-height:50px}.dropdown{position:absolute;top:100%;left:0;width:100%;z-index:1000;background-color:#eeec7a;border:3px solid #f10f0f;border-radius:5px;box-shadow:0 4px 6px #0000001a;padding:5px;list-style:none}.form-section{border:1px solid #ccc;border-radius:8px;padding:10px;margin-bottom:20px;background-color:#f9f9f9}.button-container{margin-top:20px;display:flex;gap:10px}.large-textarea{width:100%;min-height:100px;max-height:300px;padding:8px;border:1px solid #ccc;border-radius:4px;resize:none;font-size:16px;line-height:1.5;box-sizing:border-box}ul li{padding:5px;cursor:pointer}ul li:hover{background-color:#f0f0f0}.processing-steps{margin-bottom:20px}.processing-step{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px;border:1px solid #ddd;border-radius:4px}.processing-step span{flex-grow:1;margin-right:16px}.buttons{display:flex;gap:8px}.add-process{display:flex;align-items:center;gap:10px}select{flex-grow:1;padding:6px;border:1px solid #ddd;border-radius:4px}button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;background-color:#007bff;color:#fff}button:disabled{background-color:#ccc;cursor:not-allowed}.dropdown-vis{display:inline-block;font-family:Courier New,Courier,monospace;font-size:16px;padding:.2rem .4rem;border:1px solid #ccc;border-radius:4px;outline:none;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;color:#333}.dropdown-unselected{background-color:#f9f9f9}.dropdown-selected{background-color:#fff}.dropdown-vis:focus{border-color:#005cc5}.indented{margin-left:2rem}.btn{font-size:16px;padding:.2rem .5rem;margin-left:.5rem;border:none;background-color:#f0f0f0;cursor:pointer;transition:background-color .2s ease-in-out;border-radius:4px}.plus-btn{background-color:#c8e6c9}.minus-btn{background-color:#ffccbc}.btn:hover{background-color:#ddd}.column-row{display:flex;align-items:center;margin-bottom:.5rem}.query-builder{font-family:Courier New,Courier,monospace;font-size:16px;color:#333;margin:1rem;width:900px}.keyword{font-weight:700;color:#005cc5}.keyword-dropdown{font-family:Courier New,Courier,monospace;font-size:16px;color:#005cc5;font-weight:700;background-color:#fff;border:none;padding:.2rem .4rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.dropdown-arrow{position:absolute;top:50%;right:.8rem;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #005cc5;pointer-events:none}.custom-dropdown-container:hover .custom-dropdown{background-color:#f0f8ff}.keyword-dropdown:hover,.keyword-dropdown:focus{background-color:#f0f8ff}.join-section{margin-bottom:1rem}.row-container{display:flex;flex-direction:column;margin-bottom:20px}.join-type-container{align-items:left;font-weight:700}.left-join-table-container{margin-left:30px}.on-container{align-items:left;font-weight:700;color:#005cc5}.input-container{display:flex;align-items:center;gap:0;margin:0;padding:0;flex-shrink:1}.button-container{margin-left:5px}.button-container button{margin-right:10px}.join-type-select{flex-shrink:0;width:auto}span{flex-grow:1}.map-input-params{margin-top:20px;font-family:Arial,sans-serif}.map-input-params-header h3{margin-bottom:10px}.map-input-param-row{display:flex;align-items:center;margin-bottom:10px}.map-input-param-label{margin-right:10px;min-width:100px}.input-dropdown-container{position:relative}.resizable-input-container{display:inline-block;resize:horizontal;overflow:auto;min-width:100px}.map-input-param-input{width:100%;padding:4px 6px;font-size:14px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.map-input-param-dropdown{position:absolute;top:100%;left:0;z-index:1000;width:100%;background-color:#fff;border:1px solid #ccc;margin-top:2px;list-style:none;padding:0}.map-input-param-dropdown-item{padding:5px;cursor:pointer;font-size:14px}.map-input-param-dropdown-item:hover{background-color:#eee}.map-input-param-checkbox{margin-left:10px;display:flex;align-items:center}.sidebar{width:250px;background-color:#333;color:#fff;position:fixed;top:56px;left:0;height:calc(100vh - 56px);transition:width .3s ease-in-out;overflow:hidden;padding:10px;display:flex;flex-direction:column;z-index:10}.sidebar.closed{width:50px}.toggle-button{background-color:#444;color:#fff;border:none;cursor:pointer;padding:10px;width:100%;text-align:center;font-size:14px}.menu{list-style:none;padding:0;margin:10px 0}.menu li{padding:10px;cursor:pointer;border-radius:4px}.menu li:hover{background-color:#555}.graph-dropdown,.table-dropdown{margin:10px 0}.graph-dropdown label,.table-dropdown label{display:block;font-size:14px;margin-bottom:5px}.graph-dropdown select,.table-dropdown select{width:100%;padding:8px;border-radius:4px;border:none;background-color:#444;color:#fff}.button-container{display:flex;flex-direction:column;margin-top:15px}.manage-graph-button,.manage-categories-button,.add-table-button{width:100%;background-color:#555;color:#fff;border:none;padding:10px;margin-top:10px;cursor:pointer;border-radius:4px;text-align:center}.manage-graph-button:hover,.manage-categories-button:hover,.add-table-button:hover{background-color:#666}.popup{position:fixed;top:30%;left:50%;transform:translate(-50%,-30%);background-color:#222;padding:20px;border-radius:8px;width:300px;color:#fff}.popup-content{text-align:center}.popup-content h3{margin-bottom:10px}.popup-buttons{display:flex;justify-content:space-between;margin-top:15px}.popup-buttons button{padding:8px 12px;border:none;background-color:#444;color:#fff;border-radius:4px;cursor:pointer}.popup-buttons button:hover{background-color:#666}.category-manager-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.category-manager{background-color:#fff;width:400px;max-width:90%;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;color:#333;cursor:pointer;transition:transform .2s ease,color .2s ease}.close-button:hover{color:#d9534f;transform:scale(1.2)}.category-manager h2{margin:0 0 20px;font-size:20px;color:#333;text-align:center;font-weight:700}.category-manager .section{margin-bottom:20px}.category-manager .category-list{max-height:200px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:10px;background-color:#f9f9f9}.category-manager .category-form{padding:10px 0;border-top:1px solid #ddd}.category-manager input,.category-manager textarea{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.category-manager button{padding:10px 15px;font-size:14px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.category-manager button.save-button{background-color:#5cb85c;color:#fff}.category-manager button.save-button:hover{background-color:#4cae4c}.category-manager button.cancel-button{background-color:#d9534f;color:#fff}.category-manager button.cancel-button:hover{background-color:#c9302c}.container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:100%}h2{margin-bottom:1rem;color:#333;text-align:center}.form{display:flex;flex-direction:column;gap:1rem}.formGroup{display:flex;flex-direction:column}label{margin-bottom:.5rem;color:#555;font-size:.9rem}input{padding:.8rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.submitButton{padding:.8rem;background-color:#007bff;color:#fff;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.submitButton:hover{background-color:#0056b3}.toggleText{margin-top:1rem;text-align:center;font-size:.9rem;color:#555}.toggleButton{background:none;border:none;color:#007bff;font-size:.9rem;cursor:pointer;margin-left:.3rem}.toggleButton:hover{text-decoration:underline}.table-designer-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;padding:0;margin:0;background-color:#f9f9f9;box-sizing:border-box}.table-designer-form{position:relative;width:100%;max-width:900px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.columns-table{width:100%;border-collapse:collapse;margin-bottom:20px}.columns-table th,.columns-table td{padding:10px;border:1px solid #ccc;text-align:left}.columns-table th{background-color:#f4f4f4}.columns-table input[type=text],.columns-table select{width:100%;padding:5px;border-radius:4px;border:1px solid #ccc}.add-column-button{margin-top:10px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;float:right}.add-column-button:hover{background-color:#45a049}.columns-table button{color:#fff;background-color:red;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.columns-table button:hover{background-color:#8b0000}.submit-button{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-button:hover{background-color:#0056b3}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;font-weight:700;color:#333;cursor:pointer}.close-button:hover{color:red}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080}.modal{background:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 15px #0000004d;width:400px;text-align:center}.modal label{font-size:1.2rem;font-weight:700;display:block;margin:15px 0 8px}.modal input,.modal select{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.modal-buttons{display:flex;justify-content:space-between;gap:10px}.modal button{flex:1;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.modal .submit{background-color:#007bff;color:#fff}.modal .delete{background-color:#dc3545;color:#fff}.modal .cancel{background-color:#6c757d;color:#fff}.modal button:disabled{background-color:#ccc;cursor:not-allowed}.top-navbar{position:fixed;top:0;left:0;right:0;height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background-color:#000;border-bottom:1px solid #444;z-index:1000}.hamburger-button{display:none;background:none;color:#fff;font-size:24px;border:none;cursor:pointer}.app-container{padding-top:56px}.main-content-container{display:flex;height:calc(100vh - 56px)}.sidebar{z-index:100;width:250px;background-color:#f4f4f4;flex-shrink:0}.main-content{flex-grow:1;padding:16px;overflow-y:auto}.graph-wrapper{display:flex;justify-content:center;align-items:center;height:100%;position:relative}@media (max-width: 768px){.sidebar{position:absolute;left:0;top:56px;width:250px;height:calc(100vh - 56px);background-color:#f4f4f4;z-index:999;box-shadow:2px 0 5px #0003}.hamburger-button{display:block}.main-content-container{position:relative}}