@keyframes spin{to{transform:rotate(360deg)}}:root{--primary-blue:#0000FF;--primary-yellow:#FFD700;--primary-white:#FFFFFF;--light-blue:#E6F0FF;--dark-blue:#00008B;--gray-light:#F5F7FA;--gray-medium:#E1E5EE;--gray-dark:#6B7280;--text-dark:#1F2937}*{box-sizing:border-box;font-family:"Inter",sans-serif;margin:0;padding:0}body{background-color:#f8fafc;display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--text-dark)}.container{background:var(--primary-white);border-radius:24px;box-shadow:0 15px 30px rgba(0,0,255,.1);padding:40px;width:100%;max-width:520px;margin:20px}.app-header{text-align:center;margin-bottom:32px}.app-header h1{font-size:28px;font-weight:700;color:var(--primary-blue);margin-bottom:8px}.app-header p{color:var(--gray-dark);font-weight:400}.search-container{position:relative;margin-bottom:24px}.search-input{width:100%;padding:16px 24px 16px 52px;font-size:16px;border:2px solid var(--gray-medium);border-radius:12px;outline:0;transition:all .3s ease;background-color:var(--primary-white)}.search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(0,0,255,.1)}.search-button,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.search-icon{left:20px;color:var(--gray-dark)}.search-button{right:6px;padding:10px 20px;background-color:var(--primary-blue);color:#fff;border:0;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.search-button:hover{background-color:var(--dark-blue)}.voucher-list{display:grid;gap:16px}.voucher-card{background:var(--primary-white);border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.05);border:1px solid var(--gray-medium);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.voucher-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,255,.1)}.voucher-card:first-child{border-left:4px solid var(--primary-yellow)}.voucher-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.voucher-id{font-weight:700;color:var(--primary-blue);font-size:18px}.voucher-date{font-size:14px;color:var(--gray-dark);background:var(--gray-light);padding:4px 8px;border-radius:6px}.voucher-details{display:flex;gap:16px;margin-top:16px}.voucher-detail{display:flex;align-items:center;gap:6px}.detail-icon,.no-vouchers i{color:var(--primary-blue);font-size:16px}.detail-label,.detail-value{font-size:14px;color:var(--gray-dark)}.detail-value{font-weight:600;color:var(--text-dark)}.voucher-actions{margin-top:20px;display:flex;justify-content:flex-end}.login-button{padding:10px 20px;background-color:var(--primary-blue);color:#fff;border:0;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.login-button:hover{background-color:var(--dark-blue)}.no-vouchers{text-align:center;padding:40px 20px;color:var(--gray-dark);font-size:16px}.no-vouchers i{font-size:24px;margin-bottom:12px}.voucher-badge{position:absolute;top:0;right:0;background:var(--primary-yellow);color:var(--text-dark);padding:4px 12px;font-size:12px;font-weight:600;border-bottom-left-radius:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.search-button:disabled{opacity:.7;cursor:not-allowed}