@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");:root{--color-bg:#fff;--color-bg-body:#eee;--color-border:#e5e7eb;--color-sidebar-item:#f3f4f6;--color-active:#152953;--color-dark:#252428;--color-red:#b70000;--color-container:#f5f5f5;--font-default:"Lato",sans-serif;--font-monospace:"Space Mono",monospace}*{padding:0;margin:0;box-sizing:border-box}.dark-mode{--color-bg:var(--color-container);--color-bg-body:#19202e;--color-container:#1e2738;--color-dark:#97aac8;--color-sidebar-item:var(--color-bg-body);--color-section-title:#fff;--color-active:#2c4c3b}body{background-color:var(--color-bg-body);font-family:var(--font-default);overflow:hidden}.layout{display:flex;height:100vh;position:relative;gap:2rem}.main-content{flex-grow:1;margin:0;background-color:var(--color-bg-body);padding:23px 35px;font-size:1rem;font-weight:600}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background-color:var(--color-active);padding:.7rem;border-radius:.1rem;color:#fff;font-weight:400}.sidebar-wrapper{position:relative;height:100vh}.sidebar{width:18rem;height:100vh;background-color:var(--color-bg);padding:1.5rem 1.2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-shadow:2px 0 10px rgba(0,0,0,.05)}.dark-mode .sidebar{box-shadow:2px 0 10px rgba(0,0,0,.2)}.sidebar-top{display:flex;align-items:center;gap:1rem;padding-bottom:1.2rem;border-bottom:1px dashed var(--color-border);margin-bottom:1.5rem;flex-shrink:0}.sidebar-logo{flex-shrink:0;width:3.5rem;height:3.5rem;object-fit:contain;border-radius:.6rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.sidebar-brand{display:flex;flex-direction:column;justify-content:center}.sidebar-title{color:var(--color-active);font-family:var(--font-default);font-size:1.15rem;font-weight:800;letter-spacing:.5px;line-height:1.2}.sidebar-badge{display:inline-block;font-size:.7rem;font-weight:700;color:#fff;background-color:var(--color-active);padding:.2rem .5rem;border-radius:1rem;margin-top:.4rem;width:-moz-fit-content;width:fit-content;text-transform:uppercase}.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.sidebar-item:last-of-type{margin-top:auto}.sidebar-link{display:flex;align-items:center;font-size:1rem;font-weight:600;text-decoration:none;color:var(--color-dark);padding:.9rem 1.2rem;background-color:transparent;border-radius:.6rem;transition:all .2s ease}.sidebar-link:hover{background-color:var(--color-sidebar-item);transform:translateX(4px)}.sidebar-link--active{color:#fff;background-color:var(--color-active);box-shadow:0 4px 12px rgba(21,41,83,.3)}.sidebar-link--active:hover{background-color:var(--color-active);transform:none}.dark-mode .sidebar-link--active{color:#fff}.sidebar-icon{display:flex;align-items:center;justify-content:center;font-size:1.4rem}.sidebar-name{margin-left:1rem}[data-collapse=true]{width:6rem;padding:1.5rem 1rem}[data-collapse=true] .sidebar-brand,[data-collapse=true] .sidebar-name{display:none}[data-collapse=true] .sidebar-logo{margin:0 auto}[data-collapse=true] .sidebar-top{justify-content:center;padding-bottom:1rem}[data-collapse=true] .sidebar-link{justify-content:center;padding:.9rem}[data-collapse=true] .sidebar-icon{font-size:1.6rem}.sidebar-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed var(--color-border)}.sidebar-footer-card{background-color:var(--color-sidebar-item);padding:1.2rem;border-radius:.6rem;text-align:center;font-family:var(--font-default);box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.sidebar-footer-card p{font-size:.75rem;font-weight:700;color:var(--color-dark);line-height:1.5;margin:0}.sidebar-toggle{position:absolute;right:-1.2rem;top:3rem;border:none;color:#fff;background-color:var(--color-active);width:2.6rem;height:2.6rem;border-radius:50%;border:3px solid var(--color-bg);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;font-size:1.4rem;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:transform .2s,background-color .2s}.dark-mode .sidebar-toggle{border-color:var(--color-container)}.sidebar-toggle:hover{transform:scale(1.1)}.do-page-container{max-width:960px;margin:0 auto;padding:1rem 0}.do-form{display:flex;flex-direction:column;gap:2rem;padding-bottom:6rem}.do-section{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.02)}.dark-mode .do-section{background-color:var(--color-container);box-shadow:0 2px 4px rgba(0,0,0,.1)}.do-section-title{color:var(--color-dark);font-size:1.25rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.do-section-subtitle{color:#64748b;font-size:.95rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.dark-mode .do-section-subtitle{color:#94a3b8}.do-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.do-grid-2{grid-template-columns:1fr}}.do-form-group{display:flex;flex-direction:column}.do-label{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.do-input,.do-label{color:var(--color-dark)}.do-input{padding:10px 12px;border:1px solid var(--color-border);border-radius:4px;font-family:inherit;font-size:1rem;background-color:var(--color-bg-body);transition:all .2s}.do-input:focus{outline:none;border-color:#0069ff;box-shadow:0 0 0 3px rgba(0,105,255,.15);background-color:var(--color-bg)}.dark-mode .do-input{background-color:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.1)}.dark-mode .do-input:focus{background-color:var(--color-container)}.do-helper-text{font-size:.8rem;color:#64748b;margin-top:.4rem}.do-disabled-box{background-color:#f8fafc;border:1px dashed var(--color-border);padding:1.2rem;border-radius:4px}.dark-mode .do-disabled-box{background-color:rgba(0,0,0,.15)}.do-radio-row{gap:.5rem;margin-bottom:.5rem;color:var(--color-dark);opacity:.8}.do-action-bar,.do-radio-row{display:flex;align-items:center}.do-action-bar{position:fixed;bottom:0;left:17rem;right:0;background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:1.25rem 2rem;justify-content:space-between;box-shadow:0 -4px 12px rgba(0,0,0,.05);z-index:10;transition:left .4s cubic-bezier(.175,.885,.32,1.1)}.sidebar-wrapper[data-collapse=true]+.layout .do-action-bar,[data-collapse=true]~.main-content .do-action-bar{left:5.3rem}.dark-mode .do-action-bar{background-color:var(--color-container)}.do-action-text h4{color:var(--color-dark);font-size:1.1rem;margin-bottom:.2rem}.do-action-text p{color:#64748b;font-size:.85rem;margin:0}.do-submit-btn{background-color:#0069ff;color:#fff;border:none;border-radius:4px;padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,105,255,.2);transition:background-color .2s,transform .1s}.do-submit-btn:hover{background-color:#0056d6}.do-submit-btn:active{transform:translateY(1px)}@media (max-width:768px){.do-action-bar{left:0!important;flex-direction:column;gap:1rem;align-items:flex-start}.do-submit-btn{width:100%}}.widgets-grid{flex-wrap:wrap;justify-content:space-between;padding:0}.no-connections{color:var(--color-dark)}.connection-widget{display:block;align-items:center;min-width:23vw;background-color:#f0f0f0;border:1px solid #ccc;padding:50px;margin-bottom:20px;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}.dark-mode .connection-widget{background-color:var(--color-container);border:none;color:var(--color-dark)}.connection-widget:hover{background-color:#e8e8e8}.dark-mode .connection-widget:hover{background-color:var(--color-container);border:none;color:var(--color-dark)}.widget-header{display:flex;justify-content:space-between;margin-bottom:20px}.widget-icon{display:inline-block;font-size:3em;margin-right:1rem;color:var(--color-dark)}.widget-title{font-size:1.1rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase;background-color:var(--color-dark);color:#fff;padding:.5rem 1rem;border-radius:5px}.dark-mode .widget-title{background-color:var(--color-active)}.widget-info{font-family:var(--font-monospace);font-size:1rem;font-weight:600}.widget-info strong{font-family:var(--font-default)}.widget-buttons{display:flex;justify-content:space-between;margin-top:20px;gap:1rem}.delete-button,.terminal-button{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-default);font-size:.9rem;padding:.4rem .6rem;border:none;border-radius:.2rem;color:var(--color-bg);background-color:var(--color-active)}.control-icon{font-size:1.2rem}.delete-button{background-color:var(--color-red)}.terminal-button{background-color:var(--color-dark)}.setting-label{font-weight:600}.theme-setting{justify-content:space-between}.theme-button,.theme-setting{display:flex;align-items:center}.theme-button{width:8rem;cursor:pointer;padding:.4rem .6rem;font-family:var(--font-default);font-size:.9rem;gap:.5rem;border:none;background-color:var(--color-dark);border-radius:.25rem;color:var(--color-bg);font-weight:500}.theme-icon{font-size:1.3rem}.google-login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f0f4f9;font-family:Roboto,Arial,sans-serif;position:relative}.mobile-warning-banner{position:absolute;top:0;width:100%;background:#fbbc04;color:#000;text-align:center;padding:10px;font-weight:500}.google-login-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:48px 40px 36px;width:448px;display:flex;flex-direction:column;align-items:center}.google-logo-wrapper{margin-bottom:16px}.google-logo-text{font-size:24px;font-weight:500;letter-spacing:-.5px;display:flex;align-items:center}.google-heading{font-size:24px;font-weight:400;color:#202124;margin-bottom:8px}.google-subheading{font-size:16px;font-weight:400;color:#202124;margin-bottom:32px}.google-login-actions{display:flex;flex-direction:column;gap:16px;width:100%}.google-input{width:100%;padding:13px 15px;font-size:16px;border:1px solid #dadce0;border-radius:4px;margin-bottom:15px;transition:border-color .2s;box-sizing:border-box}.google-input:focus{outline:none;border:2px solid #1a73e8;padding:12px 14px}.google-actions-row{display:flex;justify-content:flex-end;width:100%;margin-top:10px}.google-signed-in{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.google-email{font-weight:500;color:#3c4043;border:1px solid #dadce0;border-radius:16px;padding:4px 12px;font-size:14px}.google-btn-primary{background-color:#1a73e8;color:#fff;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%}.google-btn-primary:hover{background-color:#1b66c9;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.google-loading-spinner{border:4px solid #f3f3f3;border-top-color:#1a73e8;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.google-login-footer{display:flex;justify-content:space-between;width:448px;margin-top:24px;font-size:12px}.google-footer-left select{background:none;border:none;color:#5f6368;font-size:12px;cursor:pointer;outline:none}.google-footer-right{display:flex;gap:16px}.google-footer-right a{color:#5f6368;text-decoration:none;padding:4px 6px;border-radius:4px}.google-footer-right a:hover{background-color:rgba(60,64,67,.08)}@media (max-width:480px){.google-login-card{width:100%;height:100%;border-radius:0;box-shadow:none;justify-content:center}.google-login-footer{width:100%;padding:0 24px}}.account-details{display:flex;flex-direction:column;max-width:100%;margin-bottom:2rem;color:var(--color-dark)}.profile{display:flex;align-items:center;justify-content:space-between;border-radius:5px;padding:10px 40px 30px}.account-details p{display:flex;align-items:flex-start;font-weight:500}.section-title{color:var(--color-section-title);line-height:2.5;font-size:1rem;font-weight:800;text-transform:uppercase}.profile-details{min-width:100px;margin-right:10px;font-weight:600;line-height:1.5;font-family:var(--font-default)}.profile-picture{border-radius:5rem;width:5rem;height:5rem;border:3px solid var(--color-active);margin:auto}.signout-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:8rem;font-family:var(--font-default);font-size:1rem;padding:.5rem;margin-top:1rem;background-color:var(--color-red);color:var(--color-bg);border:none;cursor:pointer;border-radius:.2rem}.dark-mode .signout-button{color:#fff}.profile,.settings-container{background-color:var(--color-container)}.settings-container{padding:10px 40px 30px}@media (min-width:768px){.mobile-warning-banner{display:none}}