*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.login-container{max-width:400px;width:90%;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.login-container h1{text-align:center;margin-bottom:30px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.form-group textarea{resize:vertical}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#007bff;color:#fff;width:200px}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-small{padding:4px 8px;font-size:11px}.error-message{color:#dc3545;margin-top:10px;font-size:14px}.success-message{color:#28a745;margin-top:10px;font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;padding:20px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:24px}.header-actions{display:flex;align-items:center;gap:15px}.tabs{background:#fff;border-bottom:1px solid #ddd;padding:0 20px;display:flex;gap:10px}.tab-btn{padding:12px 18px;border:none;background:none;cursor:pointer;font-size:13px;color:#666;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:#007bff}.tab-btn.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.content{padding:30px;max-width:1400px;margin:0 auto;width:100%;flex:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-card h3{font-size:14px;color:#666;margin-bottom:10px}.stat-card p{font-size:32px;font-weight:600;color:#333}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:24px}.filters{margin-bottom:20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.filters label{display:flex;align-items:center;gap:8px}.filters input[type=text]{padding:8px;border:1px solid #ddd;border-radius:4px;width:300px}.filters select{padding:8px;border:1px solid #ddd;border-radius:4px}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:800px}thead{background:#f8f9fa}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{font-weight:600;color:#333}tbody tr:hover{background:#f8f9fa}code{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:12px}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.status-expired{background:#fff3cd;color:#856404}.modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#00000080;align-items:center;justify-content:center}.modal-content{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.close{position:absolute;right:20px;top:20px;font-size:28px;font-weight:700;cursor:pointer;color:#666;background:none;border:none;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close:hover{color:#333}.generated-keys{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:4px;max-height:200px;overflow-y:auto}.generated-keys h3{margin-bottom:10px;font-size:16px}.key-item{padding:8px;margin-bottom:5px;background:#fff;border-radius:4px;font-family:monospace;font-size:12px;cursor:pointer;transition:background .2s}.key-item:hover{background:#e9ecef}.key-item.copied{background:#d4edda}