:root,[data-theme=light]{--gm-font: "Roboto", "Google Sans Flex", system-ui, sans-serif;--gm-primary: #1a73e8;--gm-primary-hover: #1765cc;--gm-primary-container: #e8f0fe;--gm-on-primary: #ffffff;--gm-surface: #ffffff;--gm-surface-variant: #f8f9fa;--gm-surface-elevated: #ffffff;--gm-on-surface: #202124;--gm-on-surface-muted: #5f6368;--gm-outline: #dadce0;--gm-outline-variant: #e8eaed;--gm-success: #137333;--gm-success-bg: #e6f4ea;--gm-error: #c5221f;--gm-error-bg: #fce8e6;--gm-warning-bg: #fef7e0;--gm-warning: #b06000;--gm-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--gm-sidebar: #f8f9fa;--gm-hover: #f1f3f4}[data-theme=dark]{--gm-primary: #8ab4f8;--gm-primary-hover: #aecbfa;--gm-primary-container: #394457;--gm-on-primary: #202124;--gm-surface: #202124;--gm-surface-variant: #292a2d;--gm-surface-elevated: #303134;--gm-on-surface: #e8eaed;--gm-on-surface-muted: #9aa0a6;--gm-outline: #5f6368;--gm-outline-variant: #3c4043;--gm-success: #81c995;--gm-success-bg: #1e3a29;--gm-error: #f28b82;--gm-error-bg: #3c2020;--gm-warning-bg: #3c2e14;--gm-warning: #fdd663;--gm-shadow: 0 1px 3px rgba(0, 0, 0, .4);--gm-sidebar: #171717;--gm-hover: #3c4043}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--gm-font);color:var(--gm-on-surface);background:var(--gm-surface)}h1,h2,h3,h4{color:var(--gm-on-surface);font-weight:500}label{font-weight:500;font-size:.875rem;color:var(--gm-on-surface)}input,textarea,select{width:100%;padding:.75rem .875rem;border:1px solid var(--gm-outline);border-radius:8px;font-size:.9375rem;font-family:inherit;color:var(--gm-on-surface);background:var(--gm-surface)}input:focus,textarea:focus,select:focus{outline:2px solid var(--gm-primary);outline-offset:1px;border-color:var(--gm-primary)}textarea{resize:vertical}.muted{color:var(--gm-on-surface-muted)}.error{color:var(--gm-error)}.success{color:var(--gm-success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;border-radius:999px;border:1px solid transparent;font-weight:500;text-decoration:none;cursor:pointer;font-size:.875rem;font-family:inherit;transition:background .15s ease,border-color .15s ease}.btn-primary{background:var(--gm-primary);color:var(--gm-on-primary)}.btn-primary:hover:not(:disabled){background:var(--gm-primary-hover)}.btn-secondary{background:var(--gm-surface);color:var(--gm-primary);border-color:var(--gm-outline)}.btn-secondary:hover:not(:disabled){background:var(--gm-hover)}.btn-danger{background:var(--gm-surface);color:var(--gm-error);border-color:var(--gm-error)}.btn:disabled{opacity:.6;cursor:not-allowed}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-header h2{margin:0;font-size:1.5rem}.badge{font-size:.75rem;padding:.2rem .625rem;border-radius:999px;font-weight:500;text-transform:capitalize;background:var(--gm-surface-variant);color:var(--gm-on-surface-muted)}.badge.active,.badge.connected{background:var(--gm-success-bg);color:var(--gm-success)}.badge.paused{background:var(--gm-warning-bg);color:var(--gm-warning)}.badge.disabled,.badge.disconnected{background:var(--gm-error-bg);color:var(--gm-error)}.badge.archived{background:var(--gm-surface-variant);color:var(--gm-on-surface-muted)}.card,.form-card,.integration-card,.help-card,.auth-card,.onboarding-card,.callback-card{background:var(--gm-surface-elevated);border:1px solid var(--gm-outline-variant);border-radius:16px;box-shadow:var(--gm-shadow)}.form-card,.auth-card,.onboarding-card,.callback-card{display:flex;flex-direction:column;gap:.75rem}code{font-size:.875rem;background:var(--gm-surface-variant);color:var(--gm-on-surface);padding:.125rem .375rem;border-radius:4px}.link-btn{margin-top:.5rem;padding:0;border:none;background:none;color:var(--gm-primary);text-decoration:underline;cursor:pointer;font-size:.875rem}.form-page{max-width:1080px;margin:0 auto}.page-top{margin-bottom:1.75rem}.back-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--gm-primary);text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.25rem 0}.back-link:hover{text-decoration:underline}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.title-row h1,.title-row h2{margin:0 0 .35rem;font-size:1.75rem;font-weight:400;letter-spacing:-.02em}.subtitle{margin:0;color:var(--gm-on-surface-muted);font-size:.9375rem;line-height:1.5;max-width:36rem}.status-pill{flex-shrink:0;padding:.35rem .875rem;border-radius:999px;font-size:.8125rem;font-weight:500;text-transform:capitalize;background:var(--gm-surface-variant);color:var(--gm-on-surface-muted);border:1px solid var(--gm-outline-variant)}.status-pill.active{background:var(--gm-success-bg);color:var(--gm-success);border-color:transparent}.status-pill.paused{background:var(--gm-warning-bg);color:var(--gm-warning);border-color:transparent}.status-pill.disabled,.status-pill.archived{background:var(--gm-error-bg);color:var(--gm-error);border-color:transparent}.form-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}.form-layout.single-column{grid-template-columns:1fr;max-width:640px}.main-column{display:flex;flex-direction:column;gap:1.25rem}.section-card{background:var(--gm-surface-elevated);border:1px solid var(--gm-outline-variant);border-radius:20px;padding:1.5rem;box-shadow:var(--gm-shadow)}.section-head{display:flex;gap:.875rem;margin-bottom:1.25rem}.section-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gm-primary-container);color:var(--gm-primary);font-size:1.125rem;flex-shrink:0}.section-head h2,.section-head h3{margin:0 0 .2rem;font-size:1.125rem;font-weight:500}.section-head p{margin:0;font-size:.8125rem;color:var(--gm-on-surface-muted)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field:last-child{margin-bottom:0}.field-hint{font-size:.75rem;color:var(--gm-on-surface-muted);line-height:1.4}.side-column{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1.5rem}.summary-card,.options-card{background:var(--gm-surface-elevated);border:1px solid var(--gm-outline-variant);border-radius:20px;padding:1.25rem;box-shadow:var(--gm-shadow)}.summary-card h3,.options-card h3{margin:0 0 1rem;font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--gm-on-surface-muted)}.summary-card dl{margin:0;display:flex;flex-direction:column;gap:.75rem}.summary-card dt{font-size:.75rem;color:var(--gm-on-surface-muted);margin-bottom:.15rem}.summary-card dd{margin:0;font-size:.9375rem;font-weight:500}.info-banner{padding:.75rem 1rem;border-radius:12px;background:var(--gm-primary-container);color:var(--gm-on-surface);font-size:.8125rem;line-height:1.45}.error-banner{padding:.75rem 1rem;border-radius:12px;background:var(--gm-error-bg);color:var(--gm-error);font-size:.875rem}.success-banner{padding:.75rem 1rem;border-radius:12px;background:var(--gm-success-bg);color:var(--gm-success);font-size:.875rem}.form-actions{display:flex;flex-direction:column;gap:.5rem}.btn-full{width:100%}.toggle-row{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;margin-top:.5rem}.toggle-row input{position:absolute;opacity:0;width:0;height:0}.toggle-ui{flex-shrink:0;width:2.25rem;height:1.25rem;border-radius:999px;background:var(--gm-outline);position:relative;transition:background .2s;margin-top:.15rem}.toggle-ui:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:var(--gm-surface-elevated);box-shadow:0 1px 2px #0003;transition:transform .2s}.toggle-row input:checked+.toggle-ui{background:var(--gm-primary)}.toggle-row input:checked+.toggle-ui:after{transform:translate(1rem)}.toggle-row input:focus-visible+.toggle-ui{outline:2px solid var(--gm-primary);outline-offset:2px}.toggle-text{display:flex;flex-direction:column;gap:.15rem}.toggle-text strong{font-size:.875rem;font-weight:500}.toggle-text small{font-size:.75rem;color:var(--gm-on-surface-muted);line-height:1.4}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--gm-surface-variant)}.auth-panel{width:100%;max-width:420px;background:var(--gm-surface-elevated);border:1px solid var(--gm-outline-variant);border-radius:24px;padding:2rem;box-shadow:var(--gm-shadow)}.auth-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.auth-panel-header h1{margin:0;font-size:1.75rem;font-weight:400;color:var(--gm-primary);letter-spacing:-.02em}.icon-btn{width:2.5rem;height:2.5rem;border:1px solid var(--gm-outline-variant);border-radius:999px;background:var(--gm-surface);cursor:pointer;font-size:1rem}.icon-btn:hover{background:var(--gm-hover)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.card-grid .card{display:block;padding:1.25rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.card-grid .card:hover{border-color:var(--gm-primary);box-shadow:var(--gm-shadow)}.card-top{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.5rem}.card-grid h3{margin:0;font-size:1.0625rem;font-weight:500}.empty-state{padding:2.5rem 1.5rem;border:2px dashed var(--gm-outline);border-radius:20px;text-align:center;background:var(--gm-surface-variant)}.empty-state p{margin:0 0 1rem;color:var(--gm-on-surface-muted)}.data-table{width:100%;border-collapse:collapse;background:var(--gm-surface-elevated);border:1px solid var(--gm-outline-variant);border-radius:16px;overflow:hidden}.data-table th,.data-table td{padding:.875rem 1rem;border-bottom:1px solid var(--gm-outline-variant);text-align:left;vertical-align:top}.data-table th{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--gm-on-surface-muted);background:var(--gm-surface-variant)}.data-table tr:last-child td{border-bottom:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1.25rem;border:1px solid var(--gm-outline-variant);border-radius:20px;background:var(--gm-surface-elevated);box-shadow:var(--gm-shadow);display:flex;flex-direction:column;gap:.35rem}.stat-card .label{color:var(--gm-on-surface-muted);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stat-card strong{font-size:1.75rem;font-weight:400;letter-spacing:-.02em}@media(max-width:860px){.form-layout{grid-template-columns:1fr}.side-column{position:static}.form-actions.row{flex-direction:column}}@media(max-width:480px){.title-row{flex-direction:column}}