html,body,#root{height:100vh;width:100vw;margin:0;padding:0;display:flex;flex-direction:column}*{box-sizing:border-box}.whole-nav{display:flex;flex-direction:row;justify-content:center;align-items:center;width:10%;height:100%;background-color:transparent;position:fixed;top:0;left:0;z-index:99999}.right-navbar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px 0;width:50%;height:100%;background-color:transparent;position:relative}.exit-btn img{width:20px;height:auto}.exit-btn:hover{background:#2b2b2bcc!important;transform:scale(1.05)!important}.exit-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;border-radius:5px;padding:5px;border:1px solid #00ffb7;cursor:pointer;gap:2px}.exit-btn span{color:#fff;font-size:10px;font-weight:500;text-transform:lowercase;letter-spacing:.5px;font-family:Poppins,sans-serif}.show-navbar-btn-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;border-radius:5px;padding:5px;border:1px solid #00ffb7;cursor:pointer;gap:2px}.show-navbar-btn-icon span{color:#fff;font-size:10px;font-weight:500;text-transform:lowercase;letter-spacing:.5px;font-family:Poppins,sans-serif}.show-navbar-btn-icon img{width:20px;height:auto}.show-navbar-btn-icon:hover{background-color:#ffffff1a;border-radius:5px}.left-navbar{position:relative;width:50%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:0}.left-navbar ul{list-style:none;padding:0;margin:13px 0 0;flex-direction:column;gap:20px;align-items:center;justify-content:center;display:flex}.left-navbar li{margin-bottom:23px}.left-navbar li a{display:block;color:#fff;text-decoration:none;font-size:1.5em;padding:5px;transition:background-color .3s ease}.left-navbar li a:hover{background-color:#ffffff1a;border-radius:5px}.nav-icon{width:24px;height:24px}.nav-icon-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.nav-icon-button:hover{background-color:#ffffff1a;border-radius:5px}.gradient-border{position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,#00ff6a,#0cf,#00ff6a);background-size:100% 300%;animation:flowBorder 4s linear infinite;border-radius:3px;z-index:100000}@keyframes flowBorder{0%{background-position:0% 0%}to{background-position:0% 100%}}.toast{position:fixed;top:20px;right:20px;background-color:#222;color:#fff;padding:14px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;z-index:9999;font-family:Inter,sans-serif}.toast.show{opacity:1}.dashboard-wrapper{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;justify-self:flex-end;align-self:flex-end;justify-content:flex-start;right:0;min-height:100vh;width:100%;background:#000;font-family:Poppins,sans-serif!important;padding-top:1rem}.select-toolbar{display:flex;justify-content:center;align-items:center;gap:1rem;width:70%;position:fixed;bottom:1rem;z-index:999}.select-toolbar-btn,.select-toolbar-btn-delete{align-items:center;justify-content:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:2rem;display:flex;gap:.5rem;z-index:999;width:10%;font-weight:700;text-transform:lowercase;cursor:pointer;transition:all .2s ease}.select-toolbar-btn{background-color:#001d0dcf;color:#00ff80;border:1px solid #00ff80}.select-toolbar-btn-delete{background-color:#6e000097;color:red;border:1px solid #ff0000}.select-toolbar-btn:hover,.select-toolbar-btn-delete:hover{transform:scale(1.02)}.dashboard-header-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:80%;border-bottom:1px solid #e8fefc39;margin-bottom:20px;height:15%}.dashboard-integrations-button{align-items:center;justify-content:center;text-align:center;background-color:#0e502ccf;color:#bdffde;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:2rem;display:flex;gap:.5rem;z-index:999;width:10%;font-weight:700;text-transform:lowercase;cursor:pointer;transition:all .2s ease;outline:none;border:none}.dashboard-integrations-button:hover{transform:scale(1.02)}.dashboard-api-row h1{font-size:1rem;margin-bottom:1rem;color:#fff}.app-input-container{font-family:Poppins,sans-serif!important;display:flex;flex-direction:row;align-items:center;justify-self:center;align-self:center;justify-content:center;align-content:center;gap:1rem;width:86%;height:10%;margin-bottom:3rem}.select-app-btn,.select-toolbar-btn:disabled,.select-toolbar-btn-delete:disabled{align-items:center;justify-content:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:2rem;display:flex;gap:.5rem;z-index:999;width:10%;font-weight:700;text-transform:lowercase;cursor:pointer;transition:all .2s ease;background-color:#232323cf;color:#cacaca;border:transparent}.select-toolbar-btn:disabled:hover,.select-toolbar-btn-delete:disabled:hover{cursor:not-allowed;opacity:.5;transform:none}.select-app-btn.has-selection{background-color:#001d0dcf;color:#00ff80;border:1px solid #00ff80}.app-input-wrapper{display:flex;position:relative;width:30%;align-items:center}.app-input{font-family:Poppins,sans-serif!important;text-transform:lowercase;width:100%;background:#ffffff1e;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 60px 12px 16px;border-radius:48px;outline:none;border:none;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.app-input::placeholder{color:#ffffffa6}.app-input:focus{border-color:#00ff80;box-shadow:0 0 0 3px #00ffa640}.app-submit-inside-input{position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:#2f2f2f;color:#fff;border-radius:46px;border:none;cursor:pointer;font-weight:600;font-size:.875rem;transition:background-color .2s ease-in-out,transform .1s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:4px;line-height:1}.app-submit-inside-input:hover{background-color:#00ff80;transform:translateY(-50%) scale(1.02)}.app-submit-inside-input:active{transform:translateY(-50%) scale(.98)}.app-submit-inside-input img{width:1.2rem;height:auto}.dashboard-content{margin-top:1rem;display:flex;flex-direction:column;align-items:center;justify-self:center;align-self:center;justify-content:center;align-content:center;max-height:87%}.dashboard-title{font-family:Poppins,sans-serif!important;font-size:2rem!important;color:#fff}.dashboard-title-core{font-family:Poppins,sans-serif!important;font-size:2rem;color:#0f8}.apps-grid{display:grid;grid-template-columns:repeat(5,1fr);justify-content:space-between;align-items:center;align-content:center;align-self:center;width:100%;gap:44px;background:transparent}.app-card{display:flex;position:relative;flex-direction:column;align-items:center;justify-self:center;align-self:center;justify-content:center;align-content:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;transition:all .2s ease;overflow:visible}.app-card.selected{border:2px solid #ffffff;cursor:pointer}.app-card,.empty-card{width:100%!important;height:80px}.app-card:hover{border:1px solid #00ff88;cursor:pointer;transform:scale(1.05)}.empty-card:hover{transform:scale(1.02);cursor:pointer;border:none;background-color:#242424}.app-card-title-column{display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;width:100%;height:95%;background:transparent!important;padding:5px;transition:.2s ease;cursor:pointer}.app-link{color:#00ffa6;transition:color .2s ease;text-decoration:none;font-weight:thin;font-size:clamp(.8rem,2vw,1rem)}.app-link:hover{color:#fff}.app-card-image{width:1rem;height:1rem;border-radius:50%;object-fit:cover;border:1px solid #00ff88;box-shadow:0 0 0 3px #00ffa640}.sheet-badge{display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00ff5e1a;color:#0f8;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;border:1px solid #00ff88;width:2rem;height:1rem;position:absolute;top:-7px;right:-4px}.empty-card{background:transparent;border:none;box-shadow:none;pointer-events:none;opacity:1;color:#fff}.empty-card-content{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1rem}.empty-message{display:flex;align-items:center;justify-content:center;text-align:center;font-size:2rem;border:2px solid #00ff88;background-color:#00ff8836;box-shadow:0 0 0 3px #00ffa6a7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;width:1.9rem;height:1.9rem;border:none;outline:none;color:#fff;pointer-events:auto;cursor:pointer}.app-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.app-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;height:50%;background:#1a1a1a;padding:1rem;border-radius:20px;text-align:center}.app-modal-content{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:#1a1a1a;padding:1rem;border-radius:20px;text-align:center}.app-modal h3{display:flex;position:absolute;top:0;align-items:flex-start;justify-content:flex-start;justify-self:flex-start;padding:1rem;font-family:Poppins,sans-serif;color:#fff}.app-column-input{width:40%;padding:.5rem;margin-top:4rem;border-radius:20px;font-family:Poppins,sans-serif;color:#000;outline:none;border:none;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.app-column-input:focus{border:1px solid #00ffee;box-shadow:0 0 0 3px #00ffa640}.app-modal-buttons{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.app-modal-btn{padding:.5rem 1rem;border:none;border-radius:2rem;cursor:pointer;background:#000;color:#fff;font-weight:400;text-transform:lowercase;font-family:Poppins,sans-serif;transition:all .2s ease}.app-modal-btn:hover{transform:scale(1.02)}.confirm-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.confirm-overlay-wrapper{background:#fff;padding:2rem;border-radius:12px;max-width:400px;text-align:center;box-shadow:0 0 10px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal{background:#1a1a1a;padding:2rem;border-radius:20px;border:2px solid #01ff88;box-shadow:0 0 20px #01ff88aa;text-align:center}.confirm-modal h2{margin-bottom:1rem;font-family:Poppins,sans-serif;color:#fff}.confirm-modal p{margin-bottom:1rem;color:#fff}.confirm-modal .button-row{margin-top:1rem;display:flex;justify-content:center;gap:1rem}.confirm-btn{background:#01ff88;color:#1a1a1a;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer}.cancel-btn{background:red;color:#1a1a1a;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer}.default-overlay-container{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;display:flex;justify-content:center;align-items:center;z-index:4000;padding:2rem;overflow-y:auto;font-family:Poppins,sans-serif!important}.default-modal{background:#1e1e1e;color:#fff;border-radius:16px;padding:2rem;max-width:800px;width:100%;height:80%;box-shadow:0 8px 20px #00000040;font-family:Poppins,sans-serif;transition:transform .2s ease;transform:scale(.95);animation:pop-in .2s ease forwards;overflow-y:auto}@keyframes pop-in{to{transform:scale(1)}}.default-overlay-container ::-webkit-scrollbar{width:12px}.default-overlay-container ::-webkit-scrollbar-track{background:#1e1e1e}.default-overlay-container ::-webkit-scrollbar-thumb{background:#0f8;border-radius:6px}.app-sheets-page{font-family:Poppins,sans-serif!important;background:#111;min-height:100vh;width:100%;overflow-y:auto;padding:1rem;display:block}.app-sheets-container{display:flex;flex-direction:column;align-items:center;min-height:70%;width:100%;max-width:800px;margin:0 auto;background:#111;font-family:Poppins,sans-serif!important}.app-sheets-header{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;padding:0;margin:0;width:100%;height:auto;background:#111;font-family:Poppins,sans-serif!important}.app-sheets-title-row{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-self:center;padding:0;margin:0;width:100%;height:auto;gap:.5rem;margin-bottom:1.5rem;background:#111;font-family:Poppins,sans-serif!important}.app-sheets-icon-container{display:flex;align-items:center;justify-content:center;position:relative;width:4rem;height:4rem;margin-right:.5rem;border-radius:50%;object-fit:cover;background-color:#00ffad33;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(0,255,173,.3)}.app-sheets-icon{display:flex;width:3rem;height:3rem;border-radius:50%;object-fit:cover}.app-sheets-icon-hover{position:absolute;top:0;left:0;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.app-sheets-icon-hover img{width:2rem;height:2rem;cursor:pointer}.app-sheets-icon-hover:hover{opacity:1;transform:scale(1.1)}.app-sheets-title{font-size:1.6rem;color:#00ff84;background:#00ffad33;border-radius:56px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(0,255,173,.3);padding:1rem 3rem;font-weight:700;font-family:Poppins,sans-serif!important}.app-sheets-controls-row{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-self:center;gap:.5rem;padding:0;margin:0;width:100%;height:40%;margin-bottom:1.5rem;background:#111;font-family:Poppins,sans-serif!important;padding:1rem 0}.app-sheets-row-sheet-btn{background:#005a3074;color:#00ff8096;border-radius:34px;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:.5rem;padding:.5rem 2.5rem;outline:none;border:none;font-weight:700;text-transform:lowercase;transition:all .2s ease}.app-sheets-row-sheet-btn:hover{text-transform:scale(1.02);color:#fff}.app-sheets-list{list-style:none;font-family:Poppins,sans-serif!important;width:100%;min-height:70%;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.sheet-list-item{position:relative;background:#00ffad33;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(0,255,173,.3);padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;transition:transform .2s ease}.sheet-list-item:hover{transform:translateY(-2px)}.sheet-name{font-weight:700!important;color:#fff!important;font-family:Poppins,sans-serif!important;font-size:1rem!important}.removeSheetBtn{position:absolute;display:flex;top:-1rem;right:-1rem;flex:1;align-self:center;justify-self:center;align-items:center;justify-content:center;background:#ff0202c3;color:#00ff8096;border-radius:34px;cursor:pointer;font-family:Poppins,sans-serif!important;outline:none;border:none;font-weight:700;text-transform:lowercase;padding:.5rem}.removeSheetBtn img{width:18px;height:18px}.view-link{text-decoration:none;color:#1a1a1a;background:#00ff80;padding:.5rem 1.2rem;border-radius:34px;font-size:.9rem;font-weight:700;font-family:Poppins,sans-serif!important;transition:all .2s ease;margin-top:1rem;text-align:center;width:80%}.view-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff804d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{background:#1c1c1c;padding:1.5rem;border-radius:12px;max-width:400px;width:90%;text-align:center;box-shadow:0 0 12px #ffffff1a}.modal-box input{width:100%;margin:1rem 0;padding:.6rem;border-radius:6px;border:none;outline:none;font-size:1rem}.modal-buttons{display:flex;justify-content:space-around;gap:1rem}.modal-buttons button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;background:#00c2ff;color:#000;font-weight:700}.column-settings-header{display:flex;justify-content:center;align-items:center;justify-self:center;align-self:center;padding:0;margin-bottom:1rem;width:40%;height:auto;background:#1bff63;border-radius:36px;font-family:Poppins,sans-serif!important}.column-settings-title{font-size:1.8rem;font-weight:700;text-align:center}.column-settings-wrapper{display:flex;flex-direction:row;justify-content:space-around;width:80vw;padding:1rem;margin:0 auto;background-color:#f9f9f9;border-radius:16px;overflow-y:auto;max-height:70vh;box-shadow:0 0 10px #0000001a;font-family:Poppins,sans-serif!important}.column-settings-section{display:flex;flex-direction:column!important;width:40%;border-radius:36px;background-color:#1bff63;box-shadow:0 0 10px #0000001a;padding:1rem}.column-settings-instruction{margin-bottom:1rem;font-size:1rem;color:#333}.column-checkbox-group{display:flex;flex-direction:column;gap:.5rem}.column-settings-label{font-size:1rem;display:flex;align-items:center;gap:.5rem}.column-code{background:#e1e1e1;padding:2px 6px;border-radius:4px;font-family:monospace}.column-checkbox{transform:scale(1.2);cursor:pointer}.column-checkmark{color:green;margin-left:.5rem;font-weight:700}.column-settings-section-smartlink-section,.smartlink-section{display:flex;flex-direction:column;width:50%;height:100%}.smartlink-editor-box{margin-top:0;padding:1rem;border:1px solid #ddd;border-radius:12px;background-color:#fff;overflow-y:auto;width:100%}.smartlink-editor-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.smartlink-editor-actions{display:flex;gap:.5rem;margin-top:1rem}.smartlink-debug{margin-top:1rem;font-size:12px;color:#666}.automation-overlay-container{display:flex;position:relative;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100%;max-width:800px;border:1px solid #48ff00}.cancel-btn{display:flex;position:absolute;top:1rem;right:1rem;justify-content:center;align-items:center;color:#fff;text-transform:lowercase;height:7%;cursor:pointer;border-radius:24px;padding:5px 12px;outline:none;border:none;font-weight:700}.automation-logic-builder{display:flex;flex-wrap:wrap;width:90%;height:20%;gap:10px;padding:1rem;background:#fffdf9;border:1px solid #d5d5d5;border-radius:16px;align-items:center;font-family:Poppins,sans-serif}.logic-label{font-weight:600;color:#222;background:#e4e4e4;padding:4px 10px;border-radius:18px;font-size:.9rem}.pill-input{border:none;border-radius:999px;padding:6px 14px;font-size:.9rem;background:#00ffcc1f;outline:none;font-weight:500;color:#222}.action-select{background:#000;color:#00ff90;border-radius:24px;padding:5px 12px}.value-mode{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.also-include-section{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border-radius:16px;padding:1rem;width:90%;height:20%;border:1px solid #ff0606;gap:.5rem}.include-header{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:20%;border:1px solid #06ffc5;gap:.5rem}.include-header h4{font-weight:600;color:#222;background:#e4e4e4;padding:4px 10px;border-radius:18px;font-size:.9rem}.include-row{display:flex;flex-direction:row;justify-content:center;align-items:center;width:90%;height:20%;border:1px solid #06ffc5;gap:.5rem}.include-row span{color:#222}.include-remove-btn{display:flex;justify-content:center;align-items:center;width:7%;height:100%;cursor:pointer;border-radius:24px;padding:5px 12px;outline:none;border:none}.include-add-btn{display:flex;justify-content:center;align-items:center;height:20%;background:#000;color:#00ff90;cursor:pointer;font-weight:600;transition:all .2s ease;border-radius:24px;padding:5px 12px;outline:none;border:none}.add-include-btn:hover{transform:scale(1.02)}.match-options{display:flex;flex-direction:column;justify-content:center;width:90%;height:20%;border:1px solid #ff0606;background-color:#fff;align-items:center;border-radius:16px;padding:1rem;gap:.5rem;color:#222}.match-option,.match-option-target{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:60%;height:20%;gap:.5rem;border-radius:2rem;padding:1rem}.match-option{background-color:#0000001f}.match-option-target{background-color:#00ddff1f}.match-option label,.match-option-target label{font-weight:600;font-size:.9rem}.match-option input,.match-option-target input{width:40%;height:90%;background-color:#0000001f;border-radius:2rem;padding:.5rem;outline:none;border:none;color:#222}.value-options{display:flex;flex-direction:column;justify-content:center;width:90%;height:20%;border:1px solid #ff0606;background-color:#fff;align-items:center;border-radius:16px;padding:1rem;gap:.5rem;color:#222}.value-input{width:40%;height:90%;background-color:#0000001f;border-radius:2rem;padding:.5rem;outline:none;border:none;color:#222}.sheet-viewer{display:flex;position:relative;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;width:100vw;background:#111}.sheet-content{width:80%;height:80%;font-family:Poppins,sans-serif!important;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}.api-key{position:absolute;top:1rem;right:4rem;margin:0;color:#fff;font-size:.8rem;background:#333;padding:.2rem .4rem;border-radius:3px;font-weight:700}.api-key code{font-weight:200}.sheet-header{margin-bottom:1rem;display:flex;justify-content:space-between;justify-items:center;align-items:center;align-self:center;justify-self:center;align-content:center;margin-bottom:0;width:98%;height:15%}.sheet-title{display:flex;flex-direction:row;gap:.8rem;align-items:center;justify-content:center;align-self:center;justify-self:center;align-content:center}.app-name{font-weight:600;color:#01ff88;font-size:1.4rem;text-decoration:underline;text-underline-offset:.5rem;text-underline-position:from-font;text-decoration-thickness:2px;background-color:#00833f67;border-radius:34px;padding:.8rem 1.8rem;cursor:pointer}.sheet-name{display:flex;font-weight:400;color:#00ff77ab;opacity:.8;font-size:.8rem}.dot-divider{width:10px;height:10px;border-radius:50%;background:#0f7;display:inline-block;box-shadow:0 0 10px #00ff706e}.controls{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);justify-content:space-around;align-items:center;display:flex;gap:.5rem;flex-wrap:nowrap;width:74%;z-index:1444;box-shadow:0 0 10px #0000006e;background:#0c0c0c8d;padding:.5rem 1rem;border-radius:8px}.header-btn{background:#005a3074;color:#00ff8096;border-radius:34px;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:.8rem;padding:.2rem .8rem;outline:none;border:none;font-weight:700;text-transform:lowercase}.header-btn.dashboard-btn{position:absolute;top:1rem;left:7%;margin:0}.header-btn:hover{background:#444}.header-btn:active{background:#222}.select-btn{background:#ffffff3c;color:#ffffff96;border-radius:34px;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:.8rem;padding:.2rem .8rem;outline:none;border:none;font-weight:700;text-transform:lowercase}.select-btn:active{background:red}.delete-btn{background:#ff00007c;color:red;border-radius:34px;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:.8rem;padding:.2rem .8rem;outline:none;border:none;font-weight:700;text-transform:lowercase}.delete-btn:active{background:red}.btn{padding:.5rem 1rem;background:#333;color:#eee;border:1px solid #555;border-radius:4px;cursor:pointer}.btn:hover{background:#444}.btn:active{background:#222}.column-input{padding:.5rem;background:#222;color:#eee;border:1px solid #555;border-radius:4px;font-family:monospace;width:50%}.realtime-btn{display:flex;flex-direction:row;gap:.2rem;height:80%;width:20%;align-items:center;justify-content:center;background:#005a3074;color:#00ff8096;border-radius:34px;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:1.1rem;padding:.2rem .8rem;outline:none;border:none;font-weight:700;text-transform:lowercase}.realtime-btn:hover{background:#444}.realtime-btn:active{background:#222}.realtime-icon{width:12px;height:12px;margin:0}.error-message{color:red;margin:0}.column-input::placeholder{color:#999}.table-container{overflow-x:auto;width:100%;border-radius:30px;max-height:80%;margin-top:2%}.selected-cell{background-color:#1a1a1a}.sheet-table{border-collapse:collapse;width:100%;background:#00ff706e;border-radius:30px;box-shadow:0 0 10px #00ff706e;margin-top:0}.sheet-table th,.sheet-table td{border:none}.sheet-table th,.sheet-table td{border-bottom:1px solid #01ff88;border-right:1px solid #01ff88}.sheet-table th:last-child,.sheet-table td:last-child{border-right:none}.sheet-table tr:last-child td{border-bottom:none}.sheet-table tr:first-child th:first-child{border-top-left-radius:30px}.sheet-table tr:first-child th:last-child{border-top-right-radius:30px}.sheet-table tr:last-child td:first-child{border-bottom-left-radius:30px}.sheet-table tr:last-child td:last-child{border-bottom-right-radius:30px}.sheet-table th{background-color:none;text-align:center;position:sticky;top:0;z-index:1}.sheet-table th small{background:#005a30;color:#00ff80;border-radius:34px;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:.8rem;padding:.2rem .8rem;outline:none;border:none;font-weight:700;text-transform:lowercase}.sheet-table td{background-color:none;color:#ffffffde;cursor:pointer;transition:background-color .2s;font-weight:700}.sheet-table td:hover{background:#1a1a1a}.sheet-table td:focus{outline:2px solid #0066cc;outline-offset:-2px}.cell-input{display:flex;align-items:center;justify-self:center;align-self:center;justify-content:center;background-color:#222;color:#eee;border:1px solid #555;padding:4px;font-family:monospace;font-size:inherit;max-width:99px}.cell-input:focus{outline:none;background-color:#222;border-radius:34px}.empty-sheet{text-align:center;color:#999;font-style:italic;padding:2rem}.overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#1a1a1a;padding:2rem;border-radius:20px;border:2px solid #01ff88;box-shadow:0 0 20px #01ff88aa;text-align:center}.modal h3{margin-bottom:1rem;font-family:Poppins,sans-serif;color:#fff}.modal-buttons{margin-top:1rem;display:flex;justify-content:center;gap:1rem}.cell-error-msg{color:red}.col-type{font-size:.45rem;color:#888;font-style:italic;padding:.2rem .8rem}.column-header{display:flex;flex-direction:column;align-items:center}.col-letter{font-weight:700}.col-name{font-weight:700;background-color:#005a30;color:#00ff80;padding:.2rem .8rem;border-radius:34px;text-align:center}.col-icon{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:19px;height:19px;opacity:0;cursor:pointer;transition:opacity .2s ease;filter:grayscale(60%) brightness(1.2)}.column-header:hover .col-icon{opacity:1}.col-main{position:relative;width:100%;display:flex;justify-content:center}table{border-collapse:collapse;width:100%}th,td{border:1px solid #ddd;padding:10px 12px;text-align:left}th{background-color:#f0f0f0;font-weight:700}@media (max-width: 768px){.sheet-viewer{padding:1rem}.controls{flex-direction:column;align-items:stretch}.btn,.column-input{width:100%}}.grouped-list-overlay{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 0 20px #0003;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;font-family:Inter,sans-serif}.grouped-list-overlay h3{font-size:20px;margin-bottom:1rem;font-weight:600}.group-block{background:#f6f6f6;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #3a86ff}.group-name-input{width:100%;padding:.5rem;font-size:16px;margin-bottom:.5rem;border:1px solid #ddd;border-radius:6px}.group-block ul{list-style:none;padding:0;margin:0}.group-block li{margin-bottom:.5rem}.group-block input[type=text]{width:100%;padding:.45rem;font-size:15px;border:1px solid #ccc;border-radius:5px}.group-block button{margin-top:.5rem;background:#3a86ff;color:#fff;border:none;padding:.4rem .8rem;border-radius:5px;cursor:pointer;font-size:14px}.grouped-list-overlay>button{margin-bottom:1rem;background:#06d6a0;color:#fff;border:none;padding:.5rem .9rem;border-radius:6px;cursor:pointer;font-size:15px}.grouped-list-overlay .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.grouped-list-overlay .modal-actions button{padding:.6rem 1.2rem;font-size:15px;border-radius:8px;border:none;cursor:pointer}.grouped-list-overlay .modal-actions button:first-child{background-color:#28a745;color:#fff}.grouped-list-overlay .modal-actions button:last-child{background-color:#e63946;color:#fff}.sync-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.sync-overlay-modal{background:#fff;padding:2rem;border-radius:12px;width:500px;max-width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 12px 30px #0003;font-family:Poppins,sans-serif;animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sync-overlay-modal h3{margin-top:0;font-size:1.5rem;color:#333;margin-bottom:1rem}.sync-user-list{display:flex;flex-direction:column;gap:10px}.sync-user-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #ddd;border-radius:8px;padding:.5rem 1rem;background-color:#f9f9f9}.sync-overlay-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:1.5rem}.sync-overlay-buttons button{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem}.sync-confirm-btn{background-color:#00c07b;color:#fff}.sync-cancel-btn{background-color:#ddd;color:#333}.sync-fields-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.mapping-row span{min-width:100px}.mapping-row{display:grid;grid-template-columns:20px 1fr 20px 1fr;gap:10px;align-items:center;margin-bottom:5px}.mapping-header{display:grid;grid-template-columns:20px 1fr 20px 1fr;font-weight:700;margin-bottom:5px}.button-row{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem}select{padding:.5rem;font-size:1rem}.RealtimeOverlay-field{margin-bottom:1rem}.RealtimeOverlay-field input{width:100%;padding:6px;border-radius:5px;border:1px solid #ccc}.smart-input-wrapper{position:relative;width:100%}.smart-input-field{width:100%;padding:4px 8px;font-size:.95rem;font-family:inherit;border:2px solid #007bff;border-radius:4px;outline:none;transition:border-color .2s,box-shadow .2s}.smart-input-field:focus{border-color:#0056b3;box-shadow:0 0 0 2px #007bff40}.smart-input-field:hover{border-color:#39f;background-color:#f8fbff}.sheet-control-panel{padding:1.5rem;max-height:80vh;width:80vw;overflow-y:auto;background:#00ff666b;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(0,255,102,.3);font-family:sans-serif;font-family:Poppins,sans-serif}.access-role{margin-bottom:1rem}.checkbox-row{display:inline-block;margin-right:1rem;text-transform:capitalize}.column-access-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.column-access-table th,.column-access-table td{background:#000!important;border:1px solid #ccc;color:#fff;padding:.5rem;text-align:center}.integrations-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;justify-self:center;align-self:center;padding:0;margin:0;width:100vw;height:97vh;background:#fff;font-family:Poppins,sans-serif!important;overflow-y:auto}.integrations-container{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;padding:0;margin:5% 0 0;width:70%;height:100%;font-family:Poppins,sans-serif!important;overflow-y:visible}.integrations-content{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;padding:0;margin:0;width:100%;flex:3;font-family:Poppins,sans-serif!important;overflow-y:visible}.integrations-content-body{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;padding:0;margin:0;gap:1.6rem;width:100%;height:100%;font-family:Poppins,sans-serif!important;overflow-y:visible}.integration-card{display:flex;background:#161616;flex-direction:row;align-items:center;justify-content:space-between;height:20%;padding-top:1.5rem;padding-bottom:1.5rem;margin:0;width:100%;border-radius:62px;font-family:Poppins,sans-serif!important}.integration-card-left{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;padding:0;margin:0;width:15%;height:100%;font-family:Poppins,sans-serif!important}.integration-card-middle{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;padding:0;margin:0;gap:1rem;width:70%;height:100%;font-family:Poppins,sans-serif!important}.integration-card-middle-title{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;padding:0;margin:0;color:#00ff80;width:100%;height:60%;font-size:2rem;font-family:Poppins,sans-serif!important}.integration-card-middle-title h3{font-weight:200!important}.integration-card-middle-title.disconnected{color:#ffffff49}.integration-card-middle-description{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;margin:0;border-radius:52px;background:#00ff8043;color:#00ff80;padding:.5rem 4.5rem;font-size:.91rem;height:40%;font-family:Poppins,sans-serif!important}.integration-card-middle-description.disconnected{color:#ffffff49;background:#ffffff17}.integration-card-right{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;align-self:center;margin:0;padding:1.6rem 0rem;margin-right:1rem;border-radius:52px;background:#00ff8043;width:10%;height:90%;font-family:Poppins,sans-serif!important;cursor:pointer;transition:all .2s ease-in-out}.integration-card-right.disconnected{background:#ffffff17;opacity:.8}.integration-card-right:hover{transform:scale(1.1)}.integration-card-left img{width:35px;height:35px;object-fit:cover;cursor:pointer;transition:all .2s ease-in-out}.integration-card-right img{width:45px;height:45px;object-fit:cover}.integration-card-left img:hover{transform:scale(1.1)}.integration-overlay{justify-content:space-between;position:fixed;inset:0;height:80vh;width:80vw;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.integration-overlay-content{display:flex;flex-direction:column;width:70vw;height:90vh;justify-content:center;align-items:center;background:#1a1a1a;padding:2rem;border-radius:20px;box-shadow:0 0 20px #000a;text-align:center}.integration-overlay-header{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;font-family:Poppins,sans-serif;font-weight:400!important;color:#01ff88;font-size:3rem;width:100%;justify-self:center;height:15%}.integration-overlay-header h2{font-weight:400!important}.integration-overlay-body{display:flex;position:relative;justify-content:center;align-items:center;margin-bottom:1rem;color:#fff;background-color:#01ff885e;padding:1rem;border-radius:20px;height:70%;width:80%;justify-self:center}.generate-btn{position:absolute;bottom:-1rem;background:#002417;color:#01ff88;box-shadow:0 0 10px #0000003e;border:none;font-weight:700;font-size:1.6rem;padding:.5rem 3rem;border-radius:50px;cursor:pointer;font-family:Poppins,sans-serif!important;transition:all .2s ease}.generate-btn:hover{transform:scale(1.1);transition:all .2s ease}.generate-btn .spinner{border:3px solid #eee;border-top:3px solid #111;border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generate-btn.success{background:#0f8;border-radius:50%;width:40px;height:40px;padding:0}.generate-btn .checkmark{font-size:1.5rem;color:#fff}.integration-overlay .button-row{align-items:center;display:flex;justify-content:center;gap:1rem;width:100%;justify-self:center;height:15%}.initiate-btn{background:#fff;color:#01ff88;border:none;font-weight:700;font-size:2.6rem;padding:.5rem 6rem;border-radius:50px;cursor:pointer}.generated-code-box{display:flex;width:100%;height:80%;flex-direction:column;align-items:center;justify-content:center;justify-self:center;padding:2rem;gap:1rem;border-radius:52px;background:#00130a39;font-family:Poppins,sans-serif!important}.copy-btn{background:#002417;color:#01ff88;border:1px solid #01ff88;font-weight:300;font-size:1rem;padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-family:Poppins,sans-serif!important}.generated-code-box-access-key{display:flex;flex-direction:row;align-items:center;justify-content:center;justify-self:center;width:100%;gap:1rem;font-family:Poppins,sans-serif!important}.generated-code-box-access-key p{font-family:Poppins,sans-serif!important;border-radius:52px;background:#00ff8043;padding:.5rem 1rem;width:80%}.generated-code-box-code{display:flex;flex-direction:row;align-items:center;justify-content:center;justify-self:center;gap:1rem;width:100%;font-family:Poppins,sans-serif!important}.generated-code-box-code code{font-family:Poppins,sans-serif!important;padding:1rem;border-radius:52px;background:#00ff8043;width:80%}.generated-code-box-code code:after{content:"|";animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.integration-view-overlay{display:flex;flex-direction:column;align-items:center;justify-self:center;align-self:center;justify-content:center;right:0;height:80vh;width:80vw;background:#fff;border:1px solid #00ff6a;padding:1.4rem;border-radius:40px;position:relative}.integration-overlay-header{display:flex;justify-content:center;align-items:center;text-align:center;font-family:Poppins,sans-serif;color:#01ff88;font-size:1rem;width:100%;justify-self:center;height:7vh;padding:0;font-weight:400!important;border:none}.access-key-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60%;height:25%;background:#191919;padding:.5rem 1rem;margin-bottom:.5rem;border-radius:10px;box-shadow:0 0 10px #0004}.access-key-box-code{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;height:40%;padding:0;font-weight:700!important}.access-key-box p{color:#fff;font-size:1rem;margin-bottom:.5rem}.access-key-box button{background:#002417;color:#01ff88;border:1px solid #01ff88;font-weight:300;font-size:.8rem;padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-family:Poppins,sans-serif!important}.access-key-box button:hover{background:#00ff1a;transform:scale(1.1);transition:background .2s ease-in-out}.custom-checkbox{display:flex;align-items:center;gap:.5rem;position:relative;cursor:pointer}.custom-checkbox input{position:absolute;opacity:0;height:0;width:0;pointer-events:none}.custom-checkbox p{color:#fff}.custom-checkbox .checkmark{width:20px;height:20px;border-radius:5px;background:#111;border:2px solid rgb(0,255,115);display:inline-block;position:relative;transition:background .2s ease}.custom-checkbox input:checked+.checkmark{background:#002417}.custom-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid rgb(0,255,115);border-width:0 2px 2px 0;transform:rotate(45deg)}.integration-sheet-container{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-self:center;align-self:center;justify-content:center;width:85%;height:70%;border:1px solid #00ff6a;background:#151515;padding:1rem;margin-bottom:.5rem;border-radius:10px;box-shadow:0 0 10px #0004}.integration-sheet-select{display:flex;flex-direction:column;justify-content:space-around!important;align-items:center;justify-self:center;align-self:center;justify-content:center;width:45%;height:90%;padding:.5rem 1rem;margin-bottom:.5rem;border-radius:10px;background:#00ff73}.integration-sheet-select-label{display:flex;align-items:center;justify-self:center;align-self:center;justify-content:center;width:100%;height:10%;padding:0;font-weight:700!important}.integration-sheet-select-dropdown{display:flex;align-items:center;justify-self:center;align-self:center;justify-content:center;width:70%;height:30%;padding:1rem;border-radius:50px;font-weight:400!important;border:1px solid #00ff6a;background:#151515;color:#fff;font-family:Poppins,sans-serif!important;font-size:.8rem}.add-sheet-btn{display:flex;align-items:center;justify-self:center;align-self:center;justify-content:center;width:40%;height:10%;padding:1rem;font-weight:700!important;border:1px solid #00ff6a;background:#151515;color:#fff;border-radius:50px;cursor:pointer;box-shadow:0 0 10px #0004;text-transform:lowercase;transition:all .2s ease}.add-sheet-btn:hover{transform:scale(1.1);transition:all .2s ease}.integration-sheet-list-wrapper{display:flex;position:relative;flex-direction:column;justify-content:space-between;align-items:center;justify-self:center;align-self:center;justify-content:center;width:45%;height:95%;margin-bottom:1rem;border:1px solid #00ff6a;padding:.5rem;border-radius:8px}.toggle-sheet-view-btn{display:flex;position:absolute;align-items:center;justify-self:center;align-self:center;justify-content:center;width:60%;height:15%;padding:.5rem;font-weight:700!important;border:1px solid #00ff6a;background:#151515;color:#fff;border-radius:50px;cursor:pointer;box-shadow:0 0 10px #0004;text-transform:lowercase;transition:all .2s ease;font-size:.7rem;bottom:-1rem}.toggle-sheet-view-btn:hover{transform:scale(1.05);transition:all .2s ease}.integration-sheet-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:70%;padding:.5rem;border-radius:10px;gap:.5rem}.sheet-row{display:flex;justify-content:space-between;align-items:center;width:95%;min-height:40px;background:#151515;color:#01ff88;border:1px solid #01ff88;font-weight:300;font-size:.9rem;padding:.5rem .9rem;border-radius:50px;cursor:pointer;font-family:Poppins,sans-serif!important;transition:background .2s ease-in-out}.sheet-name{font-weight:500;font-size:.9rem;color:#01ff88!important}.trash-btn{display:flex;align-items:center;justify-content:center;background:#00ff6238;padding:.5rem 1rem;border-radius:50px;width:2.6rem;height:1.6rem;border:none;font-size:.52rem;cursor:pointer;color:#c0392b;transition:transform .2s ease}.trash-btn:hover{transform:scale(1.2);color:#e74c3c}.sheet-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.sheet-popup{background:#191919;border:2px solid #00ff6a;border-radius:15px;width:400px;max-height:500px;display:flex;flex-direction:column;box-shadow:0 10px 30px #00ff6a4d}.sheet-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #00ff6a}.sheet-popup-header h3{color:#01ff88;margin:0;font-family:Poppins,sans-serif;font-weight:500;font-size:1.1rem}.close-popup-btn{background:none;border:none;color:#01ff88;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:50%;transition:all .2s ease}.close-popup-btn:hover{background:#00ff6a33;transform:scale(1.1)}.sheet-popup-list{flex:1;overflow-y:auto;padding:1rem;max-height:350px}.sheet-popup-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;background:#151515;border:1px solid #01ff88;border-radius:25px;transition:all .2s ease}.sheet-popup-row:hover{background:#00ff6a1a;transform:translate(5px)}.sheet-popup-name{color:#01ff88;font-family:Poppins,sans-serif;font-weight:500;font-size:.9rem}.trash-btn-popup{display:flex;align-items:center;justify-content:center;background:#f003;padding:.4rem .8rem;border-radius:50px;width:2.2rem;height:1.4rem;border:none;font-size:.5rem;cursor:pointer;color:#c0392b;transition:all .2s ease}.trash-btn-popup:hover{transform:scale(1.15);background:#ff00004d;color:#e74c3c}