:root{--primary-blue: #2563eb;--primary-black: #000000;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--border-light: #e5e7eb;--border-medium: #d1d5db;--danger-red: #dc2626;--danger-red-light: #fef2f2;--danger-red-border: #fecaca;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.m-4{margin:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-8{margin-top:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none;min-height:44px}.btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.btn-primary{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-medium)}.btn-outline:hover{background-color:var(--bg-secondary)}.card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.login-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background-color:var(--bg-secondary);padding-top:15vh}.login-card{width:100%;max-width:400px;text-align:center}.logo{width:48px;height:48px;margin-bottom:var(--space-6)}.title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-12)}.google-btn{width:100%;background-color:#fff;color:var(--text-primary);border:1px solid var(--border-medium);font-size:var(--font-size-base);font-weight:500;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-3);cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--shadow-sm)}.google-btn:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-md)}.google-btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.google-icon{width:20px;height:20px}.login-options{display:flex;flex-direction:column;gap:var(--space-4)}.divider{display:flex;align-items:center;text-align:center;margin:var(--space-2) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.divider span{padding:0 var(--space-4);color:var(--text-muted);font-size:var(--font-size-sm)}.magic-link-option-btn{width:100%;background-color:#fff;color:var(--text-primary);border:1px solid var(--border-medium);font-size:var(--font-size-base);font-weight:500;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-3);cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:var(--shadow-sm)}.magic-link-option-btn:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-md)}.magic-link-option-btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.magic-link-option-btn svg{width:18px;height:18px}.login-card{position:relative}.back-button-corner{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s ease;z-index:1}.back-button-corner:hover{background:var(--border-light);color:var(--text-secondary)}.back-button-corner svg{width:18px;height:18px}.magic-link-content{text-align:center}.magic-link-content h2{margin:0 0 var(--space-2) 0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.magic-link-content .subtitle{margin:0 0 var(--space-8) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}@media (max-width: 480px){.login-card{max-width:320px;padding:var(--space-4)}.title{font-size:var(--font-size-2xl)}.subtitle{font-size:var(--font-size-base)}}.magic-link-form{width:100%}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.magic-link-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-4);background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.magic-link-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:var(--shadow-md)}.magic-link-btn:disabled{background:var(--border-medium);cursor:not-allowed;box-shadow:none}.magic-link-btn svg{width:18px;height:18px;flex-shrink:0}.spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--danger-red-light);border:1px solid var(--danger-red-border);border-radius:var(--radius-md);color:var(--danger-red);font-size:var(--font-size-sm)}.success-state{text-align:center;padding:var(--space-4) 0}.success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-6);background:#dcfce7;border-radius:50%;color:#16a34a}.success-icon svg{width:32px;height:32px}.success-state h2{margin-bottom:var(--space-4);font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.success-state p{margin:0 0 var(--space-4) 0;color:var(--text-secondary);line-height:1.5}.success-state p:last-of-type{margin-bottom:var(--space-8)}.success-state strong{color:var(--text-primary);font-weight:500}.form-actions{display:flex;flex-direction:column;gap:var(--space-3)}.btn-secondary{width:100%;padding:var(--space-4) var(--space-4);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--border-light);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.btn-text{padding:var(--space-2);background:transparent;color:var(--text-secondary);border:none;font-size:var(--font-size-sm);cursor:pointer;transition:color .2s ease}.btn-text:hover{color:var(--text-primary)}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--bg-primary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;transition:width .3s ease;position:fixed;top:0;left:0;height:100vh;cursor:pointer}.sidebar.collapsed{width:60px}.sidebar-header{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--border-light);padding:var(--space-3) var(--space-2);gap:var(--space-2)}.sidebar.collapsed .sidebar-header{justify-content:center;align-items:center;flex-direction:row;gap:0}.logo-section{display:flex;align-items:center;gap:var(--space-3);width:100%}.sidebar.collapsed .logo-section{justify-content:center}.sidebar.collapsed .sidebar-logo{margin:0}.sidebar-logo{width:32px;height:32px;flex-shrink:0}.sidebar-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden}.organization-info{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2;display:flex;gap:var(--space-1);align-items:center;justify-content:center;text-align:center;padding:0 var(--space-2);transition:all .2s ease}.organization-info.clickable{cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.organization-info.clickable:hover{background:var(--bg-secondary);color:var(--text-primary)}.dropdown-icon{color:inherit;opacity:.7;transition:opacity .2s ease}.organization-info.clickable:hover .dropdown-icon{opacity:1}.organization-section{position:relative;width:100%}.org-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;margin-top:var(--space-1);overflow:hidden;max-width:100%;min-width:200px}.org-dropdown-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);background:var(--bg-secondary);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.org-dropdown-list{max-height:200px;overflow-y:auto}.org-dropdown-item{width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;gap:var(--space-1)}.org-dropdown-item:hover{background:var(--bg-secondary)}.org-dropdown-item.active{background:var(--primary-blue);color:#fff}.org-dropdown-item-name{font-size:var(--font-size-sm);font-weight:500;color:inherit}.org-dropdown-item-id{font-size:var(--font-size-xs);color:inherit;opacity:.7}.organization-info.loading{color:var(--text-secondary);font-style:italic}.organization-info.error{color:var(--danger-red);font-size:var(--font-size-xs)}.sidebar-toggle{position:absolute;top:50%;right:0;transform:translateY(-50%);background:var(--bg-primary);border:1px solid var(--border-light);width:30px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:var(--shadow-sm);border-radius:12px 0 0 12px;border-right:none}.sidebar-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-md)}.sidebar-nav{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4) 0;overflow-y:auto;overflow-x:hidden}.nav-section{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-2)}.nav-section.bottom{border-top:1px solid var(--border-light);padding-top:var(--space-4)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative;z-index:1}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--primary-blue);color:#fff}.nav-item.logout{color:var(--text-muted)}.nav-item.logout:hover{background:var(--danger-red-light);color:var(--danger-red)}.nav-icon{flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden}.main-content{flex:1;background:var(--bg-secondary);overflow:auto;margin-left:250px}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--space-3) var(--space-4);margin:0;border-radius:var(--radius-md)}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed~.main-content{margin-left:60px}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:100;transform:translate(-100%);transition:transform .3s ease}.sidebar.collapsed{transform:translate(0);width:60px}.main-content{margin-left:0}}.dashboard{padding:var(--space-6)}.dashboard h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.dashboard p{color:var(--text-secondary)}.checkouts-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.checkouts-table{width:100%;border-collapse:collapse}.checkouts-table thead{background:var(--bg-secondary)}.checkouts-table th{padding:var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-light)}.checkouts-table td{padding:var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm);color:var(--text-secondary)}.checkouts-table tbody tr:hover{background:var(--bg-secondary)}.checkouts-table tbody tr:last-child td{border-bottom:none}.url-cell{max-width:300px}.url-link{color:var(--primary-blue);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.url-link:hover{text-decoration:underline}.customer-cell{max-width:200px}.customer-text{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.status-cell{font-weight:500;text-transform:capitalize}.status-pending{color:#f59e0b;font-weight:600;position:relative}.status-pending:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#f59e0b;border-radius:50%}.status-pending-cvc{color:#d97706;font-weight:600;position:relative}.status-pending-cvc:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#d97706;border-radius:50%}.status-processing{color:#2563eb;font-weight:600;position:relative}.status-processing:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#2563eb;border-radius:50%}.status-completed{color:#059669;font-weight:600;position:relative}.status-completed:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#059669;border-radius:50%}.status-failed{color:#dc2626;font-weight:600;position:relative}.status-failed:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#dc2626;border-radius:50%}.status-unknown{color:var(--text-muted);font-weight:600;position:relative}.status-unknown:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--text-muted);border-radius:50%}.amount-cell,.currency-cell{font-weight:500;color:var(--text-primary);width:80px;max-width:80px}.date-cell{white-space:nowrap;font-size:var(--font-size-xs)}.loading,.empty-state{padding:var(--space-8);text-align:center;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.checkouts-table-container{overflow-x:auto}.checkouts-table{min-width:800px}.checkouts-table th,.checkouts-table td{padding:var(--space-2) var(--space-3)}}.create-checkout-form{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);animation:slideDown .3s ease-out}.checkout-form{padding:var(--space-6)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s ease}.form-group select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:var(--space-8)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-blue)}.form-group textarea{resize:vertical;font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);line-height:1.4}.form-group textarea.error{border-color:#f87171}.error-text{color:var(--danger-red);font-size:var(--font-size-xs);margin-top:var(--space-1)}.loading-text{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-3)}.search-input{margin-bottom:var(--space-2)}.customer-select{width:100%}.link-button{background:none;border:none;color:var(--primary-blue);font-size:var(--font-size-xs);cursor:pointer;padding:var(--space-1) 0;margin-top:var(--space-2);text-align:left;text-decoration:underline;transition:color .2s ease}.link-button:hover{color:#2563eb}@media (max-width: 768px){.create-checkout-form{margin:0 var(--space-4) var(--space-6)}.checkout-form{padding:var(--space-4)}.form-header{padding:var(--space-3) var(--space-4)}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.checkouts{padding:var(--space-6);position:relative}.checkouts h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}@media (max-width: 768px){.fab{bottom:1rem;right:1rem;width:48px;height:48px}.checkouts{padding:var(--space-4);padding-bottom:5rem}}.customers-table-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.customers-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.customers-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .15s ease;cursor:pointer}.customers-table tbody tr:last-child{border-bottom:none}.customers-table tbody tr:hover{background:var(--bg-secondary)}.customers-table td{padding:var(--space-4);font-size:var(--font-size-sm)}.customer-name{font-weight:500;color:var(--text-primary)}.customer-email,.customer-phone{color:var(--text-secondary)}.customer-date{color:var(--text-secondary);font-size:var(--font-size-xs)}.loading-state,.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.empty-state p{margin:var(--space-2) 0}.empty-state-hint{font-size:var(--font-size-sm);color:var(--text-muted)}@media (max-width: 768px){.customers-table-container{overflow-x:auto}.customers-table{min-width:600px}.customers-table th,.customers-table td{padding:var(--space-3)}}.create-customer-form{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);animation:slideDown .3s ease-out}.close-button{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.close-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.customer-form{padding:var(--space-6)}.form-row{margin-bottom:var(--space-5)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.form-group input{padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-blue)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light)}@media (max-width: 768px){.create-customer-form{margin:0 var(--space-4) var(--space-6)}.customer-form{padding:var(--space-4)}.form-header{padding:var(--space-3) var(--space-4)}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.customers{padding:var(--space-6);position:relative}.customers h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.error-message{background:var(--danger-red-light);border:1px solid var(--danger-red-border);color:var(--danger-red);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:var(--primary-blue);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease;z-index:100}.fab:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 6px 16px #3b82f666}@media (max-width: 768px){.fab{bottom:1rem;right:1rem;width:48px;height:48px}.customers{padding:var(--space-4);padding-bottom:5rem}}.create-address-form{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin:var(--space-6) 0 var(--space-6) 0;box-shadow:var(--shadow-sm);animation:slideDown .3s ease-out}.form-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}.form-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.address-form{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-3)}.form-group label{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1);font-size:var(--font-size-sm)}.form-group input,.form-group select{padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s ease}.form-group select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:var(--space-8)}.form-group select option{padding:var(--space-2) var(--space-3);background:var(--bg-primary);color:var(--text-primary);border:none;font-size:var(--font-size-sm)}.form-group select option:hover{background:var(--bg-secondary);color:var(--text-primary)}.form-group select option:checked{background:var(--primary-blue);color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-blue)}.form-group input:disabled,.form-group select:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-group input::placeholder{color:var(--text-muted)}.form-hint{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--space-1)}.us-only-notice{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.us-only-notice p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-light)}.cancel-button,.submit-button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.cancel-button{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-light)}.cancel-button:hover{background:var(--bg-primary);color:var(--text-primary)}.submit-button{background:var(--primary-blue);color:#fff}.submit-button:hover:not(:disabled){background:#2563eb}.submit-button:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.error-message{background:var(--danger-red-light);border:1px solid var(--danger-red-border);color:var(--danger-red);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:var(--space-3)}.form-actions{flex-direction:column}.form-actions button{width:100%}}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-4)}.modal-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-color);gap:var(--space-3)}.modal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--danger-red-light);border-radius:var(--radius-md);color:var(--danger-red);flex-shrink:0}.modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;flex:1}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-content{padding:var(--space-6)}.modal-message{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.5;margin:0}.modal-actions{display:flex;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-color);justify-content:flex-end}.modal-button{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:80px}.modal-button-cancel{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-button-cancel:hover{background-color:var(--bg-tertiary);border-color:var(--border-color-hover)}.modal-button-confirm{background-color:var(--danger-red);color:#fff}.modal-button-confirm:hover{background-color:#b91c1c;transform:translateY(-1px)}.modal-button-confirm:active{transform:translateY(0)}@media (max-width: 480px){.modal-container{margin:var(--space-4);max-width:none}.modal-header,.modal-content,.modal-actions{padding:var(--space-4)}.modal-actions{flex-direction:column}.modal-button{width:100%}}.customer-detail-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.detail-header{margin-bottom:var(--space-4)}.back-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.back-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.customer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.customer-info h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.customer-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.button-secondary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.button-secondary:hover{background:var(--bg-primary)}.button-small{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.button-primary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--primary-blue);border:1px solid var(--primary-blue);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.button-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.customer-content{display:flex;flex-direction:column;gap:var(--space-6)}.content-sections{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.section-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.tab{flex:1;padding:var(--space-4);background:none;border:none;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue);background:var(--bg-primary)}.section-content{padding:var(--space-6)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.addresses-header{justify-content:flex-end}.section-footer{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.addresses-footer{justify-content:flex-end}.section-content h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-5) 0}.detail-card{background:var(--bg-primary)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1000px}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-all}.empty-section{text-align:center;padding:var(--space-12) var(--space-6)}.empty-icon{color:var(--text-muted);margin-bottom:var(--space-4)}.empty-section p{color:var(--text-secondary);margin:var(--space-2) 0}.empty-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.sdk-info{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:left}.sdk-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.sdk-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-3) 0;line-height:1.5}.sdk-link{display:inline-flex;align-items:center;font-size:var(--font-size-sm);font-weight:500;color:var(--primary-blue);text-decoration:none;transition:color .2s ease}.sdk-link:hover{color:#1d4ed8;text-decoration:underline}.items-list{display:flex;flex-direction:column;gap:var(--space-3)}.accounts-table-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.accounts-table{width:100%;border-collapse:collapse}.accounts-table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.accounts-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.accounts-table tbody tr{border-bottom:1px solid var(--border-light)}.accounts-table tbody tr:last-child{border-bottom:none}.accounts-table td{padding:var(--space-4);font-size:var(--font-size-sm);vertical-align:top}.account-id{font-family:var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--font-size-xs);color:var(--text-secondary);word-break:break-all}.account-domain{font-weight:500;color:var(--text-primary)}.account-email{color:var(--text-secondary);word-break:break-all}.account-label{color:var(--text-secondary)}.account-default{color:var(--text-muted);font-size:var(--font-size-xs)}.account-date{color:var(--text-secondary);font-size:var(--font-size-xs)}.item-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all .2s ease}.item-card:hover{border-color:var(--text-muted)}.item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary)}.item-content{flex:1}.item-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.badge{display:inline-flex;padding:2px var(--space-2);background:#dbeafe;color:#1e40af;border-radius:var(--radius-sm);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.item-meta{font-size:var(--font-size-xs);color:var(--text-secondary)}.payment-token{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);word-break:break-all;margin-top:var(--space-1)}.item-actions{display:flex;gap:var(--space-2);align-items:center}.button-danger{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.button-danger:hover{background-color:var(--danger-red-light);border-color:var(--danger-red-border);color:var(--danger-red)}.button-danger:active{transform:translateY(0)}.loading-state,.error-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.error-state button{margin-top:var(--space-4)}@media (max-width: 968px){.detail-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (max-width: 768px){.customer-detail-page{padding:var(--space-4)}.customer-header{flex-direction:column;gap:var(--space-4)}.button-secondary{flex:1}.detail-grid{grid-template-columns:1fr;gap:var(--space-3)}.section-tabs{overflow-x:auto}.tab{white-space:nowrap}.detail-grid{grid-template-columns:1fr}.accounts-table-container{overflow-x:auto}.accounts-table{min-width:680px}}.api-keys-table{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden;border:1px solid var(--border-light)}.api-keys-table table{width:100%;border-collapse:collapse}.api-keys-table thead{background:var(--bg-secondary)}.api-keys-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-light)}.api-keys-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm);color:var(--text-secondary)}.api-keys-table tbody tr:hover{background:var(--bg-secondary)}.api-keys-table tbody tr:last-child td{border-bottom:none}.id-cell{font-weight:500;color:var(--text-primary);width:80px;white-space:nowrap}.key-cell{position:relative;max-width:300px}.key-container{display:flex;align-items:center;gap:var(--space-2)}.key-text{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.key-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity .2s ease}.key-container:hover .key-actions,.key-actions:focus-within{opacity:1}.key-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);position:relative;transition:all .2s ease}.key-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.key-action-btn:disabled{opacity:.5;cursor:not-allowed}.copied-indicator{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap;z-index:1000;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.date-cell{white-space:nowrap;font-size:var(--font-size-xs);min-width:120px}.actions-cell{width:60px}.delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all .2s ease}.delete-btn:hover{background:#ef4444;color:#fff}@media (max-width: 768px){.table-container{overflow-x:auto}.api-keys-table table{min-width:700px}.api-keys-table th,.api-keys-table td{padding:var(--space-2) var(--space-3)}.key-actions{opacity:1}}.key-pairs-table{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden;border:1px solid var(--border-light)}.table-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.table-header h3{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.table-description{margin:var(--space-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.docs-link{color:var(--primary-blue);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);margin-left:var(--space-2);font-weight:500;transition:color .2s ease}.docs-link:hover{color:#1d4ed8;text-decoration:underline}.table-container{overflow-x:auto}.key-pairs-table table{width:100%;border-collapse:collapse}.key-pairs-table thead{background:var(--bg-secondary)}.key-pairs-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-light)}.key-pairs-table th:first-child{width:140px}.key-pairs-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm);color:var(--text-secondary)}.key-pairs-table td:first-child{width:140px}.key-pairs-table tbody tr:hover{background:var(--bg-secondary)}.key-pairs-table tbody tr:last-child td{border-bottom:none}.key-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.key-row{display:flex;align-items:center;gap:var(--space-2)}.key-value{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-primary);word-break:break-all;flex:1}.environment-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.environment-badge.test{background:#fef3c7;color:#92400e}.environment-badge.live{background:#d1fae5;color:#065f46}.copy-button{background:none;border:none;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.copy-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.toggle-visibility-button{background:none;border:none;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.toggle-visibility-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.key-pair-container{display:flex;flex-direction:column;gap:var(--space-3)}.key-item{display:flex;flex-direction:column;gap:var(--space-1)}.key-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.publishable-key,.secret-key{background:var(--bg-primary);border:1px solid var(--border-light)}.copied-icon{color:#10b981}.loading,.empty-state{padding:var(--space-8);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.create-api-key-form-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.form-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all .2s ease}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.close-btn:disabled{opacity:.5;cursor:not-allowed}.create-api-key-form,.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.field-description{display:block;font-weight:400;color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--space-1)}.form-group input{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light)}.form-group input:disabled{background:var(--bg-secondary);opacity:.7;cursor:not-allowed}.form-group input::placeholder{color:var(--text-tertiary)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--border-light)}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark)}.form-note{background:var(--warning-yellow-light);border:1px solid var(--warning-yellow);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-size-sm);color:var(--warning-yellow-dark)}.form-note strong{color:var(--warning-yellow-dark)}@media (max-width: 768px){.create-api-key-form-container{padding:var(--space-4);margin-bottom:var(--space-4)}.form-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.close-btn{align-self:flex-end}.form-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.api-keys{padding:var(--space-6);position:relative;min-height:100vh}.api-keys h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.error-message{background:var(--danger-red-light);color:var(--danger-red);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);border:1px solid var(--danger-red)}.fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;background:var(--primary-blue);color:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000}.fab:hover{background:var(--primary-blue-dark);transform:scale(1.05);box-shadow:0 6px 16px #0003}.fab:active{transform:scale(.95)}@media (max-width: 768px){.api-keys{padding:var(--space-4)}.fab{bottom:var(--space-4);right:var(--space-4);width:48px;height:48px}}.settings{padding:var(--space-6)}.settings h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.settings p{color:var(--text-secondary)}.invite-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.invite-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light)}.invite-header h2{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.invite-description{margin:var(--space-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.invite-form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.invite-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.invite-row{display:flex;gap:var(--space-3)}.invite-input{flex:1;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.invite-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb26}.invite-button{background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-md);padding:0 var(--space-5);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:background .2s ease}.invite-button:hover{background:#1d4ed8}.invite-error{color:var(--danger-red);background:var(--danger-red-light);border:1px solid var(--danger-red-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.invite-success{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}