.layout{display:flex;min-height:100vh;background-color:var(--bg-color)}.sidebar{width:280px;background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid var(--border-color)}.logo{font-size:var(--h2-size);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);font-weight:var(--h2-weight);font-family:var(--font-family);color:var(--primary-color);margin-bottom:.25rem}.logo-subtitle{font-size:var(--text2-size);line-height:var(--text2-line-height);font-weight:var(--text2-weight);font-family:var(--font-family);color:var(--text-secondary)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:.875rem 1.5rem;color:var(--text-primary);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;font-family:var(--font-family)}.nav-item:hover{background-color:var(--bg-color);color:var(--primary-color)}.nav-item.active{background-color:var(--primary-light);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:500}.nav-icon{font-size:1.25rem;margin-right:.75rem;width:24px;text-align:center;display:flex;align-items:center;justify-content:center;color:inherit}.nav-icon svg{width:20px;height:20px}.nav-label{font-size:var(--text2-size);line-height:var(--text2-line-height);font-weight:var(--text2-weight)}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.logout-btn{width:100%;display:flex;align-items:center;padding:.875rem 1.5rem;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:all .2s ease;border-radius:.5rem;font-size:var(--text2-size);line-height:var(--text2-line-height);font-weight:var(--text2-weight);font-family:var(--font-family)}.logout-btn:hover{background-color:var(--bg-color);color:var(--danger-color)}.main-content{flex:1;margin-left:280px;padding:2rem;min-height:100vh}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0;padding:1rem}}.admin-layout{display:flex;min-height:100vh;background-color:var(--bg-color)}.admin-sidebar{width:280px;background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0}.admin-sidebar .sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#667eea,#764ba2)}.admin-sidebar .logo{font-size:2.02rem;font-weight:700;color:#fff;margin-bottom:.25rem}.admin-sidebar .logo-subtitle{font-size:1.02rem;color:#ffffffe6}.admin-sidebar .sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.admin-sidebar .nav-item{display:flex;align-items:center;padding:.875rem 1.5rem;color:var(--text-primary);text-decoration:none;transition:all .2s;border-left:3px solid transparent}.admin-sidebar .nav-item:hover{background-color:var(--bg-color);color:var(--primary-color)}.admin-sidebar .nav-item.active{background-color:#eff6ff;color:var(--primary-color);border-left-color:var(--primary-color);font-weight:500}.admin-sidebar .nav-icon{font-size:1.52rem;margin-right:.75rem;width:24px;text-align:center;display:flex;align-items:center;justify-content:center;color:inherit}.admin-sidebar .nav-icon svg{width:20px;height:20px}.admin-sidebar .nav-label{font-size:1.09rem}.admin-sidebar .sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.admin-sidebar .logout-btn{width:100%;display:flex;align-items:center;padding:.875rem 1.5rem;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:all .2s;border-radius:.5rem;font-size:1.09rem}.admin-sidebar .logout-btn:hover{background-color:var(--bg-color);color:var(--danger-color)}.admin-main-content{flex:1;margin-left:280px;padding:2rem;min-height:100vh}@media (max-width: 768px){.admin-sidebar{width:100%;height:auto;position:relative}.admin-main-content{margin-left:0;padding:1rem}}.notification-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.notification{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;pointer-events:auto;cursor:pointer;animation:slideIn .3s ease-out;transition:all .2s}.notification:hover{transform:translate(-4px)}.notification-message{flex:1;font-size:.9375rem;line-height:1.5}.notification-close{background:none;border:none;font-size:1.5rem;line-height:1;color:inherit;opacity:.7;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.notification-close:hover{opacity:1}.notification-success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.notification-error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.notification-warning{background-color:#fef3c7;color:#92400e;border:1px solid #f59e0b}.notification-info{background-color:#dbeafe;color:#1e40af;border:1px solid #3b82f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.notification-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-card{background:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow-md);width:100%;max-width:420px;padding:2.5rem}.login-header{text-align:center;margin-bottom:1.5rem}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab{flex:1;padding:.75rem 1rem;background-color:#f8fafc;border:none;border-radius:.5rem;color:var(--primary-color);font-size:var(--button-text-size);line-height:var(--button-text-line-height);letter-spacing:var(--button-text-letter-spacing);font-weight:var(--button-text-weight);font-family:var(--font-family);cursor:pointer;transition:all .2s ease}.tab:hover:not(.active){background-color:#f1f5f9}.tab.active{background-color:var(--primary-color);color:#fff}.login-logo{font-size:2rem;font-weight:500;color:var(--primary-color);margin-bottom:.5rem;font-family:var(--font-family)}.login-subtitle{color:var(--text-secondary);font-size:var(--text2-size);line-height:var(--text2-line-height);font-weight:var(--text2-weight);font-family:var(--font-family)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.login-button{font-family:var(--font-family);font-size:var(--button-text-size);line-height:var(--button-text-line-height);letter-spacing:var(--button-text-letter-spacing);font-weight:var(--button-text-weight);padding:.875rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem;width:100%}.login-button:hover:not(:disabled){background-color:var(--primary-hover)}.login-button:active:not(:disabled){background-color:var(--primary-click)}.login-button:disabled{background-color:#e2e8f0;color:#cbd5e1;cursor:not-allowed;opacity:1}.error-message{padding:.75rem 1rem;background-color:#fee2e2;color:var(--danger-color);border-radius:.5rem;font-size:.875rem}.success-message{padding:.75rem 1rem;background-color:#d1fae5;color:#065f46;border-radius:.5rem;font-size:.875rem}.login-footer{margin-top:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.login-footer a{color:var(--primary-color);text-decoration:none}.login-footer a:hover{text-decoration:underline}.dashboard{max-width:1200px}.page-header{margin-bottom:2rem}.page-header h1{font-size:var(--h1-size);line-height:var(--h1-line-height);letter-spacing:var(--h1-letter-spacing);font-weight:var(--h1-weight);font-family:var(--font-family);margin-bottom:.5rem;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);font-size:var(--text1-size);line-height:var(--text1-line-height);font-weight:var(--text1-weight);font-family:var(--font-family)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.dashboard-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem;text-decoration:none;color:inherit;transition:all .2s;cursor:pointer}.dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-color)}.card-icon{font-size:3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.card-icon svg{width:3rem;height:3rem}.dashboard-card h3{font-size:var(--h3-size);line-height:var(--h3-line-height);letter-spacing:var(--h3-letter-spacing);font-weight:var(--h3-weight);font-family:var(--font-family);margin-bottom:.75rem;color:var(--text-primary)}.dashboard-card p{color:var(--text-secondary);font-size:var(--text2-size);line-height:var(--text2-line-height);font-weight:var(--text2-weight);font-family:var(--font-family)}.info-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.info-section h2{font-size:var(--h2-size);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);font-weight:var(--h2-weight);font-family:var(--font-family);margin-bottom:1rem;color:var(--text-primary)}.info-section p{color:var(--text-secondary);font-size:var(--text1-size);line-height:var(--text1-line-height);font-weight:var(--text1-weight);font-family:var(--font-family)}.profile{max-width:1000px}.profile-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-header h2{font-size:var(--h2-size);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);font-weight:var(--h2-weight);color:var(--text-primary);font-family:var(--font-family)}.edit-button,.save-button,.cancel-button{font-family:var(--font-family);font-size:var(--button-text-size);line-height:var(--button-text-line-height);letter-spacing:var(--button-text-letter-spacing);font-weight:var(--button-text-weight);padding:.875rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.edit-button:hover:not(:disabled),.save-button:hover:not(:disabled){background-color:var(--primary-hover)}.edit-button:active:not(:disabled),.save-button:active:not(:disabled){background-color:var(--primary-click)}.cancel-button{background-color:#f8fafc;color:var(--primary-color);border:1px solid var(--border-color)}.cancel-button:hover:not(:disabled){background-color:#f1f5f9}.cancel-button:active:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.form-group label{font-size:var(--text2-size);line-height:var(--text2-line-height);font-weight:500;color:var(--text-primary);font-family:var(--font-family)}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-family:var(--font-family);font-size:var(--text1-size);line-height:var(--text1-line-height);letter-spacing:var(--text1-letter-spacing);font-weight:var(--text1-weight);background-color:var(--card-bg);color:var(--text-primary);transition:all .2s ease}.form-group input:hover:not(:disabled):not(:focus),.form-group select:hover:not(:disabled):not(:focus){border-color:#cbd5e1}.form-group input:focus:not(:disabled),.form-group select:focus:not(:disabled){outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-group input:disabled,.form-group select:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed;opacity:1}.form-group select{cursor:pointer}.message{padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:var(--text2-size);line-height:var(--text2-line-height);font-weight:var(--text2-weight);font-family:var(--font-family)}.api-key-card{margin-top:2rem}.api-key-display{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem}.api-key-display code{flex:1;font-family:Courier New,monospace;font-size:.875rem;color:var(--text-primary);word-break:break-all;padding:.75rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.375rem}.api-key-actions{display:flex;gap:.75rem;flex-wrap:wrap}.copy-api-btn,.generate-api-btn{font-family:var(--font-family);font-size:var(--button-text-size);line-height:var(--button-text-line-height);letter-spacing:var(--button-text-letter-spacing);font-weight:var(--button-text-weight);padding:.875rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.copy-api-btn{background-color:var(--primary-color);color:#fff}.copy-api-btn:hover:not(:disabled){background-color:var(--primary-hover)}.copy-api-btn:active:not(:disabled){background-color:var(--primary-click)}.generate-api-btn{background-color:#f8fafc;color:var(--primary-color);border:1px solid var(--border-color)}.generate-api-btn:hover:not(:disabled){background-color:#f1f5f9}.generate-api-btn:active:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.generate-api-btn:disabled{background-color:#f8fafc;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed;opacity:1}.api-note{font-size:var(--text2-size);line-height:var(--text2-line-height);font-weight:var(--text2-weight);color:var(--text-secondary);font-family:var(--font-family);margin:0}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.api-key-actions{flex-direction:column}.copy-api-btn,.generate-api-btn{width:100%}}.payment{max-width:1200px}.payment-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;margin-bottom:2rem}.subscription-card,.payment-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.subscription-card h2,.payment-card h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.subscription-info{display:flex;flex-direction:column;gap:1.25rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.info-label{font-size:.9375rem;color:var(--text-secondary)}.info-value{font-size:1rem;font-weight:500;color:var(--text-primary)}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:1rem;font-size:.875rem;font-weight:500}.payment-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.iframe-container{width:100%;min-height:500px;border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;background-color:var(--bg-color);margin-bottom:1.5rem}.payment-iframe{width:100%;height:500px;border:none;display:block}.payment-note{padding:1rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem}.payment-note p{font-size:.875rem;color:#1e40af;line-height:1.6;margin:0}.payment-history-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.payment-history-card h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.history-table{display:flex;flex-direction:column}.table-header,.table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:1rem;padding:1rem;align-items:center}.table-header{background-color:var(--bg-color);border-radius:.5rem;font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.table-row{border-bottom:1px solid var(--border-color)}.table-row:last-child{border-bottom:none}.table-cell{font-size:.9375rem;color:var(--text-primary)}.link{color:var(--primary-color);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.subscription-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.subscription-option{background:var(--bg-color);border:2px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .3s ease}.subscription-option:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.subscription-option-header{margin-bottom:1rem}.subscription-option-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.discount-badge{display:inline-block;padding:.25rem .75rem;background-color:#d1fae5;color:#065f46;border-radius:1rem;font-size:.75rem;font-weight:600}.subscription-option-price{margin-bottom:1.5rem;display:flex;align-items:baseline;justify-content:center;gap:.25rem}.subscription-option-price .price{font-size:2rem;font-weight:700;color:var(--text-primary)}.subscription-option-price .currency{font-size:1.25rem;font-weight:500;color:var(--text-secondary)}.subscription-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}.subscription-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 968px){.payment-grid,.subscription-options{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header .table-cell{display:none}.table-row .table-cell:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);display:block;margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase}}.installation{max-width:1000px}.installation-content{display:flex;flex-direction:column;gap:2rem}.instruction-card,.support-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.instruction-card h2,.support-card h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.instruction-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8;font-size:1rem}.instruction-description code{background-color:var(--bg-color);padding:.125rem .375rem;border-radius:.25rem;font-size:.875em;color:var(--primary-color);font-family:Courier New,monospace}.code-block{background-color:#1e293b;border-radius:.5rem;overflow:hidden;margin-bottom:2rem}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#0f172a;color:#cbd5e1;font-size:.875rem;font-weight:500}.copy-button{padding:.375rem .875rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.copy-button:hover{background-color:var(--primary-hover)}.code-block pre{margin:0;padding:1.5rem;overflow-x:auto}.code-block code{color:#e2e8f0;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;white-space:pre}.steps-list{margin-top:1.5rem}.steps-list h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.steps-list ol,.warning-list{padding-left:1.5rem;color:var(--text-secondary);line-height:2}.steps-list li,.warning-list li{margin-bottom:.5rem}.steps-list code,.warning-list code{background-color:var(--bg-color);padding:.125rem .375rem;border-radius:.25rem;font-size:.875em;color:var(--primary-color);font-family:Courier New,monospace}.cms-list{display:flex;flex-direction:column;gap:1.5rem}.cms-item h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.cms-item p{color:var(--text-secondary);line-height:1.8}.warning-card{border-color:#fbbf24;background-color:#fffbeb}.warning-card h2{color:#92400e}.warning-list{list-style:none;padding-left:0}.warning-list li{padding-left:1.5rem;position:relative;color:#78350f;line-height:1.8}.warning-list li{position:relative;padding-left:0}.checklist{display:flex;flex-direction:column;gap:1.25rem}.check-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:var(--bg-color);border-radius:.5rem;border:1px solid var(--border-color)}.check-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--success-color);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.check-item div{flex:1;color:var(--text-primary);line-height:1.6}.check-item strong{color:var(--text-primary);font-weight:600}.support-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.support-card h2{color:#fff}.support-card p{color:#ffffffe6;margin-bottom:1.5rem;line-height:1.8}.support-contacts{display:flex;flex-direction:column;gap:1rem}.contact-item{padding:1rem;background-color:#ffffff1a;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-item strong{display:inline-block;margin-right:.5rem;min-width:120px}@media (max-width: 768px){.code-header{flex-direction:column;align-items:flex-start;gap:.5rem}.copy-button{width:100%}.contact-item strong{display:block;margin-bottom:.25rem;min-width:auto}}.admin-dashboard{max-width:1400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{font-size:3.27rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#eff6ff;border-radius:1rem;flex-shrink:0;color:var(--primary-color)}.stat-icon svg{width:48px;height:48px}.stat-icon-success{background-color:#d1fae5}.stat-icon-warning{background-color:#fef3c7}.stat-icon-revenue{background-color:#fce7f3}.stat-content{flex:1}.stat-value{font-size:2.27rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:1.02rem;color:var(--text-secondary)}.quick-actions{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.quick-actions h2{font-size:1.77rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .2s;cursor:pointer}.action-card:hover{background-color:#eff6ff;border-color:var(--primary-color);transform:translateY(-2px)}.action-icon{font-size:2.77rem;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.action-icon svg{width:40px;height:40px}.action-text{font-size:1.09rem;font-weight:500;color:var(--text-primary);text-align:center}.clients-list{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-actions{display:flex;align-items:center;gap:1rem}.clients-count{padding:.5rem 1rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem;font-size:1.02rem;color:var(--text-secondary)}.filters-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1.09rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.625rem 1.25rem;border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:.5rem;font-size:1.02rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-btn:hover{background-color:var(--bg-color);border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.clients-table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.clients-table{width:100%;border-collapse:collapse}.clients-table thead{background-color:var(--bg-color)}.clients-table th{padding:1rem;text-align:left;font-size:1.02rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.clients-table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:1.09rem;color:var(--text-primary)}.clients-table tbody tr:hover{background-color:var(--bg-color)}.clients-table tbody tr:last-child td{border-bottom:none}.client-name{font-weight:500;color:var(--text-primary)}.type-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:var(--bg-color);border-radius:.375rem;font-size:1.02rem}.type-badge svg{width:16px;height:16px;margin-right:.5rem;color:var(--primary-color)}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:1rem;font-size:.96rem;font-weight:500}.view-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:1.09rem}.view-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:3rem!important;color:var(--text-secondary)}.loading-state{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.27rem}@media (max-width: 968px){.clients-table{display:block;overflow-x:auto}.filters-card{flex-direction:column;align-items:stretch}.search-box{min-width:auto}}.client-detail{max-width:1400px}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--text1-size);color:var(--text-secondary);text-align:center}.error-state{color:var(--danger-color);flex-direction:column;gap:1rem}.back-link{display:inline-block;color:var(--primary-color);text-decoration:none;font-size:1.09rem;margin-bottom:.5rem;font-weight:500}.back-link:hover{text-decoration:underline}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:start}.detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.detail-card.main-info{grid-row:1 / 3}.detail-card h2{font-size:1.77rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-header h2{margin-bottom:0}.edit-button,.save-button,.cancel-button{padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:1.09rem;font-weight:500;cursor:pointer;transition:all .2s}.edit-button,.save-button{background-color:var(--primary-color);color:#fff}.edit-button:hover,.save-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cancel-button{background-color:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-button:hover{background-color:var(--border-color)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:1.02rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1.27rem;transition:all .2s;background-color:var(--card-bg)}.form-group input:disabled,.form-group select:disabled{background-color:var(--bg-color);color:var(--text-secondary);cursor:not-allowed}.form-group input:focus:not(:disabled),.form-group select:focus:not(:disabled){outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--border-color)}.info-section{display:flex;flex-direction:column;gap:1.25rem}.info-row{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{font-size:1.02rem;color:var(--text-secondary);font-weight:500}.info-value{font-size:1.27rem;font-weight:500;color:var(--text-primary)}.info-value-group{display:flex;flex-direction:column;gap:1rem}.status-actions{display:flex;gap:.5rem;flex-wrap:wrap}.status-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:.375rem;font-size:.96rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.status-btn:hover:not(:disabled){background-color:#eff6ff;border-color:var(--primary-color);color:var(--primary-color)}.status-btn:disabled{opacity:.5;cursor:not-allowed}.status-btn-danger:hover:not(:disabled){background-color:#fee2e2;border-color:var(--danger-color);color:var(--danger-color)}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:1rem;font-size:.96rem;font-weight:500;width:fit-content}.status-success{background-color:#d1fae5;color:#065f46}.status-error{background-color:#fee2e2;color:#991b1b}.status-warning{background-color:#fef3c7;color:#92400e}.api-key-section{display:flex;flex-direction:column;gap:1rem}.api-key-display{display:flex;gap:.75rem;align-items:center;padding:1rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem}.api-key-display code{flex:1;font-family:Courier New,monospace;font-size:1.02rem;color:var(--text-primary);word-break:break-all}.copy-api-btn{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.375rem;font-size:1.02rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-api-btn:hover{background-color:var(--primary-hover)}.api-note{font-size:1.02rem;color:var(--text-secondary);line-height:1.6;margin:0}.message{padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:1.09rem}.message-success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.message-error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}@media (max-width: 968px){.detail-grid{grid-template-columns:1fr}.detail-card.main-info{grid-row:1}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}.app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--primary-hover: #5a67d8;--primary-click: #4c51bf;--primary-light: rgba(102, 126, 234, .1);--secondary-color: #64748b;--success-color: #10b981;--danger-color: #ef4444;--bg-color: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--h1-size: 34.67px;--h1-line-height: 110%;--h1-letter-spacing: -1px;--h1-weight: 500;--h2-size: 26.67px;--h2-line-height: 120%;--h2-letter-spacing: 0px;--h2-weight: 500;--h3-size: 18.67px;--h3-line-height: 150%;--h3-letter-spacing: 0px;--h3-weight: 500;--text1-size: 18.67px;--text1-line-height: 140%;--text1-letter-spacing: 0px;--text1-weight: 400;--text2-size: 16.67px;--text2-line-height: 150%;--text2-letter-spacing: 0px;--text2-weight: 400;--button-text-size: 16.67px;--button-text-line-height: 160%;--button-text-letter-spacing: 0px;--button-text-weight: 500}@media (max-width: 768px){:root{--h1-size: 28.67px;--h2-size: 22.67px}}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary);font-size:var(--text1-size);line-height:var(--text1-line-height);font-weight:var(--text1-weight);letter-spacing:var(--text1-letter-spacing)}h1{font-size:var(--h1-size);line-height:var(--h1-line-height);letter-spacing:var(--h1-letter-spacing);font-weight:var(--h1-weight);color:var(--text-primary)}h2{font-size:var(--h2-size);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);font-weight:var(--h2-weight);color:var(--text-primary)}h3{font-size:var(--h3-size);line-height:var(--h3-line-height);letter-spacing:var(--h3-letter-spacing);font-weight:var(--h3-weight);color:var(--text-primary)}p{font-size:var(--text1-size);line-height:var(--text1-line-height);letter-spacing:var(--text1-letter-spacing);font-weight:var(--text1-weight)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{font-family:var(--font-family);font-size:var(--button-text-size);line-height:var(--button-text-line-height);letter-spacing:var(--button-text-letter-spacing);font-weight:var(--button-text-weight);padding:.875rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary:active:not(:disabled),.btn-primary.active{background-color:var(--primary-click)}.btn-primary:disabled{background-color:#e2e8f0;color:#cbd5e1;cursor:not-allowed;opacity:1}.btn-secondary{background-color:#f8fafc;color:var(--primary-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:#f1f5f9}.btn-secondary:active:not(:disabled),.btn-secondary.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-secondary:disabled{background-color:#f8fafc;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed}.btn-link{background:none;color:var(--primary-color);padding:.5rem .75rem;text-decoration:none}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-link:disabled{color:#cbd5e1;cursor:not-allowed;text-decoration:none}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],textarea,select{font-family:var(--font-family);font-size:var(--text1-size);line-height:var(--text1-line-height);letter-spacing:var(--text1-letter-spacing);font-weight:var(--text1-weight);padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--card-bg);color:var(--text-primary);transition:all .2s ease;width:100%}input[type=text]:hover:not(:disabled):not(:focus),input[type=email]:hover:not(:disabled):not(:focus),input[type=password]:hover:not(:disabled):not(:focus),input[type=tel]:hover:not(:disabled):not(:focus),input[type=number]:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus){border-color:#cbd5e1}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=number]:disabled,textarea:disabled,select:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed;opacity:1}input[type=text].error,input[type=email].error,input[type=password].error,input[type=tel].error,input[type=number].error,textarea.error,select.error{border-color:var(--danger-color)}input[type=text].error:focus,input[type=email].error:focus,input[type=password].error:focus,input[type=tel].error:focus,input[type=number].error:focus,textarea.error:focus,select.error:focus{box-shadow:0 0 0 3px #ef44441a}