*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.container{max-width:900px;margin:0 auto;background:white;border-radius:10px;box-shadow:0 10px 40px #0000004d;overflow:hidden}.content{padding:30px}.header{text-align:center;padding:25px 30px 5px}.header-logo{width:120px;height:auto;margin-bottom:5px}.form-section{margin-bottom:30px}.form-section h2{font-size:18px;color:#333;margin-bottom:15px;display:flex;align-items:center;gap:10px}.form-section h2:before{content:"";width:4px;height:20px;background:#667eea;border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.form-row.full{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=file]{padding:10px;border:2px solid #e0e0e0;border-radius:5px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=file]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.logo-preview{width:100px;height:100px;border:2px dashed #667eea;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-top:10px;overflow:hidden;background:#f5f5f5}.logo-preview img{max-width:100%;max-height:100%}.logo-preview.empty{color:#999;font-size:12px;text-align:center;padding:10px}.buttons{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}button{padding:12px 20px;border:none;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#ff6b6b;color:#fff;padding:8px 12px;font-size:12px}.btn-danger:hover{background:#ff5252}.clients-list{background:#f9f9f9;border-radius:5px;padding:20px}.client-item{background:white;border:1px solid #e0e0e0;border-radius:5px;padding:15px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.client-info{flex:1;min-width:200px}.client-info p{margin:3px 0;font-size:14px}.client-info strong{color:#667eea}.empty-state{text-align:center;padding:40px 20px;color:#999}.empty-state-icon{font-size:48px;margin-bottom:15px}.success-message{background:#d4edda;color:#155724;padding:12px;border-radius:5px;margin-bottom:15px;border:1px solid #c3e6cb}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:5px;margin-bottom:15px;border:1px solid #f5c6cb}.summary{background:#e3f2fd;border:1px solid #90caf9;border-radius:5px;padding:15px;margin-bottom:20px}.summary p{font-size:14px;color:#1565c0;margin:3px 0}.status-message{margin-bottom:15px}.help-text{font-size:12px;color:#666;margin-top:8px}.divider{height:1px;background:#e0e0e0;margin:30px 0}.section-title{font-size:18px;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:20px;background:#764ba2;border-radius:2px}.search-results{border:2px solid #e0e0e0;border-top:none;border-radius:0 0 5px 5px;max-height:320px;overflow-y:auto;background:white}.search-item{width:100%;text-align:left;background:white;border:none;border-bottom:1px solid #f0f0f0;border-radius:0;padding:12px 15px;display:flex;flex-direction:column;gap:3px;cursor:pointer;font-weight:400}.search-item:hover{background:#f5f3ff}.search-item strong{color:#333;font-size:14px}.search-item span{color:#777;font-size:12px}.search-empty{padding:15px;color:#999;font-size:14px;text-align:center}.selected-client{background:#f5f3ff;border:1px solid #d1c4e9;border-radius:5px;padding:20px;margin-top:15px}.selected-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px}.selected-header p{margin:3px 0;font-size:14px}.selected-detail{color:#666;font-size:13px!important}.queue{margin-top:20px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.content{padding:20px}.buttons{flex-direction:column}button{width:100%}.client-item{flex-direction:column;align-items:flex-start}}