body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#fff;border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.close-btn:hover{background:#f8f9fa;color:#333}.key-info-section{background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:1.5rem}.info-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.8rem 0}.info-row:last-child{border-bottom:none}.info-row strong{color:#6c757d;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.info-row code{background:#fff;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:.4rem .8rem}.tabs{background:#fff;border-bottom:2px solid #e9ecef;display:flex;position:-webkit-sticky;position:sticky;top:73px;z-index:9}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.tab:hover{background:#f8f9fa;color:#333}.tab.active{border-bottom-color:#667eea;color:#667eea}.tab-content{padding:1.5rem}.section{margin-bottom:2rem}.section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.sites-list{display:flex;flex-direction:column;gap:.8rem}.site-card{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.site-card.inactive{border-style:dashed;opacity:.6}.site-info{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.site-info strong{color:#333;font-size:1rem}.trial-info{background:#d4edda;border-radius:12px;color:#155724;display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .6rem;width:-webkit-fit-content;width:fit-content}.trial-info.warning{background:#fff3cd;color:#856404}.deactivated-label{color:#6c757d;font-size:.85rem;font-style:italic}.activate-form,.extend-form{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.activate-form input,.extend-form input,.extend-form select{border:2px solid #e9ecef;border-radius:6px;flex:1 1;font-size:.95rem;min-width:200px;padding:.75rem}.activate-form input:focus,.extend-form input:focus,.extend-form select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.settings-section{display:flex;flex-direction:column;gap:1.5rem}.setting-item{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem}.setting-info h4{color:#333;font-size:1.1rem;margin-bottom:.3rem}.setting-info p{color:#6c757d;font-size:.9rem}@media (max-width:768px){.modal-content{border-radius:12px;margin:0;max-height:95vh}.info-row{align-items:flex-start;gap:.5rem}.activate-form,.extend-form,.info-row{flex-direction:column}.activate-form input,.extend-form input,.extend-form select{min-width:auto;width:100%}.activate-form .btn,.extend-form .btn{width:100%}.site-card{align-items:flex-start;flex-direction:column;gap:1rem}.site-card .btn{width:100%}.setting-item{align-items:flex-start;flex-direction:column;gap:1rem}.setting-item .btn{width:100%}.tabs{top:71px}}.keys-list{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.keys-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.keys-list h2{color:#333;font-size:1.5rem;margin:0}.product-filter{align-items:center;display:flex;gap:.5rem}.product-filter label{color:#6c757d;font-size:.9rem;font-weight:500}.product-filter select{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:border-color .3s}.product-filter select:hover{border-color:#667eea}.product-filter select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.empty-state{color:#6c757d;padding:3rem;text-align:center}.empty-state p{font-size:1.1rem}.keys-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1.5rem}.key-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .3s}.key-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.key-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.key-info h3{color:#333;font-size:1.1rem;margin-bottom:.5rem}.key-value{background:#fff;border-radius:4px;color:#667eea;display:block;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;margin:.5rem 0;padding:.5rem;word-break:break-all}.key-email{color:#6c757d;font-size:.9rem;margin-top:.3rem}.key-product{margin-top:.5rem}.product-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.key-stats{grid-gap:1rem;background:#fff;border-radius:6px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1rem 0;padding:1rem}.stat{align-items:center;display:flex;flex-direction:column}.stat-label{color:#6c757d;font-size:.8rem;letter-spacing:.5px;margin-bottom:.3rem;text-transform:uppercase}.stat-value{color:#667eea;font-size:1.3rem;font-weight:700}.key-sites{background:#fff;border-radius:6px;margin:1rem 0;padding:1rem}.key-sites h4{color:#333;font-size:.9rem;letter-spacing:.5px;margin-bottom:.8rem;text-transform:uppercase}.site-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem;padding:.6rem}.site-item.inactive{opacity:.6}.site-url{color:#333;font-weight:500}.days-remaining{background:#d4edda;border-radius:12px;color:#155724;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.days-remaining.warning{background:#fff3cd;color:#856404}.site-status{color:#6c757d;font-size:.75rem;font-style:italic}.key-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.key-actions .btn{flex:1 1;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content}@media (max-width:768px){.key-stats,.keys-grid{grid-template-columns:1fr}.key-actions{flex-direction:column}.key-actions .btn{width:100%}}.create-key-form h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.create-key-form form{max-width:600px}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group select:disabled{background:#f8f9fa;cursor:not-allowed}.form-group small{color:#6c757d;display:block;font-size:.85rem;margin-top:.3rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions .btn{padding:.8rem 1.5rem}@media (max-width:768px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-box{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:2.5rem;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#667eea;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#6c757d;font-size:.95rem}.error-alert{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:.9rem;padding:1rem}.error-alert,.login-form,.login-form .form-group{margin-bottom:1.5rem}.login-form label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.login-form input{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:1rem;padding:.85rem;transition:all .2s;width:100%}.login-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.btn-login:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #e9ecef;padding-top:1.5rem;text-align:center}.login-footer p{color:#6c757d;font-size:.85rem;margin:0}@media (max-width:480px){.login-box{padding:1.5rem}.login-header h1{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.app-header{background:#fffffffa;box-shadow:0 2px 10px #0000001a;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header .container{align-items:center;display:flex;gap:2rem;justify-content:space-between}.header-left{display:flex;flex-direction:column;gap:.3rem}.app-header h1{color:#667eea;font-size:1.8rem;font-weight:700;margin:0}.user-info{color:#6c757d;font-size:.9rem}.header-actions{align-items:center;display:flex;gap:.8rem}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}main.container{flex:1 1;padding:2rem 1rem}.create-form-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.app-footer{background:#0000004d;color:#fff;margin-top:auto;padding:1.5rem;text-align:center}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-success{background:#28a745;color:#fff}.btn-warning{background:#ffc107;color:#000}.btn-danger{background:#dc3545;color:#fff}.btn-sm{font-size:.85rem;padding:.4rem .8rem}.error,.loading{background:#fff;border-radius:12px;margin:2rem 0;padding:3rem;text-align:center}.error{color:#dc3545}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:1rem;padding:1rem}.warning-message{background:#fff3cd;border-radius:6px;color:#856404;font-size:.9rem;margin-top:.5rem;padding:.8rem}.empty-message{color:#6c757d;font-style:italic;margin:1rem 0}.status-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.3rem .8rem}.status-active{background:#d4edda;color:#155724}.status-suspended{background:#fff3cd;color:#856404}.status-expired{background:#f8d7da;color:#721c24}@media (max-width:768px){.app-header .container{flex-direction:column;gap:1rem;text-align:center}.app-header h1{font-size:1.5rem}}
/*# sourceMappingURL=main.71c0d8c8.css.map*/