body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout{background:#f5f5f5;min-height:100vh}.header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 2rem}.header h1{color:#333;font-size:1.25rem;margin:0}.header-right{align-items:center;display:flex;gap:1rem}.username{color:#666}.logout-btn{align-items:center;background:none;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.logout-btn:hover{background:#f5f5f5;color:#333}.layout-body{display:flex;height:calc(100vh - 65px)}.sidebar{background:#fff;border-right:1px solid #e0e0e0;width:250px}.sidebar nav{padding:1rem 0}.nav-item{align-items:center;color:#666;display:flex;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.nav-item:hover{background:#f5f5f5;color:#333}.nav-item.active{background:#e6f2ff;border-right:2px solid #06c;color:#06c}.main-content{flex:1 1;overflow-y:auto;padding:2rem}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login-box h2{color:#333;margin-bottom:1.5rem;text-align:center}.login-box form{display:flex;flex-direction:column}.login-box input{border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem}.login-box input:disabled{background:#f5f5f5}.login-box button{background:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background .2s}.login-box button:hover:not(:disabled){background:#4338ca}.login-box button:disabled{cursor:not-allowed;opacity:.6}.login-hint{color:#666;font-size:.875rem;margin-top:1rem;text-align:center}.dashboard h3{color:#374151;margin-bottom:1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a;gap:1rem;padding:1.5rem}.stat-card,.stat-icon{align-items:center;border-radius:8px;display:flex}.stat-icon{height:48px;justify-content:center;width:48px}.stat-card:first-child .stat-icon{background:#dbeafe;color:#1e40af}.stat-card:nth-child(2) .stat-icon{background:#d1fae5;color:#047857}.stat-card:nth-child(3) .stat-icon{background:#ede9fe;color:#7c3aed}.stat-card:nth-child(4) .stat-icon{background:#fed7aa;color:#ea580c}.stat-content{flex:1 1}.stat-label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.stat-value{color:#111827;font-size:1.875rem;font-weight:600}.top-consumers{margin-top:1rem}.consumer-item{background:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.consumer-item .requests{color:#6b7280;font-size:.875rem}.customers{max-width:1400px}.mb-3{margin-bottom:1rem}.action-buttons{display:flex;gap:.5rem}.btn-icon{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:.375rem;transition:all .2s}.btn-icon:hover{background:#e5e7eb}.btn-icon-danger:hover{background:#fee2e2;color:#dc2626}.btn-sm{font-size:.875rem;padding:.375rem .75rem}.customer-detail{max-width:1000px}.customer-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.info-item{display:flex;gap:.5rem}.info-label{color:#6b7280;font-weight:500}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h3{margin:0}.api-keys-list{display:flex;flex-direction:column;gap:1rem}.api-key-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.api-key-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.api-key-name{color:#111827;font-weight:600;margin-bottom:.25rem}.api-key-prefix{font-family:monospace}.api-key-meta,.api-key-prefix{color:#6b7280;font-size:.875rem}.api-key-meta{margin-bottom:1rem}.permissions-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.permissions-section h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.permissions-list{display:flex;flex-direction:column;gap:.5rem}.permission-item{align-items:center;background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.permission-info{align-items:center;display:flex;gap:.5rem}.icon-active{color:#10b981}.icon-inactive{color:#9ca3af}.permission-controls{align-items:center;display:flex;gap:.75rem}.form-input-sm{font-size:.875rem;padding:.25rem .5rem;width:100px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem}.api-keys{max-width:1400px}.keys-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-mini{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1rem}.stat-mini-value{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.stat-mini-label{color:#6b7280;font-size:.875rem;margin:0}.font-mono{font-family:Courier New,Courier,monospace}.text-danger{color:#dc2626}.services{max-width:1400px}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.service-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.service-card-header{align-items:center;display:flex;justify-content:space-between}.service-icon{align-items:center;background:#e6f2ff;border-radius:8px;color:#06c;display:flex;height:48px;justify-content:center;width:48px}.service-name{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.service-info{display:flex;flex-direction:column;gap:.5rem}.service-info-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.service-url{flex:1 1;word-break:break-all}.service-guid-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:.5rem 0;padding:1rem}.guid-label{color:#6b7280;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.guid-container{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;gap:.5rem;padding:.5rem}.guid-value{color:#111827;flex:1 1;font-family:Courier New,Courier,monospace;font-size:.813rem;word-break:break-all}.btn-copy{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.btn-copy:hover{background:#e5e7eb;color:#111827}.btn-copy svg,.guid-hint{display:block}.guid-hint{color:#9ca3af;font-size:.75rem;font-style:italic;margin-top:.25rem}.guid-input-group{display:flex;gap:.5rem}.guid-input-group .form-input{flex:1 1;font-family:Courier New,Courier,monospace;font-size:.875rem}.optional-label{color:#9ca3af;font-size:.813rem;font-weight:400;margin-left:.5rem}.form-hint{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.guid-display-readonly{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:.5rem;padding:.75rem}.guid-display-readonly code{color:#111827;flex:1 1;font-family:Courier New,Courier,monospace;font-size:.875rem;word-break:break-all}.guid-display-readonly .btn-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:.375rem;transition:all .2s}.guid-display-readonly .btn-icon:hover{background:#f3f4f6;color:#111827}.service-description{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.service-meta{border-top:1px solid #e5e7eb;color:#9ca3af;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;padding-top:.5rem}.service-actions{display:flex;gap:.5rem;margin-top:auto}.form-input textarea{font-family:inherit;resize:vertical}.warning-box{background:#fff3cd;border:1px solid #ffc107;border-radius:4px}.danger-box,.warning-box{margin-top:1rem;padding:1rem}.danger-box{background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#991b1b}.info-box{background:#dbeafe;border:1px solid #bfdbfe;border-radius:4px;color:#1e40af;margin-top:1rem;padding:1rem}.text-warning{color:#d97706;font-weight:500}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.table th{background:#f9fafb;color:#374151;font-weight:600;text-align:left}.table td,.table th{border-bottom:1px solid #e5e7eb;padding:.75rem}.table tbody tr:hover{background:#f9fafb}.table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;width:90%}.modal-header{margin-bottom:1.5rem}.modal-title{color:#111827;font-size:1.25rem;font-weight:600}.modal-body{margin-bottom:1.5rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.form-group{margin-bottom:1rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem;width:100%}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-checkbox{height:1rem;margin-right:.5rem;width:1rem}.error-message{background:#fee2e2;color:#991b1b}.error-message,.success-message{border-radius:4px;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.success-message{background:#d1fae5;color:#065f46}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-title{color:#111827;font-size:1.5rem;font-weight:700}.empty-state{color:#6b7280;padding:3rem 1.5rem;text-align:center}.empty-state-icon{color:#d1d5db;margin-bottom:1rem}.empty-state-title{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.empty-state-description{margin-bottom:1.5rem}
/*# sourceMappingURL=main.7c02568b.css.map*/