:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #ffffff;--bg-secondary: #fafafa;--text-primary: #000000;--text-secondary: #525252;--text-light: #737373;--text-on-button: #ffffff;--border-color: #e5e5e5;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--card-bg: #ffffff;--header-bg: #ffffff;--button-bg: #000000;--button-hover: #171717;--error-bg: #fef2f2;--error-text: #b91c1c;--success-bg: #f0fdf4;--success-text: #15803d;--warning-bg: #fffbeb;--warning-text: #d97706;--info-bg: #eff6ff;--info-text: #1d4ed8;--table-header-bg: #fafafa;--table-row-hover: #f5f5f5;--form-input-border: #e5e5e5;--form-input-focus: rgba(0, 0, 0, .15);--permission-card-bg: #f0f9ff;--permission-card-text: #0369a1;--modal-bg: #ffffff;--login-gradient-start: #000000;--login-gradient-end: #171717;--google-btn-bg: #4285f4;--google-btn-hover: #357ae8;--account-card-bg: #fafafa;--token-card-bg: #fafafa;--switch-bg: #e5e5e5;--switch-checked-bg: #000000;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--text-primary: #ededed;--text-secondary: #a1a1a1;--text-light: #737373;--text-on-button: #000000;--border-color: #262626;--shadow: 0 2px 8px rgba(0, 0, 0, .4);--card-bg: #0a0a0a;--header-bg: #0a0a0a;--button-bg: #ffffff;--button-hover: #fafafa;--error-bg: #450a0a;--error-text: #fca5a5;--success-bg: #14532d;--success-text: #86efac;--warning-bg: #713f12;--warning-text: #fcd34d;--info-bg: #1e3a8a;--info-text: #93c5fd;--table-header-bg: #0a0a0a;--table-row-hover: #171717;--form-input-border: #262626;--form-input-focus: rgba(255, 255, 255, .15);--permission-card-bg: #0c1e3a;--permission-card-text: #60a5fa;--modal-bg: #0a0a0a;--login-gradient-start: #ffffff;--login-gradient-end: #fafafa;--google-btn-bg: #357ae8;--google-btn-hover: #2a5fc4;--account-card-bg: #0a0a0a;--token-card-bg: #0a0a0a;--switch-bg: #262626;--switch-checked-bg: #ffffff;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary)}a{font-weight:500;color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--border-color);transition:text-decoration-color .2s ease}a:hover{text-decoration-color:var(--text-primary)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary)}button{border-radius:6px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--text-on-button);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}button:hover{background-color:var(--button-hover);border-color:var(--text-secondary)}button:focus,button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);transition:all .2s ease}.card:hover{box-shadow:0 4px 12px #0000001f}[data-theme=dark] .card:hover{box-shadow:0 4px 12px #0009}input,textarea,select{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--form-input-border);border-radius:6px;padding:.5em .75em;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 3px var(--form-input-focus)}.error-message{background-color:var(--error-bg);color:var(--error-text);padding:1rem;border-radius:6px;border-left:4px solid var(--error-text)}.success-message{background-color:var(--success-bg);color:var(--success-text);padding:1rem;border-radius:6px;border-left:4px solid var(--success-text)}.warning-message{background-color:var(--warning-bg);color:var(--warning-text);padding:1rem;border-radius:6px;border-left:4px solid var(--warning-text)}.info-message{background-color:var(--info-bg);color:var(--info-text);padding:1rem;border-radius:6px;border-left:4px solid var(--info-text)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--login-gradient-start) 0%,var(--login-gradient-end) 100%);padding:20px}.login-form{background:var(--card-bg);padding:2rem;border-radius:8px;box-shadow:var(--shadow);width:100%;max-width:400px}.login-form h2{text-align:center;margin-bottom:1.5rem;color:var(--text-primary)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--form-input-border);border-radius:4px;font-size:1rem;background-color:var(--bg-secondary);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--login-gradient-start);box-shadow:0 0 0 2px var(--form-input-focus)}button{width:100%;padding:.75rem;background:var(--button-bg);color:var(--text-on-button);border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:opacity .2s}button:hover:not(:disabled){opacity:.9}button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:var(--error-bg);color:var(--error-text);padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center;border:1px solid color-mix(in srgb,var(--error-text) 20%,transparent)}.dashboard-container{min-height:100vh;background-color:var(--bg-primary)}.dashboard-container header{background:var(--header-bg);padding:1rem 2rem;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.dashboard-container header h1{color:var(--text-primary);margin:0}.user-info{display:flex;align-items:center;gap:1rem}.user-info button{width:auto;padding:.5rem 1rem;background:var(--error-text);margin:0}.dashboard-content{padding:2rem}.dashboard-content h2{color:var(--text-primary);margin-bottom:1.5rem}.admin-features,.client-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:var(--shadow);text-align:center}.feature-card h3{color:var(--text-primary);margin-bottom:.5rem}.feature-card p{color:var(--text-secondary)}.redirect-container{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:var(--text-secondary)}.google-account-integration{margin-top:2rem;padding:1.5rem;background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);max-width:500px}.google-account-integration h3{margin-top:0;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.google-account-integration p{color:var(--text-secondary);margin-bottom:1rem}.google-connect-btn{background:var(--google-btn-bg);color:var(--text-on-button);border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:.5rem}.google-connect-btn:hover:not(:disabled){background:var(--google-btn-hover)}.google-connect-btn:disabled{opacity:.6;cursor:not-allowed}.google-connect-btn img{height:18px;width:18px}.connecting-message{margin-top:1rem;padding:.75rem;background:var(--info-bg);border-radius:4px;color:var(--info-text)}.success-message{margin-bottom:1rem;padding:.75rem;background:var(--success-bg);border-radius:4px;color:var(--success-text);border:1px solid color-mix(in srgb,var(--success-text) 20%,transparent)}.error-message{margin-bottom:1rem;padding:.75rem;background:var(--error-bg);border-radius:4px;color:var(--error-text);border:1px solid color-mix(in srgb,var(--error-text) 20%,transparent)}.google-integration-section{margin-top:2rem}.google-auth-message{padding:1rem;border-radius:4px;margin-bottom:1rem}.google-auth-message.success{background:var(--success-bg);color:var(--success-text);border:1px solid color-mix(in srgb,var(--success-text) 20%,transparent)}.google-auth-message.error{background:var(--error-bg);color:var(--error-text);border:1px solid color-mix(in srgb,var(--error-text) 20%,transparent)}.linked-google-accounts{margin-top:2rem;padding:1.5rem;background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow)}.header-with-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-with-button h3{margin:0;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.connect-small-btn{background:var(--google-btn-bg);color:var(--text-on-button);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.25rem;transition:background .2s}.connect-small-btn:hover:not(:disabled){background:var(--google-btn-hover)}.connect-small-btn:disabled{opacity:.6;cursor:not-allowed}.google-accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.google-account-card{display:flex;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--account-card-bg);transition:box-shadow .2s ease;color:var(--text-primary)}.google-account-card:hover{box-shadow:0 4px 12px #00000026}.account-icon{font-size:2rem;margin-right:1rem}.account-info h4{margin:0 0 .25rem;color:var(--text-primary);font-size:1.1rem}.account-id{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0}.account-created{font-size:.8rem;color:var(--text-light);margin:0}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--modal-bg);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--form-input-border);border-radius:4px;font-size:1rem;background-color:var(--bg-secondary);color:var(--text-primary)}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--login-gradient-start);box-shadow:0 0 0 2px var(--form-input-focus)}.form-help{display:block;margin-top:.5rem;color:var(--text-light);font-size:.85rem}.modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border-color);margin-top:1rem}.btn-primary{background:var(--login-gradient-start);color:var(--text-on-button);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-primary:hover:not(:disabled){background:var(--button-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:color-mix(in srgb,var(--text-primary) 10%,transparent);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary) 20%,transparent)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.callrail-tokens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.callrail-token-card{display:flex;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--token-card-bg);transition:box-shadow .2s ease;color:var(--text-primary)}.callrail-token-card:hover{box-shadow:0 4px 12px #00000026}.clients-management{margin-top:2rem;padding:1.5rem;background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow)}.clients-table-container{overflow-x:auto;margin-top:1rem}.clients-table{width:100%;border-collapse:collapse;min-width:1000px}.clients-table th,.clients-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;color:var(--text-primary)}.clients-table th{background-color:var(--table-header-bg);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:10}.clients-table tr:hover{background-color:var(--table-row-hover)}@media(max-width:768px){.clients-table{min-width:1000px}.clients-table th,.clients-table td{padding:.5rem;font-size:.9rem}}.permissions-cards{display:flex;flex-wrap:wrap;gap:.25rem}.permission-card{background:var(--permission-card-bg);color:var(--permission-card-text);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.no-permissions{color:var(--text-light);font-style:italic}.permission-btn{background:var(--login-gradient-start);color:var(--text-on-button);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.permission-btn:hover{background:var(--button-hover)}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--switch-bg);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-on-button);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--switch-checked-bg)}input:checked+.slider:before{transform:translate(22px)}.activecampaign-tokens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.activecampaign-token-card{display:flex;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--token-card-bg);transition:box-shadow .2s ease;color:var(--text-primary)}.activecampaign-token-card:hover{box-shadow:0 4px 12px #00000026}.token-icon{font-size:2rem;margin-right:1rem}.token-info h4{margin:0 0 .25rem;color:var(--text-primary);font-size:1.1rem}.token-base-url{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0;word-break:break-all}.token-id{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0}.token-created{font-size:.8rem;color:var(--text-light);margin:0}